@charset "UTF-8";
/** EM-Based Breakpoints  The breakpoints defined here are based on the concept of designing around user-defined font-sizes, rather than hard pixels. A pixel-based breakpoint will work on a per-device basis but not necessarily on a per-user basis; if the user has set a larger-than-normal font-size as their default browsing font-size, or uses a <%100 page zoom, the pixel-base breakpoint may lead to broken designs.  Resources on using EMs for breakpoints: * https://cloudfour.com/thinks/the-ems-have-it-proportional-media-queries-ftw/ * https://zellwk.com/blog/media-query-units/ * https://github.com/sass-mq/sass-mq */
.partner-banner.banner { padding: 10px 0; }
.partner-banner.banner .body { font-size: 14px; line-height: 3; margin-bottom: 0; }
.partner-banner.banner .body a { color: white; }
.partner-banner.banner .body a:visited { color: white; }

.partner-link-banner.banner { height: 50px; text-shadow: none; background: #7d828a; font-size: 15px; }
.partner-link-banner.banner .partner-enabled-text-container { color: white; display: flex; justify-content: center; align-items: center; height: 100%; font-size: 14px; }
.partner-link-banner.banner .partner-link-top-banner { display: flex; justify-content: space-between; align-items: center; width: calc(100vw - 25em); margin: 0 auto; height: 100%; }
.partner-link-banner.banner .partner-link-top-banner .partner-link-buttons { display: flex; justify-content: center; align-items: center; height: 100%; }
.partner-link-banner.banner .partner-link-top-banner .partner-link-buttons .partner-button { margin-right: 0.6em; white-space: nowrap; }
.partner-link-banner.banner .partner-link-top-banner .partner-list-link { font-size: 14px; text-decoration: none; color: white; }
.partner-link-banner.banner .partner-link-top-banner .partner-list-link .current-partner { font-weight: bold; }
.partner-link-banner.banner .partner-link-top-banner .single-partner { color: white; }
.partner-link-banner.banner .partner-link-top-banner .partner-list-blurb { display: none; }
.partner-link-banner.banner .partner-link-top-banner #jq-dropdown-partner { top: 35px !important; }
.partner-link-banner.banner .partner-link-top-banner .partner-link-container { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.partner-link-banner.banner .partner-link-top-banner .partner-link-container .partner-link-popup { position: absolute; z-index: 1000; color: black; background: white; border-radius: 3px; top: 1.5em; width: 5em; text-align: center; pointer-events: none; }
.partner-link-banner.banner .partner-link-top-banner .partner-link-container .partner-link-preview-popup { min-width: 15em; width: auto; }

@media screen and (max-width: 53em) { .partner-link-banner.banner { display: none !important; } }
/** EM-Based Breakpoints  The breakpoints defined here are based on the concept of designing around user-defined font-sizes, rather than hard pixels. A pixel-based breakpoint will work on a per-device basis but not necessarily on a per-user basis; if the user has set a larger-than-normal font-size as their default browsing font-size, or uses a <%100 page zoom, the pixel-base breakpoint may lead to broken designs.  Resources on using EMs for breakpoints: * https://cloudfour.com/thinks/the-ems-have-it-proportional-media-queries-ftw/ * https://zellwk.com/blog/media-query-units/ * https://github.com/sass-mq/sass-mq */
.sticky-navbar .remind-me-icon-view { font-size: 24px; color: rgba(255, 255, 255, 0.25); }
.sticky-navbar .remind-me-icon-view .error-box { display: none; position: absolute; color: white; font-size: 14px; background: black; height: 40px; line-height: 40px; width: 300px; padding: 2px; border-radius: 3px; text-align: center; top: 42px; bottom: 0; }
.sticky-navbar .remindme-countdown-container { display: none; }

.countdown-timer .countdown-timer-counter { background-color: rgba(0, 0, 0, 0.1); color: white; display: inline-flex; flex-direction: column; justify-content: space-around; align-items: center; box-sizing: border-box; border-radius: 3px; padding: 5px; margin: 2px; width: 40px; height: 40px; }
.countdown-timer .countdown-timer-counter.ending-soon { background-color: #DC4031; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.countdown-timer .countdown-timer-counter label { opacity: 0.2; font-size: 12px; }
.countdown-timer .countdown-timer-counter .countdown-timer-number { line-height: 1em; font-weight: bold; font-size: 18px; }

@media screen and (min-width: 70em) { .sticky-navbar .remindme-countdown-container { display: flex; } }
.button { outline: none; box-sizing: border-box; border: none; border-radius: 3px; color: white; cursor: pointer; display: inline-block; margin: 0; text-decoration: none; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); transition: box-shadow 0.2s ease, background 0.2s ease; }

.button.large { line-height: 46px; font-size: 18px; padding: 0 25px; }

.button.green { background-color: #97b147; background-image: linear-gradient(-180deg, #97B147 0%, #7E992E 91%); text-align: center; border-radius: 3px; color: white; font-weight: bold; cursor: pointer; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); text-transform: uppercase; }
.button.green:hover { background-image: linear-gradient(-180deg, #adcc52 0%, #93b336 100%); }

.sticky-navbar { position: fixed; left: 0; right: 0; background-color: #494f5b; z-index: 300; height: 50px; transition: top 0.2s ease-in-out; }
.sticky-navbar.s-hidden { top: -50px; }
.sticky-navbar.s-fixed { top: 0; }
.sticky-navbar .dd-navbar-row { display: flex; justify-content: space-between; }
.sticky-navbar .dd-navbar-button-list, .sticky-navbar .dd-navbar-product-name { float: left; max-height: 50px; overflow: hidden; }
.sticky-navbar .dd-navbar-button, .sticky-navbar .dd-navbar-product-name { color: #a1a7b3; font-size: 14px; display: inline-block; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0 20px; }
.sticky-navbar .dd-navbar-button { border-bottom: 0px solid #18a1ff; cursor: pointer; transition: border-bottom-width 0.2s ease-in-out; }
.sticky-navbar .dd-navbar-button .section-name { position: relative; transition: bottom 0.2s ease-in-out; }
.sticky-navbar .dd-navbar-product-name { display: none; }
.sticky-navbar .dd-navbar-button.s-selected { border-bottom-width: 5px; }
.sticky-navbar .dd-navbar-button.s-selected .section-name { bottom: 3px; }
.sticky-navbar .dd-navbar-purchase-button { float: right; height: 36px; line-height: 36px; margin-top: 7px; min-width: 180px; }

@media (max-width: 767px) { .sticky-navbar .dd-navbar-button-list { display: none; }
  .sticky-navbar .dd-navbar-product-name { display: block; } }
.js-dd-navbar-remindme-button { display: flex; }
.js-dd-navbar-remindme-button .remind-me-icon-view { margin: auto 16px; display: flex; flex-direction: column; justify-content: center; position: relative; }

.js-dd-navbar-countdown-view { display: flex; }
.js-dd-navbar-countdown-view .countdown-timer { margin: auto 0; }

.dd-availability-icon-popup { background-color: white; border-radius: 3px; color: #3b3e48; display: block; font-size: 14px; font-style: normal; font-weight: normal; left: 50%; line-height: 16px; margin: 0 0 0 -110px; opacity: 0; padding: 10px 10px 0px; position: absolute; text-shadow: none; top: 30px; transition: opacity 0.2s ease-in-out; visibility: hidden; width: 200px; z-index: 100; }

.dd-availability-icon-popup:after { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 9px; margin: 0 -9px; }

.dd-availability-icon-popup-row { color: #cb272c; padding-bottom: 10px; text-shadow: none; }

.dd-availability-icon-popup-row.s-available { color: #3b3e48; }

.dd-availability-icon-popup-text { font-size: 14px; font-style: italic; line-height: 16px; text-align: left; }

.dd-availability-icon-popup-row-img { margin-right: 2px; }

sup.partial-support { color: #f99; font-size: 14px; font-weight: bold; padding-left: 1px; vertical-align: super; }

.fi-row.desktop { margin: auto; max-width: 70%; padding-bottom: 60px; }
.fi-row.desktop .fi-image { display: inline-block; max-width: 20%; margin-right: 10px; vertical-align: top; }
.fi-row.desktop .fi-image img { vertical-align: middle; width: 100%; }
.fi-row.desktop .fi-content { display: inline-block; margin: auto 15px; vertical-align: top; width: 70%; }
.fi-row.desktop .fi-content .fi-content-header { color: #dd99ff; font-size: 14px; }
.fi-row.desktop .fi-content .fi-content-body { color: #bbb; padding-bottom: 10px; }
.fi-row.desktop .fi-content .fi-form .standard-signup-box { margin: 0; }
.fi-row.desktop .fi-content .fi-form .fi-subscribe-checkboxes { color: #bbb; padding-top: 10px; }

.dd-header { margin: 0 0 25px; text-align: center; color: #a1a7b3; flex-basis: 100%; }

.dd-header-headline { text-transform: uppercase; font-weight: bold; font-size: 24px; }

.dd-header-subheader { font-size: 15px; }

.game-boxes { padding: 0; text-align: center; vertical-align: middle; margin: 0; display: inline-block; }
.game-boxes.bta { margin-top: 40px; }
.game-boxes li { display: inline-block; vertical-align: top; text-align: center; line-height: 16px; }
.game-boxes li .table-wrapper { display: table; }
.game-boxes li .table-wrapper a .standard-game-display { display: table-cell; }
.game-boxes li .table-wrapper a .standard-game-display.no-image { white-space: nowrap; }
.game-boxes li .table-wrapper .js-admin-edit { position: relative; }
.game-boxes li .table-wrapper .js-admin-edit .admin-tiny-link i { z-index: 100; left: -20px; }
.game-boxes li a .game-box { display: table; width: 1px; }
.game-boxes li a .game-box .item-title { display: table-row; }
.game-boxes li a .game-box .platforms i { display: inline-block; }
.game-boxes li .no-platform-icons { margin-top: 24px; }
.game-boxes li .side-box-art-text { display: table-cell; font-weight: normal; vertical-align: top; text-align: left; padding-left: 20px; }
.game-boxes li .side-box-art-text p { color: #a1a7b2; font-weight: bold; }
.game-boxes li .side-box-art-text p strong { color: white; }
.game-boxes > li { padding: 10px; }
.game-boxes img { display: block; margin: 0 auto 14px auto; }
.game-boxes a, .game-boxes .item-title { color: #eee; text-decoration: none; font-weight: bold; display: table-row; position: relative; }
.game-boxes .game-box { display: table-cell; position: relative; }
.game-boxes .game-box .item-title { display: inline-block; }
.game-boxes .subtitle { display: block; font-size: 11px; font-weight: normal; color: #EF9741; }
.game-boxes .soundtrack-tiers { font-size: 80%; color: #ddd; }

.dd-image-box-white { color: #E8E8E8; }

/* books */
.game-boxes li.book a .game-box { z-index: 2; width: 137.8125px; }
.game-boxes li.book a img { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); height: 196px; margin-bottom: 20px; }
.game-boxes li.book a:before { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.27) 2%, rgba(255, 255, 255, 0.14) 4%, rgba(250, 250, 250, 0) 6%, transparent 100%); box-shadow: inset 0 -10px 30px 5px rgba(0, 0, 0, 0.2); content: ""; display: block; height: 196px; left: 50%; margin-left: -69px; margin-top: 0; position: absolute; width: 137px; z-index: 3; }
.game-boxes li.book a:after { background-color: white; content: ""; display: block; height: 192px; left: 50%; margin-left: -69px; margin-top: 2px; top: 0; padding-right: 2px; position: absolute; width: 137px; z-index: 1; }

/* audiobooks & soundtracks */
.audiobook { display: inline-block; color: #E6E6E6; font-size: 12px; text-decoration: none; font-weight: bold; position: relative; z-index: 1 !important; margin-right: 20px; }
.audiobook .cd-shadow { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 180px; height: 180px; z-index: -1; position: absolute; top: 10px; right: 10px; }
.audiobook .game-box { width: 180px !important; background-repeat: no-repeat; background-size: contain; }
.audiobook .game-box .item-title, .audiobook .game-box i { padding-top: 190px; display: block !important; }
.audiobook .game-box:after, .audiobook .game-box i:after { background-color: white; border-radius: 100%; content: ""; display: block; left: 20%; top: 2%; height: 162px; width: 162px; position: absolute; z-index: -2; border: 2px solid #f0f0f0; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); }

.soundtrack { display: inline-block; color: #E6E6E6; font-size: 12px; text-decoration: none; font-weight: bold; position: relative; z-index: 1 !important; }
.soundtrack .cd-shadow { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 48px; height: 48px; z-index: -1; position: absolute; top: 10px; right: 10px; }
.soundtrack .game-box { width: 48px !important; background-repeat: no-repeat; background-size: contain; }
.soundtrack .game-box .item-title, .soundtrack .game-box i { padding-top: 58px; display: block !important; }
.soundtrack .game-box:after, .soundtrack .game-box i:after { background-color: white; border-radius: 100%; content: ""; display: block; left: 20%; top: 2%; height: 43px; width: 43px; position: absolute; z-index: -2; border: 2px solid #f0f0f0; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); }
.soundtrack .game-box:after { transition: left 0.2s ease; }
.soundtrack:hover .game-box:after { left: 30%; }
.soundtrack + .soundtrack { margin-left: 26px; }

.soundtracks.fixed { background: none; }

.dd-image-box { position: relative; align-self: baseline; }

.dd-image-box-badge-holder { display: flex; position: absolute; top: -4px; right: -4px; z-index: 70; }

.dd-image-box-badge { width: 28px; height: 28px; margin-right: 1px; text-align: center; border-radius: 500px; background-color: #97B147; }
.dd-image-box-badge.earlyaccess { background-color: #4a90e2; }
.dd-image-box-badge.dlc { background-color: #DD99FF; }
.dd-image-box-badge.special_edition { background-color: #EF9741; }

.dd-image-box-badge-text { color: white; font-size: 14px; font-weight: bold; line-height: 28px; position: relative; text-shadow: none; }

.dd-image-box-figure { background-position: bottom; cursor: pointer; display: inline-block; position: relative; }

.hoverable .dd-image-box-figure { -webkit-transition: transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }
.hoverable .dd-image-box-figure:hover, .hoverable .dd-image-box-figure:focus { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); z-index: 2; }

.dd-image-holder { position: relative; }

img.dd-image-box-figure-img { background-repeat: no-repeat; background-size: cover; bottom: 0px; display: block; margin: auto; max-height: 240px; max-width: 180px; width: 100%; }

.dd-image-box-caption-container { position: relative; z-index: 1; }
.dd-image-box-caption-container .dd-captions { display: flex; flex-direction: column; }

.dd-image-box-caption { text-align: center; margin: 5px auto; max-width: 170px; word-wrap: break-word; }
.dd-image-box-caption .dd-caption-lock { display: inline; }

.dd-image-box-text { justify-self: flex-start; font-size: 15px; line-height: 22px; letter-spacing: .2px; }

.dd-callout { color: #EF9741; font-size: 13px; font-weight: bold; line-height: 16px; text-align: center; }

.dd-subtitle-html { color: #E8E8E8; font-size: 13px; font-style: italic; line-height: 18px; letter-spacing: .2px; font-weight: normal; text-align: center; }

@media screen and (max-width: 767px) { .dd-tooltip-wrapper, .dd-subscriber { display: none; } }
@media screen and (min-width: 768px) { .dd-tooltip-wrapper { justify-self: baseline; font-style: normal; text-align: center; color: #E8E8E8; position: relative; }
  .dd-reviewbox { border: 1px solid white; border-radius: 3px; margin-top: 5px; padding: 5px 0; cursor: pointer; }
  .dd-tooltip-wrapper .dd-tooltipcarrot { display: none; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; margin: auto; position: absolute; left: 0; right: 0; }
  .dd-tooltip-wrapper .dd-tooltiptext { position: absolute; height: 0px; font-size: 0; color: black; line-height: 1; border-radius: 3px; margin-top: 5px; }
  .dd-tooltip-wrapper:hover .dd-tooltipcarrot { display: block; }
  .dd-tooltip-wrapper:hover .dd-tooltiptext { height: auto; background-color: white; padding: 10px; font-size: inherit; } }
.accolade { color: #5db7e4; font-weight: bold; }

.dd-unavailable-in-region-text { display: none; color: white; position: absolute; width: 100%; font-weight: bold; font-size: 14px; padding: 10px; box-sizing: border-box; text-align: center; top: 10%; }

.s-region-locked .dd-unavailable-in-region-text, .s-sold-out .dd-unavailable-in-region-text { display: block; }
.s-region-locked .dd-image-box-figure img, .s-sold-out .dd-image-box-figure img { opacity: 0.3; }
.s-region-locked .dd-image-box-caption, .s-sold-out .dd-image-box-caption { text-decoration: line-through; }

.wide-game-image img.dd-image-box-figure-img { max-width: 308px; max-height: 177px; }
.wide-game-image .dd-image-box-text { line-height: normal; letter-spacing: normal; }
.wide-game-image .dd-image-box-caption { max-width: 308px; }

.steam-none { color: #929396; }

.steam-positive { color: #66C0F4; }

.steam-mixed { color: #B9A074; }

.steam-negative { color: #A34C25; }

.dd-gradient-icons { position: absolute; bottom: 0; left: 0; color: #D5D9E1; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; padding: 5px 5px 0; box-sizing: border-box; z-index: 70; text-shadow: #000 0px 0px 2px; }

.dd-availability-icon-list, .dd-delivery-icon-list { position: absolute; bottom: 0; margin: 10px; }

.dd-availability-icon-list { left: 0; }

.dd-delivery-icon-list { right: 0; }

.dd-availability-icon { display: inline-table; margin: 1px 4px; position: relative; }

.dd-availability-icon-image { font-size: 19px; }
.dd-availability-icon-image.has-popup { cursor: help; }

.dd-availability-continues { margin-left: -3px; font-weight: bold; display: inline-table; }

.rating { display: inline-block; width: 32px; height: 32px; margin-right: 5px; background-size: cover; vertical-align: middle; }

.rating.bbfc { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/633dd818d130dad5c999fd78b60d5209e45825e1.png"); }

.rating.bbfc.bbfc-u { background-position: -32px; }

.rating.bbfc.bbfc-12a { background-position: -64px; }

.rating.bbfc.bbfc-12 { background-position: -96px; }

.rating.bbfc.bbfc-15 { background-position: -128px; }

.rating.bbfc.bbfc-18 { background-position: -160px; }

.rating.bbfc.bbfc-r18 { background-position: -193px; }

.rating.cero { width: 26px; background-image: url("//humblebundle-a.akamaihd.net/static/hashed/7745217f293cb86bf37d1d91e9842450e6196f1d.png"); }

.rating.cero.cero-b { background-position: -26px; }

.rating.cero.cero-c { background-position: -51px; }

.rating.cero.cero-d { background-position: -77px; }

.rating.cero.cero-z { background-position: -102px; }

.rating.djctq { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/a4972eb1ad5d672811c38df259d5df86b67b0376.png"); }

.rating.djctq.djctq-er { background-position: -32px; }

.rating.djctq.djctq-10 { background-position: -64px; }

.rating.djctq.djctq-12 { background-position: -96px; }

.rating.djctq.djctq-14 { background-position: -128px; }

.rating.djctq.djctq-16 { background-position: -160px; }

.rating.djctq.djctq-18 { background-position: -192px; }

.rating.esrb, .rating.pegi { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/61b488b704ac86ab2b7d15a43cb883632459301e.png"); }

.rating.esrb { width: 40px; height: 54px; }

.rating.esrb.esrb-e { background-position: -44px; }

.rating.esrb.esrb-e10 { background-position: -88px; }

.rating.esrb.esrb-t { background-position: -132px; }

.rating.esrb.esrb-m { background-position: -176px; }

.rating.esrb.esrb-a { background-position: -220px; }

.rating.esrb.esrb-rp { background-position: -264px; }

.rating.grb { width: 28px; background-image: url("//humblebundle-a.akamaihd.net/static/hashed/2177b52b6dac1a615d587ba6b1e41c347e41e05f.png"); }

.rating.grb.grb-12 { background-position: -28px; }

.rating.grb.grb-15 { background-position: -56px; }

.rating.grb.grb-18 { background-position: -84px; }

.rating.grb.grb-test { background-position: -110px; }

.rating.mda { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/a5aa27a6fdeb68e07b049ca46f22a42998d5081f.png"); }

.rating.mda.mda-pg { background-position: -32px; }

.rating.mda.mda-pg13 { background-position: -64px; }

.rating.mda.mda-nc16 { background-position: -96px; }

.rating.mda.mda-m18 { background-position: -128px; }

.rating.oflc-au { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/f96f1a64b8140ef28eb38be8d4051c723c2845cd.png"); width: 64px; height: 64px; }

.rating.oflc-au.oflc-au-g { background-position: -64px; }

.rating.oflc-au.oflc-au-pg { background-position: -128px; }

.rating.oflc-au.oflc-au-m { background-position: -192px; }

.rating.oflc-au.oflc-au-ma15 { background-position: -256px; }

.rating.oflc-au.oflc-au-r18 { background-position: -320px; }

.rating.oflc-au.oflc-au-x18 { background-position: -384px; }

.rating.oflc-nz { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/a0f3cdc96e331a832f18bb023be0681cd1894553.png"); width: 64px; height: 64px; }

.rating.oflc-nz.oflc-nz-pg { background-position: -64px; }

.rating.oflc-nz.oflc-nz-m { background-position: -128px; }

.rating.oflc-nz.oflc-nz-r { background-position: -192px; }

.rating.oflc-nz.oflc-nz-r13 { background-position: -256px; }

.rating.oflc-nz.oflc-nz-rp13 { background-position: -320px; }

.rating.oflc-nz.oflc-nz-r15 { background-position: -384px; }

.rating.oflc-nz.oflc-nz-r16 { background-position: -448px; }

.rating.oflc-nz.oflc-nz-r18 { background-position: -512px; }

.rating.pegi { width: 44px; height: 54px; }

.rating.pegi.pegi-3 { background-position: -308px; }

.rating.pegi.pegi-7 { background-position: -352px; }

.rating.pegi.pegi-12 { background-position: -396px; }

.rating.pegi.pegi-16 { background-position: -440px; }

.rating.pegi.pegi-18 { background-position: -484px; }

.rating.rar { width: 56px; height: 62px; background-image: url("//humblebundle-a.akamaihd.net/static/hashed/2117099bdaeef2d4f2be92e39b1d3cc25ae3c1a5.png"); }

.rating.rar.rar-6 { background-position: -56px; }

.rating.rar.rar-12 { background-position: -112px; }

.rating.rar.rar-16 { background-position: -168px; }

.rating.rar.rar-18 { background-position: -224px; }

.rating.usk { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/27c2a51e3a3b2ce9787289dc368f7d17e8a3aec6.png"); width: 64px; height: 64px; }

.rating.usk.usk-6 { background-position: -64px; }

.rating.usk.usk-12 { background-position: -128px; }

.rating.usk.usk-16 { background-position: -192px; }

.rating.usk.usk-18 { background-position: -256px; }

.dd-game-row { position: relative; }

.slideout-content-dev-anchor { text-decoration: none; border-bottom: 1px solid #EF9741; }

.slideout-content-dev-name { color: #EF9741; font-size: 14px; }

.slideout-content-developer-separator { color: white; }

.slideout-availability-icons { display: flex; flex-wrap: wrap; }

.slideout-availability-icon-container { display: flex; flex-flow: row nowrap; height: 100%; margin-bottom: 10px; margin-right: 10px; }

.slideout-availability-icon-wrapper { height: 38px; padding: 0 11px; background-color: #51565f; color: #E4E7ED; line-height: 38px; font-size: 24px; border-radius: 3px; border: 1px solid #a1a6b2; box-sizing: border-box; }
.slideout-availability-icon-wrapper.has-delivery-icons { border-radius: 3px 0 0 3px; border-right: none; }

.slideout-platforms { height: 38px; line-height: 38px; color: white; font-size: 16px; padding: 0 2px; border: 1px solid #a1a6b2; border-radius: 0 3px 3px 0; box-sizing: border-box; }

.slideout-platform { margin: 0 4px; }

.slideout-rating { display: flex; margin-bottom: 10px; }
.slideout-rating .rating-icon { width: 15%; }
.slideout-rating ul.rating-details { display: inline-block; list-style-type: none; padding: 0; margin: auto; vertical-align: middle; width: 85%; }
.slideout-rating ul.rating-details li { float: left; font-weight: bold; margin-left: 5px; max-width: 120px; width: 100%; }

.hover-black-overlay { background-color: #282C34; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; transition: visibility 0.1s ease-in-out; visibility: hidden; width: 100%; z-index: 60; }

.hover-icon-holder { cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 61; }

.hover-icon { color: white; font-size: 64px; opacity: 1; text-align: center; width: 100%; vertical-align: middle; visibility: hidden; transition: visibility 0.1s ease-in-out; }

.hoverable:hover .hover-black-overlay, .hoverable:hover .hover-icon { visibility: visible; }

.soundtracks-hidden { display: none; }

.soundtrack-listing-container { display: flex; flex-direction: row; flex-wrap: wrap; }

.track { display: flex; justify-content: space-between; padding: 1px 5px; width: calc(50% - 10px); }
.track .track-title { overflow: hidden; padding-right: 5px; text-overflow: ellipsis; white-space: nowrap; }
.track .track-title .track-play { cursor: pointer; padding-right: 2px; }
.track .track-title .track-play.hb-pause { color: #EF9741; }
.track .track-title .track-number { cursor: pointer; }
.track .track-length { align-self: center; color: #a1a7b2; margin-right: 15px; }

.jp-audio .jp-gui { background: #3b3e48; color: white; margin-left: auto; margin-right: auto; width: 240px; height: 20px; padding: 10px; }
.jp-audio .jp-play { color: white; font-size: 20px; display: inline-block; width: 20px; height: 20px; }
.jp-audio .jp-play.loading:before { content: url("//humblebundle-a.akamaihd.net/static/hashed/6f42c642858f68c80b4557c0a87c47e108ed8a97.gif"); }
.jp-audio .jp-details { display: inline-block; line-height: 10px; }
.jp-audio .jp-title { margin-left: 5px; width: 178px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jp-audio .jp-progress { display: inline-block; height: 3px; width: 178px; margin: 0 5px; vertical-align: middle; }
.jp-audio .jp-seek-bar { height: 100%; width: 100%; border: 1px solid #a1a7b2; border-radius: 10px; }
.jp-audio .jp-play-bar { height: 100%; background: #97b147; position: relative; left: -1px; }
.jp-audio .jp-play-dot { display: inline-block; position: relative; left: -3px; top: -7px; font-size: 10px; }
.jp-audio .jp-remaining { display: inline-block; width: 30px; margin-left: 2px; vertical-align: bottom; }
.jp-audio .jp-no-solution { color: white; display: none; }

.slideout-holder { border-top: 1px solid rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.5); height: 100%; background-color: #282C34; display: none; margin-top: 30px; z-index: 0; }
.slideout-holder a { color: #EF9741; }

.slideout-up-arrow { display: none; position: relative; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid rgba(0, 0, 0, 0.5); top: 0px; left: 0px; z-index: 8; }
.slideout-up-arrow.animate { transition: left 0.25s ease-in-out; }
.slideout-up-arrow .slideout-inner-triangle { position: relative; top: 1px; left: -30px; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #282C34; z-index: 9; }

.desktop-slideout-container { position: relative; width: 100vw; }
.desktop-slideout-container .navigation-content, .desktop-slideout-container .close-slideout { background-color: #282C34; cursor: pointer; padding: 10px; position: absolute; transition: background-color 0.2s ease-in-out; }
.desktop-slideout-container .navigation-content:hover, .desktop-slideout-container .close-slideout:hover { background-color: rgba(255, 255, 255, 0.1); }
.desktop-slideout-container .navigation-content { bottom: 30px; color: #eee; font-size: 48px; top: 30px; }
.desktop-slideout-container .navigation-content.left { left: 10px; }
.desktop-slideout-container .navigation-content.right { right: 10px; }
.desktop-slideout-container .navigation-content .center { bottom: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.desktop-slideout-container .close-slideout { border-radius: 50%; color: rgba(255, 255, 255, 0.3); font-size: 24px; top: 10px; z-index: 1; text-align: center; width: 32px; right: 35px; }
.desktop-slideout-container .desktop-slideout-content-container { max-width: 1150px; margin: auto; height: 100%; overflow: hidden; width: 100%; }
.desktop-slideout-container .media-load-spinner { font-size: 75px; color: #3b3e48; position: absolute; text-align: center; width: 100%; }
.desktop-slideout-container .desktop-slideout-media { align-items: center; max-height: 350px; align-self: center; display: flex; flex-direction: column; max-width: 600px; position: relative; width: 65%; }
@media screen and (max-width: 1000px) { .desktop-slideout-container .desktop-slideout-media { width: 100%; margin-bottom: 20px; } }
.desktop-slideout-container .desktop-slideout-media .slideout-image { margin: 0 auto; flex-shrink: 0; height: auto; max-width: 100%; }
.desktop-slideout-container .desktop-slideout-media .image-holder.hb-play { color: white; font-size: 75px; opacity: 0.75; position: absolute; transition: opacity 0.1s ease-in-out; z-index: 50; cursor: pointer; width: 100%; max-width: 600px; text-align: center; left: 0; }
.desktop-slideout-container .desktop-slideout-media .image-holder.hb-play:hover { opacity: 1; }
.desktop-slideout-container .desktop-slideout-media .preview-overlay { background-color: rgba(0, 0, 0, 0.6); bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; }
.desktop-slideout-container .desktop-slideout-media .preview-overlay .preview-icon { color: white; position: absolute; top: calc(50% - 95px); left: calc(50% - 95px); width: 190px; height: 70px; padding-top: 120px; text-align: center; }
.desktop-slideout-container .desktop-slideout-media .preview-overlay .preview-icon-generic { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/fcaf5d01bf5ddc15b4493daf63965e28492ad93b.png"); }
.desktop-slideout-container .desktop-slideout-media .preview-overlay .preview-icon-pdf { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/d3b0ea5548d542d3a8dc68def4ccd70fdc7eddf6.png"); }
.desktop-slideout-container .desktop-slideout-media .preview-overlay .preview-text { display: block; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.desktop-slideout-container .desktop-slideout-media .preview-overlay .preview-size { font-size: 10px; }
.desktop-slideout-container .desktop-slideout-body { color: white; display: flex; flex-direction: column; margin-left: 3%; max-height: 350px; position: relative; }
.desktop-slideout-container .desktop-slideout-body.text-slideout { width: 35%; }
@media screen and (max-width: 1000px) { .desktop-slideout-container .desktop-slideout-body.text-slideout { width: 100%; max-width: 600px; margin: auto; } }
.desktop-slideout-container .desktop-slideout-body.full-width { width: 100%; }
.desktop-slideout-container .desktop-slideout-content { display: flex; align-items: flex-start; justify-content: center; margin: auto; padding: 10px 55px 30px 55px; }
@media screen and (max-width: 1000px) { .desktop-slideout-container .desktop-slideout-content { flex-wrap: wrap; flex-flow: column; align-items: center; } }
.desktop-slideout-container .desktop-slideout-content-heading { margin: 0; margin-bottom: 5px; }
.desktop-slideout-container .desktop-slideout-content-developers { margin: 0; margin-bottom: 10px; }
.desktop-slideout-container .desktop-slideout-text { flex-shrink: 10; overflow: auto; padding-bottom: 10px; scrollbar-base-color: #282C34; scrollbar-arrow-color: #3b3e48; }
.desktop-slideout-container .desktop-slideout-text::-webkit-scrollbar { width: 10px; height: 10px; }
.desktop-slideout-container .desktop-slideout-text::-webkit-scrollbar-thumb { background: #3b3e48; visibility: hidden; }
.desktop-slideout-container .desktop-slideout-text:hover::-webkit-scrollbar-thumb { visibility: visible; }
.desktop-slideout-container .desktop-slideout-text::-webkit-scrollbar-track { background: #282C34; }
.desktop-slideout-container .desktop-slideout-text.fade:after { content: ' '; background-image: linear-gradient(to bottom, transparent 0%, #282C34 100%); bottom: -5px; display: block; height: 50px; left: 0; position: absolute; width: calc(100% - 13.5px); /* Decreasing width to exclude the scrollbar from being affected by the gradient */ z-index: 1; }

.ch-body .slideout-holder { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

.ch-body { cursor: pointer; }

.dd-game-row { padding: 75px 0 0; }

/* image_box extras */
.dd-image-box-list { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 60px; }

.dd-image-box { width: 180px; margin: 13px 10px 0; }

/* Allows tooltips like steam and platforms to be displayed over other dd-image-boxes */
.dd-image-box:hover { z-index: 2; }

.dd-image-box.desktop .dd-image-box-badge .badge-info { background-color: #97B147; border: none; border-radius: 500px; font-size: 12px; left: 3px; line-height: 10px; opacity: 0; overflow: hidden; padding: 9px; padding-left: 27px; position: absolute; text-align: right; top: 0px; transition: opacity ease-in-out 0.3s; width: auto; white-space: nowrap; z-index: -1; }
.dd-image-box.desktop .dd-image-box-badge:hover .badge-info { opacity: 1; }
.dd-image-box.desktop .dd-image-box-badge.earlyaccess .badge-info { background-color: #4A90E2; }
.dd-image-box.desktop .dd-image-box-badge.dlc .dd-image-box-badge-text .hb-gamepad { font-size: 16px; }
.dd-image-box.desktop .dd-image-box-badge.dlc .badge-info { background-color: #DD99FF; }
.dd-image-box.desktop .dd-image-box-badge.special_edition .badge-info { background-color: #EF9741; }

.dd-image-box.wide-game-image { width: 308px; }
.dd-image-box.wide-game-image .dd-gradient-icons { height: 40px; }

/* availability_icon_list */
.dd-gradient-icons { height: 85px; background: none; /* For browsers that do not support gradients */ background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 60%, transparent 100%); }

.dd-availability-icon:hover .dd-availability-icon-popup { opacity: 1; visibility: visible; }

/** EM-Based Breakpoints  The breakpoints defined here are based on the concept of designing around user-defined font-sizes, rather than hard pixels. A pixel-based breakpoint will work on a per-device basis but not necessarily on a per-user basis; if the user has set a larger-than-normal font-size as their default browsing font-size, or uses a <%100 page zoom, the pixel-base breakpoint may lead to broken designs.  Resources on using EMs for breakpoints: * https://cloudfour.com/thinks/the-ems-have-it-proportional-media-queries-ftw/ * https://zellwk.com/blog/media-query-units/ * https://github.com/sass-mq/sass-mq */
.admin-quicklinks { list-style: none; z-index: 150; position: fixed; bottom: 75px; right: 10px; height: 45px; width: 47px; margin: 0; padding: 5px; border: 2px solid #DC4031; border-radius: 5px; background: #fff; font-size: 12px; text-align: right; box-sizing: content-box; transition: height 200ms ease-out, width 200ms ease-out, padding 200ms ease-out; }
.admin-quicklinks .hb-bundle { position: fixed; color: #cb272c; right: 16px; font-size: 45px; }
.admin-quicklinks:hover { height: auto; width: auto; padding: 10px; }
.admin-quicklinks:hover .hb-bundle { display: none; }
.admin-quicklinks:hover .menu-item { display: block; width: auto; }
.admin-quicklinks .menu-item { display: none; width: 0; padding: 5px 0; }
.admin-quicklinks .quicklink { color: #000; text-decoration: none; }

.admin-tiny-link { position: relative; overflow: visible; font-size: 12px; color: white !important; z-index: 100; text-decoration: none; }
.admin-tiny-link i { position: absolute; left: -10px; top: -10px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.6); transform: scale(1); transform-origin: center; transition: text-shadow .3s ease, transform .3s ease; }
.admin-tiny-link i:hover { text-shadow: 0 3px 5px rgba(0, 0, 0, 0.4); transform: scale(2); }
.admin-tiny-link.disabled { display: none; }

@media (min-width: 70em) { .admin-quicklinks { bottom: 10px; } }
.slick-dots { list-style: none; padding: 0; margin: 0; text-align: center; }
.slick-dots li { display: inline-block; padding: 0 5px; font-size: 10px; }
.slick-dots li.slick-active .page-dot { opacity: 1; }
.slick-dots li .page-dot { color: white; cursor: pointer; opacity: 0.5; }
.slick-dots li .page-dot:hover, .slick-dots li .page-dot:focus { opacity: 0.75; outline: none; }

.slick-track { display: flex; }
.slick-track .slick-slide { height: unset; }
.slick-track .slick-slide:focus { outline: none; }

.hb.slick-arrow { opacity: 0.4; transition: opacity 100ms ease-in-out; cursor: pointer; font-size: 24px; z-index: 100; }
.hb.slick-arrow.slick-disabled { opacity: 0.1; cursor: unset; }
.hb.slick-arrow:not(.slick-disabled):hover, .hb.slick-arrow:not(.slick-disabled):focus { opacity: 0.8; }
.hb.slick-arrow:focus { outline: none; }

.dot-arrow-nav { display: flex; justify-content: center; align-items: center; padding-top: 10px; }
.dot-arrow-nav .hb-chevron-right { order: 9999; }
.dot-arrow-nav .hb-chevron-left { order: -9999; }

@media (max-width: 1024px) { .slick-dots li { font-size: unset; }
  .page-dot { font-size: 10px; } }
@media (max-width: 1024px) { .navbar.headroom--pinned ~ .monthly-navbar .sticky-navbar:not(.s-hidden) { top: 66px; } }
.sticky-navbar { white-space: nowrap; display: flex; padding: 0 16px; pointer-events: auto; transform: translateZ(0); }
.sticky-navbar.s-hidden { transition-property: opacity, top; transition-duration: .2s; opacity: 0; }
.sticky-navbar .u-navbar-constrain-width { margin: auto; width: 100%; }
.sticky-navbar .dd-navbar-row { align-items: center; }
.sticky-navbar .dd-navbar-button-list { flex: 10; }
.sticky-navbar .dd-navbar-button { font-weight: bold; text-transform: uppercase; padding: 0; margin: 0 10px; color: #a1a7b2; }
.sticky-navbar .dd-navbar-button.s-selected { color: white; border-bottom-width: 4px; }
.sticky-navbar .remind-me-icon-view, .sticky-navbar .countdown-timer { margin-right: 16px; }
.sticky-navbar .monthly-navbar-message { color: white; }
.sticky-navbar .subscribe-button .rectangular-button { min-width: 8em; text-align: center; }

@media (max-width: 1024px) { .sticky-navbar .countdown-timer { display: none; } }
/* Slider */
.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/** EM-Based Breakpoints  The breakpoints defined here are based on the concept of designing around user-defined font-sizes, rather than hard pixels. A pixel-based breakpoint will work on a per-device basis but not necessarily on a per-user basis; if the user has set a larger-than-normal font-size as their default browsing font-size, or uses a <%100 page zoom, the pixel-base breakpoint may lead to broken designs.  Resources on using EMs for breakpoints: * https://cloudfour.com/thinks/the-ems-have-it-proportional-media-queries-ftw/ * https://zellwk.com/blog/media-query-units/ * https://github.com/sass-mq/sass-mq */
.hero-invisible-link { text-decoration: none; color: white; }

.hero-tile-view { position: relative; width: 100%; margin: 0 auto; }

.with-banner .hero-foreground-container .stamp { display: none; }

.hero-foreground-container { height: 100%; width: 100%; z-index: 1; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; text-overflow: wrap; color: white; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.85); }
.hero-foreground-container .hero-foreground { width: 100%; }
.hero-foreground-container .hero-foreground.monthly-hero { display: flex; flex-direction: column; min-height: 30em; justify-content: center; }
.hero-foreground-container .bold-upper { font-weight: bold; text-transform: uppercase; }
.hero-foreground-container .tile-stamp-and-logo { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.hero-foreground-container .hero-section-logo { height: 11.5em; width: 70%; max-width: 65em; margin: 0.75em auto; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; }
.hero-foreground-container .time-left { margin: 1.25em; font-size: .8em; }
.hero-foreground-container .hero-title { margin-top:  0 0.2em; font-size:  1 0.35em; }
.hero-foreground-container .marketing-blurb, .hero-foreground-container .detailed-marketing-blurb { font-size: 1.1em; line-height: 1.75em; color: rgba(255, 255, 255, 0.75); width: 45%; max-width: 45em; margin: .75em auto; display: none; }
.hero-foreground-container .hero-highlights { font-size: 1.2em; display: flex; flex-wrap: wrap; justify-content: center; color: white; }
.hero-foreground-container .highlight-popup-container { display: flex; flex-direction: column; position: relative; }
.hero-foreground-container .highlight-popup { width: 170px; align-self: center; position: absolute; top: 40px; visibility: hidden; opacity: 0; transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; text-align: left; background-color: white; padding: 10px; font-size: 14px; border-radius: 3px; color: black; text-shadow: none; }
.hero-foreground-container .highlight-popup:after { bottom: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: 9px solid rgba(255, 255, 255, 0); border-bottom-color: white; margin-left: -9px; }
.hero-foreground-container .highlight:hover ~ .highlight-popup { opacity: 1; visibility: visible; }
.hero-foreground-container .highlight-container { display: flex; flex-direction: row; }
.hero-foreground-container .hero-highlight { font-size: inherit; }
.hero-foreground-container .highlight-divider { color: rgba(255, 255, 255, 0.5); margin: auto 0.75em; font-size: 0.5em; }
.hero-foreground-container .cta-button { cursor: pointer; padding: 0.8em 1.25em 1em; margin: 0.75em auto .625em; font-size: 1.15em; text-rendering: optimizeLegibility; }
.hero-foreground-container .hero-countdown-container { display: flex; justify-content: center; }
.hero-foreground-container .remindme-visible { margin-right: 3em; }
.hero-foreground-container .hero-remindme-container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 3em; margin-right: 1em; }
.hero-foreground-container .hero-remindme-container .remind-me .remind-me-icon-view { display: flex; flex-direction: column; position: relative; align-items: center; }
.hero-foreground-container .hero-remindme-container .remind-me .remind-me-icon-view .error-box { position: absolute; width: 25em; top: 5em; }
.hero-foreground-container .hero-remindme-container .remind-me .remind-me-icon-view .save-button { font-size: 2em; }
.hero-foreground-container .timer .rectangular-button { padding: 0.35em 0.15em; border-radius: 0.2em; }
.hero-foreground-container .hero-timer-item { width: 3em; margin-right: 3px; background-color: rgba(10, 10, 10, 0.5); }
.hero-foreground-container .hero-timer-item.ending-soon { background-color: #DC4031; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.hero-foreground-container .hero-timer-item .timer-field { font-size: 1.75em; }
.hero-foreground-container .hero-timer-item .timer-unit { font-weight: normal; text-transform: lowercase; position: relative; top: -0.3em; font-size: .85em; color: rgba(255, 255, 255, 0.75); }
.hero-foreground-container .stamp { display: block; opacity: 0.75; background: center no-repeat; background-size: contain; width: 6%; max-width: 110px; margin: 1.25em auto; }
.hero-foreground-container .stamp:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }
.hero-foreground-container .stamp.audiobook { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/61f6dbb0e2d44e9940306e4c674279e914bcc55b.svg"); }
.hero-foreground-container .stamp.books { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/221cc36fb46b3d530aa78db73f46b9eddb705647.svg"); }
.hero-foreground-container .stamp.comics { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/0c180226dfc9fd17575ecb33938beb9c181080bc.svg"); }
.hero-foreground-container .stamp.games { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/c9eb8360a57dec0e5d95d79a68be779ca564d9a2.svg"); }
.hero-foreground-container .stamp.mixed { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/24d2f0ddc3a491d6550a26338c1d03eccb1b2dfa.svg"); }
.hero-foreground-container .stamp.mobile { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/020ccae5dcae26bd2108beb541af20f1a1c7243c.svg"); }
.hero-foreground-container .stamp.monthly_stamp { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/6bbbe1616ae0a9ad1e63addbbf54373dd633bcb9.svg"); }
.hero-foreground-container .stamp.software { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/5ec081962ffab0fe6479f7e2a915b1dec9d4a66e.svg"); }

.hero-background-container { position: absolute; pointer-events: none; width: 100%; height: 100%; z-index: -1; }

.hero-background { position: relative; overflow: hidden; width: 100%; height: 150%; background-color: #2b2b2b; perspective: 700px; }

.high-dpi-chrome-windows .hero-background { perspective: none; }

.hero-background-overlay { position: absolute; background: linear-gradient(to bottom, rgba(72, 79, 92, 0) 0%, rgba(72, 79, 92, 0.82) 50%, rgba(72, 79, 92, 0.96) 83%, #484f5c 100%); height: 150%; width: 100%; z-index: 1; }

.hero-background-side-fadeout { position: absolute; background: linear-gradient(to right, #484f5c 0%, rgba(72, 79, 92, 0) 5%, rgba(72, 79, 92, 0) 95%, #484f5c 100%); height: 150%; width: 100%; z-index: 1; pointer-events: none; }

@keyframes animatedBackground { from { transform: scale(1.25) rotateX(20deg) translateX(-600px) translateY(-400px); }
  to { transform: scale(1.25) rotateX(25deg) translateX(-600px) translateY(-2800px); } }
.image-grid { position: absolute; animation: animatedBackground 75s linear infinite; opacity: .5; height: 100%; display: flex; flex-flow: row wrap; flex-basis: auto; flex-grow: 1; justify-content: flex-start; align-content: flex-start; padding: .1vh; margin: 0 0; }

.image-grid-item { display: block; opacity: .8; transform: scale(1); margin: auto; }

.image-grid-item-container { list-style: none; max-width: 308px; min-width: 150px; max-height: 218px; margin: 0 0; overflow: hidden; display: flex; }

.hero-background-image { position: absolute; height: 600px; width: 100%; padding: .1vh; margin: 0 0; }

.portrait-grid { min-width: 3000px; }

.game-grid { min-width: 3080px; }

.hero-charity-container { pointer-events: none; position: absolute; width: calc(100vw - 13.5em); max-width: 1500px; margin-left: auto; margin-right: auto; left: 0; right: 0; height: 100%; }
.hero-charity-container .hero-charity-box-container { width: 100%; height: 100%; position: relative; }
.hero-charity-container .hero-charity-box-container.expanded-charity-box .hero-charity-box .hero-charity-content { max-height: 40em; }
.hero-charity-container .hero-charity-box-container.expanded-charity-box .hero-charity-box .hero-charity-content .hero-charity-item { display: block; }
.hero-charity-container .hero-charity-box-container.expanded-charity-box .hero-charity-box .hero-hidden-charities-container { max-height: 0; pointer-events: none; }
.hero-charity-container .hero-charity-box-container.expanded-charity-box .hero-charity-box .hero-hidden-charities-container .hero-hidden-charities { display: none; }
.hero-charity-container .hero-charity-box-container .hero-charity-box { pointer-events: all; position: absolute; display: flex; flex-direction: column; width: 12.5em; bottom: 2em; right: 0; padding: 5px; background-color: white; border-radius: 3px; opacity: 0.6; transition: opacity .25s ease-in-out; z-index: 2; }
.hero-charity-container .hero-charity-box-container .hero-charity-box:hover { opacity: 1; }
.hero-charity-container .hero-charity-box-container .hero-charity-box .hero-charity-content { max-height: 3.75em; transition: max-height 0.25s ease-in-out; overflow: hidden; width: 100%; display: flex; flex-flow: row wrap; }
.hero-charity-container .hero-charity-box-container .hero-charity-box .hero-charity-content .hero-charity-item { width: 47%; margin: auto; display: none; }
.hero-charity-container .hero-charity-box-container .hero-charity-box .hero-charity-content .hero-charity-item:nth-child(-n+2) { display: block; }
.hero-charity-container .hero-charity-box-container .hero-charity-box .hero-charity-content .hero-charity-item .hero-charity-logo { width: 100%; }
.hero-charity-container .hero-charity-box-container .hero-charity-box .hero-charity-content .hero-charity-item .hero-charity-logo img { width: 100%; max-height: 3.25em; object-fit: contain; }
.hero-charity-container .hero-charity-box-container .hero-charity-box .hero-charity-blurb { padding: 5px; color: #353842; text-align: center; }
.hero-charity-container .hero-charity-box-container .hero-charity-box .hero-hidden-charities-container { color: #979797; max-height: 3em; transition: max-height 0.5s ease-in-out; cursor: pointer; }
.hero-charity-container .hero-charity-box-container .hero-charity-box .hero-hidden-charities-container:hover .hero-hidden-charities { border: 1px solid black; color: black; }
.hero-charity-container .hero-charity-box-container .hero-charity-box .hero-hidden-charities-container .hero-hidden-charities { margin: 0 auto; border: 1px solid #979797; font-size: 10px; width: 15px; height: 15px; text-align: center; }
.hero-charity-container .hero-charity-box-container.single-charity .hero-charity-box { width: 7em; }
.hero-charity-container .hero-charity-box-container.single-charity .hero-charity-box .hero-charity-content .hero-charity-item { width: 100%; }

@media (max-width: 1920px) { .hero-background-side-fadeout { display: none; } }
@media screen and (min-width: 70em) { .hero-foreground-container .hero-foreground.monthly-hero { min-height: 45em; } }
@media screen and (min-width: 48em) { .hero-section-logo { width: 40%; max-height: 7em; }
  .hero-foreground-container .cta-button { margin: 0.75em auto 0; }
  .hero-foreground-container .detailed-marketing-blurb { display: block; }
  .hero-foreground-container .short-marketing-blurb, .hero-foreground-container .marketing-blurb { display: none; } }
@media screen and (max-width: 47.99em) { .hero-charity-container { display: none; }
  .hero-background { perspective: 1200px; }
  @keyframes animatedBackground { from { transform: scale(0.5) rotateX(20deg) translateX(-2000px) translateY(-1000px); }
    to { transform: scale(0.5) rotateX(25deg) translateX(-2000px) translateY(-3200px); } }
  .hero-foreground-container { align-items: flex-start; }
  .hero-foreground-container .stamp { margin: 1em auto; width: 19%; max-width: 100px; }
  .hero-foreground-container .marketing-blurb { line-height: 1.15em; font-size: 1em; width: 90%; }
  .hero-foreground-container .hero-section-logo { max-height: 6em; margin: .75em auto; }
  .hero-foreground-container .time-left { margin: 1em; }
  .hero-foreground-container .remind-me-text { display: none; }
  .hero-background-container { height: 80%; } }
@media screen and (max-width: 30em) { .hero-tile-view.with-banner .stamp { display: none; }
  .hero-foreground-container .cta-button { margin: 0.75em auto; }
  .hero-foreground-container .hero-title { font-size: 1.15em; margin-bottom: 0.5em; }
  .hero-foreground-container .hero-highlights { font-size: 1em; max-width: 90%; margin: 0px 1em; }
  .hero-foreground-container .hero-timer-item .timer-field { font-size: 1.25em; }
  .hero-foreground-container .error-box { visibility: hidden; }
  .hero-foreground-container .marketing-blurb { display: none; }
  .hero-foreground-container .time-left { display: none; } }
@media screen and (max-width: 20em) { .hero-foreground-container .stamp { display: none; }
  .hero-foreground-container .hero-title { display: none; }
  .hero-foreground-container .hero-highlights { display: none; } }
#hero { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50px; position: relative; max-width: 1920px; }
#hero .hero-hidden { visibility: hidden; }
#hero .hero-title { font-size: 3.5vw; }
#hero .detailed-marketing-blurb { color: white; }
#hero .old-early-unlock-msrp { display: none; }
#hero .hero-buttons { align-items: center; display: flex; flex-direction: row; width: 100%; }
#hero .hero-buttons .col { display: flex; flex-direction: column; justify-content: center; }
#hero .hero-buttons .featured-logo { flex-direction: column; justify-content: center; }
#hero .hero-buttons .featured-logo img { margin: 1em auto; max-width: 100%; }
#hero .hero-buttons .featured-logo.media-gallery-button img { margin: 0; }
#hero .hero-buttons .featured-logo .hero-gallery-blurb { margin-bottom: .5em; }
#hero .hero-buttons .featured-logo, #hero .hero-buttons .spacer { display: none; flex: 1 0 25%; }
@media (min-width: 70em) { #hero .hero-buttons .featured-logo, #hero .hero-buttons .spacer { display: inline; } }
#hero .hero-buttons .see-your-subscription { color: inherit; font-style: italic; opacity: .8; }
#hero .hero-buttons .subscribe { flex: 1 0 50%; }
#hero .hero-buttons .info-tooltip.tooltip-bottom:after { width: 256px; transform: translateY(12px) translateX(-80%); }
#hero .hero-stamp { display: block; height: 10em; margin-bottom: .5em; width: 10em; }
#hero .subscribe-button { margin: 3em 0 1.5em; }

.hero-media-gallery-overlay { position: absolute; width: 100%; height: 100%; z-index: 2; overflow: hidden; left: 0; top: 0; pointer-events: none; }

.media-gallery-button { cursor: pointer; border-radius: .5em; background: rgba(0, 0, 0, 0.2); padding: 1em; }
.media-gallery-button:hover { background: rgba(0, 0, 0, 0.8); border-color: white; }

@media (max-width: 1024px) { #hero .subscribe-button { margin: 1em 0; }
  #hero .highlight-popup { display: none; } }
#hero-countdown-timer { margin: 0.5em 0 1em 0; }
#hero-countdown-timer .countdown-timer-counter { background-color: rgba(0, 0, 0, 0.5); width: 3em; height: 3.5em; }
#hero-countdown-timer .countdown-timer-counter .countdown-timer-number { font-size: 1.75em; }
#hero-countdown-timer .countdown-timer-counter label { opacity: 0.5; }

@media (max-width: 70em) { #hero .hero-media-gallery-overlay { display: none !important; }
  #hero .hero-hidden { visibility: visible; } }
@media screen and (max-width: 48em) { #hero .hero-title { font-size: 1.75em; } }
@media screen and (min-width: 48em) { #hero { font-size: 1.2vw; } }
@media screen and (min-width: 90em) { #hero { font-size: 18px; } }
@media screen and (min-width: 1921px) { #hero { margin: 0 auto; width: 1920px; }
  #hero .hero-background-side-fadeout { background: linear-gradient(to right, #17283b 0%, rgba(23, 40, 59, 0) 5%, rgba(23, 40, 59, 0) 95%, #17283b 100%); height: 100%; width: 100%; top: 0; left: 0; z-index: 3; } }
.game-rating-general.esrb-RP { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/4ffa86fdb3374a18a0910895825b145bc99094c6.png"); }
.game-rating-general.esrb-EC { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/9f49e93450803741e7668df204402a797119b148.png"); }
.game-rating-general.esrb-E { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/bef0e83d952cb0fd7d4a3b2fb0b4bd31059bbe87.png"); }
.game-rating-general.esrb-E10 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/2f6a24b222c67691e06f85871f906ed61f0cd6ad.png"); }
.game-rating-general.esrb-T { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/6cab8c655e52a9efcda3bea1d875d1ff9733c283.png"); }
.game-rating-general.esrb-M { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/e3dc1261b18ba9ac8f04a7d281a0dfa896a622fe.png"); }
.game-rating-general.esrb-AO { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/4e2f7a566e3718359af0bcb18abb8fac08fa858e.png"); }
.game-rating-general.usk-0 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/8942398ad03beed49abe6ebc5628e5d5ac5b836d.png"); }
.game-rating-general.usk-6 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/9401e949b895ef08b5700eea746d5a0058b6bde5.png"); }
.game-rating-general.usk-12 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/c5de765da3f61f293178cdab186febda9ce58063.png"); }
.game-rating-general.usk-16 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/b24e7e7e5f9a835f85cfc50528fd871bdda16cd1.png"); }
.game-rating-general.usk-18 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/e1344f5cbdc8cc92c1ef82c9d179603daaab755c.png"); }
.game-rating-general.pegi-3 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/385a545a74d8f5c7f2510416381ffaa7b6c1183a.png"); }
.game-rating-general.pegi-7 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/0214113a7023708b3a7d4c7fca8d7e9e52612b54.png"); }
.game-rating-general.pegi-12 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/09e8948ede25f9649dcf57127c933a02dc5d95ae.png"); }
.game-rating-general.pegi-16 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/78d225f0282d68644bfa632f7c7a0a2e52ee9f2a.png"); }
.game-rating-general.pegi-18 { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/116732991acd47df65ddb2a1df3c079dffa39cd7.png"); }

.hero-media-gallery-container { pointer-events: auto; width: 100%; height: 100%; }

.hero-media-gallery { width: 100%; height: 100%; }
.hero-media-gallery .slick-list { height: 100%; }
.hero-media-gallery .slick-track { height: 100%; }

.hero-media-mouseover { position: absolute; width: 100%; height: 100%; }

.media-gallery-item { position: relative; text-align: center; height: 100%; }

.media-gallery-controls-container { position: absolute; display: flex; align-items: center; top: .5em; right: .5em; font-size: 2em; background: black; z-index: 4; border-radius: .15em; }
.media-gallery-controls-container.fade-in { opacity: .5; }
.media-gallery-controls-container:hover { opacity: 1; }

.media-gallery-page-number { pointer-events: none; font-size: .6em; font-weight: bolder; padding: .2em .7em; }

.media-gallery-close-button { cursor: pointer; width: 1em; height: 1em; display: flex; justify-content: center; align-items: center; opacity: .5; }
.media-gallery-close-button:hover { opacity: 1; }

.media-gallery-screenshot { width: 100%; height: 100%; object-fit: cover; }

.media-gallery-foreground-content { width: 100%; height: 100%; display: flex; }

.media-gallery-early-unlock-foreground-container { position: absolute; pointer-events: none; top: 0; height: 100%; width: 100%; z-index: 3; background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0.5) 40%, transparent 66%); }

.media-gallery-foreground-info { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-left: 3.75em; width: 40%; height: 100%; }

.video-play-button-container { pointer-events: none; font-size: 5em; display: flex; height: 100%; width: 10%; justify-content: center; align-items: center; z-index: 3; }
.video-play-button-container .video-play-button { pointer-events: all; cursor: pointer; transition: opacity .2s ease-in-out; opacity: .5; }
.video-play-button-container .video-play-button.video-disabled { color: darkgray; opacity: .3; cursor: not-allowed; }
.video-play-button-container .video-play-button.video-disabled:hover { opacity: 0.3; }
.video-play-button-container .video-play-button:hover { opacity: 1; }

.media-gallery-slider-arrows { display: flex; z-index: 5; justify-content: space-between; position: absolute; left: 0; right: 0; top: 50%; padding: 0 1em; pointer-events: none; }
.media-gallery-slider-arrows .slick-arrow { pointer-events: initial; }

.media-gallery-title { font-size: 2.5em; font-weight: bold; }

.media-gallery-title-logo { width: 65%; }
.media-gallery-title-logo img { width: 100%; }

.media-gallery-description-text { text-align: left; color: rgba(255, 255, 255, 0.75); margin-bottom: 1.75em; }

.media-gallery-initial-blurb { font-size: 1.3em; }

.media-gallery-detail-row { display: flex; width: 100%; justify-content: space-between; }

.media-gallery-game-rating { width: 65px; height: 65px; background-position: center; background-repeat: no-repeat; background-size: contain; }

.media-gallery-review { display: inline-flex; align-items: center; height: 3em; background-color: black; font-size: 1.25em; padding: 0 1em; border-radius: .3em; border: 1px solid rgba(255, 255, 255, 0.333); }

.game-accolade-text { color: white; display: flex; height: 40px; align-items: center; }
.game-accolade-text span { display: inline; }
.game-accolade-text span sub { bottom: 0; font-size: 0.66em; }

.game-accolade-divider { border-left: 1px solid rgba(255, 255, 255, 0.2); margin: 0 0.2em; height: 2em; }

.media-gallery-caps { text-transform: capitalize; font-weight: bold; font-size: 1.3em; }

#hero .media-gallery-subscribe-container .subscribe-button { margin-top: 1.5em; }
#hero .media-gallery-subscribe-container a { width: 100%; pointer-events: all; text-align: center; }

.gallery-video-overlay { position: absolute; width: 100%; height: 100%; pointer-events: none; left: 0; }
.gallery-video-overlay .gallery-video-container { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.gallery-video-overlay .gallery-video-container iframe { pointer-events: auto; }

.fade-in { opacity: 1; transition: opacity .4s ease-in-out; }

.fade-in-fast { opacity: 1; transition: opacity .2s ease-in-out; }

.fade-out { opacity: 0; transition: opacity .4s ease-in-out; }

.slide-in { transform: translateY(0); transition: transform .4s ease-in-out; }

.slide-in-fast { transform: translateY(0); transition: transform .2s ease-in-out; }

.slide-out { transform: translateY(-3em); transition: transform .4s ease-in-out; }

@media screen and (min-width: 100.01em) { .media-gallery-foreground-info { margin-left: 7em; } }
#early-reveal-details .early-reveal-wrapper { display: flex; justify-content: center; align-items: center; padding: 2em; flex-direction: column; }
#early-reveal-details .art-section { display: flex; justify-content: center; margin-bottom: 2em; width: 100%; }
#early-reveal-details .art-section .art-wrapper { display: block; margin: 0 0.75em; }
#early-reveal-details .art-section .art-wrapper .box-art { display: block; width: 100%; }
#early-reveal-details .info-section .info-heading { text-align: center; line-height: 1; margin: 0 0 0.3em; font-size: 2.5em; text-transform: uppercase; }

@media (min-width: 64em) { #early-reveal-details .early-reveal-wrapper { width: 80%; margin: 0 auto; }
  #early-reveal-details .art-section { justify-content: flex-end; width: 75%; max-width: 60em; }
  #early-reveal-details .info-heading { text-align: left; font-size: 3.5em; } }
.learn-more-button a { min-width: 12em; padding: 0.75em; text-align: center; font-size: 1.25em; margin-bottom: 1em; }
.learn-more-button a:hover { background-color: #EF9741; border: 2px solid #EF9741; color: white; }

.month-details-wrap { position: relative; display: flex; transform-style: preserve-3d; transition: transform 1s; min-height: 800px; width: 100%; }
.month-details-wrap.flipped { transform: rotateY(180deg); }
.month-details-wrap.flipped .month-background.next-unlock { background: url("//humblebundle-a.akamaihd.net/static/hashed/01c40d58932b44d2002954d8b3142c0e836dafd4.svg") #494e5a repeat center/400px; }
.month-details-wrap.flipped .month-background::before { content: ''; top: 0; right: 0; left: 0; bottom: 0; position: fixed; }
.month-details-wrap.flipped .month-background::before, .month-details-wrap.flipped .month-background .hero-background-overlay { background: rgba(24, 27, 33, 0.75); }
.month-details-wrap .month-details, .month-details-wrap .month-details-back { margin: 0; display: flex; justify-content: center; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(1px); -webkit-transform: translateZ(1px); }
.month-details-wrap .month-details-back { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.month-details-wrap .month-details-back .month-back-content { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; height: 100%; width: 100%; padding: 0 10px; position: relative; transition: all 1s; }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics { display: flex; justify-content: center; width: 100%; flex-wrap: wrap; margin-bottom: 2.5em; z-index: 99; margin-top: 1em; min-height: 300px; }
@media only screen and (min-width: 768px) { .month-details-wrap .month-details-back .month-back-content .box-arts-and-critics { margin-bottom: 2em; } }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics.number-of-box-arts-1 .box-art-and-critic .box-art img, .month-details-wrap .month-details-back .month-back-content .box-arts-and-critics.number-of-box-arts-2 .box-art-and-critic .box-art img { width: 175px; }
@media only screen and (max-width: 1024px) { .month-details-wrap .month-details-back .month-back-content .box-arts-and-critics.number-of-box-arts-2 .box-art-and-critic .box-art img { width: 156px; } }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics .box-art-and-critic { padding-left: 1em; padding-right: 1em; text-align: center; margin-top: 1em; display: block; }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics .box-art-and-critic .box-art { display: block; justify-content: center; flex-wrap: wrap; }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics .box-art-and-critic .box-art img { width: 123px; display: block; margin: 0 auto; }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics .box-art-and-critic .critic { display: flex; text-align: center; justify-content: center; align-items: center; height: 50px; background-color: black; font-size: 1.25em; padding: 0 0.75em; margin-top: 1em; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.333); }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics .box-art-and-critic .critic .critic-text { color: white; display: flex; height: 40px; align-items: center; }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics .box-art-and-critic .critic .critic-text span { display: inline; }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics .box-art-and-critic .critic .critic-divider { border-left: 1px solid rgba(255, 255, 255, 0.2); margin: 0 10px; height: 36px; display: none; }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics .box-art-and-critic .critic .critic-image { margin: 0 4px; }
.month-details-wrap .month-details-back .month-back-content .box-arts-and-critics .box-art-and-critic .critic .critic-image img { display: none; }
.month-details-wrap .month-details-back .month-back-content .current-monthly-marketing { display: flex; flex-direction: column; justify-content: center; margin: auto 0; z-index: 99; text-align: center; }
.month-details-wrap .month-details-back .month-back-content .current-monthly-marketing .current-monthly-marketing-row { display: flex; align-content: center; position: relative; }
.month-details-wrap .month-details-back .month-back-content .current-monthly-marketing .subscribe-button a { padding: 1em 1.5em; margin-bottom: 1em; font-size: 1.25em; }
.month-details-wrap .month-details-back .month-back-content .current-monthly-marketing .back-link { padding: 0.75em; text-align: center; font-size: 1.25em; margin-left: -50px; position: absolute; }
.month-details-wrap .month-details-back .month-back-content .current-monthly-marketing .back-link i { color: white; }
.month-details-wrap .month-details-back .month-back-content .hero-timer-item { padding: 0.35em 0.15em; border-radius: 0.2em; width: 3em; margin-right: 3px; background-color: rgba(10, 10, 10, 0.5); text-align: center; font-size: 1.25em; }
.month-details-wrap .month-details-back .month-back-content .hero-timer-item .timer-field { font-size: 1.75em; }
.month-details-wrap .month-details-back .month-back-content .hero-timer-item .timer-unit { font-weight: normal; text-transform: lowercase; position: relative; top: -0.3em; font-size: .85em; color: rgba(255, 255, 255, 0.75); }
.month-details-wrap .month-details-back .month-back-content .previous-month-information { display: flex; flex-direction: column; position: relative; margin-top: 0.5em; }
@media only screen and (min-width: 768px) { .month-details-wrap .month-details-back .month-back-content .previous-month-information { margin-top: 3em; } }
.month-details-wrap .month-details-back .month-back-content .previous-month-information .previous-month-redirect { padding: 1em; display: flex; justify-content: center; margin-top: 0.5em; }
.month-details-wrap .month-details-back .month-back-content .previous-month-information .previous-month-redirect .monthly-link { min-width: 12em; }
.month-details-wrap .month-details-back .month-back-content .previous-month-information .previous-month-redirect .monthly-link:hover { background-color: #EF9741; border: 2px solid #EF9741; color: white; }
.month-details-wrap .month-details-back .month-back-content .previous-month-information .previous-month-redirect .back-link { left: 0; position: absolute; }
.month-details-wrap .month-details-back .month-back-content .previous-month-information .previous-month-redirect .back-link i { color: white; }
.month-details-wrap .month-details-back .month-back-content .previous-month-information .previous-month-redirect .monthly-link, .month-details-wrap .month-details-back .month-back-content .previous-month-information .previous-month-redirect .back-link { padding: 0.75em; text-align: center; font-size: 1.25em; margin-bottom: 1em; }
.month-details-wrap .month-details-back .month-back-content .previous-month-information .previous-month-msrp { font-size: 1.25em; line-height: 1.5em; text-align: center; }
.month-details-wrap .month-details-back .month-back-content .previous-month-information .previous-month-msrp p { margin: 0; padding-left: 3em; padding-right: 3em; }
.month-details-wrap .month-details-back .crate-backgrounds { display: flex; justify-content: center; background-image: url("//humblebundle-a.akamaihd.net/static/hashed/697bd1787cb379aa79cf430b5da0296b6e1ede78.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; height: 230px; width: 90%; align-items: center; filter: brightness(0.5); margin: auto; bottom: 2em; position: absolute; }
.month-details-wrap .month-details-back .crate-backgrounds.prev-month { bottom: 0; top: 4em; margin: 0; }
.month-details-wrap .month-details-back .crate-backgrounds.nocrates { background-image: none; }
.month-details-wrap .month-details-back .crate-backgrounds.multiple { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/28a3311a61fc2e7a851f3ff40393760423c4aa45.png"); }

#previous-months { position: relative; }
#previous-months #previous-months-columns { display: flex; justify-content: center; }
#previous-months .dot-arrow-nav { position: absolute; bottom: 20px; width: 100%; }
#previous-months .dot-arrow-nav .slick-arrow { position: absolute; padding: 1em; bottom: 14em; }
#previous-months .dot-arrow-nav .slick-arrow.hb-chevron-left { left: 0; }
#previous-months .dot-arrow-nav .slick-arrow.hb-chevron-right { right: 0; }
#previous-months .slick-dots li { display: none; }
#previous-months .slick-dots li a i { -webkit-transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; }
#previous-months .slick-dots li.slick-active { display: inline-block; }
#previous-months .slick-dots li.slick-active a { color: #EF9741; }
#previous-months .slick-dots li.slick-active a i { -webkit-transform: scale(1.5); transform: scale(1.5); }
#previous-months .slick-dots li.slick-active + li, #previous-months .slick-dots li.slick-first-degree-sibling { display: inline-block; }
#previous-months .slick-dots li.slick-active + li a, #previous-months .slick-dots li.slick-first-degree-sibling a { color: #D5D9E1; }
#previous-months .slick-dots li.slick-active + li + li, #previous-months .slick-dots li.slick-second-degree-sibling { display: inline-block; }
#previous-months .slick-dots li.slick-active + li + li a, #previous-months .slick-dots li.slick-second-degree-sibling a { color: #D5D9E1; opacity: 0.3; }

.image-grid { animation: none; transform: rotateX(20deg) translateX(-250px) translateY(-400px); }
.image-grid.game-grid { min-width: 1866px; }

.js-previous-month-background-backbone { width: 100%; }

.previous-month-background-overlay { pointer-events: none; }

.simple-image-grid { perspective: none; display: flex; justify-content: center; }
.simple-image-grid .bundle-items { max-width: 400px; justify-content: center; }
@media only screen and (max-width: 1366px) { .simple-image-grid .bundle-items { max-width: 300px; } }
.simple-image-grid .bundle-items .bundle-item.image-grid-item-container { height: auto; }
.simple-image-grid .image-grid { width: 100%; transform: none; opacity: 1; margin-top: 80px; }
.simple-image-grid .image-grid.game-grid { min-width: 100px; }
.simple-image-grid .image-grid .image-grid-item-container { width: 50%; display: block; min-width: 0; }
.simple-image-grid .image-grid .image-grid-item-container .image-grid-item { width: 100%; opacity: 1; }

.previous-months-container { width: 100%; }

.previous-months-columns { background-color: #494F5C; color: #c7cbd4; display: flex; }
.previous-months-columns .slick-list { width: 100%; }
.previous-months-columns .slidewrap { flex: 1; }
@media (max-width: 1024px) { .previous-months-columns .slidewrap { width: 100%; } }
.previous-months-columns .slidewrap .month-details-wrap.old-previous-months:not(.flipped):not(:hover) .month-background { opacity: 1; }
.previous-months-columns .slidewrap .month-details-wrap:not(.flipped):not(:hover) .month-background { opacity: .4; }

.month-background { background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; width: 100%; z-index: 0; transform: translateZ(1px); }
.month-background.flipped { transform: rotateY(180deg); }
.month-background .hero-background-overlay { transform: translateZ(1px); }

.old-previous-months .hero-background-overlay { display: none; }
.old-previous-months .hero-background { height: 100%; background: linear-gradient(rgba(73, 79, 92, 0.75), rgba(73, 79, 92, 0.9) 40%), url("//humblebundle-a.akamaihd.net/static/hashed/01c40d58932b44d2002954d8b3142c0e836dafd4.svg") #494e5a repeat center/50vmin; }
.old-previous-months .month-details .month-content { justify-content: space-between; }
.old-previous-months .month-details .highlights-and-description { justify-content: flex-end; padding-bottom: .5em; }

.month-details { flex: 1; }
.month-details a { color: inherit; text-decoration: none; }
.month-details .month-content { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; padding: 30px 10px; position: relative; transition: all 1s; align-items: center; }
@media (max-width: 1024px) { .month-details .month-content { padding: 10px 10px 90px 10px; } }
.month-details .month-content .highlights-and-description { display: flex; flex-direction: column; text-align: center; }
.month-details .month-content .highlights-and-description .highlight-container { min-height: 30px; margin: 0; }
.month-details .month-content .charity-info { margin-top: auto; text-align: center; }
.month-details .month-content .charity-info .charity-name { font-weight: bold; }
.month-details .month-content .charity-info .charity-logo-container { width: 100%; margin: 0 auto; max-width: 12em; transform: scale(0.75); }
@media only screen and (max-width: 1650px) { .month-details .month-content .charity-info .charity-logo-container { transform: scale(1); } }
.month-details .month-content .charity-info .charity-logo-container .charity-logo { display: block; width: 100%; height: 0; padding-bottom: calc(165/260 * 100%); background-position: 50% 50%; background-repeat: no-repeat; background-size: 25%, cover, cover; border-radius: 5px; }
.month-details .month-content .month-description { font-size: 1.5em; line-height: 1.5em; min-height: 180px; margin: 15px 1em 0; max-width: 100%; color: white; }
@media only screen and (max-width: 650px) { .month-details .month-content .month-description { font-size: 1.2em; } }
.month-details .month-content .month-header { font-size: 20px; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65); text-transform: uppercase; margin: 0; }
.month-details .month-content .mystery-items { margin: 0 auto 70px; max-width: 200px; opacity: .5; }
.month-details .early-unlock-logos { display: flex; flex-wrap: wrap; justify-content: center; margin: 10px 0; min-height: 100px; }
.month-details .early-unlock-logos .logo { align-self: flex-start; margin: 10px; }

.next-unlock { background: linear-gradient(rgba(73, 79, 92, 0.75), rgba(73, 79, 92, 0.9) 40%), url("//humblebundle-a.akamaihd.net/static/hashed/01c40d58932b44d2002954d8b3142c0e836dafd4.svg") #494e5a repeat center/50vmin; }

.bundle-items { display: flex; flex-wrap: wrap; height: 448px; min-width: 320px; }
.bundle-items .bundle-item.of-6 { height: 33.3333%; width: 50%; }
.bundle-items .bundle-item.of-8 { height: 25%; width: 50%; }
.bundle-items .bundle-item.of-10 { height: 20%; width: 50%; }
.bundle-items .bundle-item.item-1.of-7, .bundle-items .bundle-item.item-2.of-7, .bundle-items .bundle-item.item-3.of-7, .bundle-items .bundle-item.item-4.of-7 { height: 40%; width: 50%; }
.bundle-items .bundle-item.item-1.of-9, .bundle-items .bundle-item.item-2.of-9, .bundle-items .bundle-item.item-3.of-9, .bundle-items .bundle-item.item-4.of-9, .bundle-items .bundle-item.item-5.of-9, .bundle-items .bundle-item.item-6.of-9, .bundle-items .bundle-item.item-1.of-10, .bundle-items .bundle-item.item-2.of-10, .bundle-items .bundle-item.item-3.of-10, .bundle-items .bundle-item.item-4.of-10 { height: 28%; width: 50%; }
.bundle-items .bundle-item.item-5.of-7, .bundle-items .bundle-item.item-6.of-7, .bundle-items .bundle-item.item-7.of-7 { height: 20%; width: calc(100%/3); }
.bundle-items .bundle-item.item-7.of-9, .bundle-items .bundle-item.item-8.of-9, .bundle-items .bundle-item.item-9.of-9 { height: 16%; width: calc(100%/3); }
.bundle-items .bundle-item.item-5.of-10, .bundle-items .bundle-item.item-6.of-10, .bundle-items .bundle-item.item-7.of-10, .bundle-items .bundle-item.item-8.of-10, .bundle-items .bundle-item.item-9.of-10, .bundle-items .bundle-item.item-10.of-10 { height: 22%; width: calc(100%/3); }
.bundle-items .bundle-item-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; }

.subscribe-box { font-size: 24px; color: white; text-align: center; border: 3px solid rgba(161, 167, 178, 0.5); border-radius: 6px; background-color: rgba(73, 79, 92, 0.5); }
.subscribe-box .checkout-button-view { margin: 1em 2em 1em; }
.subscribe-box .mobile-close { display: none; }
.subscribe-box .gift-selectors, .subscribe-box .plan-selectors { display: flex; flex-direction: row; flex-wrap: nowrap; }
.subscribe-box .gift-selectors input[type=radio], .subscribe-box .plan-selectors input[type=radio] { width: 0; height: 0; margin: 0; padding: 0; opacity: 0; }
.subscribe-box .gift-selectors label, .subscribe-box .plan-selectors label { display: flex; justify-content: center; align-items: center; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; }
.subscribe-box .plan-selectors { margin: 1em; align-items: flex-end; }
.subscribe-box .plan-selectors .promo-details-label { background-color: #72BA6A; border-radius: 2px; font-size: 0.5em; font-weight: bold; margin-bottom: 8px; padding: 4px 8px; }
.subscribe-box .gift-selector, .subscribe-box .plan-selector { display: flex; flex: 1; }
.subscribe-box .gift-selector label, .subscribe-box .plan-selector label { color: #A1A7B2; }
.subscribe-box .gift-selector { height: 2.5em; }
.subscribe-box .gift-selector label { background-color: rgba(255, 255, 255, 0.25); font-size: 0.75em; width: 100%; color: #A1A7B2; }
.subscribe-box .gift-selector input[type=radio] { display: none; }
.subscribe-box .gift-selector input[type=radio]:checked + label { background-color: inherit; color: white; }
.subscribe-box .mobile-plan-special-text { color: transparent; pointer-events: none; line-height: 1.2; min-height: 1.2em; }
@media (max-width: 1024px) { .subscribe-box .mobile-plan-special-text { pointer-events: all; font-size: 12px; font-weight: bold; color: white; } }
.subscribe-box .plan-selector { flex-direction: column; padding: 0 4px; }
.subscribe-box .plan-selector label { font-size: 0.6em; text-shadow: none; padding: 1em 0; background-color: rgba(161, 167, 178, 0.5); border: 2px solid #A1A7B2; }
.subscribe-box .plan-selector label:hover { background-color: rgba(175, 180, 189, 0.5); border-color: #afb4bd; }
.subscribe-box .plan-selector.selected label { background-color: #EF9741; border-color: #EF9741; color: white; }
.subscribe-box .plan-selector.selected label:hover { background-color: #f1a459; border-color: #f1a459; }
.subscribe-box .plan-selector.selected .plan-special-text { color: white; }
.subscribe-box .plan-selector.disabled label { color: #EF9741; border-color: #EF9741; background-color: #9c734f; pointer-events: none; }
.subscribe-box .plan-selector.disabled .plan-special-text { text-transform: uppercase; color: #EF9741; }
.subscribe-box .plan-selector .plan-special-text { color: rgba(161, 167, 178, 0.5); }
.subscribe-box .plan-details-slider { display: flex; margin-top: -1em; }
.subscribe-box .plan-detail { max-height: 300px; }
.subscribe-box .plan-detail-background { background: center no-repeat; background-size: contain; height: 300px; margin: auto; width: 65vw; max-width: 17em; }
.subscribe-box .plan-details { position: relative; }
.subscribe-box .plan-details-slider-arrows { display: flex; justify-content: space-between; position: absolute; left: 0; right: 0; top: 50%; padding: 0 1em; }
.subscribe-box .plan-detail[data-machine-name=monthly_annual] .plan-detail-background { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/5f78289cd7ffdf2fd84b5f9373191a90641d88fe.png"); }
.subscribe-box .plan-detail[data-machine-name=monthly_six_month] .plan-detail-background { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/eb8b4d96ccf0a2e0330a441916145c1b105f297e.png"); }
.subscribe-box .plan-detail[data-machine-name=monthly_three_month] .plan-detail-background { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/a6330f43326cf0437595ff3a88adf234bac5b1ee.png"); }
.subscribe-box .plan-detail[data-machine-name=monthly_basic] .plan-detail-background { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/0d97f1ee080a2f39460ba545de45126aa074a8c7.png"); }
.subscribe-box .plan-details-slider:not(.slick-initialized) .plan-detail .plan-detail-background { background-image: none; }
.subscribe-box .subscribe-link { font-size: 1.25em; width: 100%; box-sizing: border-box; }
.subscribe-box .subscribe-link.disabled { opacity: 0.5; pointer-events: none; }
.subscribe-box .gift-toggle { font-size: 0.75em; margin: 0.5em 0; }
.subscribe-box .subscribe-box-disclaimer { font-size: 0.6em; color: #A1A7B2; margin: 1em 0 2em; }
.subscribe-box .plan-special-text { display: flex; justify-content: center; align-items: center; font-size: 0.5em; font-weight: bold; height: 32px; }
.subscribe-box .plan-price { font-size: 1.25em; }
.subscribe-box .plan-total-price { font-size: 0.6em; text-transform: uppercase; }
.subscribe-box .plan-name { display: none; }
.subscribe-box .plan-details-slider-dots { display: none; }
.subscribe-box .hb-slick-arrow { font-size: 1.25em; }
@media (max-width: 1024px) { .subscribe-box .gift-selector, .subscribe-box .plan-selectors { display: none; }
  .subscribe-box .subscribe-link { font-size: 1em; }
  .subscribe-box .checkout-button-view { margin: 1em; }
  .subscribe-box .plan-name { display: block; margin-top: 0.5em; }
  .subscribe-box .plan-price { font-size: 1em; }
  .subscribe-box .gift-toggle { display: block !important; }
  .subscribe-box .plan-details-slider { margin-top: 1em; }
  .subscribe-box .plan-detail { height: 75vw; }
  .subscribe-box .plan-detail-background { height: 100%; }
  .subscribe-box .plan-details-slider-dots { display: block; }
  .subscribe-box .page-dot { font-size: .5em; }
  .subscribe-box .slick-dots { padding: 0; } }

.humble-monthly .subscribe-modal { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); z-index: 995; }
.humble-monthly .subscribe-modal.invisible { visibility: hidden; }
.humble-monthly .subscribe-modal .subscribe-box { margin: auto; max-width: 600px; background-color: #494f5c; position: relative; }
@media (max-width: 1024px) { .humble-monthly .subscribe-modal .subscribe-box { width: 90vw; } }
.humble-monthly .subscribe-modal .subscribe-box .section-header { display: none; }
.humble-monthly .subscribe-modal div.close { position: absolute; top: 40px; right: 40px; color: white; background-color: #494f5c; padding: 8px; font-size: 1.5em; border-radius: 4px; border: 3px solid rgba(161, 167, 178, 0.5); text-transform: uppercase; font-weight: bold; cursor: pointer; }
@media (max-width: 1024px) { .humble-monthly .subscribe-modal div.close { display: none; } }
.humble-monthly .subscribe-modal div.mobile-close { display: none; }
@media (max-width: 1024px) { .humble-monthly .subscribe-modal div.mobile-close { display: block; position: absolute; top: 4px; right: 10px; } }

.humble-monthly .how-it-works a { color: inherit; }
.humble-monthly .how-it-works h2 { color: white; text-transform: uppercase; margin: 0; font-size: 3.5vw; line-height: 1.1em; }
.humble-monthly .how-it-works p { color: #E4E7ED; font-size: 1.25em; line-height: 1.75em; }
.humble-monthly .how-it-works h2, .humble-monthly .how-it-works p { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65); text-align: left; }
.humble-monthly .how-it-works .how-it-works-scene { width: 100%; padding-bottom: 56.25%; position: relative; }
.humble-monthly .how-it-works .how-it-works-scene-image { display: none; }
.humble-monthly .how-it-works .how-it-works-scene-layer { width: 100%; height: 100%; position: absolute; top: 0; pointer-events: none; }
.humble-monthly .how-it-works .how-it-works-scene-layer > img { position: absolute; }
.humble-monthly .how-it-works .how-it-works-scene-layer .bg { width: 100%; }
.humble-monthly .how-it-works .how-it-works-blurb { pointer-events: auto; height: auto; position: absolute; }
.humble-monthly .how-it-works .how-it-works-blurb span { white-space: nowrap; }
.humble-monthly .how-it-works .how-it-works-blurb .cta-button { margin: .5em auto; min-width: 10em; text-align: center; }
@media (max-width: 1024px) { .humble-monthly .how-it-works .how-it-works-blurb .cta-button { margin: 2em auto 0; } }
.humble-monthly .how-it-works .how-it-works-blurb .cta-button.black:hover { background: rgba(0, 0, 0, 0.55); border-color: white; color: white; transition: .35s; }
@media (max-width: 1024px) { .humble-monthly .how-it-works .how-it-works-scene { padding-bottom: unset; width: 100%; }
  .humble-monthly .how-it-works .how-it-works-scene .how-it-works-blurb { top: unset !important; left: unset !important; width: auto !important; height: unset !important; display: block !important; position: unset !important; padding: 1.5rem; opacity: 1; transform: translateY(0); }
  .humble-monthly .how-it-works .how-it-works-scene .how-it-works-blurb h2 { font-size: 5vmax; margin: 0 0 0.5em !important; }
  .humble-monthly .how-it-works .how-it-works-scene .how-it-works-blurb p { font-size: 2vmax; margin: 0 0 1em !important; }
  .humble-monthly .how-it-works .how-it-works-scene .how-it-works-blurb h2, .humble-monthly .how-it-works .how-it-works-scene .how-it-works-blurb p { width: unset !important; }
  .humble-monthly .how-it-works .how-it-works-scene .how-it-works-blurb .cta-button { display: block; }
  .humble-monthly .how-it-works .early-unlock-logo-container, .humble-monthly .how-it-works .text-badge { display: none; }
  .humble-monthly .how-it-works .how-it-works-scene-image { display: block; width: 100%; }
  .humble-monthly .how-it-works .how-it-works-scene-layer { display: none; } }

#instantly-unlock .how-it-works-blurb { top: 20%; left: 55%; width: 35%; text-align: center; }
#instantly-unlock .bindi { height: 100%; }
#instantly-unlock .magic { width: 100%; top: 0; }
#instantly-unlock .early-unlock-logo-container { background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.25) 40%, transparent 70%); padding: 1em; text-align: left; }
#instantly-unlock .early-unlock-logo { position: unset; max-width: 100%; }

#get-more-games .bg { background-image: linear-gradient(#204F73 0%, black 40%); }
#get-more-games .tear, #get-more-games .bindi, #get-more-games .sword, #get-more-games .firebomb, #get-more-games .rips-and-fire { height: 100%; }
#get-more-games .tear, #get-more-games .bindi, #get-more-games .sword, #get-more-games .rips-and-fire { right: 0; }
#get-more-games .how-it-works-blurb { top: 25%; left: 10%; width: 35%; }

#raid-our-catalog .bindi { left: 28.5%; }
#raid-our-catalog .crowd-inner, #raid-our-catalog .crowd-outer { width: 100%; }
#raid-our-catalog .arrows { left: -10%; width: 90%; }
#raid-our-catalog .how-it-works-blurb { top: 30%; left: 55%; width: 40%; display: flex; flex-direction: column; }

#enjoy-exclusive-perks .sick-dude { left: 0; bottom: 0; width: 65%; }
#enjoy-exclusive-perks .bindi { height: 100%; right: 0; }
#enjoy-exclusive-perks .magic { right: 0; top: 0; width: 62%; }
#enjoy-exclusive-perks .hearts { top: 13%; left: 48%; height: 70%; }
#enjoy-exclusive-perks .how-it-works-blurb { top: 25%; left: 9%; width: 35%; height: 75%; }
#enjoy-exclusive-perks .store-discount-footnote { font-size: 1em; }

#subscribe { height: 800px; display: flex; align-items: center; position: relative; }
#subscribe .subscribe-box { width: 600px; margin: 1em; }
#subscribe .subscribe-box-container { display: flex; flex-direction: column; width: 100%; align-items: center; }
#subscribe .static-image { display: none; }
#subscribe .sliding-image { position: absolute; left: 0; width: 100%; background-position-y: 100%; background-repeat: no-repeat; background-size: contain; pointer-events: none; }
#subscribe .sliding-image.from-left { background-position-x: calc(50% - 550px); }
#subscribe .sliding-image.from-right { background-position-x: calc(50% + 580px); }
#subscribe .bindi { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/897f0e1ae7e18eecd5ee725c8d3d8ff634e6d752.png"); background-position-x: 20%; top: 0; height: 100%; }
#subscribe .skelly-pile { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/d075c475cc039490c911bf184660149cc785daf8.png"); background-position-x: 80%; height: 80%; top: 20%; }
@media (max-width: 1024px) { #subscribe { height: auto; flex-direction: column; }
  #subscribe .sliding-image { display: none; }
  #subscribe .static-image { display: block; margin: 3em 1.5rem; width: 100%; max-width: 600px; }
  #subscribe .subscribe-box-container { position: unset; }
  #subscribe .subscribe-box { margin: 5vmin 0 0; font-size: 4.5vmin; width: 85vmin; max-width: 45rem; }
  #subscribe .dot-arrow-nav { display: block; } }
#subscribe .dot-arrow-nav { display: none; }

@media (max-width: 1024px) { #press { background-color: rgba(255, 255, 255, 0.05); padding: 2em 0; } }

.humble-monthly .press { color: white; position: relative; }
.humble-monthly .press .press-quote { margin: 0; padding: 1.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.humble-monthly .press .press-quote-author { color: #E4E7ED; font-size: 0.5em; text-align: right; display: block; width: 100%; }
.humble-monthly .press .press-quote-author, .humble-monthly .press .press-quote-text { font-size: 40px; max-width: 800px; margin: 0 auto; }
@media (max-width: 1024px) { .humble-monthly .press .press-quote-author, .humble-monthly .press .press-quote-text { font-size: 6vmin; } }
.humble-monthly .press .press-quotes-slider:not(.slick-initialized) .press-quote:not(:first-child) { display: none; }
.humble-monthly .press .slick-arrow { position: absolute; top: 100px; background-color: rgba(255, 255, 255, 0.15); padding: 20px; }
.humble-monthly .press .slick-arrow.hb-chevron-left { left: 20px; }
.humble-monthly .press .slick-arrow.hb-chevron-right { right: 20px; }

#perks-and-questions { background-color: rgba(255, 255, 255, 0.05); padding: 2em 0; }
@media (max-width: 1024px) { #perks-and-questions { background: transparent; padding: 0; } }

.humble-monthly .perks-and-questions { color: white; font-size: 1.375em; position: relative; }
.humble-monthly .perks-and-questions a:link, .humble-monthly .perks-and-questions a:hover, .humble-monthly .perks-and-questions a:active, .humble-monthly .perks-and-questions a:visited { color: inherit; }
.humble-monthly .perks-and-questions h3 { font-weight: 400; }
.humble-monthly .perks-and-questions p { font-size: 0.75em; }
.humble-monthly .perks-and-questions h3, .humble-monthly .perks-and-questions p { max-width: 800px; margin: 0.25em auto; }
.humble-monthly .perks-and-questions .perks-and-questions-slider { display: flex; flex-direction: row; align-content: space-evenly; }
.humble-monthly .perks-and-questions .perks, .humble-monthly .perks-and-questions .questions { margin: 0; padding: 1.5rem; outline: none; }
.humble-monthly .perks-and-questions .perk, .humble-monthly .perks-and-questions .question { margin: 1em 3em; }
.humble-monthly .perks-and-questions .perks-and-questions-slider-arrows { position: absolute; top: calc(50% - 0.5em); display: flex; justify-content: space-between; width: 100%; }
@media (max-width: 1024px) { .humble-monthly .perks-and-questions { font-size: 4vmin; }
  .humble-monthly .perks-and-questions .perk, .humble-monthly .perks-and-questions .question { margin: 1em auto; }
  .humble-monthly .perks-and-questions .perks-and-questions-slider:not(.slick-initialized) .questions { display: none; } }

.humble-monthly .newsletter { text-align: center; font-size: 28px; width: 800px; margin: 0 auto; }
.humble-monthly .newsletter button, .humble-monthly .newsletter h2 { text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65); }
.humble-monthly .newsletter button { font-size: 0.75em; flex: 2; border-radius: 6px; }
.humble-monthly .newsletter h2 { margin: 0.25em 0; }
.humble-monthly .newsletter label { color: #E4E7ED; font-size: 0.75em; margin: 0.75em 0; display: block; }
.humble-monthly .newsletter input { background-color: rgba(161, 167, 178, 0.5); color: white; font-size: 0.75em; border-radius: 6px; border: hidden; padding: calc(0.5em + 2px) 0.75em; flex: 7; margin-right: 5px; }
.humble-monthly .newsletter input::placeholder { color: #282C34; opacity: 1; }
.humble-monthly .newsletter input:focus { outline: none; }
.humble-monthly .newsletter .input-container { margin: 0.5em 0; width: 80%; display: inline-flex; flex-direction: row; justify-content: center; }
@media (max-width: 1024px) { .humble-monthly .newsletter { font-size: 24px; width: 90%; } }

#pay-early-modal .generic-popup.content { border: 3px solid rgba(161, 167, 178, 0.5); background-color: #494f5c; border-radius: 6px; color: white; padding: 2em 1.5em; }
#pay-early-modal h1 { font-size: 1.5em; font-weight: normal; color: white; text-shadow: none; margin: 0 0 1em; text-align: center; }
#pay-early-modal a { text-decoration: underline; }
#pay-early-modal table.pay-early-breakdown { width: 70%; margin: 0 auto 1.5em; }
#pay-early-modal table.pay-early-breakdown tr td:first-child { text-align: left; font-weight: bold; }
#pay-early-modal table.pay-early-breakdown tr td:last-child { text-align: right; }
#pay-early-modal .description { padding: 0; }
#pay-early-modal .error { background-color: #eb4747; padding: 0.5em; border-radius: 5px; }
#pay-early-modal .bottom { position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 10px; }
#pay-early-modal .buttons-container { width: 100%; text-align: center; }
#pay-early-modal .pay-early-spinner { margin: 0 auto; }
#pay-early-modal .popup-buttons-container { padding: 0.5em; position: absolute; top: 0; right: 0; line-height: 1; font-size: 1.3em; }
#pay-early-modal .popup-buttons-container .popup-button { cursor: pointer; }

body { background-color: #17283B; }

img.blur-on-large-screens { filter: blur(5px); }

.humble-monthly { color: white; font-family: 'Sofia Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-bottom: 30px; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; }
.humble-monthly .highlight-container { font-weight: bold; font-size: 20px; color: white; }
.humble-monthly .highlight-container.hero-highlight { font-size: inherit; }
.humble-monthly .highlight-container i.hb-steam { opacity: 1; }
.humble-monthly .highlight-container .highlight { display: inline-block; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65); text-transform: uppercase; white-space: nowrap; }
.humble-monthly .highlight-container .highlight:before { font-family: 'hb-icons'; margin: auto 0.75em; position: relative; top: -0.5em; opacity: 0.5; font-size: 0.5em; }
.humble-monthly .highlight-container .highlight:not(:first-child):before { content: '\f05f'; }
.humble-monthly .info-tooltip:after { font-size: 14px; color: black; white-space: pre-wrap; text-shadow: none; background-color: white; }
.humble-monthly .info-tooltip.tooltip-left:before, .humble-monthly .info-tooltip.tooltip-right:before { top: calc(50% - 0.5em); }
.humble-monthly .info-tooltip.tooltip-right:before { border-right-color: white; }
.humble-monthly .info-tooltip.tooltip-left:before { border-left-color: white; }
.humble-monthly .info-tooltip.tooltip-top:before { border-top-color: white; }
.humble-monthly .info-tooltip.tooltip-bottom:before { border-bottom-color: white; }
.humble-monthly .subscribe-button a { min-width: 10em; padding: 0.8em 1.25em 1em; }
.humble-monthly .text-badge { background-color: rgba(0, 0, 0, 0.25); border: 2px solid rgba(141, 141, 141, 0.6); border-radius: 0.3em; display: inline-block; font-weight: bold; margin: 20px; padding: 0.5em 0.75em; text-rendering: optimizeLegibility; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65); text-transform: uppercase; white-space: nowrap; }
.humble-monthly .section-header { color: #E4E7ED; font-weight: 300; font-size: 18px; text-align: center; text-transform: uppercase; margin: 0; }
.humble-monthly .page-dot { font-size: 15px; }
.humble-monthly #bg { width: calc(100 * (1vw + 1vh - 1vmin)); height: calc(100 * (1vw + 1vh - 1vmin)); position: fixed; top: 0; z-index: -1; }
.humble-monthly #press, .humble-monthly #perks-and-questions, .humble-monthly #newsletter { margin: 3em 0; }
@media (max-width: 1024px) { .humble-monthly #press, .humble-monthly #perks-and-questions, .humble-monthly #subscribe, .humble-monthly #newsletter { margin: 5vmin 0; }
  .humble-monthly .section-header { font-size: 3vmin; margin: 0 !important; padding: 0 !important; } }

.modal-overlay { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 60; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.8); }
.modal-overlay .image-container .close, .modal-overlay .video-container .close, .modal-overlay .text-container .close { display: flex; align-items: center; justify-content: center; color: white; width: 1em; height: 1em; font-size: 2em; padding: 3px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; border-radius: 1em; padding: 0.3em; }
.modal-overlay .image-container { background-repeat: no-repeat; background-size: contain; background-position: center; height: 95vmin; width: 95vmin; }
.modal-overlay .image-container .close { position: absolute; top: 0; right: 0; }
.modal-overlay .video-container iframe { margin: 0 auto; max-width: 720px; max-height: 405px; width: 95vmin; height: calc(9/16 * 95vmin); }
.modal-overlay .video-container .close { position: relative; margin-left: -1em; top: 1em; }
.modal-overlay .text-container { text-align: right; width: 80vw; color: white; }
.modal-overlay .text-container .close { display: inline; background-color: transparent; }
.modal-overlay .text-container .text { width: 100%; text-align: left; }