/** 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
*/
.hb { display: inline-block; font: normal normal normal 14px/1 'hb-icons'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.hb-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; }

.hb-2x { font-size: 2em; }

.hb-3x { font-size: 3em; }

.hb-4x { font-size: 4em; }

.hb-5x { font-size: 5em; }

.hb-fw { width: 1.28571429em; text-align: center; }

.hb-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; }

.hb-ul > li { position: relative; }

.hb-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; }

.hb-li.hb-lg { left: -1.85714286em; }

.hb-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; }

.pull-left { float: left; }

.pull-right { float: right; }

.hb.pull-left { margin-right: .3em; }

.hb.pull-right { margin-left: .3em; }

.hb-spin { -webkit-animation: hb-spin 2s infinite linear; animation: hb-spin 2s infinite linear; }

.hb-pulse { -webkit-animation: hb-spin 1s infinite steps(8); animation: hb-spin 1s infinite steps(8); }

@-webkit-keyframes hb-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
@keyframes hb-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }
.hb-rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.hb-rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.hb-rotate-270 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }

.hb-flip-horizontal { -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

.hb-flip-vertical { -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }

:root .hb-rotate-90, :root .hb-rotate-180, :root .hb-rotate-270, :root .hb-flip-horizontal, :root .hb-flip-vertical { filter: none; }

.hb-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }

.hb-stack-1x, .hb-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }

.hb-stack-1x { line-height: inherit; }

.hb-stack-2x { font-size: 2em; }

.hb-inverse { color: white; }

.hb-admin:before { content: "\f000"; }

.hb-alert:before { content: "\f001"; }

.hb-amazon:before { content: "\f002"; }

.hb-android:before { content: "\f003"; }

.hb-audio:before { content: "\f004"; }

.hb-audiobook:before { content: "\f005"; }

.hb-back:before { content: "\f006"; }

.hb-bitcoin:before { content: "\f007"; }

.hb-bittorrent:before { content: "\f008"; }

.hb-book:before { content: "\f009"; }

.hb-bundle:before { content: "\f00a"; }

.hb-calendar:before { content: "\f00b"; }

.hb-cart:before { content: "\f00c"; }

.hb-checkmark:before { content: "\f00d"; }

.hb-checkmarkbadge:before { content: "\f00e"; }

.hb-chrome:before { content: "\f00f"; }

.hb-clock:before { content: "\f010"; }

.hb-close:before { content: "\f011"; }

.hb-credit-card:before { content: "\f012"; }

.hb-dollar:before { content: "\f013"; }

.hb-download:before { content: "\f014"; }

.hb-drmfree-large:before { content: "\f015"; }

.hb-drmfree:before { content: "\f016"; }

.hb-email:before { content: "\f017"; }

.hb-facebook:before { content: "\f018"; }

.hb-file-mp3:before { content: "\f019"; }

.hb-file:before { content: "\f01a"; }

.hb-filter:before { content: "\f01b"; }

.hb-firefox:before { content: "\f01c"; }

.hb-forward:before { content: "\f01d"; }

.hb-gear:before { content: "\f01e"; }

.hb-giftbox:before { content: "\f01f"; }

.hb-gog:before { content: "\f0e3"; }

.hb-googlewallet:before { content: "\f022"; }

.hb-info:before { content: "\f023"; }

.hb-key:before { content: "\f024"; }

.hb-less:before { content: "\f025"; }

.hb-library:before { content: "\f026"; }

.hb-lightning:before { content: "\f027"; }

.hb-linux:before { content: "\f028"; }

.hb-location:before { content: "\f029"; }

.hb-lock:before { content: "\f02a"; }

.hb-menu:before { content: "\f02b"; }

.hb-minus:before { content: "\f02c"; }

.hb-more:before { content: "\f02d"; }

.hb-movie:before { content: "\f02e"; }

.hb-multiplatform:before { content: "\f02f"; }

.hb-oculus:before { content: "\f030"; }

.hb-openlock:before { content: "\f031"; }

.hb-opensource:before { content: "\f032"; }

.hb-origin:before { content: "\f0e4"; }

.hb-osx:before { content: "\f034"; }

.hb-ouya:before { content: "\f035"; }

.hb-pause:before { content: "\f036"; }

.hb-paypal:before { content: "\f037"; }

.hb-play:before { content: "\f038"; }

.hb-playstation:before { content: "\f039"; }

.hb-plus:before { content: "\f03a"; }

.hb-psfour:before { content: "\f0e6"; }

.hb-rifftrax:before { content: "\f03c"; }

.hb-rss:before { content: "\f03d"; }

.hb-search:before { content: "\f03e"; }

.hb-singleplatform:before { content: "\f03f"; }

.hb-stripe:before { content: "\f041"; }

.hb-support:before { content: "\f042"; }

.hb-tardis:before { content: "\f043"; }

.hb-tier:before { content: "\f045"; }

.hb-twitch:before { content: "\f046"; }

.hb-twitter:before { content: "\f047"; }

.hb-uplay:before { content: "\f0e7"; }

.hb-user:before { content: "\f049"; }

.hb-vhx:before { content: "\f04a"; }

.hb-vive:before { content: "\f04b"; }

.hb-wallet:before { content: "\f04c"; }

.hb-wii:before { content: "\f0e9"; }

.hb-wiiu:before { content: "\f0eb"; }

.hb-windows:before { content: "\f04e"; }

.hb-xboxone:before { content: "\f0e0"; }

.hb-youtube:before { content: "\f050"; }

.hb-times:before { content: "\f051"; }

.hb-arrow-circle-left:before { content: "\f052"; }

.hb-info-circle:before { content: "\f053"; }

.hb-caret-square-o-down:before { content: "\f054"; }

.hb-caret-down:before { content: "\f055"; }

.hb-scissors:before { content: "\f056"; }

.hb-star:before { content: "\f057"; }

.hb-money:before { content: "\f058"; }

.hb-cog:before { content: "\f059"; }

.hb-sign-out:before { content: "\f05a"; }

.hb-shopping-cart:before { content: "\f05b"; }

.hb-gift:before { content: "\f05c"; }

.hb-cloud-download:before { content: "\f05d"; }

.hb-gamepad:before { content: "\f05e"; }

.hb-circle:before { content: "\f05f"; }

.hb-eye:before { content: "\f060"; }

.hb-magic:before { content: "\f061"; }

.hb-stack-overflow:before { content: "\f062"; }

.hb-diamond:before { content: "\f063"; }

.hb-external-link:before { content: "\f064"; }

.hb-times-circle:before { content: "\f065"; }

.hb-cubes:before { content: "\f066"; }

.hb-exclamation-triangle:before { content: "\f067"; }

.hb-cube:before { content: "\f068"; }

.hb-tag:before { content: "\f069"; }

.hb-search-fa:before { content: "\f06a"; }

.hb-trophy:before { content: "\f06b"; }

.hb-angle-left:before { content: "\f06c"; }

.hb-angle-right:before { content: "\f06d"; }

.hb-angle-down:before { content: "\f06e"; }

.hb-ticket:before { content: "\f06f"; }

.hb-clock-o:before { content: "\f070"; }

.hb-chevron-right:before { content: "\f071"; }

.hb-pie-chart:before { content: "\f072"; }

.hb-database:before { content: "\f073"; }

.hb-pencil-square:before { content: "\f074"; }

.hb-question-circle:before { content: "\f075"; }

.hb-exclamation:before { content: "\f076"; }

.hb-exclamation-circle:before { content: "\f077"; }

.hb-camera:before { content: "\f078"; }

.hb-trash-o:before { content: "\f079"; }

.hb-volume-up:before { content: "\f07a"; }

.hb-volume-off:before { content: "\f07b"; }

.hb-expand:before { content: "\f07c"; }

.hb-mobile:before { content: "\f07d"; }

.hb-pencil:before { content: "\f07e"; }

.hb-ellipsis-v:before { content: "\f07f"; }

.hb-check:before { content: "\f080"; }

.hb-circle-o-notch:before { content: "\f081"; }

.hb-download-fa:before { content: "\f082"; }

.hb-heart:before { content: "\f083"; }

.hb-external-link-square:before { content: "\f084"; }

.hb-check-circle:before { content: "\f085"; }

.hb-sign-in:before { content: "\f086"; }

.hb-plus-fa:before { content: "\f087"; }

.hb-sort:before { content: "\f088"; }

.hb-caret-square-o-up:before { content: "\f089"; }

.hb-chevron-left:before { content: "\f08a"; }

.hb-eye-slash:before { content: "\f08b"; }

.hb-home:before { content: "\f08c"; }

.hb-files-o:before { content: "\f08d"; }

.hb-bar-chart:before { content: "\f08e"; }

.hb-envelope:before { content: "\f08f"; }

.hb-facebook-fa:before { content: "\f090"; }

.hb-twitter-fa:before { content: "\f091"; }

.hb-refresh:before { content: "\f093"; }

.hb-compress:before { content: "\f094"; }

.hb-thumbs-down:before { content: "\f095"; }

.hb-thumbs-up:before { content: "\f096"; }

.hb-key-fa:before { content: "\f097"; }

.hb-arrow-circle-down:before { content: "\f098"; }

.hb-arrow-circle-up:before { content: "\f099"; }

.hb-arrow-circle-right:before { content: "\f09a"; }

.hb-minus-square-o:before { content: "\f09b"; }

.hb-plus-square-o:before { content: "\f09c"; }

.hb-globe:before { content: "\f09d"; }

.hb-tachometer:before { content: "\f09e"; }

.hb-pencil-square-o:before { content: "\f09f"; }

.hb-cc-visa:before { content: "\f0a0"; }

.hb-cc-mastercard:before { content: "\f0a1"; }

.hb-cc-amex:before { content: "\f0a2"; }

.hb-cc-discover:before { content: "\f0a3"; }

.hb-cc-paypal:before { content: "\f0a4"; }

.hb-cc-stripe:before { content: "\f0a5"; }

.hb-spinner:before { content: "\f0a6"; }

.hb-line-chart:before { content: "\f0a7"; }

.hb-tags:before { content: "\f0a8"; }

.hb-folder-open:before { content: "\f0a9"; }

.hb-paper-plane:before { content: "\f0aa"; }

.hb-exchange:before { content: "\f0ab"; }

.hb-bars:before { content: "\f0ac"; }

.hb-ban:before { content: "\f0ad"; }

.hb-music:before { content: "\f0ae"; }

.hb-bolt:before { content: "\f0af"; }

.hb-windows-fa:before { content: "\f0b1"; }

.hb-linux-fa:before { content: "\f0b2"; }

.hb-youtube-fa:before { content: "\f0b3"; }

.hb-twitch-fa:before { content: "\f0b4"; }

.hb-psthree:before { content: "\f0e5"; }

.hb-star-o:before { content: "\f0b7"; }

.hb-caret-square-o-left:before { content: "\f0b8"; }

.hb-caret-square-o-right:before { content: "\f0b9"; }

.hb-caret-right:before { content: "\f0ba"; }

.hb-caret-left:before { content: "\f0bb"; }

.hb-caret-up:before { content: "\f0bc"; }

.hb-logo:before { content: "\f0bd"; }

.hb-chevron-down:before { content: "\f0be"; }

.hb-chevron-up:before { content: "\f0bf"; }

.hb-headphones:before { content: "\f0c0"; }

.hb-plus-circle:before { content: "\f0c1"; }

.hb-link:before { content: "\f0c2"; }

.hb-steam:before { content: "\f0de"; }

.hb-bell-o:before { content: "\f0c4"; }

.hb-bell:before { content: "\f0c5"; }

.hb-clipboard:before { content: "\f0c6"; }

.hb-angle-double-right:before { content: "\f0c7"; }

.hb-angle-double-left:before { content: "\f0c8"; }

.hb-file-audio-o:before { content: "\f0c9"; }

.hb-align-right:before { content: "\f0ca"; }

.hb-align-left:before { content: "\f0cb"; }

.hb-align-horizontal-middle:before { content: "\f0cc"; }

.hb-circle-o:before { content: "\f0cd"; }

.hb-youtube-play:before { content: "\f0ce"; }

.hb-arrows:before { content: "\f0cf"; }

.hb-preorder:before { content: "\f0d0"; }

.hb-psvita:before { content: "\f0e8"; }

.hb-instagram:before { content: "\f0d2"; }

.hb-tumblr:before { content: "\f0d3"; }

.hb-bnet:before { content: "\f0e2"; }

.hb-pause-fa:before { content: "\f0d5"; }

.hb-calendar-o:before { content: "\f0d6"; }

.hb-windows-mixed-reality:before { content: "\f0d7"; }

.hb-reddit:before { content: "\f0d8"; }

.hb-angrycreative:before { content: "\f0d9"; }

.hb-threeds:before { content: "\f0e1"; }

.hb-threeds-wide:before { content: "\f0db"; }

.hb-switch:before { content: "\f0ea"; }

.hb-switch-wide:before { content: "\f0dd"; }

.hb-minus-fa:before { content: "\f0ec"; }

.hb-epic:before { content: "\f0ed"; }

/* 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; }

.slick-slider .slick-dots { list-style: none; padding: 15px; margin: 0; text-align: center; }
.slick-slider .slick-dots li { display: inline-block; padding: 0 5px; font-size: 10px; }
.slick-slider .slick-dots li.slick-active .carousel-dot { opacity: 1; }
.slick-slider .slick-dots li .carousel-dot { outline: none; opacity: 0.5; }
.slick-slider .slick-dots li .carousel-dot:hover, .slick-slider .slick-dots li .carousel-dot:focus { opacity: 0.75; }

/** 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
*/
.charity-selection .charity-results .charity-preview .select-charity, .charity-selection .charity-results .charity-preview .remove-charity, .charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity, .charity-details .charity-title .select-charity { display: block; padding: 4px 0; border-radius: 3px; border: none; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.2); text-align: center; font-size: 12px; font-weight: bold; text-decoration: none; color: #494f5c; }

