@charset "UTF-8";
body { display: flex; flex-direction: column; min-height: 100vh; }

.site-footer { flex-shrink: 0; background-color: #2f333d; font-size: 16px; font-weight: 200; color: #d8d8da; padding: 10px 40px; margin-top: auto; }
.site-footer .footer-content { display: flex; flex-direction: column; }
.site-footer .footer-content section { flex: 1; margin: 10px 0; padding: 15px; }
.site-footer .brand { margin-top: 30px; margin-right: 2px; width: 100px; }
.site-footer .brand img { width: 100%; }
.site-footer .footer-link-section { display: flex; flex-direction: column; }
.site-footer .footer-link-section .refer-container { order: 2; text-align: center; }
.site-footer .footer-link-section .refer-container .refer-link { color: #ef9841; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.site-footer .responsive-column { columns: 2; order: 1; }
.site-footer .list { list-style-type: none; line-height: 2.5em; margin: 0; padding: 0; }
.site-footer .list a { text-decoration: none; color: #d8d8da; }
.site-footer .list a:hover { color: white; }
.site-footer .list a:visited { color: #d8d8da; }
.site-footer .second-column { line-height: 1.5em; display: flex; flex-direction: column; text-align: left; }
.site-footer .second-column p { margin: 0; }
.site-footer .socialcontainer { display: flex; justify-content: space-evenly; margin-bottom: 30px; padding-right: 10%; text-align: center; }
.site-footer .socialcontainer .social-temp { margin: 6px; width: 35px; height: 35px; color: #3b3e48; background-color: #7b818c; border-radius: 35px; display: inline-block; text-align: center; vertical-align: middle; padding: 6px; font-size: 20px; box-sizing: border-box; transition: .2s; }
.site-footer .socialcontainer .social-temp:hover { background-color: #9ba1ad; }
.site-footer .socialcontainer .social-temp:visited { color: #3b3e48; }
.site-footer .max-width-wrapper { padding-bottom: 50px; width: calc(100vw - 4.5em); max-width: 1450px; margin: auto; }

@media (min-width: 34em) { .site-footer .socialcontainer { padding-right: 0; }
  .site-footer .socialcontainer .social-temp { margin: 6px 5%; }
  .site-footer .responsive-column { columns: 2; column-gap: 2em; } }
@media (min-width: 70em) { .site-footer .second-column { text-align: right; }
  .site-footer .footer-content { flex-direction: row; }
  .site-footer .footer-link-section { flex-direction: row; }
  .site-footer .footer-link-section .refer-container { order: 1; max-width: 300px; text-align: left; padding-right: 2em; }
  .site-footer .socialcontainer { justify-content: flex-end; }
  .site-footer .socialcontainer .social-temp { color: #494f5c; margin: 0 6px 6px 6px; }
  .site-footer .socialcontainer .social-temp .hb { color: #2f333d; }
  .site-footer .socialcontainer a:visited { color: #3b3e48; } }
.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%; 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: #d8d8da; 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 .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"); }

.image-grid-view { position: absolute; pointer-events: none; width: 100%; height: 100%; }

.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%; top: 0; }

.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%; pointer-events: none; top: 0; }

@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.game-art { width: 308px; height: 177px; }
.image-grid-item.book-cover { width: 150px; height: 218px; }

.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: relative; width: calc(100vw - 13.5em); max-width: 1500px; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 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; }
.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; }
  .image-grid-view { 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; } }
/** Set the width and height properties to the same aspect-ratio as Steam's images
*/
/** Outputs the correct vertical dimension to maintain the same aspect-ratio as Steam's images, regardless of width. Arguments: - height-modifier (optional): A <length> value to adjust the vertical dimension if needed
*/
.rewards-gem-container .rewards-gem-view { display: inline-block; cursor: default; box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15); border: 0; }
.rewards-gem-container .rewards-gem-view.button-v2.gray:hover { border: 0; background: gray; }
.rewards-gem-container .rewards-gem-view .rewards-gem { position: relative; cursor: pointer; user-select: none; display: flex; flex-direction: column; justify-content: center; }
.rewards-gem-container .rewards-gem-view .rewards-gem:hover .rewards-gem-tooltip { opacity: 1; visibility: visible; }
.rewards-gem-container .rewards-gem-view .rewards-gem .rewards-gem-tooltip { opacity: 0; top: -7em; width: 14em; box-shadow: 1px 1px rgba(40, 44, 52, 0.25); align-self: center; position: absolute; visibility: hidden; padding: 10px; border-radius: 3px; background-color: white; color: white; text-align: left; text-shadow: none; font-size: 14px; font-weight: normal; letter-spacing: normal; text-transform: none; user-select: none; white-space: initial; z-index: 4; transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out; background-color: #2e2f2d; }
.rewards-gem-container .rewards-gem-view .rewards-gem .rewards-gem-tooltip:after { top: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: 9px solid rgba(255, 255, 255, 0); border-top-color: #2e2f2d; margin-left: -9px; }
.rewards-gem-container .rewards-gem-view .rewards-gem .rewards-gem-tooltip .rewards-gem-tooltip-text .reward-amount { font-weight: bold; }

.simple-tile-view .name, .full-tile-view .name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 3.75em; }
.simple-tile-view .highlights, .full-tile-view .highlights { display: inline-flex; font-weight: bold; text-transform: uppercase; }
.simple-tile-view .highlight:before, .full-tile-view .highlight:before { font-family: 'hb-icons'; margin: 0 1.15em; position: relative; top: -0.5em; opacity: 0.5; font-size: 0.4em; }
.simple-tile-view .highlight:not(:first-child):before, .full-tile-view .highlight:not(:first-child):before { content: '\f05f'; }

.simple-tile-view { position: relative; overflow: hidden; }
.simple-tile-view .cta-button { padding: 0.8em 1.25em; border-width: 2px; }
.simple-tile-view .image-container { overflow: hidden; display: block; position: relative; height: 0; padding-bottom: calc(57.30519481% + 0em); }
.simple-tile-view .image-container:before { content: ''; display: block; background: url("//humblebundle-a.akamaihd.net/static/hashed/01c40d58932b44d2002954d8b3142c0e836dafd4.svg") transparent repeat center/600px; position: absolute; z-index: -1; bottom: 0; left: 0; right: 0; top: 0; }
.simple-tile-view .image-container .tile-image { display: block; position: absolute; width: 100%; height: 100%; opacity: 0; transition: 0.3s opacity; }
.simple-tile-view .image-container .tile-image.lazy-loaded { opacity: 1; }
.simple-tile-view .tile-overlay { position: absolute; overflow: hidden; left: 0; right: 0; top: 0; bottom: 0; }
.simple-tile-view .tile-overlay .tile-stamp-and-logo { margin: 5%; position: relative; }
.simple-tile-view .more-details { line-height: 1.6; display: flex; align-items: center; justify-content: center; opacity: 0; transition: 0.1s linear all; overflow: hidden; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; color: white; background: rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 1px black; text-decoration: none; }
.simple-tile-view .more-details:hover { opacity: 1; }
.simple-tile-view .more-details .content { display: block; text-align: center; padding: 0 1em; max-width: 800px; font-size: 0.75em; }
.simple-tile-view .more-details .content .cta-button { margin-top: 0.5rem; font-size: 1.5em; }
.simple-tile-view .more-details .content .title { font-weight: bold; text-transform: uppercase; font-size: 1.4em; margin-top: 0; }
.simple-tile-view .more-details .content .marketing-blurb, .simple-tile-view .more-details .content .detailed-marketing-blurb { display: none; padding: 0 5em; color: rgba(255, 255, 255, 0.75); }
.simple-tile-view .more-details .content .highlights { display: flex; justify-content: center; }
.simple-tile-view .tile-stamp-and-logo { display: flex; align-items: stretch; }
.simple-tile-view .tile-stamp-and-logo .stamp { display: block; width: 20%; max-width: 100px; margin-right: 0.75em; opacity: 0.75; background: center no-repeat; background-size: contain; }
.simple-tile-view .tile-stamp-and-logo .stamp:after { content: ''; display: block; width: 100%; padding-bottom: 100%; }
.simple-tile-view .tile-stamp-and-logo .stamp.audiobook { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/61f6dbb0e2d44e9940306e4c674279e914bcc55b.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.books { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/221cc36fb46b3d530aa78db73f46b9eddb705647.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.comics { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/0c180226dfc9fd17575ecb33938beb9c181080bc.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.games { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/c9eb8360a57dec0e5d95d79a68be779ca564d9a2.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.mixed { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/24d2f0ddc3a491d6550a26338c1d03eccb1b2dfa.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.humble_branding { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/b1741e2d2dda877477ad56ca8c95869bd617e784.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.humble_original { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/57ba1ba1624f34d67bfb5765cca441f260f358de.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.humble_partner { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/6d34f31db0141b44e921c0db6d721a735db1dae4.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.mobile { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/020ccae5dcae26bd2108beb541af20f1a1c7243c.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.monthly_stamp { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/6bbbe1616ae0a9ad1e63addbbf54373dd633bcb9.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.software { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/5ec081962ffab0fe6479f7e2a915b1dec9d4a66e.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.store { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/04b6c78aa628a5286eb8fcdd789eee990f08d7c5.svg"); }
.simple-tile-view .tile-stamp-and-logo .stamp.trove { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/db94bbe9a65375b17b58a0f3c15c6f2cd295ed40.svg"); }
.simple-tile-view .tile-stamp-and-logo .logo { max-height: 135px; max-width: 75%; display: block; flex: 1; background-repeat: no-repeat; background-size: contain; background-position: center left; }

.simple-tile-view.quarter .image-container { padding-bottom: calc(227 / 349 * 100%); }

.simple-tile-view.monthly .tile-overlay::before, .simple-tile-view.bundle .tile-overlay::before { content: ''; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.75)); }

.simple-tile-view.monthly:hover .image-container .tile-image, .simple-tile-view.bundle:hover .image-container .tile-image { filter: blur(10px); }
.simple-tile-view.monthly:hover .tile-stamp-and-logo, .simple-tile-view.bundle:hover .tile-stamp-and-logo { filter: blur(10px); }
.simple-tile-view.monthly:hover .tile-info, .simple-tile-view.bundle:hover .tile-info { filter: blur(10px); }

.full-tile-view { display: block; text-decoration: none; filter: none; transition: filter .4s; }
.full-tile-view .name { color: inherit; text-decoration: none; }
.full-tile-view .highlights { display: inline-flex; }
.full-tile-view .tile-info { line-height: 1.15; }
.full-tile-view .tile-info .info-section { letter-spacing: .025em; font-weight: bold; text-transform: uppercase; padding: 0 0.875em; height: 4em; display: flex; align-items: center; justify-content: space-between; }
.full-tile-view .tile-info .highlight { display: none; }
.full-tile-view .tile-info .highlight:first-child { display: inline-block; }
.full-tile-view .tile-info .error-box { display: none; font-size: 0.75em; position: absolute; white-space: nowrap; color: #494f5c; background-color: white; right: 0.8em; top: -2.5em; padding: 0.5em; border-radius: 1em 1em 0; }
.full-tile-view .tile-info .error-box:before { content: ''; display: block; border-left: 1em solid transparent; border-top: 0.5em solid white; position: absolute; top: 100%; right: 0; }
.full-tile-view .tile-info.bundle .info-section, .full-tile-view .tile-info.monthly .info-section { color: rgba(255, 255, 255, 0.8); background-color: #282c34; text-decoration: none; transition: 0.2s background-color; }
.full-tile-view .tile-info.bundle .full-countdown-view, .full-tile-view .tile-info.monthly .full-countdown-view { margin-left: 0.3em; }
.full-tile-view .tile-info.bundle .full-countdown-view .pill-timer, .full-tile-view .tile-info.monthly .full-countdown-view .pill-timer { pointer-events: none; font-size: 0.85em; }
.full-tile-view .tile-info.bundle .full-countdown-view .pill-timer .timer-wrapper, .full-tile-view .tile-info.monthly .full-countdown-view .pill-timer .timer-wrapper { display: flex; justify-content: center; padding: 0.75em; min-width: 6em; }
.full-tile-view .simple-tile-view.store .image-container, .full-tile-view .simple-tile-view.coupon .image-container { transition: filter .4s; filter: brightness(0.9); }
.full-tile-view:hover .name { text-decoration: underline; }
.full-tile-view:hover .tile-info.bundle .info-section, .full-tile-view:hover .tile-info.monthly .info-section { background-color: #2f333d; }
.full-tile-view:hover .simple-tile-view.store .image-container, .full-tile-view:hover .simple-tile-view.coupon .image-container { filter: brightness(1); }
.full-tile-view .tile-info.store .error-box, .full-tile-view .tile-info.coupon .error-box { background-color: #282c34; color: rgba(255, 255, 255, 0.6); }
.full-tile-view .tile-info.store .error-box:before, .full-tile-view .tile-info.coupon .error-box:before { border-top-color: #282c34; }
.full-tile-view .tile-info.store .info-section, .full-tile-view .tile-info.coupon .info-section { color: #494f5c; background-color: white; }
.full-tile-view .tile-info.store .right-side, .full-tile-view .tile-info.coupon .right-side { margin-left: .5em; white-space: nowrap; }
.full-tile-view .tile-info.store .right-side > *, .full-tile-view .tile-info.coupon .right-side > * { display: inline-block; }
.full-tile-view .tile-info.store .devices .combined-platforms-operating-systems-list, .full-tile-view .tile-info.coupon .devices .combined-platforms-operating-systems-list { display: inline-block; }
.full-tile-view .tile-info.store .devices .combined-platforms-operating-systems-list li, .full-tile-view .tile-info.coupon .devices .combined-platforms-operating-systems-list li { margin-right: 0.2em; }
.full-tile-view .tile-info.store .devices .combined-platforms-operating-systems-list li.extraDeviceCount, .full-tile-view .tile-info.coupon .devices .combined-platforms-operating-systems-list li.extraDeviceCount { display: none; }
.full-tile-view .tile-info.store .price, .full-tile-view .tile-info.coupon .price { margin-left: 0.3em; }
.full-tile-view .tile-info.store .price .discount-percentage, .full-tile-view .tile-info.coupon .price .discount-percentage { pointer-events: none; }

@media screen and (max-width: 30em) { .full-tile-view .tile-info.store .devices .combined-platforms-operating-systems-list { display: none; } }
@media screen and (min-width: 48em) { .simple-tile-view.one-third { font-size: 1.2em; }
  .simple-tile-view.half { font-size: 1.6em; }
  .simple-tile-view.three-fourths { font-size: 1.5em; }
  .simple-tile-view.three-fourths .tile-stamp-and-logo .stamp { width: 15%; }
  .simple-tile-view.full { font-size: 1.75em; }
  .simple-tile-view.three-fourths .image-container, .simple-tile-view.full .image-container { padding-bottom: 50%; }
  .simple-tile-view.three-fourths .content .marketing-blurb, .simple-tile-view.three-fourths .content .short-marketing-blurb, .simple-tile-view.full .content .marketing-blurb, .simple-tile-view.full .content .short-marketing-blurb { display: none; }
  .simple-tile-view.three-fourths .content .detailed-marketing-blurb, .simple-tile-view.full .content .detailed-marketing-blurb { display: block; }
  .simple-tile-view.one-third .content .short-marketing-blurb, .simple-tile-view.one-third .content .detailed-marketing-blurb, .simple-tile-view.half .content .short-marketing-blurb, .simple-tile-view.half .content .detailed-marketing-blurb { display: none; }
  .simple-tile-view.one-third .content .marketing-blurb, .simple-tile-view.half .content .marketing-blurb { display: block; }
  .full-tile-view.one-third .tile-info .highlight:nth-child(2) { display: inline-block; }
  .full-tile-view.half .tile-info .highlight:nth-child(2), .full-tile-view.half .tile-info .highlight:nth-child(3) { display: inline-block; }
  .full-tile-view.three-fourths .tile-info .highlight, .full-tile-view.full .tile-info .highlight { display: inline-block; }
  .full-tile-view.full .tile-info { display: flex; justify-content: space-between; }
  .full-tile-view.full .tile-info .info-section .full-countdown-view { margin-left: 0.75em; }
  .full-tile-view.full .tile-info .error-box { right: auto; left: 0.8em; border-radius: 1em 1em 1em 0; }
  .full-tile-view.full .tile-info .error-box:before { border-right: 1em solid transparent; border-left: none; right: auto; left: 0; }
  .full-tile-view.full .tile-info.bundle, .full-tile-view.full .tile-info.monthly { background-color: #3b3e48; }
  .full-tile-view.full .tile-info.store { background-color: white; }
  .full-tile-view.quarter.store .tile-info.store .devices .combined-platforms-operating-systems-list li, .full-tile-view.one-third.store .tile-info.store .devices .combined-platforms-operating-systems-list li { display: none; }
  .full-tile-view.quarter.store .tile-info.store .devices .combined-platforms-operating-systems-list li:nth-child(-n+3), .full-tile-view.one-third.store .tile-info.store .devices .combined-platforms-operating-systems-list li:nth-child(-n+3) { display: inline-block; }
  .full-tile-view.quarter.store .tile-info.store .devices .combined-platforms-operating-systems-list li.extraDeviceCount, .full-tile-view.quarter.store .tile-info.store .devices .combined-platforms-operating-systems-list li:last-child, .full-tile-view.one-third.store .tile-info.store .devices .combined-platforms-operating-systems-list li.extraDeviceCount, .full-tile-view.one-third.store .tile-info.store .devices .combined-platforms-operating-systems-list li:last-child { display: inline-block; } }
@media screen and (min-width: 90em) { .full-tile-view .info-section .highlight:before { font-size: 6px; }
  .simple-tile-view .highlight:before { font-size: 6px; }
  .simple-tile-view.full .highlight:before { font-size: 9px; } }
@media (hover: none) { .simple-tile-view .more-details { display: none; }
  .simple-tile-view.monthly:hover .image-container .tile-image, .simple-tile-view.bundle:hover .image-container .tile-image { filter: none; }
  .simple-tile-view.monthly:hover .tile-stamp-and-logo, .simple-tile-view.bundle:hover .tile-stamp-and-logo { filter: none; }
  .simple-tile-view.monthly:hover .tile-info, .simple-tile-view.bundle:hover .tile-info { filter: none; } }
.mosaic-layout { display: -ms-grid; -ms-grid-columns: 1fr; }
.mosaic-layout .tile-holder:first-child, .mosaic-layout .subhub-section:first-child { -ms-grid-row: 1; }
.mosaic-layout .tile-holder:nth-child(2), .mosaic-layout .subhub-section:nth-child(2) { -ms-grid-row: 3; }
.mosaic-layout .tile-holder:nth-child(3), .mosaic-layout .subhub-section:nth-child(3) { -ms-grid-row: 5; }
.mosaic-layout .tile-holder:nth-child(4), .mosaic-layout .subhub-section:nth-child(4) { -ms-grid-row: 7; }

@media screen and (min-width: 48em) { .mosaic-layout .tile-holder:first-child, .mosaic-layout .subhub-section:first-child { -ms-grid-row: 1; -ms-grid-column: 1; }
  .mosaic-layout .tile-holder:nth-child(2), .mosaic-layout .subhub-section:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; }
  .mosaic-layout .tile-holder:nth-child(3), .mosaic-layout .subhub-section:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; }
  .mosaic-layout .tile-holder:nth-child(4), .mosaic-layout .subhub-section:nth-child(4) { -ms-grid-row: 1; -ms-grid-column: 7; }
  .mosaic-layout.fours { -ms-grid-columns: 1fr 2.25em 1fr 2.25em 1fr 2.25em 1fr; }
  .mosaic-layout.threes { -ms-grid-columns: 1fr 2.25em 1fr 2.25em 1fr; }
  .mosaic-layout.twos { -ms-grid-columns: 1fr 2.25em 1fr; }
  .mosaic-layout.one_to_three, .mosaic-layout.three_to_one { -ms-grid-rows: 1fr 0.75em 1fr; -ms-grid-columns: 1fr 2.25em 1fr 2.25em 1fr 2.25em 1fr; }
  .mosaic-layout.one_to_three .tile-holder.three-fourths { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 5; }
  .mosaic-layout.one_to_three .tile-holder:first-child { -ms-grid-row: 1; -ms-grid-column: 1; }
  .mosaic-layout.one_to_three .tile-holder:nth-child(2) { -ms-grid-row: 3; -ms-grid-column: 1; }
  .mosaic-layout.three_to_one .tile-holder.three-fourths { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 5; }
  .mosaic-layout.three_to_one .tile-holder:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 7; }
  .mosaic-layout.three_to_one .tile-holder:nth-child(3) { -ms-grid-row: 3; -ms-grid-column: 7; } }
.mosaic-layout, .over-bundle, .blocked-promotion, .receipt-coupon-wrapper { -webkit-text-size-adjust: 80%; -ms-text-size-adjust: 80%; text-size-adjust: 80%; display: grid; grid-template-columns: 1fr; grid-row-gap: 2.25em; grid-column-gap: 2.25em; margin-bottom: 2.25em; }
.mosaic-layout:not(.hero_width), .over-bundle:not(.hero_width), .blocked-promotion:not(.hero_width), .receipt-coupon-wrapper:not(.hero_width) { margin-top: 2.25em; margin-left: auto; margin-right: auto; max-width: 1500px; width: calc(100vw - 2em); }
.mosaic-layout .full-tile-view, .over-bundle .full-tile-view, .blocked-promotion .full-tile-view, .receipt-coupon-wrapper .full-tile-view { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.45); }

@media screen and (min-width: 48em) { .mosaic-layout, .over-bundle, .blocked-promotion, .receipt-coupon-wrapper { grid-row-gap: 0.75em; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; font-size: 1.1vw; }
  .mosaic-layout:not(.hero_width), .over-bundle:not(.hero_width), .blocked-promotion:not(.hero_width), .receipt-coupon-wrapper:not(.hero_width) { width: calc(100vw - 4.5em); }
  .mosaic-layout.hero_width, .over-bundle.hero_width, .blocked-promotion.hero_width, .receipt-coupon-wrapper.hero_width { width: 100%; }
  .mosaic-layout.hero_width .tile-holder.hero, .over-bundle.hero_width .tile-holder.hero, .blocked-promotion.hero_width .tile-holder.hero, .receipt-coupon-wrapper.hero_width .tile-holder.hero { width: 100%; max-width: 1920px; margin: 0 auto 10em; }
  .mosaic-layout.fours, .over-bundle.fours, .blocked-promotion.fours, .receipt-coupon-wrapper.fours { grid-template-columns: repeat(4, 1fr); }
  .mosaic-layout.threes, .over-bundle.threes, .blocked-promotion.threes, .receipt-coupon-wrapper.threes { grid-template-columns: repeat(3, 1fr); }
  .mosaic-layout.twos, .over-bundle.twos, .blocked-promotion.twos, .receipt-coupon-wrapper.twos { grid-template-columns: repeat(2, 1fr); }
  .mosaic-layout.one_to_three, .mosaic-layout.three_to_one, .over-bundle.one_to_three, .over-bundle.three_to_one, .blocked-promotion.one_to_three, .blocked-promotion.three_to_one, .receipt-coupon-wrapper.one_to_three, .receipt-coupon-wrapper.three_to_one { grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(4, 1fr); margin-bottom: 1.5em; }
  .mosaic-layout.one_to_three .tile-holder.three-fourths, .over-bundle.one_to_three .tile-holder.three-fourths, .blocked-promotion.one_to_three .tile-holder.three-fourths, .receipt-coupon-wrapper.one_to_three .tile-holder.three-fourths { grid-row: 1 / span 2; grid-column: 2 / span 3; }
  .mosaic-layout.three_to_one .tile-holder.three-fourths, .over-bundle.three_to_one .tile-holder.three-fourths, .blocked-promotion.three_to_one .tile-holder.three-fourths, .receipt-coupon-wrapper.three_to_one .tile-holder.three-fourths { grid-row: span 2; grid-column: span 3; } }
@media screen and (min-width: 90.01em) { .mosaic-layout, .over-bundle, .blocked-promotion, .receipt-coupon-wrapper { font-size: inherit; grid-gap: 2.5em 2.5em; margin-bottom: 2.5em; }
  .mosaic-layout.one_to_three, .over-bundle.one_to_three, .blocked-promotion.one_to_three, .receipt-coupon-wrapper.one_to_three { margin-bottom: 0em; } }
@media screen and (min-width: 100.01em) { .mosaic-layout:not(.hero_width), .over-bundle:not(.hero_width), .blocked-promotion:not(.hero_width), .receipt-coupon-wrapper:not(.hero_width) { width: calc(100vw - 13.5em); } }
/** Z-Index Generator Generates a z-index value based on a given layer map. By default, it refers to the $sitewide-layers layer map. Import into stylesheets via `@import 'utilities/z-index-mapping'`  Example usage: z-index: z-value('mykey'); <- uses the $sitewide-layers map by default z-index: z-value('mykey', 'my-custom-map'); <- uses a different layer map  If needed, modules can define their own layer map and assign z-index values in the context of said map. */
.humble-home-takeover { color: white; margin: 0 auto; max-width: 120em; position: relative; width: 100%; }
.humble-home-takeover .takeover-background { position: absolute; }
.humble-home-takeover .takeover-background.mobile { height: 100%; width: 100%; }
@media (min-width: 40em) { .humble-home-takeover .takeover-background.mobile { display: none; } }
.humble-home-takeover .takeover-background.desktop { display: none; }
@media (min-width: 40em) { .humble-home-takeover .takeover-background.desktop { display: block; } }
.humble-home-takeover .background-image { width: 100%; }
.humble-home-takeover .takeover-content { box-sizing: border-box; min-height: 25em; padding: 1em; position: relative; }
@media (min-width: 40em) { .humble-home-takeover .takeover-content { min-height: 20em; padding: 1.25em 2.25em 0; } }
@media (min-width: 64em) { .humble-home-takeover .takeover-content { min-height: 25em; padding: 1.875em 2.5em 0; } }
@media (min-width: 85.375em) { .humble-home-takeover .takeover-content { min-height: 33em; padding: 2.75em 5em 0; } }
@media (min-width: 100em) { .humble-home-takeover .takeover-content { min-height: 42em; padding: 2.75em 10em 0; } }
@media (min-width: 120em) { .humble-home-takeover .takeover-content { padding: 2.75em 16.25em 0; } }
.humble-home-takeover .title { font-size: 1.75em; font-weight: bold; margin: 0 auto 1em; max-width: 20em; padding: 0 .5em; text-align: center; text-shadow: 0 4px 0 rgba(86, 62, 62, 0.3); text-transform: uppercase; }
@media (min-width: 40em) { .humble-home-takeover .title { font-size: 1.5em; line-height: 1.3em; margin: 0 0 0.5em; max-width: 55%; padding: 0; text-align: left; } }
@media (min-width: 64em) { .humble-home-takeover .title { font-size: 2.25em; } }
@media (min-width: 100em) { .humble-home-takeover .title { font-size: 2.7em; } }
.humble-home-takeover .marketing-blurb { display: none; margin: 0; }
@media (min-width: 40em) { .humble-home-takeover .marketing-blurb { display: block; font-size: 0.875em; font-weight: bold; line-height: 2em; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); text-transform: uppercase; }
  .humble-home-takeover .marketing-blurb ul { padding-left: 1.4em; } }
@media (min-width: 64em) { .humble-home-takeover .marketing-blurb { font-size: 1em; } }
@media (min-width: 100em) { .humble-home-takeover .marketing-blurb { font-size: 1.125em; } }
.humble-home-takeover .dismiss-takeover { display: block; font-size: 1.25em; line-height: 0; position: absolute; right: 0.625rem; top: 0.25rem; }
@media (min-width: 40em) { .humble-home-takeover .dismiss-takeover { font-size: 1.6em; right: 1.25rem; top: 1.125rem; } }
@media (min-width: 64em) { .humble-home-takeover .dismiss-takeover { right: 1.875rem; top: 1.875rem; } }
@media (min-width: 85.375em) { .humble-home-takeover .dismiss-takeover { top: 2rem; } }
.humble-home-takeover .start-playing-now { margin: auto; max-width: 318px; text-align: center; width: 100%; }
@media (min-width: 40em) { .humble-home-takeover .start-playing-now { bottom: 0; position: absolute; right: 2em; width: 11.25em; } }
@media (min-width: 48em) { .humble-home-takeover .start-playing-now { bottom: 2em; } }
@media (min-width: 64em) { .humble-home-takeover .start-playing-now { right: 4em; width: 15em; } }
@media (min-width: 85.375em) { .humble-home-takeover .start-playing-now { right: 4.375em; } }
@media (min-width: 100em) { .humble-home-takeover .start-playing-now { right: 6.25em; width: 18.75em; } }
@media (min-width: 120em) { .humble-home-takeover .start-playing-now { right: 16.25em; } }
.humble-home-takeover .spn-bordered-box { background-color: rgba(20, 14, 5, 0.61); border: solid 3px white; border-radius: 6px; display: block; position: relative; }
@media (min-width: 40em) { .humble-home-takeover .spn-bordered-box { padding: 1.2em 1.5em .4em; } }
@media (min-width: 100em) { .humble-home-takeover .spn-bordered-box { border: solid 4px white; padding: 1.6em 1.5em .4em; } }
.humble-home-takeover .spn-title { background-color: white; border-radius: 3.2px; color: black; font-weight: bold; left: 50%; padding: 0.25em 0.6em; position: absolute; text-transform: uppercase; top: 0; transform: translate(-50%, -50%); white-space: nowrap; }
@media (min-width: 40em) { .humble-home-takeover .spn-title { font-size: 0.75em; } }
@media (min-width: 64em) { .humble-home-takeover .spn-title { font-size: 0.875em; } }
@media (min-width: 100em) { .humble-home-takeover .spn-title { font-size: 1.125em; } }
.humble-home-takeover .spn-mobile-foreground { width: 100%; }
@media (min-width: 40em) { .humble-home-takeover .spn-mobile-foreground { display: none; } }
.humble-home-takeover .spn-logo { bottom: 0.75em; position: absolute; right: 50%; transform: translateX(50%); }
@media (min-width: 40em) { .humble-home-takeover .spn-logo { position: static; transform: none; width: 100%; } }
.humble-home-takeover .spn-subtext { font-weight: bold; margin-top: 0.8em; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); text-transform: uppercase; }
@media (min-width: 40em) { .humble-home-takeover .spn-subtext { font-size: 0.75em; margin-top: 0.2em; } }
@media (min-width: 64em) { .humble-home-takeover .spn-subtext { font-size: 0.875em; } }
@media (min-width: 100em) { .humble-home-takeover .spn-subtext { font-size: 1em; } }
.humble-home-takeover .takeover-button { background-image: radial-gradient(circle at 50% 0, #ef9943, #ef5d43); border-radius: 6px; box-shadow: 0 14px 28px 0 rgba(0, 0, 0, 0.3); display: block; font-size: 0.875em; font-weight: bold; height: 4rem; margin: 1.25em auto; max-width: 20em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); transition: none; width: 100%; }
.humble-home-takeover .takeover-button:hover { background-image: radial-gradient(circle at 50% 0, #ffc285, #ff4929); text-shadow: 0 3px 0 rgba(0, 0, 0, 0.4); }
.humble-home-takeover .takeover-button:active { background-image: radial-gradient(circle at 50% 0, #df8020, #ae402d); color: #973926; text-shadow: none; }
@media (min-width: 40em) { .humble-home-takeover .takeover-button { margin-left: 0; max-width: 15em; } }
@media (min-width: 85.375em) { .humble-home-takeover .takeover-button { box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3); font-size: 1.25em; height: 5.75rem; max-width: 20em; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.15); } }

body { min-width: auto; font-size: inherit; font-family: 'Sofia Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #262b31; }

.base-main-wrapper .inner-main-wrapper { border: none; margin: 0 auto; padding: 0; width: 100%; }

.humble-home-main { background-color: #494f5c; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); margin: 0 auto; max-width: 120em; overflow: auto; width: 100%; }

.nav-container .compact-component { opacity: 1; display: block; }
.nav-container .full-component { opacity: 0; display: none; }

@media screen and (min-width: 48em) { .nav-container .compact-component { opacity: 0; display: none; }
  .nav-container .full-component { opacity: 1; display: block; } }