.step-gamer-hero{position:relative;width:100%;overflow:hidden}.step-gamer-hero--overlap-header{margin-top:calc(var(--sg-header-height, 60px) * -1)}.step-gamer-hero__carousel{display:block;position:relative;width:100%;height:auto;touch-action:pan-y}.step-gamer-hero__track{display:block;position:relative;width:100%;touch-action:pan-y;transition:height .4s ease}.step-gamer-hero__slide{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translate(10px);transition:opacity .4s ease,transform .4s ease,visibility .4s}.step-gamer-hero__carousel[data-sg-dir=prev] .step-gamer-hero__slide{transform:translate(-10px)}.step-gamer-hero__slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:1}@media(prefers-reduced-motion:reduce){.step-gamer-hero__track,.step-gamer-hero__slide{transition:none}}.step-gamer-hero__media{position:relative;width:100%;line-height:0;background:#000}.step-gamer-hero__picture,.step-gamer-hero__img,.step-gamer-hero__video,.step-gamer-hero__media img,.step-gamer-hero__media video,.step-gamer-hero__media .step-gamer-placeholder,.step-gamer-hero__media svg{width:100%;height:auto;display:block;max-width:100%}.step-gamer-hero__media .step-gamer-placeholder{opacity:.35}.step-gamer-hero__img--mobile{display:none}@media(max-width:767px){.step-gamer-hero__video{display:none}.step-gamer-hero__img--mobile{display:block}}.step-gamer-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#00000026 45%,#0000000d);pointer-events:none}.step-gamer-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding-top:var(--sg-space-8);padding-bottom:7.2rem;z-index:1}.step-gamer-hero__content .step-gamer-container{width:100%}.step-gamer-hero__copy{display:flex;flex-direction:column;align-items:center;text-align:center}@media(min-width:992px){.step-gamer-hero__content{padding-top:var(--sg-space-12);padding-bottom:13.6rem}.step-gamer-hero__copy{align-items:flex-start;text-align:left;max-width:76.8rem}}.step-gamer-hero__eyebrow,.step-gamer-hero__heading{margin-bottom:var(--sg-space-3)}.step-gamer-hero__heading.step-gamer-headline-1{font-size:calc(3.2rem * var(--sg-heading-scale));line-height:1.15}@media(min-width:992px){.step-gamer-hero__heading.step-gamer-headline-1{font-size:calc(4rem * var(--sg-heading-scale))}}.step-gamer-hero__text{margin-bottom:var(--sg-space-4);max-width:57.6rem}@media(min-width:992px){.step-gamer-hero__text{margin-bottom:var(--sg-space-6)}}.step-gamer-hero__controls{display:none}.step-gamer-hero__pagination{position:absolute;bottom:0;left:0;right:0;z-index:3;pointer-events:none}@media(min-width:992px){.step-gamer-hero__pagination{bottom:3.2rem}}.step-gamer-hero__pagination .step-gamer-container{pointer-events:none}.step-gamer-hero__pagination-bar{pointer-events:auto;display:flex;align-items:center;width:100%;max-height:5.6rem;border-radius:var(--sg-radius-full);background:transparent;border:0;padding:0;box-sizing:border-box}@media(min-width:992px){.step-gamer-hero__pagination-bar{background:#18181b99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #71717a;padding:1.2rem 2rem}}.step-gamer-hero__pagination-arrow{display:none;flex:0 0 auto;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:.8rem;border:0;border-radius:var(--sg-radius-full);background:transparent;color:var(--sg-color-text-on-colour);cursor:pointer;transition:background-color var(--sg-duration-fast) var(--sg-ease-out)}.step-gamer-hero__pagination-arrow:hover{background:#ffffff1a}.step-gamer-hero__pagination-arrow:disabled{opacity:.35;cursor:not-allowed}.step-gamer-hero__pagination-arrow svg{display:block;width:2rem;height:2rem}.step-gamer-hero__pagination-arrow--prev{margin-right:3.2rem}.step-gamer-hero__pagination-arrow--next{margin-left:3.2rem}@media(min-width:992px){.step-gamer-hero__pagination-arrow{display:inline-flex}}.step-gamer-hero__pagination-tabs{flex:1 1 auto;display:flex;align-items:stretch;gap:.8rem;min-width:0;width:100%}.step-gamer-hero__tab{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:.8rem;min-width:0;padding:1.2rem 0;border:0;background:transparent;color:var(--sg-color-text-on-colour);cursor:pointer;text-decoration:none;text-align:center}@media(min-width:992px){.step-gamer-hero__tab{padding:0}}.step-gamer-hero__tab-label{display:none;align-items:center;justify-content:center;gap:.4rem;font-family:var(--sg-font-body);font-size:calc(1.4rem * var(--sg-body-scale));font-weight:400;line-height:1.25;letter-spacing:.7px;text-transform:uppercase;color:var(--sg-color-text-on-colour);white-space:nowrap}@media(min-width:992px){.step-gamer-hero__tab-label{display:inline-flex;font-size:calc(1.6rem * var(--sg-body-scale))}}.step-gamer-hero__tab-badge{display:inline-block;padding:.2rem .4rem;border-radius:.2rem;background:#fff;color:#18181b;font-size:1rem;font-weight:700;line-height:1;letter-spacing:.24px;text-transform:uppercase}@media(min-width:992px){.step-gamer-hero__tab-badge{font-size:1.2rem;letter-spacing:.5px}}.step-gamer-hero__tab-track{position:relative;display:block;width:100%;background:#4f4f54;pointer-events:none;overflow:hidden}.step-gamer-hero__tab-track--desktop{display:none;height:.2rem}.step-gamer-hero__tab-track--mobile{display:block;height:.4rem}@media(min-width:992px){.step-gamer-hero__tab-track--desktop{display:block}.step-gamer-hero__tab-track--mobile{display:none}}.step-gamer-hero__tab-progress{display:block;height:100%;width:100%;background:#d4d4d8;transform:scaleX(0);transform-origin:left center}.step-gamer-hero__tab.is-active .step-gamer-hero__tab-progress{animation:step-gamer-hero-progress var(--sg-hero-progress-duration, 5s) linear forwards}.step-gamer-hero__tab:not(.is-active) .step-gamer-hero__tab-progress{transform:scaleX(0);animation:none}@keyframes step-gamer-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.step-gamer-hero__tab.is-active .step-gamer-hero__tab-progress{animation:none;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/step-gamer-hero.css.map */