.charity-selection .charity-results .charity-preview .select-charity.is-selected, .charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity.is-selected, .charity-details .charity-title .select-charity.is-selected, .charity-details .charity-title .select-charity.is-featured { border: 1px solid rgba(0, 0, 0, 0.1); background: #17a0e5; color: white; }

.charity-selection h2 { font-size: 26px; color: #494f5c; font-weight: 200; margin: -6px 0 0 0; }
.charity-selection .charity-search { padding-bottom: 20px; position: relative; font-size: 14px; }
.charity-selection .charity-search input, .charity-selection .charity-search label, .charity-selection .charity-search button { display: inline-block; margin-right: 10px; }
.charity-selection .charity-search input, .charity-selection .charity-search select, .charity-selection .charity-search button { border-radius: 3px; height: 31px; padding: 4px; box-sizing: border-box; border: 1px solid #dddddd; margin-top: 4px; font-size: 14px; }
.charity-selection .charity-search label { text-transform: uppercase; font-size: 10px; color: #a1a7b2; }
.charity-selection .charity-search label::first-letter { margin-left: 2px; }
.charity-selection .charity-search .query { position: relative; width: 350px; }
.charity-selection .charity-search .query input { width: 100%; padding-left: 26px; color: #494f5c; }
.charity-selection .charity-search .query i { position: absolute; bottom: 8px; left: 8px; font-size: 14px; color: #a1a7b2; }
.charity-selection .charity-search .category select, .charity-selection .charity-search .country select, .charity-selection .charity-search .state select { width: 100%; display: inline-block; color: #494f5c; }
.charity-selection .charity-search .category { width: 250px; }
.charity-selection .charity-search .country { width: 210px; }
.charity-selection .charity-search .state { display: none; }
.charity-selection .charity-search .state.is-united-states, .charity-selection .charity-search .country.is-united-states { width: 100px; display: inline-block; }
.charity-selection .charity-search button { width: 100px; margin-right: 0; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(255, 255, 255, 0.2) inset; background-image: linear-gradient(top, #4dc4ff 0%, #17a1e6 100%); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); color: white; font-weight: 500; }
.charity-selection .charity-search:after { content: ''; display: block; clear: both; }
.charity-selection .results-heading { margin: 4px 0 0 0; font-size: 20px; font-weight: 200; }
.charity-selection .results-heading-disclaimer { margin: 4px 0 2px 0; font-size: 12px; color: #7b818c; font-weight: normal; display: none; }
.charity-selection .charity-img { height: 64px; width: 64px; background-color: white; background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 3px; overflow: hidden; position: absolute; cursor: pointer; left: 0; top: 0; }
.charity-selection .partnership-line { position: absolute; right: 0; bottom: 0; color: #7b818c; font-size: 12px; font-style: italic; }
.charity-selection .partnership-line a { color: #7b818c; }
.charity-selection .charity-results { padding-top: 5px; margin-bottom: 20px; margin-right: -20px; }
.charity-selection .charity-results .charity-selection-message { text-align: center; color: #7b818c; margin: 65px; }
.charity-selection .charity-results .charity-selection-message h1 { font-size: 24px; font-weight: normal; }
.charity-selection .charity-results .charity-selection-message img { vertical-align: middle; margin-right: 5px; }
.charity-selection .charity-results .charity-preview { width: 300px; margin: 20px 20px 20px 0; display: inline-block; text-align: left; vertical-align: top; position: relative; padding-left: 76px; box-sizing: border-box; }
.charity-selection .charity-results .charity-preview.is-disallowed { opacity: 0.5; }
.charity-selection .charity-results .charity-preview.is-disallowed button { outline: none; }
.charity-selection .charity-results .charity-preview a { text-decoration: none; }
.charity-selection .charity-results .charity-preview .select-charity { display: inline-block; font-size: 10px; height: 18px; padding: 1px 8px; text-transform: uppercase; }
.charity-selection .charity-results .charity-preview .select-charity .unselected-text { display: inline; }
.charity-selection .charity-results .charity-preview .select-charity .disallowed-text, .charity-selection .charity-results .charity-preview .select-charity .selected-text, .charity-selection .charity-results .charity-preview .select-charity .featured-text { display: none; }
.charity-selection .charity-results .charity-preview .select-charity.is-unselected-featured .featured-text { display: inline; }
.charity-selection .charity-results .charity-preview .select-charity.is-unselected-featured .selected-text, .charity-selection .charity-results .charity-preview .select-charity.is-unselected-featured .unselected-text, .charity-selection .charity-results .charity-preview .select-charity.is-unselected-featured .disallowed-text { display: none; }
.charity-selection .charity-results .charity-preview .select-charity.is-selected .selected-text { display: inline; }
.charity-selection .charity-results .charity-preview .select-charity.is-selected .disallowed-text, .charity-selection .charity-results .charity-preview .select-charity.is-selected .unselected-text, .charity-selection .charity-results .charity-preview .select-charity.is-selected .featured-text { display: none; }
.charity-selection .charity-results .charity-preview .select-charity.is-disallowed { cursor: default; background: #333333; }
.charity-selection .charity-results .charity-preview .select-charity.is-disallowed .disallowed-text { display: inline; color: #787878; }
.charity-selection .charity-results .charity-preview .select-charity.is-disallowed .selected-text, .charity-selection .charity-results .charity-preview .select-charity.is-disallowed .unselected-text, .charity-selection .charity-results .charity-preview .select-charity.is-disallowed .featured-text { display: none; }
.charity-selection .charity-results .charity-preview .select-charity.is-featured { cursor: default; background: #17a0e5; }
.charity-selection .charity-results .charity-preview .select-charity.is-featured .featured-text { color: white; display: inline; }
.charity-selection .charity-results .charity-preview .select-charity.is-featured .selected-text, .charity-selection .charity-results .charity-preview .select-charity.is-featured .unselected-text, .charity-selection .charity-results .charity-preview .select-charity.is-featured .disallowed-text { display: none; }
.charity-selection .charity-results .charity-preview .remove-charity { background-color: #dc3f31; color: white; display: inline-block; font-size: 10px; height: 18px; margin-left: 5px; padding: 1px 8px; text-transform: uppercase; }
.charity-selection .charity-results .charity-preview .charity-name { margin: 0 0 0 auto; }
.charity-selection .charity-results .charity-preview .charity-name h4 { margin: -1px 0 0 0; padding: 0 0 7px 0; height: 18px; font-size: 16px; font-weight: 400; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; width: 204px; }
.charity-selection .charity-results .charity-preview .charity-name h5.location { margin: 0 0 9px 0; font-size: 12px; font-weight: normal; color: #7b818c; height: 14px; }
.charity-selection .featured-charities { border-bottom: 1px solid #dddddd; margin-bottom: 20px; padding-bottom: 20px; min-height: 116px; }
.charity-selection .featured-charities::after { clear: both; content: ""; display: table; }
.charity-selection .featured-charities .featured-description-wrapper { float: left; }
.charity-selection .featured-charities .featured-heading { font-size: 20px; font-weight: 200; margin: 20px 0 18px 0; }
.charity-selection .featured-charities .featured-charities-description { width: 245px; margin: 0; line-height: 16px; }
.charity-selection .featured-charities .featured-charities-list { padding-top: 20px; float: right; }
.charity-selection .featured-charities .featured-charities-list .charity-list { text-align: right; }
.charity-selection .featured-charities .featured-charities-list .charity-preview { width: 64px; margin: 0 -10px 0 65px; display: inline-block; text-align: center; vertical-align: top; position: relative; box-sizing: border-box; }
.charity-selection .featured-charities .featured-charities-list .charity-preview:first-of-type { margin-left: 0; }
.charity-selection .featured-charities .featured-charities-list .charity-preview a { text-decoration: none; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .charity-img { position: static; display: block; margin: 0 auto; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity { padding: 1px 8px; font-size: 10px; text-transform: uppercase; height: 18px; margin: 0 auto; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity .selected-text, .charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity .unselected-text, .charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity .featured-text { display: none; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity.is-selected .selected-text { display: inline; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity.is-featured .featured-text { display: inline; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity.is-unselected-featured .featured-text { display: inline; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .select-charity:not(.is-selected):not(.is-featured):not(.is-unselected-featured) .unselected-text { display: inline; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .charity-name { margin: 0 0 0 auto; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .charity-name h4 { margin: 12px -40% 12px -40%; height: 18px; font-size: 12px; font-weight: normal; }
.charity-selection .featured-charities .featured-charities-list .charity-preview .charity-name h5.location { display: none; }

.charity-details { margin-bottom: 40px; }
.charity-details:after { content: ''; display: block; clear: both; }
.charity-details .charity-title { display: block; position: relative; padding-bottom: 16px; border-bottom: 1px solid #dddddd; margin-bottom: 20px; }
.charity-details .charity-title h2 { font-size: 26px; font-weight: 200; margin: 0; }
.charity-details .charity-title .select-charity { padding: 7px 14px; font-size: 14px; position: absolute; top: 0; right: 0; }
.charity-details .charity-title .select-charity .selected-text, .charity-details .charity-title .select-charity .unselected-text, .charity-details .charity-title .select-charity .featured-text { display: none; }
.charity-details .charity-title .select-charity.is-selected .selected-text { display: inline; }
.charity-details .charity-title .select-charity.is-featured .featured-text { display: inline; }
.charity-details .charity-title .select-charity.is-unselected-featured .featured-text { display: inline; }
.charity-details .charity-title .select-charity:not(.is-selected):not(.is-featured):not(.is-unselected-featured) .unselected-text { display: inline; }
.charity-details .charity-img { width: 190px; height: 190px; float: left; border: 1px solid #dddddd; border-radius: 3px; background-color: white; background-size: contain; background-repeat: no-repeat; background-position: center center; position: relative; }
.charity-details .charity-sidebar { margin-left: 210px; }
.charity-details .charity-sidebar .charity-info { font-style: italic; }
.charity-details .charity-sidebar .charity-info strong { font-style: normal; }
.charity-details .charity-sidebar .charity-link { display: block; font-weight: bold; font-style: normal; color: #17a0e5; margin: 1em 0; }
.charity-details .charity-description { font-size: 14px; line-height: 21px; }

.charity-account-cta { position: fixed; bottom: -56px; left: 0; right: 0; height: 48px; text-align: center; z-index: 1000; }
.charity-account-cta .charity-account-cta-message { display: inline-block; height: 48px; padding: 18px 40px; box-sizing: border-box; border-radius: 3px 3px 0 0; background: #d5d9e1; border: 1px solid rgba(161, 167, 178, 0.5); box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.3); }
.charity-account-cta .charity-account-cta-message p { margin: 0; }

.unstyled-link { text-decoration: none; }

.pagination { margin: 10px 0; white-space: nowrap; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pagination .jump-to-page { cursor: pointer; display: inline-block; padding: 5px 10px; border-radius: 3px; background: #484f5c; }

.charity-selection { height: 523px; }
.charity-selection .cyoc-spinner-dark { display: inline-block; }
.charity-selection .cyoc-spinner-light { display: none; }
.charity-selection h1, .charity-selection h2, .charity-selection h3, .charity-selection p, .charity-selection a { color: #eeeeee; }
.charity-selection h2 { font-size: 18px; font-weight: bold; }
.charity-selection .charity-results .charity-preview { padding-left: 0; width: 117px; text-align: center; }
.charity-selection .charity-results .charity-preview .charity-img { cursor: pointer; width: 64px; height: 64px; position: relative; margin: auto; }
.charity-selection .charity-results .charity-preview .charity-name { position: relative; width: 124px; text-align: center; padding-bottom: 0; margin-top: 4px; }
.charity-selection .charity-results .charity-preview .charity-name .see-details { cursor: pointer; }
.charity-selection .charity-results .charity-preview .charity-name h4 { width: 124px; font-size: 14px; margin-top: 10px; }
.charity-selection .charity-results .charity-preview .select-charity { background: #a1a7b2; color: white; margin: auto; position: relative; left: -4px; }
.charity-selection .pagination .jump-to-page { background: #393d49; }
.charity-selection .pagination .jump-to-page:hover, .charity-selection .pagination .jump-to-page.current { background: #1e2127; }

.order-form .show-charity-selector { text-decoration: underline; cursor: pointer; }
.order-form .custom-values-inner { overflow: visible; }
.order-form .custom-values-inner .subsplit-wrapper { overflow: visible; }
.order-form .partnership-line { display: none; }
.order-form .subsplit-wrapper .cyoc-wrapper { left: 0px; }
.order-form .subsplit-wrapper .cyoc-wrapper .top-arrow { left: 250px; }
.order-form .cyoc-wrapper { float: left; background: #e4e7ed; height: 354px; display: none; position: relative; width: 897px; left: -114px; padding: 20px; border-top: 1px solid #a6a9b2; border-bottom: 1px solid #a6a9b2; margin-bottom: 10px; }
.order-form .cyoc-wrapper .top-arrow { position: relative; top: -31px; left: 180px; margin-left: -12px; -webkit-backface-visibility: hidden; background-position: center; width: 23px; height: 11px; background-image: url("//humblebundle-a.akamaihd.net/static/hashed/189096a19ea989ec5b84f8edd0e9efa61bb4c476.png"); background-image: -webkit-image-set(url("//humblebundle-a.akamaihd.net/static/hashed/189096a19ea989ec5b84f8edd0e9efa61bb4c476.png") 1x, url("//humblebundle-a.akamaihd.net/static/hashed/bbe05e5bac2f08dabc6100b32ca67f32c34e044d.png") 2x); }
.order-form .cyoc-wrapper h1, .order-form .cyoc-wrapper h2, .order-form .cyoc-wrapper h3, .order-form .cyoc-wrapper p, .order-form .cyoc-wrapper a { color: #494f5c; }
.order-form .cyoc-wrapper .charity-search label.query { width: 280px; }
.order-form .cyoc-wrapper .cyoc-spinner-dark { display: none; }
.order-form .cyoc-wrapper .cyoc-spinner-light { display: inline-block; }
.order-form .cyoc-wrapper .pagination { color: black; }
.order-form .cyoc-wrapper .pagination .jump-to-page { background: #cbd0da; }
.order-form .cyoc-wrapper .pagination .jump-to-page:hover, .order-form .cyoc-wrapper .pagination .jump-to-page.current { background: #a1a5ad; }
.order-form .splits-holder > .cyoc-wrapper { left: -64px; }

.cyoc-selector-slide { display: none; }

.slideout-expandable { background: #33373e; color: #eeeeee; border-top: 1px solid #24282f; border-bottom: 1px solid #24282f; position: relative; padding: 30px 0; -webkit-backface-visibility: hidden; }
.slideout-expandable .selected-game-arrow.top-arrow { top: -35px; left: 50%; opacity: 1; }

.slideout-expandable .overflow-wrapper { overflow: hidden; }

.charity-img { flex-shrink: 0; }

.charity-img { cursor: pointer; width: 100px; height: 100px; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center center; border-radius: 3px; overflow: hidden; }

.charity-popup { position: fixed; max-width: 750px; width: 100%; background-color: white; border-radius: 3px; padding: 20px; padding-bottom: 30px; z-index: 1000; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; overflow-y: auto; }
.charity-popup a { color: #17a0e5; font-weight: bold; }
.charity-popup h2 { font-weight: normal; }
.charity-popup p { margin: 10px 0; font-size: 15px; line-height: 1.5; }
.charity-popup .charity-info-wrapper { padding: 20px; display: flex; }
.charity-popup .charity-info-wrapper .charity-media .charity-logo, .charity-popup .charity-info-wrapper .charity-media .charity-video { margin-right: 2em; width: 300px; }
.charity-popup .charity-info-wrapper .charity-media .charity-video { margin-bottom: 2em; }
.charity-popup .charity-title { font-size: 16px; }
.charity-popup .charity-description { margin-top: 10px; font-size: 15px; line-height: 1.5; padding-bottom: 15px; }
.charity-popup .close-button-holder { height: 0; position: relative; overflow: visible; }
.charity-popup .close-button-holder .close-button { position: absolute; right: -20px; top: -20px; cursor: pointer; }

.charity-account-cta-message { display: inline-block; position: fixed; left: 0; right: 0; bottom: -100px; max-width: 700px; width: 100%; padding: 18px 40px; margin: 0 auto; box-sizing: border-box; border-radius: 3px 3px 0 0; background: #d5d9e1; border: 1px solid rgba(161, 167, 178, 0.5); box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.3); text-align: center; z-index: 10; }
.charity-account-cta-message p { margin: 0; }

.charity-item { width: 135px; padding: 35px; background-color: white; height: 80px; margin: 10px; }

.charity-image-wrapper { position: relative; height: 100%; width: 100%; }
.charity-image-wrapper img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.charity-grid { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1100px; padding: 10px; margin: auto; }
@media (max-width: 590px) { .charity-grid { padding: 10px 0; }
  .charity-grid .charity-item { width: 100px; margin: 5px; } }

.charity-highlight { display: flex; flex-wrap: wrap; justify-content: center; margin: auto; padding: 10px; }
.charity-highlight .charity-description { text-align: justify; width: 100%; margin-left: 40px; max-width: 300px; }
.charity-highlight .charity-item { padding: 5px; width: 195px; height: 140px; }
.charity-highlight p { line-height: 1.5; margin-bottom: 30px; }
.charity-highlight h4 { line-height: 1; margin: 12px 0; text-align: left; }
@media (max-width: 625px) { .charity-highlight .charity-description { margin-left: 0; width: 270px; }
  .charity-highlight .charity-item { width: 200px; } }

.no-feature { margin: auto; }
.no-feature p { line-height: 1.5; }
.no-feature .charity-button { text-align: center; }

.display-modal { position: fixed; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 992; }

.display-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(40, 44, 52, 0.98); z-index: 991; }

.close-button { color: white; position: absolute; top: 10px; right: 10px; font-size: 24px; padding: 20px; }
.close-button:hover { color: grey; cursor: pointer; }

.display-modal-inside { margin: auto; padding: 50px; max-width: 100%; max-height: 100vh; box-sizing: border-box; }

.charity { text-align: center; margin-top: 0; }
.charity.supporting a { text-decoration: underline; }
.charity img { vertical-align: middle; margin-top: -4px; display: inline-block; }
.charity .charity-info, .charity .item-title { font-size: 16px; }
.charity .charity-info { color: white; margin-bottom: 25px; }
.charity .item-title { display: inline-block; text-align: right; margin-left: 10px; font-weight: normal; }

.cyoc-holder { display: block; }

.charity-selection { height: auto; }

.slideout-expandable { border: 1px solid #24282f; margin-top: 10px; padding: 30px; }

.charity-support { color: white; }
.charity-support h4 { font-size: 22px; }
.charity-support a { color: white; }

.charity-item { position: relative; }

.cyoc-holder .charity-highlight .charity-item { width: 255px; height: 175px; padding: 5px; }
.cyoc-holder .charity-highlight .charity-item .charity-img { background-color: white; background-repeat: no-repeat; background-position: center; background-size: contain; height: 100%; width: 100%; }
.cyoc-holder .charity-highlight .charity-description { max-width: 350px; text-align: left; }
.cyoc-holder .charity-highlight p { font-size: 15px; }
.cyoc-holder .bottom-right { position: absolute; bottom: 10px; right: 10px; color: white; font-size: 24px; }
.cyoc-holder .bottom-right .charity-edit { padding: 5px 10px; border: 2px solid white; background-color: rgba(0, 0, 0, 0.5); }
.cyoc-holder .bottom-right .charity-edit:hover { background-color: rgba(0, 0, 0, 0.8); cursor: pointer; }

@media (max-width: 860px) { .cyoc-holder .charity-highlight { flex-direction: column; }
  .cyoc-holder .charity-highlight .charity-item { margin: auto; }
  .cyoc-holder .charity-highlight .charity-description { text-align: center; margin: auto; }
  .cyoc-holder .charity-highlight h4 { text-align: center; } }
@media (max-width: 500px) { .cyoc-holder .bottom-right { font-size: 16px; } }
.charity-item.none-chosen { background-color: grey; border: 5px dashed white; }

.display-modal-inside { color: white; overflow-y: auto; }
.display-modal-inside h1 { text-align: center; font-size: 28px; line-height: 4; }
.display-modal-inside .charity-selection-view { max-width: 975px; margin: auto; }
.display-modal-inside .charity-selection-view h2 { padding: 0px 5px; margin-bottom: 0px; line-height: 1; }
.display-modal-inside .charity-selection-view button { background: grey; border-radius: 2px; border: none; padding: 4px 7px; text-transform: uppercase; font-weight: bold; letter-spacing: -0.01rem; margin-top: 10px; }

.charity-page-link { padding-top: 30px; font-size: 20px; text-align: center; }
.charity-page-link a { color: white; }

.charity-item-wrapper { text-align: center; color: white; }
.charity-item-wrapper .charity-item:hover { cursor: pointer; }

.display-modal-inside .charity-list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px; }
.display-modal-inside .charity-preview { margin: 10px; width: 130px; text-align: center; white-space: nowrap; }
.display-modal-inside .charity-preview h4, .display-modal-inside .charity-preview h5 { text-overflow: ellipsis; overflow: hidden; line-height: 1; margin: 10px auto; }
.display-modal-inside .charity-preview h4 { font-size: 15px; }
.display-modal-inside .charity-preview .location { color: lightgrey; font-size: 10px; }
@media screen and (max-width: 500px) { .display-modal-inside .charity-preview { margin: 5px auto; } }
.display-modal-inside .charity-img { background-color: white; }
.display-modal-inside .charity-name { margin-top: 10px; }
.display-modal-inside .results-heading, .display-modal-inside .results-heading-disclaimer { text-align: center; }
.display-modal-inside .results-heading { font-size: 24px; line-height: 1em; }
.display-modal-inside .results-heading-disclaimer { color: lightgrey; font-size: 15px; }
.display-modal-inside .pagination { text-align: right; }
.display-modal-inside .partnership-line { text-align: right; padding: 5px; }
.display-modal-inside .partnership-line a { color: white; }
.display-modal-inside .charity-search { padding-bottom: 20px; position: relative; font-size: 14px; }
.display-modal-inside .charity-search input, .display-modal-inside .charity-search label, .display-modal-inside .charity-search button { display: inline-block; margin-right: 10px; }
.display-modal-inside .charity-search input, .display-modal-inside .charity-search select { border-radius: 3px; height: 31px; padding: 4px; box-sizing: border-box; border: 1px solid #dddddd; margin-top: 4px; font-size: 14px; }
.display-modal-inside .charity-search button { padding: 8px 30px; border-radius: 5px; margin: 5px; }
.display-modal-inside .charity-search label { text-transform: uppercase; font-size: 10px; color: #a1a7b2; margin: 5px; letter-spacing: 1.25px; }
.display-modal-inside .charity-search label::first-letter { margin-left: 2px; }
.display-modal-inside .charity-search .query { position: relative; width: 350px; max-width: 100%; }
.display-modal-inside .charity-search .query input { width: 100%; padding-left: 26px; color: #494f5c; }
.display-modal-inside .charity-search .query i { position: absolute; bottom: 8px; left: 8px; font-size: 14px; color: #a1a7b2; }
.display-modal-inside .charity-search .category select, .display-modal-inside .charity-search .country select, .display-modal-inside .charity-search .state select { width: 100%; display: inline-block; color: #494f5c; }
.display-modal-inside .charity-search .category { width: 250px; }
.display-modal-inside .charity-search .country { width: 210px; }
.display-modal-inside .charity-search .state { display: none; }
.display-modal-inside .charity-search .state.is-united-states, .display-modal-inside .charity-search .country.is-united-states { width: 100px; display: inline-block; }
.display-modal-inside .select-charity .unselected-text { display: inline; }
.display-modal-inside .select-charity .disallowed-text, .display-modal-inside .select-charity .selected-text, .display-modal-inside .select-charity .featured-text { display: none; }
.display-modal-inside .select-charity.is-unselected-featured .featured-text { display: inline; }
.display-modal-inside .select-charity.is-unselected-featured .selected-text, .display-modal-inside .select-charity.is-unselected-featured .unselected-text, .display-modal-inside .select-charity.is-unselected-featured .disallowed-text { display: none; }
.display-modal-inside .select-charity.is-selected { background-color: #97b147; }
.display-modal-inside .select-charity.is-selected .selected-text { display: inline; }
.display-modal-inside .select-charity.is-selected .disallowed-text, .display-modal-inside .select-charity.is-selected .unselected-text, .display-modal-inside .select-charity.is-selected .featured-text { display: none; }
.display-modal-inside .select-charity.is-disallowed { cursor: default; background: #333333; }
.display-modal-inside .select-charity.is-disallowed .disallowed-text { display: inline; color: #787878; }
.display-modal-inside .select-charity.is-disallowed .selected-text, .display-modal-inside .select-charity.is-disallowed .unselected-text, .display-modal-inside .select-charity.is-disallowed .featured-text { display: none; }
.display-modal-inside .select-charity.is-featured { cursor: default; background: #17a0e5; }
.display-modal-inside .select-charity.is-featured .featured-text { display: inline; }
.display-modal-inside .select-charity.is-featured .selected-text, .display-modal-inside .select-charity.is-featured .unselected-text, .display-modal-inside .select-charity.is-featured .disallowed-text { 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; }
.rewards-gem-container .rewards-gem-view.button-v2.gray:hover { background: gray; }
.rewards-gem-container .rewards-gem-view .rewards-gem { position: relative; cursor: default; 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: 2.75em; 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: black; 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; }
.rewards-gem-container .rewards-gem-view .rewards-gem .rewards-gem-tooltip: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; }
.rewards-gem-container .rewards-gem-view .rewards-gem .rewards-gem-tooltip .rewards-gem-tooltip-text .reward-amount { font-weight: bold; }

.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; }

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; } }
.storefront.v2 { color: #494f5c; }
@media (max-width: 600px) { .storefront.v2 .shopping-cart .checkout-section p { text-align: center; }
  .storefront.v2 .shopping-cart .checkout-section .email-holder { text-align: center; }
  .storefront.v2 .shopping-cart .checkout-section .email-holder .email-input { width: auto; margin-right: 0; }
  .storefront.v2 .shopping-cart .checkout-section .email-holder .email-logout, .storefront.v2 .shopping-cart .checkout-section .email-holder .email-subscribe { display: block; width: auto; margin-top: 10px; }
  .storefront.v2 .shopping-cart .payment-buttons .payment-set.is-visible { display: block; }
  .storefront.v2 .shopping-cart .shopping-cart-row .cart-platforms { position: static; } }
.storefront.v2 .entity-block-container, .storefront.v2 .entity-container { line-height: 1; outline: none; }
.storefront.v2 .entity-block-container .entity-link, .storefront.v2 .entity-block-container .entity-link a, .storefront.v2 .entity-block-container .entity-link a:hover, .storefront.v2 .entity-block-container .entity-link a:visited, .storefront.v2 .entity-container .entity-link, .storefront.v2 .entity-container .entity-link a, .storefront.v2 .entity-container .entity-link a:hover, .storefront.v2 .entity-container .entity-link a:visited { color: inherit; text-decoration: none; }
.storefront.v2 .entity-block-container .entity-pricing, .storefront.v2 .entity-container .entity-pricing { color: #3b3e48; font-size: 12px; font-weight: bold; text-align: right; white-space: nowrap; }
.storefront.v2 .entity-block-container .entity-pricing .price-container, .storefront.v2 .entity-container .entity-pricing .price-container { align-items: center; display: flex; justify-content: flex-end; }
.storefront.v2 .entity-block-container .entity-pricing .price-container .price-button, .storefront.v2 .entity-container .entity-pricing .price-container .price-button { padding: 6px 0; font-size: 13px; }
.storefront.v2 .entity-block-container .entity-pricing .discount-percentage, .storefront.v2 .entity-container .entity-pricing .discount-percentage { display: inline-block; padding: 7px; background-color: #97b147; margin-right: 5px; font-size: 12px; color: white; border-radius: 3px; z-index: 1; }
.storefront.v2 .entity-block-container .entity-pricing .price-button, .storefront.v2 .entity-container .entity-pricing .price-button { cursor: pointer; display: inline-block; height: 28px; width: 75px; border: 1px solid #3b3e48; border-radius: 3px; text-align: center; }
.storefront.v2 .entity-block-container .entity-pricing .price-button .hb-shopping-cart, .storefront.v2 .entity-block-container .entity-pricing .price-button .buy-text, .storefront.v2 .entity-block-container .entity-pricing .price-button .add-text, .storefront.v2 .entity-container .entity-pricing .price-button .hb-shopping-cart, .storefront.v2 .entity-container .entity-pricing .price-button .buy-text, .storefront.v2 .entity-container .entity-pricing .price-button .add-text { display: none; }
.storefront.v2 .entity-block-container .entity-pricing .price-button:hover .price, .storefront.v2 .entity-container .entity-pricing .price-button:hover .price { display: none; }
.storefront.v2 .entity-block-container .entity-pricing .price-button:hover .hb-shopping-cart, .storefront.v2 .entity-block-container .entity-pricing .price-button:hover .add-text, .storefront.v2 .entity-container .entity-pricing .price-button:hover .hb-shopping-cart, .storefront.v2 .entity-container .entity-pricing .price-button:hover .add-text { display: inline-block; }
.storefront.v2 .entity-block-container .entity-pricing .price-button.in-cart .add-text, .storefront.v2 .entity-block-container .entity-pricing .price-button.in-cart .buy-text, .storefront.v2 .entity-block-container .entity-pricing .price-button.in-cart .price, .storefront.v2 .entity-container .entity-pricing .price-button.in-cart .add-text, .storefront.v2 .entity-container .entity-pricing .price-button.in-cart .buy-text, .storefront.v2 .entity-container .entity-pricing .price-button.in-cart .price { display: none; }
.storefront.v2 .entity-block-container .entity-pricing .price-button.in-cart .hb-shopping-cart, .storefront.v2 .entity-container .entity-pricing .price-button.in-cart .hb-shopping-cart { display: inline-block; }
.storefront.v2 .entity-block-container .entity-pricing .price-button.in-cart:hover .buy-text, .storefront.v2 .entity-container .entity-pricing .price-button.in-cart:hover .buy-text { display: inline-block; }
.storefront.v2 .entity-block-container .page-view-details, .storefront.v2 .entity-container .page-view-details { background-color: #f9f9f9; border-top: 1px solid #eeeeee; color: #484e5b; min-height: 49px; padding: 16px 0 0 10px; }
.storefront.v2 .entity-block-container .on-sale.entity .price-button:not(.in-cart), .storefront.v2 .entity-container .on-sale.entity .price-button:not(.in-cart) { border-color: #494f5c; color: #494f5c; }
.storefront.v2 .entity-block-container .entity:hover .price-button, .storefront.v2 .entity-block-container .entity.on-sale:hover .price-button, .storefront.v2 .entity-container .entity:hover .price-button, .storefront.v2 .entity-container .entity.on-sale:hover .price-button { color: white; background: #97b147; border: 1px #97b147 solid; }
.storefront.v2 .entity-block-container .entity-title, .storefront.v2 .entity-container .entity-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: -3px; line-height: 18px; }
.storefront.v2 .entity-block-container .entity-status, .storefront.v2 .entity-container .entity-status { font-size: 10px; text-transform: uppercase; font-weight: bold; white-space: nowrap; }
.storefront.v2 .entity-block-container .operating-systems, .storefront.v2 .entity-block-container .platforms, .storefront.v2 .entity-container .operating-systems, .storefront.v2 .entity-container .platforms { align-items: center; display: flex; margin: 0; font-size: 12px; line-height: 12px; }
.storefront.v2 .entity-block-container .operating-systems .operating-system, .storefront.v2 .entity-block-container .operating-systems .platform, .storefront.v2 .entity-block-container .platforms .operating-system, .storefront.v2 .entity-block-container .platforms .platform, .storefront.v2 .entity-container .operating-systems .operating-system, .storefront.v2 .entity-container .operating-systems .platform, .storefront.v2 .entity-container .platforms .operating-system, .storefront.v2 .entity-container .platforms .platform { margin: 0; padding: 0 4px; }
.storefront.v2 .entity-block-container .operating-systems .operating-system:first-of-type, .storefront.v2 .entity-block-container .operating-systems .platform:first-of-type, .storefront.v2 .entity-block-container .platforms .operating-system:first-of-type, .storefront.v2 .entity-block-container .platforms .platform:first-of-type, .storefront.v2 .entity-container .operating-systems .operating-system:first-of-type, .storefront.v2 .entity-container .operating-systems .platform:first-of-type, .storefront.v2 .entity-container .platforms .operating-system:first-of-type, .storefront.v2 .entity-container .platforms .platform:first-of-type { padding-left: 0; }
.storefront.v2 .entity-block-container .platforms .platform.hb-bundle, .storefront.v2 .entity-container .platforms .platform.hb-bundle { margin: -1px 0 -2px; font-size: 16px; }
.storefront.v2 .entity-block-container { overflow: hidden; position: relative; margin-left: 15px; outline: none; color: white; }
.storefront.v2 .entity-block-container:first-of-type { margin-left: 0; }
.storefront.v2 .entity-block-container .entity-devices { align-items: center; display: flex; justify-content: flex-start; color: #484e5b; pointer-events: none; }
.storefront.v2 .entity-block-container .entity-devices .platform-delivery-container { align-items: center; display: flex; justify-content: flex-end; }
.storefront.v2 .entity-block-container .entity-devices .platforms, .storefront.v2 .entity-block-container .entity-devices .operating-systems { position: static; }
.storefront.v2 .entity-block-container .entity-devices .operating-systems { padding-left: 5px; border-left: 1px solid #a1a7b2; }
.storefront.v2 .entity-block-container .entity-image { display: block; }
.storefront.v2 .entity-block-container .entity-link { outline: 0; }
.storefront.v2 .entity-block-container .entity-meta { align-items: flex-start; display: flex; flex-direction: row; justify-content: space-between; position: static; text-align: center; padding: 10px; background-color: white; }
.storefront.v2 .entity-block-container .entity-pricing { flex: 1 1 auto; }
.storefront.v2 .entity-block-container .entity-status { align-self: flex-start; align-self: flex-end; display: inline-block; width: inherit; padding: 0 20px 5px; color: white; hyphens: none; text-align: center; white-space: normal; word-wrap: break-word; }
.storefront.v2 .entity-block-container .entity-status-container { align-self: flex-start; transform: rotate(-45deg); display: flex; justify-content: center; position: absolute; top: -13px; left: -30px; height: 50px; width: 85px; }
.storefront.v2 .entity-block-container .entity-status-container.coming-soon, .storefront.v2 .entity-block-container .entity-status-container.new, .storefront.v2 .entity-block-container .entity-status-container.outnow, .storefront.v2 .entity-block-container .entity-status-container.preorder, .storefront.v2 .entity-block-container .entity-status-container.updated { background-color: #81963e; }
.storefront.v2 .entity-block-container .entity-status-container.dlc { background-color: #dd99ff; }
.storefront.v2 .entity-block-container .entity-status-container.earlyaccess { background-color: #1686ba; }
.storefront.v2 .entity-block-container .entity-status-container.moregames { background-color: #ef9841; }
.storefront.v2 .entity-block-container .entity-status-container.onsale { background-color: #b3342b; }
.storefront.v2 .entity-block-container .entity-purchase-details { align-items: center; display: flex; justify-content: space-between; min-height: 50px; padding: 10px; border-top: 1px solid #eeeeee; background-color: #f9f9f9; }
.storefront.v2 .entity-block-container .entity-title { display: block; max-width: 100%; height: 36px; padding: 0; color: #494f5c; text-align: left; white-space: normal; text-transform: uppercase; font-weight: bold; font-size: 14px; }
.storefront.v2 .entity-block-container .operating-systems { position: absolute; bottom: 10px; right: 10px; }
.storefront.v2 .entity-block-container .operating-systems .operating-system:last-of-type { padding-right: 0; }
.storefront.v2 .entity-block-container .platforms { position: absolute; bottom: 10px; left: 10px; }
.storefront.v2 .entity-block-container .device-remainder { padding-left: 4px; font-weight: bold; }
.storefront.v2 .entity-block-container .js-wishlist-button-container { position: relative; }
.storefront.v2 .entity-block-container .wishlist-button { display: block; cursor: pointer; left: initial; position: relative; top: initial; height: 18px; width: 18px; margin-left: 5px; font-size: 18px; }
.storefront.v2 .entity-block-container .wishlist-button:hover .hb-star, .storefront.v2 .entity-block-container .wishlist-button.saved .hb-star { display: inline-block; color: #f6a523; }
.storefront.v2 .entity-block-container .wishlist-button:hover .hb-star-o, .storefront.v2 .entity-block-container .wishlist-button.saved .hb-star-o { display: none; }
.storefront.v2 .entity-block-container .wishlist-button:hover .add-text, .storefront.v2 .entity-block-container .wishlist-button:hover .remove-text, .storefront.v2 .entity-block-container .wishlist-button.saved:hover .add-text, .storefront.v2 .entity-block-container .wishlist-button.saved:hover .remove-text, .storefront.v2 .entity-block-container .wishlist-button .add-text, .storefront.v2 .entity-block-container .wishlist-button .remove-text { display: none; }
.storefront.v2 .entity-block-container .wishlist-button .hb-star, .storefront.v2 .entity-block-container .wishlist-button .hb-star-o { position: absolute; right: 0; top: -2px; }
.storefront.v2 .entity-block-container .wishlist-button .hb-star { display: none; }
.storefront.v2 .entity-block-container .wishlist-button .hb-star-o { display: inline-block; color: #d4d2d2; }
.storefront.v2 .entity-container .entity-status.coming-soon, .storefront.v2 .entity-container .entity-status.new, .storefront.v2 .entity-container .entity-status.outnow, .storefront.v2 .entity-container .entity-status.preorder, .storefront.v2 .entity-container .entity-status.updated { color: #81963e; }
.storefront.v2 .entity-container .entity-status.dlc { color: #dd99ff; }
.storefront.v2 .entity-container .entity-status.earlyaccess { color: #1686ba; }
.storefront.v2 .entity-container .entity-status.moregames { color: #ef9841; }
.storefront.v2 .entity-container .entity-status.onsale { color: #b3342b; }
.storefront.v2 .secondary-section .list-content:not(.show-status-container) .entity-block-container .entity-status-container, .storefront.v2 .others-section .list-content:not(.show-status-container) .entity-block-container .entity-status-container { display: none; }
.storefront.v2 .cart-container { position: relative; z-index: 150; }
.storefront.v2 .cart-container a, .storefront.v2 .cart-container a:hover, .storefront.v2 .cart-container a:visited { color: black; }
.storefront.v2 .cart-container .minimized-cart { display: none; }
.storefront.v2 .cart-container .shopping-cart { position: static; right: auto; top: auto; z-index: auto; margin-top: 0; }
.storefront.v2 .cart-container .shopping-cart .rewards-section { text-align: center; margin-top: 1em; margin-bottom: 1em; }
.storefront.v2 .nintendo-confirmation-modal .humblemodal-modal { width: 24em; }
.storefront.v2 .container { position: relative; z-index: 5; margin: 0 auto; }
.storefront.v2 .emphasis { font-style: normal; font-weight: bold; }
.storefront.v2 .error .error-view, .storefront.v2 .loading .loading-view { display: block; font-size: 24px; text-align: center; }
.storefront.v2 .error-view, .storefront.v2 .loading-view { display: none; }
.storefront.v2 .loading-spinner { display: block; height: 32px; width: 32px; margin: 0 auto 10px; }
.storefront.v2 .main-content { position: relative; }
.storefront.v2 .nav-container { background-color: #282c34; }
.storefront.v2 .nav-container.site-wide .navbar { background-color: #282c34; }
.storefront.v2 .nav-container.store-wide { transition: left ease-in-out 200ms; position: sticky; top: 0; transform: translateZ(0); z-index: 10; width: 100%; background-color: #494f5c; color: #d8d8da; }
@media (min-width: 70em) { .storefront.v2 .nav-container.store-wide { top: 66px; } }
.storefront.v2 .nav-container.store-wide a { color: inherit; text-decoration: none; text-transform: uppercase; letter-spacing: 0.002rem; font-size: 14px; }
.storefront.v2 .nav-container.store-wide.sticky { position: fixed; left: 0; right: 0; top: 0; width: auto; z-index: 100; }
.storefront.v2 .nav-container.store-wide .full-component::after { clear: both; content: ""; display: table; }
.storefront.v2 .nav-container.store-wide .hb { margin-right: 5px; }
.storefront.v2 .nav-container.store-wide .nav-item { cursor: pointer; float: left; }
.storefront.v2 .nav-container.store-wide .nav-item-content { display: block; line-height: 1; }
.storefront.v2 .nav-container.store-wide .nav-item-content.monthly-refer { color: #ef9841; font-weight: bold; }
.storefront.v2 .nav-container.store-wide .dropdown-nav { display: none; position: absolute; white-space: nowrap; background-color: #494f5c; }
.storefront.v2 .nav-container.store-wide .dropdown-nav-item { padding: 15px; border-bottom: 1px solid rgba(59, 62, 72, 0.5); display: block; }
.storefront.v2 .nav-container.store-wide .dropdown-nav-item:hover { color: white; }
.storefront.v2 .nav-container.store-wide .dropdown-nav-pill { font-size: .9em; color: white; font-weight: bold; margin-left: 1em; padding: .25em .75em; border-radius: .9em; position: relative; }
.storefront.v2 .nav-container.store-wide .dropdown-nav-pill.green { background-color: #97b147; }
.storefront.v2 .nav-container.store-wide .shopping-nav { float: right; }
.storefront.v2 .nav-container.store-wide .storefront-nav { float: left; }
.storefront.v2 .page-wrap { position: relative; z-index: 50; min-height: 100%; background-color: #e4e7ed; }
.storefront.v2 .store-modal-active .cart-container { z-index: 990; }
.storefront.v2 .store-modal-active .nav-container.site-wide .navbar-item.site-search { z-index: 0; }
.storefront.v2 .store-modal-active .nav-container.store-wide .sticky { z-index: 1; }
.storefront.v2 .store-modal-active .page-wrap { position: static; }
.storefront.v2 .storefront-main { box-sizing: border-box; }
.storefront.v2 .storefront-main *, .storefront.v2 .storefront-main *:before, .storefront.v2 .storefront-main *:after { box-sizing: inherit; }

.storefront.v2 .compact-component, .storefront.v2 .container, .storefront.v2 .full-component, .storefront.v2 .internal-ui-wrapper { max-width: 360px; margin: 0 auto; }
.storefront.v2 .compact-component.full-width, .storefront.v2 .container.full-width, .storefront.v2 .full-component.full-width, .storefront.v2 .internal-ui-wrapper.full-width { max-width: 10000px; }

@media (min-width: 520px) { .storefront.v2 .compact-component, .storefront.v2 .container, .storefront.v2 .full-component, .storefront.v2 .internal-ui-wrapper { max-width: 500px; } }
@media (max-width: 749px) { .storefront.v2 .charity-container, .storefront.v2 .full-component { display: none; }
  .storefront.v2 .main-content { padding: 20px 0; }
  .storefront.v2 .mobile-nav-active { cursor: pointer; position: relative; overflow: hidden; }
  .storefront.v2 .mobile-nav-active .overlay { bottom: 0; left: 0; right: 0; top: 0; position: fixed; z-index: 150; background: rgba(0, 0, 0, 0.7); }
  .storefront.v2 .mobile-nav-active .sidebar-nav-container { left: 0; }
  .storefront.v2 .nav-container.store-wide { color: #d8d8da; }
  .storefront.v2 .nav-container.store-wide::after { clear: both; content: ""; display: table; }
  .storefront.v2 .nav-container.store-wide .full-component { display: block; }
  .storefront.v2 .nav-container.store-wide .hb, .storefront.v2 .nav-container.store-wide .nav-item-count { vertical-align: middle; }
  .storefront.v2 .nav-container.store-wide .hb { font-size: 24px; }
  .storefront.v2 .nav-container.store-wide .nav-item { display: none; }
  .storefront.v2 .nav-container.store-wide .nav-item.cart, .storefront.v2 .nav-container.store-wide .nav-item.mobile-nav, .storefront.v2 .nav-container.store-wide .nav-item.wishlist { display: block; }
  .storefront.v2 .nav-container.store-wide .nav-item-content { padding: 10px 15px; font-size: 21px; }
  .storefront.v2 .nav-container .navbar .navbar-item-dropdown-container, .storefront.v2 .nav-container .navbar .navbar-item-dropdown-container a, .storefront.v2 .nav-container .navbar .navbar-item-dropdown-container a:hover, .storefront.v2 .nav-container .navbar .navbar-item-dropdown-container a:visited { color: #494f5c; }
  .storefront.v2 .overlay { transition: background ease-in-out 200ms; }
  .storefront.v2 .page-wrap { -webkit-overflow-scrolling: touch; width: 100%; position: relative; }
  .storefront.v2 .sidebar-nav-container { -webkit-overflow-scrolling: touch; transition: left ease-in-out 200ms; transform: translate3d(0, 0, 0); overflow: hidden; position: fixed; bottom: 0; left: -300px; top: 0; z-index: 200; width: 300px; background-color: #282c34; font-size: 18px; }
  .storefront.v2 .sidebar-nav-container, .storefront.v2 .sidebar-nav-container a, .storefront.v2 .sidebar-nav-container a:hover, .storefront.v2 .sidebar-nav-container a:visited { color: white; text-decoration: none; }
  .storefront.v2 .sidebar-nav-container .branding { text-align: center; }
  .storefront.v2 .sidebar-nav-container .nav-item { cursor: pointer; border-bottom: 1px solid #3b3e48; }
  .storefront.v2 .sidebar-nav-container .nav-item-content { display: block; padding: 20px; }
  .storefront.v2 .sidebar-nav-container .nav-item-content.monthly-refer { color: #ef9841; font-weight: bold; }
  .storefront.v2 .sidebar-nav-container .has-badge .nav-item-count { display: inline-block; vertical-align: middle; height: 33px; width: 33px; margin-left: 10px; border-radius: 50%; background-color: #7b818c; font-size: 14px; line-height: 33px; text-align: center; }
  .storefront.v2 .sidebar-nav-container .has-badge .nav-item-content { vertical-align: middle; padding: 14.5px 20px; }
  .storefront.v2 .sidebar-nav-container .store-copy { font-size: 20px; }
  .storefront.v2 .sidebar-nav-container .wallet .nav-item-count { padding: 0; border-radius: 0; background-color: transparent; }
  .storefront.v2 .store-modal-active .nav-container.store-wide.sticky { overflow-y: scroll; } }
@media (min-width: 750px) { .storefront.v2 .charity-container { position: relative; z-index: 5; background: rgba(255, 255, 255, 0.7); }
  .storefront.v2 .compact-component, .storefront.v2 .sidebar-nav-container { display: none; }
  .storefront.v2 .compact-component, .storefront.v2 .container, .storefront.v2 .full-component, .storefront.v2 .internal-ui-wrapper { max-width: 730px; }
  .storefront.v2 .main-content { padding: 55px 0; }
  .storefront.v2 .nav-container.store-wide { font-size: 14px; }
  .storefront.v2 .nav-container.store-wide, .storefront.v2 .nav-container.store-wide a { transition: color ease-in-out 200ms; }
  .storefront.v2 .nav-container.store-wide.hover-active .nav-item.hover .nav-item-content { color: white; }
  .storefront.v2 .nav-container.store-wide .branding .nav-item-content { padding: 12px 20px 12px 0; }
  .storefront.v2 .nav-container.store-wide .hb { font-size: 15px; }
  .storefront.v2 .nav-container.store-wide .nav-item { display: block; position: relative; }
  .storefront.v2 .nav-container.store-wide .nav-item:hover .dropdown-nav { display: block; }
  .storefront.v2 .nav-container.store-wide .nav-item.mobile-nav { display: none; }
  .storefront.v2 .nav-container.store-wide .nav-item-content { padding: 15px 12px; }
  .storefront.v2 .nav-container.store-wide .shopping-nav .nav-item:last-of-type .nav-item-content { padding-right: 0; }
  .storefront.v2 .navbar { max-width: none; }
  .storefront.v2 .navigation-container { min-width: 0; }
  .storefront.v2 .store-modal-active .nav-container.store-wide.sticky { overflow-y: scroll; } }
@media (min-width: 960px) { .storefront.v2 .background-container { top: -50px; }
  .storefront.v2 .compact-component, .storefront.v2 .container, .storefront.v2 .full-component, .storefront.v2 .internal-ui-wrapper { max-width: 940px; }
  .storefront.v2 .nav-container.store-wide .nav-item-content { padding: 15px; } }
@media (min-width: 1160px) { .storefront.v2 .compact-component, .storefront.v2 .container, .storefront.v2 .full-component, .storefront.v2 .internal-ui-wrapper { max-width: 1140px; } }
/** 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
*/
.storefront.v2 .about-storefront-details { background: none; color: #494f5c; margin-bottom: 14px; padding: 30px; position: relative; text-align: center; }
.storefront.v2 .about-storefront-details .choice-list { display: flex; flex-wrap: wrap; list-style: none; margin: -35px 0 0; padding: 0; }
.storefront.v2 .about-storefront-details .choice-list .choice-description { font-size: 14px; line-height: 21px; margin: 15px 0 0; }
.storefront.v2 .about-storefront-details .choice-list .choice-header-text { font-size: 18px; font-weight: normal; margin: 15px 0 0; }
.storefront.v2 .about-storefront-details .choice-list .choice-image { background-position: center bottom; background-repeat: no-repeat; display: block; height: 115px; }
.storefront.v2 .about-storefront-details .choice-list .choice-item { margin: 55px auto 0; width: 100%; }
.storefront.v2 .about-storefront-details .choice-list .choice-item.platforms .choice-image { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/b6f473a4b6c30909e2848f3d0e1131c2352a79df.png"); }
.storefront.v2 .about-storefront-details .choice-list .choice-item.play .choice-image { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/afddfd2c09e62aeb4508d5a3f180bed7d642323a.png"); }
.storefront.v2 .about-storefront-details .choice-list .choice-item.purchase .choice-image { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/28f222a14c0f354b6e1036146c8b5459a64c2f90.png"); }
.storefront.v2 .about-storefront-details .choice-list .choice-item.support .choice-image { background-image: url("//humblebundle-a.akamaihd.net/static/hashed/98f933a6e347979b0742e27c9ff06163b1adb58a.png"); }
.storefront.v2 .about-storefront-details .disclaimer { border-top: 1px solid #c7cbd4; font-size: 10px; line-height: normal; margin: 35px 0 0; padding-top: 25px; text-align: left; }
.storefront.v2 .about-storefront-details .header-text { font-size: 24px; }
.storefront.v2 .about-storefront-details .sub-header-text { font-size: 24px; font-weight: normal; margin: 5px 0 0; }

@media (min-width: 750px) { .storefront.v2 .about-storefront-details .choice-list .choice-item { width: 40%; } }
/** 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
*/
.age-check-container { text-align: center; }
.age-check-container .age-check-image-container { align-content: center; display: flex; justify-content: center; }
.age-check-container .age-check-image-container .age-check-image { height: 250px; max-width: 100%; }
.age-check-container .age-check-message-container { margin: 30px 0; }
.age-check-container .age-check-message-container p { margin-bottom: 0; }
.age-check-container .age-check-message-container .disclaimer-message { font-size: 1.25em; font-weight: bold; }
.age-check-container .selection { border: 1px solid #4a4f5b; font-size: 1.25em; }
.age-check-container .age-check-buttons { padding: 1.5em; }
.age-check-container .age-check-buttons .age-check-button { background: none; border-radius: 5px; color: white; font-size: 1.25em; font-weight: bold; margin-left: .25em; padding: .75em; }
.age-check-container .age-check-buttons .age-check-button.submit-button { background-color: #81963e; border-color: #81963e; }
.age-check-container .age-check-buttons .age-check-button.submit-button:hover { background-color: white; color: #81963e; }
.age-check-container .age-check-buttons .age-check-button.cancel-button { background-color: #1686ba; border-color: #1686ba; }
.age-check-container .age-check-buttons .age-check-button.cancel-button:hover { background-color: white; color: #1686ba; }

@media (min-width: 750px) { .age-check-container .age-check-image-container .age-check-image { height: auto; } }
/** 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
*/
.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 #dc3f31; border-radius: 5px; background: white; 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: black; text-decoration: none; }

.admin-tiny-link { position: relative; overflow: visible; font-size: 12px; 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; } }
/** 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
*/
.storefront.v2 .page .byob-banner { padding: 20px 10px; background-color: #d5d9e1; color: #3b3e48; line-height: 1; text-align: center; }
.storefront.v2 .page .byob-banner .byob-header { margin: 0 0 5px; font-size: 18px; }
.storefront.v2 .page .byob-banner .byob-meter { display: table; table-layout: fixed; width: 100%; }
.storefront.v2 .page .byob-banner .byob-meter .byob-tier { position: relative; display: table-cell; font-size: 15px; font-weight: bold; text-align: center; }
.storefront.v2 .page .byob-banner .byob-meter .byob-tier:after { display: block; position: absolute; left: -50%; top: 13px; z-index: 1; height: 10px; width: 100%; background: #3b3e48; content: ''; }
.storefront.v2 .page .byob-banner .byob-meter .byob-tier:before { display: block; position: relative; z-index: 10; height: 35px; width: 35px; margin: 0 auto 10px; border-radius: 50%; background: #3b3e48; color: white; font-size: 20px; font-weight: bold; line-height: 35px; text-align: center; content: attr(title); }
.storefront.v2 .page .byob-banner .byob-meter .byob-tier:first-child:after { display: none; }
.storefront.v2 .page .byob-banner .byob-meter .byob-tier.active:after { background-color: #17a0e5; }
.storefront.v2 .page .byob-banner .byob-meter .byob-tier.active:before { background: #17a0e5; color: white; }
.storefront.v2 .page .byob-banner .byob-text-container { margin: 5px 0 15px; font-size: 16px; font-weight: bold; }
.storefront.v2 .page .byob-banner .savings { display: none; color: #417505; }
@media (min-width: 750px) { .storefront.v2 .page .byob-banner .byob-header { font-size: 24px; }
  .storefront.v2 .page .byob-banner .byob-text-container { font-size: 18px; } }
.storefront.v2 .page .entity-list.carousel-large .carousel .entities-list, .storefront.v2 .page .entity-list.carousel-mini .carousel .entities-list { box-shadow: gray 0 1px 5px; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container, .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container { margin-left: 0; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-pricing, .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-pricing .price-button, .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing, .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button { font-size: 18px; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-pricing .price-button, .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-pricing .price-button .price-button, .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button, .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button .price-button { width: 105px; height: 30px; padding: 3px 0; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details, .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-purchase-details { border-top: 0; background-color: white; }
.storefront.v2 .page .entity-list.carousel-large .carousel .list-header, .storefront.v2 .page .entity-list.carousel-mini .carousel .list-header { margin-bottom: 0; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-details { position: static; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-meta { border-left: 1px solid white; border-right: 1px solid white; background-color: rgba(0, 0, 0, 0.6); }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-title { display: none; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-purchase-details .entity-link, .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-purchase-details .entity-pricing { display: none; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-meta { bottom: 0; left: 0; right: 0; top: 0; position: absolute; display: block; bottom: 48px; z-index: 10; background-color: transparent; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-meta > * { display: none; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; line-height: normal; display: inline-block; height: auto; position: absolute; bottom: -35px; left: 5px; text-transform: uppercase; font-weight: bold; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details { align-items: center; display: flex; min-height: 48px; }
.storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details .entity-devices { display: none; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container { color: #3b3e48; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .countdown-timer { margin: 0; color: #17a0e5; font-size: 20px; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .countdown-title { margin: 0 0 2px; font-size: 10px; text-transform: uppercase; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .deal-cta { margin: 5px 0 0; font-size: 16px; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .deal-title { margin: 0; text-transform: uppercase; font-weight: bold; font-size: 17px; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .deal-title.no-purchase-details { line-height: 26px; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity { position: relative; border-radius: 0; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-image { position: absolute; top: 0; left: 0; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing { font-size: 14px; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button { height: 30px; width: 85px; font-size: 16px; padding: 4px 0; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button .price { vertical-align: middle; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-purchase-details { display: block; position: absolute; bottom: 0; left: 0; right: 0; min-height: 48px; padding: 10px; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .has-full-details:not(.has-image-override) .entity-purchase-details { padding-bottom: 55px; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .has-full-details .purchase-details-footer { margin-top: 15px; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .has-image-override .entity-image { height: auto; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .has-image-override .entity-purchase-details { min-height: 0; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .has-image-override .purchase-details-footer { position: static; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .purchase-details-footer { align-self: flex-end; display: flex; justify-content: space-between; position: absolute; bottom: 10px; left: 10px; right: 10px; }
.storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .purchase-details-footer .blocky-timer .countdown-timer-counter { background-color: #484e5b; }
.storefront.v2 .page .entity-list.carousel-standard .carousel .slick-list, .storefront.v2 .page .entity-list .grid .slick-list { overflow: visible; }
.storefront.v2 .page .entity-list.carousel-standard .carousel .slick-slider, .storefront.v2 .page .entity-list .grid .slick-slider { overflow: hidden; margin: 0 -6px; padding: 1px 6px 4px; }
.storefront.v2 .page .entity-list.carousel-standard .carousel .entity-block-container, .storefront.v2 .page .entity-list .grid .entity-block-container { box-shadow: gray 0 1px 5px; }
.storefront.v2 .page .entity-list.tabbed-list { -webkit-tap-highlight-color: transparent; }
.storefront.v2 .page .entity-list.tabbed-list .list-content { box-shadow: gray 0 1px 5px; }
.storefront.v2 .page .entity-list.tabbed-list .entities-list { display: none; }
.storefront.v2 .page .entity-list.tabbed-list .entities-list.active { display: block; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container { border-bottom: 1px solid #e1e3e9; background-color: white; color: #3b3e48; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container::after { clear: both; content: ""; display: table; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container:last-of-type { border-bottom: 0; border-radius: 0; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container.view-all .entity-link { display: block; padding: 15px 10px; text-align: center; font-weight: bold; color: #3b3e48; background-color: #f9f9f9; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container.view-all .entity-link, .storefront.v2 .page .entity-list.tabbed-list .entity-container.view-all .entity-link a, .storefront.v2 .page .entity-list.tabbed-list .entity-container.view-all .entity-link a:hover, .storefront.v2 .page .entity-list.tabbed-list .entity-container.view-all .entity-link a:visited { color: inherit; text-decoration: none; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-link { display: flex; align-items: center; justify-content: space-between; padding: 10px; width: 100%; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-pricing .original-price { display: none; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-meta { display: flex; align-items: center; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-status { padding-top: 1px; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-status, .storefront.v2 .page .entity-list.tabbed-list .entity-container .operating-systems { padding-left: 4px; border-left: 1px solid #a1a7b2; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-status, .storefront.v2 .page .entity-list.tabbed-list .entity-container .operating-systems, .storefront.v2 .page .entity-list.tabbed-list .entity-container .platforms { flex: 0 1 auto; height: 15px; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-title { display: block; margin-bottom: 10px; }
.storefront.v2 .page .entity-list.tabbed-list .entity-container .operating-system, .storefront.v2 .page .entity-list.tabbed-list .entity-container .platform { color: #484e5b; line-height: 15px; }
.storefront.v2 .page .entity-list.tabbed-list .list-header::after, .storefront.v2 .page .entity-list.tabbed-list .list-tabs::after { clear: both; content: ""; display: table; }
.storefront.v2 .page .entity-list.tabbed-list .list-tabs { display: flex; justify-content: space-between; position: relative; }
.storefront.v2 .page .entity-list.tabbed-list .list-tabs:before { display: block; position: absolute; content: ''; bottom: 0; left: 0; right: 0; height: 5px; background-color: #494f5c; }
.storefront.v2 .page .entity-list.tabbed-list .list-tab { cursor: pointer; float: left; position: relative; padding: 15px 10px; color: #494f5c; font-size: 18px; text-align: center; flex-grow: 1; }
.storefront.v2 .page .entity-list.tabbed-list .list-tab:after { display: block; position: absolute; content: ''; transition: color ease-in 200ms; bottom: 0; left: 0; right: 0; height: 5px; background-color: #494f5c; }
.storefront.v2 .page .entity-list.tabbed-list .list-tab:hover { color: #17a0e5; }
.storefront.v2 .page .entity-list.tabbed-list .list-tab.active { cursor: default; }
.storefront.v2 .page .entity-list.tabbed-list .list-tab.active, .storefront.v2 .page .entity-list.tabbed-list .list-tab.active:hover { color: #17a0e5; }
.storefront.v2 .page .entity-list.tabbed-list .list-tab.active:after { background-color: #17a0e5; }
.storefront.v2 .page .entity-list .carousel .list-header, .storefront.v2 .page .entity-list .grid .list-header { display: flex; align-items: center; justify-content: flex-start; padding: 12px 0; color: #494f5c; font-size: 20px; }
.storefront.v2 .page .entity-list .carousel .view-all-link, .storefront.v2 .page .entity-list .grid .view-all-link { padding: 2px 10px; border-radius: 10px; background-color: #505566; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: capitalize; margin-left: 15px; }
.storefront.v2 .page .entity-list .carousel .view-all-link, .storefront.v2 .page .entity-list .carousel .view-all-link a, .storefront.v2 .page .entity-list .carousel .view-all-link a:hover, .storefront.v2 .page .entity-list .carousel .view-all-link a:visited, .storefront.v2 .page .entity-list .grid .view-all-link, .storefront.v2 .page .entity-list .grid .view-all-link a, .storefront.v2 .page .entity-list .grid .view-all-link a:hover, .storefront.v2 .page .entity-list .grid .view-all-link a:visited { color: white; }
.storefront.v2 .page .entity-list .entity-block-container { border-radius: 0; }
.storefront.v2 .page .entity-list .entity-block-container .entity-purchase-details { border-radius: 0; background-color: #f9f9f9; }
.storefront.v2 .page .entity-list .carousel:hover .slick-arrow { background: rgba(59, 62, 72, 0.8); }
.storefront.v2 .page .entity-list .carousel:hover .slick-arrow:hover { background: #3b3e48; }
.storefront.v2 .page .entity-list .carousel:hover .slick-arrow:hover .hb { opacity: 1; }
.storefront.v2 .page .entity-list .carousel:hover .slick-arrow .hb { opacity: 0.8; }
.storefront.v2 .page .entity-list .carousel .carousel-arrow-container { pointer-events: none; align-items: center; display: flex; justify-content: space-between; position: absolute; left: 0; right: 0; top: 0; color: white; }
.storefront.v2 .page .entity-list .carousel .entities-list { position: relative; }
.storefront.v2 .page .entity-list .carousel .list-content { position: relative; }
.storefront.v2 .page .entity-list .carousel .slick-arrow { transition: background ease-in-out 200ms; pointer-events: all; display: inline-block; cursor: pointer; position: static; bottom: auto; top: auto; width: auto; border-radius: 3px; background: rgba(59, 62, 72, 0); font-size: 0; line-height: 1; }
.storefront.v2 .page .entity-list .carousel .slick-arrow.slick-disabled { visibility: hidden; }
.storefront.v2 .page .entity-list .carousel .slick-arrow.slick-next { left: auto; border-bottom-right-radius: 0; border-top-right-radius: 0; padding-left: 12px; }
.storefront.v2 .page .entity-list .carousel .slick-arrow.slick-prev { right: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; padding-right: 12px; }
.storefront.v2 .page .entity-list .carousel .slick-arrow .hb { transition: opacity ease-in-out 200ms; opacity: 0; }
.storefront.v2 .page .entity-list .grid .pagination { display: flex; margin: 10px -5px 0; }
.storefront.v2 .page .entity-list .grid .pagination .grid-page, .storefront.v2 .page .entity-list .grid .pagination .grid-page-nav { height: 36px; min-width: 36px; line-height: 36px; background: #3b3e48; text-align: center; border-radius: 5px; font-size: 20px; color: white; text-decoration: none; margin: 0 5px; }
.storefront.v2 .page .entity-list .grid .pagination .grid-page:hover, .storefront.v2 .page .entity-list .grid .pagination .grid-page-nav:hover { background: #757b8e; }
.storefront.v2 .page .entity-list .grid .pagination .grid-page { display: none; padding: 0 7px; }
.storefront.v2 .page .entity-list .grid .pagination .grid-page.active { background-color: #17a0e5; pointer-events: none; cursor: default; }
.storefront.v2 .page .entity-list .grid .pagination .grid-page.visible { display: inline-block; }
.storefront.v2 .page .entity-list .grid .pagination .grid-page-nav { display: block; font-size: 27px; }
.storefront.v2 .page .entity-list .grid .pagination .grid-page-nav.disabled { pointer-events: none; cursor: default; opacity: 0.3; color: #c7cbd4; }
.storefront.v2 .page .entity-list .grid .chunks-container { position: relative; }
.storefront.v2 .page .entity-list .grid .chunks-container .overlay { bottom: 0; left: 0; right: 0; top: 0; display: flex; justify-content: center; right: -4px; left: -4px; bottom: -4px; position: absolute; background: rgba(228, 231, 237, 0.85); z-index: 2; padding-top: 10em; }
.storefront.v2 .page .entity-list .grid .chunks-container .overlay .overlay-text { font-size: 18px; margin-right: 5px; }
.storefront.v2 .page .entity-list .grid .chunks-container .overlay.partial { position: initial; padding-top: 0; }
.storefront.v2 .page .entity-list .grid .entities-list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -15px -5px 0 -14.5px; }
.storefront.v2 .page .entity-list .grid .entity-block-container { margin: 15px 0 0 14.5px; }
.storefront.v2 .page .background-container { display: block; z-index: 0; position: absolute; top: 0; width: 100%; }
.storefront.v2 .page .background-container:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-image: linear-gradient(to bottom, rgba(228, 231, 237, 0) 10%, #e4e7ed 75%); }
.storefront.v2 .page .background-container .background-image { display: block; width: 100%; height: auto; }
.storefront.v2 .page .calendar-holder { display: none; }
.storefront.v2 .page .cross-promotional-banner, .storefront.v2 .page .splash-banner { display: none; background-position: center; background-repeat: no-repeat; background-size: cover; }
.storefront.v2 .page .twitch-stream-container { margin: auto; padding-bottom: 56.25%; position: relative; width: 100%; }
.storefront.v2 .page .twitch-stream-container iframe { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

@media (max-width: 519px) { .storefront.v2 .page .entity-block-container { width: 360px; }
  .storefront.v2 .page .entity-block-container .entity-image { width: 360px; height: 206px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-title { max-width: 160px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity { height: 401px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-purchase-details { min-height: 195px; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-title { max-width: 210px; }
  .storefront.v2 .page .entity-list .carousel .carousel-arrow-container { height: 206px; }
  .storefront.v2 .page .entity-list .grid .entity-block-container { width: 360px; }
  .storefront.v2 .page .entity-list .grid .entity-block-container .entity-image { width: 360px; height: 206px; }
  .storefront.v2 .page .page-sections .others-section { order: 7; }
  .storefront.v2 .page .page-sections .sidebar-bottom-section { order: 6; } }
@media (min-width: 520px) { .storefront.v2 .page .entity-list .carousel .slick-dots { list-style: none; display: flex; justify-content: center; margin: 0; padding: 0 10px; }
  .storefront.v2 .page .entity-list .carousel .slick-dots li { box-sizing: content-box; cursor: pointer; padding: 10px 5px 0; }
  .storefront.v2 .page .entity-list .carousel .slick-dots li:first-of-type { padding-left: 0; }
  .storefront.v2 .page .entity-list .carousel .slick-dots li:last-of-type { padding-right: 0; }
  .storefront.v2 .page .entity-list .carousel .slick-dots li.slick-active .page-button { background-color: #3b3e48; }
  .storefront.v2 .page .entity-list .carousel .slick-dots .page-button { outline: none; display: block; height: 12px; width: 12px; background-color: #b4b6ba; border-radius: 50%; } }
@media (min-width: 520px) and (max-width: 749px) { .storefront.v2 .page .entity-list.carousel-large .carousel .carousel-arrow-container { height: 287px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container { width: 500px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-title { max-width: 300px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-title.page-block { max-width: 100%; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-image { width: 500px; height: 287px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .slick-arrow { padding: 25px 10px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .slick-arrow .hb { margin-top: -1px; font-size: 50px; line-height: 30px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .carousel-arrow-container { height: 287px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container { width: 500px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity { height: 401px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-image { width: 500px; height: 287px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-purchase-details { min-height: 114px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .slick-arrow { padding: 25px 10px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .slick-arrow .hb { margin-top: -1px; font-size: 50px; line-height: 30px; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-title { max-width: 250px; }
  .storefront.v2 .page .entity-list .carousel .carousel-arrow-container { height: 139px; }
  .storefront.v2 .page .entity-list .carousel .slick-arrow { padding: 15px 10px; }
  .storefront.v2 .page .entity-list .entity-block-container { width: 242.5px; }
  .storefront.v2 .page .entity-list .entity-block-container .entity-image { width: 242.5px; height: 139px; } }
@media (max-width: 749px) { .storefront.v2 .page .byob-banner { margin: -20px 0 20px; }
  .storefront.v2 .page .cross-promotional-banner.mobile, .storefront.v2 .page .splash-banner.mobile { display: block; height: 100px; margin-bottom: 20px; }
  .storefront.v2 .page .entity-block-container .wishlist-button { display: none; }
  .storefront.v2 .page .entity-list { width: 100%; margin-top: 20px; }
  .storefront.v2 .page .entity-list .carousel .slick-arrow { padding: 20px 10px; background: rgba(59, 62, 72, 0.8); }
  .storefront.v2 .page .entity-list .carousel .slick-arrow .hb { opacity: 1; font-size: 40px; line-height: 23px; }
  .storefront.v2 .page .entity-lists { margin-top: -20px; }
  .storefront.v2 .page .page-sections { display: flex; flex-direction: column; margin-top: -20px; }
  .storefront.v2 .page .page-sections .page-section { margin-top: 20px; } }
@media (min-width: 750px) { .storefront.v2 .page .byob-banner { margin: -20px 0 20px; }
  .storefront.v2 .page .cross-promotional-banner:not(.mobile) { display: block; height: 125px; margin-bottom: 20px; }
  .storefront.v2 .page .entity-block-container { width: 233.33px; }
  .storefront.v2 .page .entity-block-container .entity-image { width: 233.33px; height: 134px; }
  .storefront.v2 .page .entity-block-container .entity-meta { transition: background-color ease-in-out 200ms; }
  .storefront.v2 .page .entity-list { width: 100%; margin-top: 20px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .carousel-arrow-container { height: 361px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container { width: 630px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details { padding-left: 0; padding-right: 0; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-title { max-width: 400px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-title.page-block { max-width: 100%; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-image { width: 630px; height: 361px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .slick-arrow { padding: 25px 10px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .slick-arrow .hb { margin-top: -1px; font-size: 50px; line-height: 30px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .carousel-arrow-container { height: 203px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container { width: 355px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity { height: 328px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-image { width: 355px; height: 203px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-purchase-details { min-height: 125px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .slick-arrow { padding: 20px 10px; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container { display: none; height: 60px; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container:last-of-type { border-radius: 0; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container:nth-child(-n+5) { display: block; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container.view-all { display: block; height: auto; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-title { max-width: 200px; }
  .storefront.v2 .page .entity-list .carousel .carousel-arrow-container { height: 134px; }
  .storefront.v2 .page .entity-list .carousel .slick-arrow { padding: 15px 10px; }
  .storefront.v2 .page .entity-list .carousel .slick-arrow .hb { font-size: 40px; line-height: 23px; }
  .storefront.v2 .page .entity-lists { margin-top: -20px; }
  .storefront.v2 .page .page-sections { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: -20px; }
  .storefront.v2 .page .page-sections .page-section { width: 100%; margin-top: 20px; }
  .storefront.v2 .page .page-sections .page-section.sidebar-bottom-section, .storefront.v2 .page .page-sections .page-section.sidebar-top-section { width: 355px; }
  .storefront.v2 .page .page-sections .page-section.featured-section { order: 1; }
  .storefront.v2 .page .page-sections .page-section.sidebar-top-section { order: 2; }
  .storefront.v2 .page .page-sections .page-section.sidebar-bottom-section { margin-left: 20px; order: 3; }
  .storefront.v2 .page .page-sections .page-section.secondary-section { order: 4; }
  .storefront.v2 .page .page-sections .page-section.others-section { order: 5; }
  .storefront.v2 .page .splash-banner:not(.mobile) { display: block; height: 200px; margin-bottom: 20px; } }
@media (min-width: 960px) { .storefront.v2 .page .byob-banner { margin: -30px 0 30px; }
  .storefront.v2 .page .calendar-holder { display: block; }
  .storefront.v2 .page .cross-promotional-banner:not(.mobile) { margin-bottom: 30px; }
  .storefront.v2 .page .entity-list { margin-top: 30px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .carousel-arrow-container { height: 332px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container { width: 580px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details { padding: 5px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-title { max-width: 300px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-title.page-block { max-width: 100%; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-image { width: 580px; height: 332px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .carousel-arrow-container { height: 230px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container { width: 340px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity { height: 380px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-image { width: 340px; height: 195px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-purchase-details { min-height: 185px; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container { display: none; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container:nth-child(-n+12) { display: block; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container.view-all .entity-link { padding: 19px 10px; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container .entity-title { max-width: 190px; }
  .storefront.v2 .page .entity-list .carousel, .storefront.v2 .page .entity-list .tabbed-product-list { margin-top: 30px; }
  .storefront.v2 .page .entity-list .grid .chunks-container .overlay .overlay-text { font-size: 30px; }
  .storefront.v2 .page .entity-list .grid .pagination .grid-page, .storefront.v2 .page .entity-list .grid .pagination .grid-page-nav { height: 40px; min-width: 40px; line-height: 40px; }
  .storefront.v2 .page .entity-lists { margin-top: -30px; }
  .storefront.v2 .page .page-sections { display: block; margin-top: -30px; }
  .storefront.v2 .page .page-sections::after { clear: both; content: ""; display: table; }
  .storefront.v2 .page .page-sections .page-section { float: left; margin-top: 30px; }
  .storefront.v2 .page .page-sections .page-section.featured-section, .storefront.v2 .page .page-sections .page-section.secondary-section { width: 580px; }
  .storefront.v2 .page .page-sections .page-section.featured-section .entity-block-container .page-view-details.page-block { color: transparent; font-size: 0; }
  .storefront.v2 .page .page-sections .page-section.others-section .entity-block-container { width: 224px; }
  .storefront.v2 .page .page-sections .page-section.others-section .entity-block-container .entity-image { width: 224px; height: 128px; }
  .storefront.v2 .page .page-sections .page-section.others-section .entity-list.small-grid { width: calc(50% - 5px); float: left; }
  .storefront.v2 .page .page-sections .page-section.others-section .entity-list.small-grid ~ .small-grid { margin-left: 10px; }
  .storefront.v2 .page .page-sections .page-section.others-section .entity-list .carousel .carousel-arrow-container { height: 128px; }
  .storefront.v2 .page .page-sections .page-section.others-section .entity-lists::after { clear: both; content: ""; display: table; }
  .storefront.v2 .page .page-sections .page-section.secondary-section .entity-block-container { width: 183.5px; }
  .storefront.v2 .page .page-sections .page-section.secondary-section .entity-block-container .entity-image { width: 183.5px; height: 105px; }
  .storefront.v2 .page .page-sections .page-section.secondary-section .entity-list .carousel .carousel-arrow-container { height: 105px; }
  .storefront.v2 .page .page-sections .page-section.sidebar-bottom-section, .storefront.v2 .page .page-sections .page-section.sidebar-top-section { float: right; width: 340px; margin-left: 20px; }
  .storefront.v2 .page .splash-banner:not(.mobile) { margin-bottom: 30px; } }
@media (min-width: 1160px) { .storefront.v2 .page .entity-list.carousel-large .carousel .carousel-arrow-container { height: 353px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container { width: 616px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-image { width: 616px; height: 353px; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details { padding-left: 0; padding-right: 0; }
  .storefront.v2 .page .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details .entity-title { max-width: 415px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity { height: 401px; }
  .storefront.v2 .page .entity-list.carousel-mini .carousel .entity-block-container .entity-purchase-details { min-height: 206px; }
  .storefront.v2 .page .entity-list.tabbed-list .entity-container:nth-child(-n+15) { display: block; }
  .storefront.v2 .page .page-sections .page-section.featured-section, .storefront.v2 .page .page-sections .page-section.secondary-section { width: 760px; }
  .storefront.v2 .page .page-sections .page-section.others-section .entity-block-container { width: 274px; }
  .storefront.v2 .page .page-sections .page-section.others-section .entity-block-container .entity-image { width: 274px; height: 157px; }
  .storefront.v2 .page .page-sections .page-section.others-section .entity-list .carousel .carousel-arrow-container { height: 157px; }
  .storefront.v2 .page .page-sections .page-section.secondary-section .entity-block-container { width: 243.5px; }
  .storefront.v2 .page .page-sections .page-section.secondary-section .entity-block-container .entity-image { width: 243.5px; height: 140px; }
  .storefront.v2 .page .page-sections .page-section.secondary-section .entity-list .carousel .carousel-arrow-container { height: 140px; } }
/** 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
*/
.storefront.v2 .search .entity-list.carousel-large .carousel .entities-list, .storefront.v2 .search .entity-list.carousel-mini .carousel .entities-list { box-shadow: gray 0 1px 5px; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container, .storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container { margin-left: 0; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-pricing, .storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-pricing .price-button, .storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing, .storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button { font-size: 18px; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-pricing .price-button, .storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-pricing .price-button .price-button, .storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button, .storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button .price-button { width: 105px; height: 30px; padding: 3px 0; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details, .storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-purchase-details { border-top: 0; background-color: white; }
.storefront.v2 .search .entity-list.carousel-large .carousel .list-header, .storefront.v2 .search .entity-list.carousel-mini .carousel .list-header { margin-bottom: 0; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-details { position: static; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-meta { border-left: 1px solid white; border-right: 1px solid white; background-color: rgba(0, 0, 0, 0.6); }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-title { display: none; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-purchase-details .entity-link, .storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container:not(.slick-current) .entity-purchase-details .entity-pricing { display: none; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-meta { bottom: 0; left: 0; right: 0; top: 0; position: absolute; display: block; bottom: 48px; z-index: 10; background-color: transparent; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-meta > * { display: none; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; line-height: normal; display: inline-block; height: auto; position: absolute; bottom: -35px; left: 5px; text-transform: uppercase; font-weight: bold; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details { align-items: center; display: flex; min-height: 48px; }
.storefront.v2 .search .entity-list.carousel-large .carousel .entity-block-container .entity-purchase-details .entity-devices { display: none; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container { color: #3b3e48; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .countdown-timer { margin: 0; color: #17a0e5; font-size: 20px; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .countdown-title { margin: 0 0 2px; font-size: 10px; text-transform: uppercase; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .deal-cta { margin: 5px 0 0; font-size: 16px; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .deal-title { margin: 0; text-transform: uppercase; font-weight: bold; font-size: 17px; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .deal-title.no-purchase-details { line-height: 26px; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity { position: relative; border-radius: 0; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-image { position: absolute; top: 0; left: 0; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing { font-size: 14px; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button { height: 30px; width: 85px; font-size: 16px; padding: 4px 0; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-pricing .price-button .price { vertical-align: middle; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .entity-purchase-details { display: block; position: absolute; bottom: 0; left: 0; right: 0; min-height: 48px; padding: 10px; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .has-full-details:not(.has-image-override) .entity-purchase-details { padding-bottom: 55px; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .has-full-details .purchase-details-footer { margin-top: 15px; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .has-image-override .entity-image { height: auto; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .has-image-override .entity-purchase-details { min-height: 0; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .has-image-override .purchase-details-footer { position: static; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .purchase-details-footer { align-self: flex-end; display: flex; justify-content: space-between; position: absolute; bottom: 10px; left: 10px; right: 10px; }
.storefront.v2 .search .entity-list.carousel-mini .carousel .entity-block-container .purchase-details-footer .blocky-timer .countdown-timer-counter { background-color: #484e5b; }
.storefront.v2 .search .entity-list.carousel-standard .carousel .slick-list, .storefront.v2 .search .entity-list .grid .slick-list { overflow: visible; }
.storefront.v2 .search .entity-list.carousel-standard .carousel .slick-slider, .storefront.v2 .search .entity-list .grid .slick-slider { overflow: hidden; margin: 0 -6px; padding: 1px 6px 4px; }
.storefront.v2 .search .entity-list.carousel-standard .carousel .entity-block-container, .storefront.v2 .search .entity-list .grid .entity-block-container { box-shadow: gray 0 1px 5px; }
.storefront.v2 .search .entity-list.tabbed-list { -webkit-tap-highlight-color: transparent; }
.storefront.v2 .search .entity-list.tabbed-list .list-content { box-shadow: gray 0 1px 5px; }
.storefront.v2 .search .entity-list.tabbed-list .entities-list { display: none; }
.storefront.v2 .search .entity-list.tabbed-list .entities-list.active { display: block; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container { border-bottom: 1px solid #e1e3e9; background-color: white; color: #3b3e48; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container::after { clear: both; content: ""; display: table; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container:last-of-type { border-bottom: 0; border-radius: 0; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container.view-all .entity-link { display: block; padding: 15px 10px; text-align: center; font-weight: bold; color: #3b3e48; background-color: #f9f9f9; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container.view-all .entity-link, .storefront.v2 .search .entity-list.tabbed-list .entity-container.view-all .entity-link a, .storefront.v2 .search .entity-list.tabbed-list .entity-container.view-all .entity-link a:hover, .storefront.v2 .search .entity-list.tabbed-list .entity-container.view-all .entity-link a:visited { color: inherit; text-decoration: none; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container .entity-link { display: flex; align-items: center; justify-content: space-between; padding: 10px; width: 100%; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container .entity-pricing .original-price { display: none; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container .entity-meta { display: flex; align-items: center; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container .entity-status { padding-top: 1px; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container .entity-status, .storefront.v2 .search .entity-list.tabbed-list .entity-container .operating-systems { padding-left: 4px; border-left: 1px solid #a1a7b2; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container .entity-status, .storefront.v2 .search .entity-list.tabbed-list .entity-container .operating-systems, .storefront.v2 .search .entity-list.tabbed-list .entity-container .platforms { flex: 0 1 auto; height: 15px; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container .entity-title { display: block; margin-bottom: 10px; }
.storefront.v2 .search .entity-list.tabbed-list .entity-container .operating-system, .storefront.v2 .search .entity-list.tabbed-list .entity-container .platform { color: #484e5b; line-height: 15px; }
.storefront.v2 .search .entity-list.tabbed-list .list-header::after, .storefront.v2 .search .entity-list.tabbed-list .list-tabs::after { clear: both; content: ""; display: table; }
.storefront.v2 .search .entity-list.tabbed-list .list-tabs { display: flex; justify-content: space-between; position: relative; }
.storefront.v2 .search .entity-list.tabbed-list .list-tabs:before { display: block; position: absolute; content: ''; bottom: 0; left: 0; right: 0; height: 5px; background-color: #494f5c; }
.storefront.v2 .search .entity-list.tabbed-list .list-tab { cursor: pointer; float: left; position: relative; padding: 15px 10px; color: #494f5c; font-size: 18px; text-align: center; flex-grow: 1; }
.storefront.v2 .search .entity-list.tabbed-list .list-tab:after { display: block; position: absolute; content: ''; transition: color ease-in 200ms; bottom: 0; left: 0; right: 0; height: 5px; background-color: #494f5c; }
.storefront.v2 .search .entity-list.tabbed-list .list-tab:hover { color: #17a0e5; }
.storefront.v2 .search .entity-list.tabbed-list .list-tab.active { cursor: default; }
.storefront.v2 .search .entity-list.tabbed-list .list-tab.active, .storefront.v2 .search .entity-list.tabbed-list .list-tab.active:hover { color: #17a0e5; }
.storefront.v2 .search .entity-list.tabbed-list .list-tab.active:after { background-color: #17a0e5; }
.storefront.v2 .search .entity-list .carousel .list-header, .storefront.v2 .search .entity-list .grid .list-header { display: flex; align-items: center; justify-content: flex-start; padding: 12px 0; color: #494f5c; font-size: 20px; }
.storefront.v2 .search .entity-list .carousel .view-all-link, .storefront.v2 .search .entity-list .grid .view-all-link { padding: 2px 10px; border-radius: 10px; background-color: #505566; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: capitalize; margin-left: 15px; }
.storefront.v2 .search .entity-list .carousel .view-all-link, .storefront.v2 .search .entity-list .carousel .view-all-link a, .storefront.v2 .search .entity-list .carousel .view-all-link a:hover, .storefront.v2 .search .entity-list .carousel .view-all-link a:visited, .storefront.v2 .search .entity-list .grid .view-all-link, .storefront.v2 .search .entity-list .grid .view-all-link a, .storefront.v2 .search .entity-list .grid .view-all-link a:hover, .storefront.v2 .search .entity-list .grid .view-all-link a:visited { color: white; }
.storefront.v2 .search .entity-list .entity-block-container { border-radius: 0; }
.storefront.v2 .search .entity-list .entity-block-container .entity-purchase-details { border-radius: 0; background-color: #f9f9f9; }
.storefront.v2 .search .entity-list .carousel:hover .slick-arrow { background: rgba(59, 62, 72, 0.8); }
.storefront.v2 .search .entity-list .carousel:hover .slick-arrow:hover { background: #3b3e48; }
.storefront.v2 .search .entity-list .carousel:hover .slick-arrow:hover .hb { opacity: 1; }
.storefront.v2 .search .entity-list .carousel:hover .slick-arrow .hb { opacity: 0.8; }
.storefront.v2 .search .entity-list .carousel .carousel-arrow-container { pointer-events: none; align-items: center; display: flex; justify-content: space-between; position: absolute; left: 0; right: 0; top: 0; color: white; }
.storefront.v2 .search .entity-list .carousel .entities-list { position: relative; }
.storefront.v2 .search .entity-list .carousel .list-content { position: relative; }
.storefront.v2 .search .entity-list .carousel .slick-arrow { transition: background ease-in-out 200ms; pointer-events: all; display: inline-block; cursor: pointer; position: static; bottom: auto; top: auto; width: auto; border-radius: 3px; background: rgba(59, 62, 72, 0); font-size: 0; line-height: 1; }
.storefront.v2 .search .entity-list .carousel .slick-arrow.slick-disabled { visibility: hidden; }
.storefront.v2 .search .entity-list .carousel .slick-arrow.slick-next { left: auto; border-bottom-right-radius: 0; border-top-right-radius: 0; padding-left: 12px; }
.storefront.v2 .search .entity-list .carousel .slick-arrow.slick-prev { right: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; padding-right: 12px; }
.storefront.v2 .search .entity-list .carousel .slick-arrow .hb { transition: opacity ease-in-out 200ms; opacity: 0; }
.storefront.v2 .search .entity-list .grid .pagination { display: flex; margin: 10px -5px 0; }
.storefront.v2 .search .entity-list .grid .pagination .grid-page, .storefront.v2 .search .entity-list .grid .pagination .grid-page-nav { height: 36px; min-width: 36px; line-height: 36px; background: #3b3e48; text-align: center; border-radius: 5px; font-size: 20px; color: white; text-decoration: none; margin: 0 5px; }
.storefront.v2 .search .entity-list .grid .pagination .grid-page:hover, .storefront.v2 .search .entity-list .grid .pagination .grid-page-nav:hover { background: #757b8e; }
.storefront.v2 .search .entity-list .grid .pagination .grid-page { display: none; padding: 0 7px; }
.storefront.v2 .search .entity-list .grid .pagination .grid-page.active { background-color: #17a0e5; pointer-events: none; cursor: default; }
.storefront.v2 .search .entity-list .grid .pagination .grid-page.visible { display: inline-block; }
.storefront.v2 .search .entity-list .grid .pagination .grid-page-nav { display: block; font-size: 27px; }
.storefront.v2 .search .entity-list .grid .pagination .grid-page-nav.disabled { pointer-events: none; cursor: default; opacity: 0.3; color: #c7cbd4; }
.storefront.v2 .search .entity-list .grid .chunks-container { position: relative; }
.storefront.v2 .search .entity-list .grid .chunks-container .overlay { bottom: 0; left: 0; right: 0; top: 0; display: flex; justify-content: center; right: -4px; left: -4px; bottom: -4px; position: absolute; background: rgba(228, 231, 237, 0.85); z-index: 2; padding-top: 10em; }
.storefront.v2 .search .entity-list .grid .chunks-container .overlay .overlay-text { font-size: 18px; margin-right: 5px; }
.storefront.v2 .search .entity-list .grid .chunks-container .overlay.partial { position: initial; padding-top: 0; }
.storefront.v2 .search .entity-list .grid .entities-list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -15px -5px 0 -14.5px; }
.storefront.v2 .search .entity-list .grid .entity-block-container { margin: 15px 0 0 14.5px; }
.storefront.v2 .search.loading .loading-view { display: none; }
.storefront.v2 .search .search-header-view { margin-bottom: 10px; }
.storefront.v2 .search .search-header-view h1 { font-size: 26px; margin: 0 0 10px; font-weight: normal; }
.storefront.v2 .search .search-header-view .publisher-developer-text { display: inline-block; margin-bottom: 10px; margin-right: 20px; }
.storefront.v2 .search .search-input-view { margin-bottom: 10px; position: relative; }
.storefront.v2 .search .search-input-view .search-input { padding: 5px; width: 100%; }
.storefront.v2 .search .search-input-view .search-input:disabled { color: #c7cbd4; }
.storefront.v2 .search .search-input-view .hb-search { position: absolute; font-size: 20px; top: 5px; right: 5px; }
.storefront.v2 .search .search-filters-view { display: flex; flex-flow: row wrap; align-items: center; }
.storefront.v2 .search .search-filters-view .filter-option-view { color: #7b818c; position: relative; margin-right: 15px; }
.storefront.v2 .search .search-filters-view .filter-option-view h4 { display: inline-block; text-transform: uppercase; margin: 0; }
.storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown { display: inline-block; position: relative; padding: 8px; }
.storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown .hb-caret-down { margin-left: 3px; }
.storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown-options { display: none; z-index: 40; position: absolute; top: 30px; left: 0; background: #d5d9e1; }
.storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown-options .filter-option { display: block; padding: 7px; white-space: nowrap; }
.storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown-options .filter-option:hover { background: rgba(161, 167, 178, 0.2); }
.storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown-options a.filter-option, .storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown-options a.filter-option:hover, .storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown-options a.filter-option:visited { color: inherit; text-decoration: none; }
.storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown:hover { background: #d5d9e1; cursor: pointer; }
.storefront.v2 .search .search-filters-view .filter-option-view .filter-dropdown:hover .filter-dropdown-options { display: block; }

@media (max-width: 519px) { .storefront.v2 .search .entity-block-container { width: 360px; }
  .storefront.v2 .search .entity-block-container .entity-image { width: 360px; height: 206px; } }
@media (min-width: 520px) and (max-width: 749px) { .storefront.v2 .search .entity-block-container { width: 242.5px; }
  .storefront.v2 .search .entity-block-container .entity-image { width: 242.5px; height: 139px; } }
@media (max-width: 749px) { .storefront.v2 .search .entity-block-container .wishlist-button { display: none; }
  .storefront.v2 .search .entity-list { width: 100%; margin-top: 20px; } }
@media (min-width: 750px) { .storefront.v2 .search .entity-block-container { width: 233.33px; }
  .storefront.v2 .search .entity-block-container .entity-image { width: 233.33px; height: 134px; }
  .storefront.v2 .search .entity-block-container .entity-meta { transition: background-color ease-in-out 200ms; } }
@media (min-width: 960px) { .storefront.v2 .search .entity-block-container { width: 224px; }
  .storefront.v2 .search .entity-block-container .entity-image { width: 224px; height: 128px; }
  .storefront.v2 .search .grid .chunks-container .overlay .overlay-text { font-size: 30px; }
  .storefront.v2 .search .grid .pagination .grid-page, .storefront.v2 .search .grid .pagination .grid-page-nav { height: 40px; min-width: 40px; line-height: 40px; } }
@media (min-width: 1160px) { .storefront.v2 .search .entity-list .entity-block-container { width: 274px; }
  .storefront.v2 .search .entity-list .entity-block-container .entity-image { width: 274px; height: 157px; } }
/** 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
*/
.storefront.v2 .wishlist-header { margin: 15px 10px 25px; position: relative; float: left; width: calc(100% - 20px); }
.storefront.v2 .wishlist-header .wishlist-name { font-size: 26px; font-weight: 200; float: left; width: 100%; }
.storefront.v2 .wishlist-header .wishlist-name input { width: 100%; }
.storefront.v2 .wishlist-header .wishlist-edit-title { font-size: 12px; vertical-align: middle; }
.storefront.v2 .wishlist-header .wishlist-share { float: right; font-size: 20px; padding-top: 15px; width: 100%; text-align: right; }
.storefront.v2 .wishlist-header .wishlist-share-social-media { letter-spacing: 5px; margin-right: 10px; }
.storefront.v2 .wishlist-header .wishlist-share-social-media > a { color: black; }
.storefront.v2 .wishlist-header .wishlist-share-social-media > a:visited { color: black; }
.storefront.v2 .empty-wishlist { margin-left: 10px; margin-top: 15px; }
.storefront.v2 .wishlist-item-list { width: 100%; display: flex; }
.storefront.v2 .wishlist-item-list .entities-list { list-style: none; float: left; width: 100%; padding: 0; }
.storefront.v2 .wishlist-item-list .list-content { width: 100%; }
.storefront.v2 .wishlist-item-list .wishlist-entity { width: calc(100% - 20px); position: relative; float: left; margin: 10px; }
.storefront.v2 .wishlist-item-list .wishlist-entity.sortable-ghost { opacity: 0.3; }
.storefront.v2 .wishlist-item-list .wishlist-entity .wishlist-edit-actions { transition: opacity .2s linear; opacity: 0.5; font-weight: bold; font-size: 2em; padding: .3em; position: absolute; color: white; z-index: 5; right: 0; background: rgba(0, 0, 0, 0.7); border-bottom-left-radius: 5px; }
.storefront.v2 .wishlist-item-list .wishlist-entity .move-wishlist, .storefront.v2 .wishlist-item-list .wishlist-entity .remove-wishlist { margin: 0 .2em; }
.storefront.v2 .wishlist-item-list .wishlist-entity .remove-wishlist { cursor: pointer; }
.storefront.v2 .wishlist-item-list .wishlist-entity .move-wishlist { cursor: move; }
.storefront.v2 .wishlist-item-list .wishlist-entity:hover .wishlist-edit-actions { opacity: 1; }
.storefront.v2 .wishlist-item-list .wishlist-entity .entity-block-container { float: left; }
.storefront.v2 .wishlist-item-list .wishlist-entity .entity-block-container .entity-image { width: 100%; }

@media (min-width: 520px) and (max-width: 749px) { .storefront.v2 .wishlist-item-list .wishlist-entity { width: calc(50% - 20px); } }
@media (min-width: 750px) { .storefront.v2 .wishlist-header .wishlist-name { width: 50%; }
  .storefront.v2 .wishlist-header .wishlist-share { padding-top: 5px; width: 50%; }
  .storefront.v2 .wishlist-item-list .wishlist-entity { width: calc(50% - 20px); } }
@media (min-width: 960px) { .storefront.v2 .wishlist-item-list .wishlist-entity { width: calc(33% - 20px); } }
@media (min-width: 1160px) { .storefront.v2 .wishlist-item-list .wishlist-entity { width: calc(25% - 20px); } }