.step-gamer-difference{position:relative;width:100%;min-height:70vh;min-height:70dvh;overflow:hidden;background-color:var(--sg-color-bg-black);color:var(--sg-color-text-on-colour);padding:0!important}@media(min-width:992px){.step-gamer-difference{min-height:100vh;min-height:100dvh}}.step-gamer-difference__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#18181b}.step-gamer-difference__video,.step-gamer-difference__media video,.step-gamer-difference__image,.step-gamer-difference__placeholder,.step-gamer-difference__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.step-gamer-difference__placeholder{opacity:.45}.step-gamer-difference__gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#000000d6 .01%,#0000 22.12% 70.68%,#000000d6)}.step-gamer-difference__content{position:relative;z-index:2;height:100%;min-height:inherit;display:flex;flex-direction:column;max-width:100%;width:100%;padding-left:0;padding-right:0}@media(min-width:992px){.step-gamer-difference__content.step-gamer-container{padding-left:1.2rem;padding-right:1.2rem;width:100%;max-width:992px;margin-left:auto;margin-right:auto}}@media(min-width:1280px){.step-gamer-difference__content.step-gamer-container{max-width:1280px;padding-left:2.4rem;padding-right:2.4rem}}@media(min-width:1536px){.step-gamer-difference__content.step-gamer-container{max-width:1536px}}.step-gamer-difference__title{position:absolute;z-index:3;top:var(--sg-space-6);left:var(--sg-space-4);max-width:min(90%,64rem);margin:0;color:var(--sg-color-text-on-colour);pointer-events:none}.step-gamer-difference__card:first-child{padding-top:8.8rem}@media(min-width:992px){.step-gamer-difference__title{top:var(--sg-space-8);left:var(--sg-space-8)}}@media(min-width:1536px){.step-gamer-difference__title{top:50%;transform:translateY(-50%)}}.step-gamer-difference__grid{display:grid;grid-template-columns:1fr;flex:1;min-height:inherit;border-left:1px solid rgba(161,161,170,.55);height:100%}@media(min-width:768px){.step-gamer-difference__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.step-gamer-difference__card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:36rem;height:100%;padding:var(--sg-space-8);border:0;border-right:1px solid rgba(161,161,170,.55);border-bottom:1px solid rgba(161,161,170,.35);overflow:hidden;box-sizing:border-box;cursor:default}@media(min-width:768px){.step-gamer-difference__card:first-child{padding-top:var(--sg-space-8)}.step-gamer-difference__card{min-height:70vh;min-height:70dvh;border-bottom:0}}@media(min-width:992px){.step-gamer-difference__card{min-height:100vh;min-height:100dvh;padding-bottom:4rem}}@media(min-width:1536px){.step-gamer-difference__card{padding-bottom:var(--sg-space-20)}}.step-gamer-difference__card:last-child{border-right:1px solid rgba(161,161,170,.55)}.step-gamer-difference__card-body{display:flex;flex-direction:column;gap:var(--sg-space-4);max-width:100%}.step-gamer-difference__fade{filter:blur(5px);transform:translateY(5px);opacity:.85;transition:opacity .3s ease-out,filter .3s ease-out,transform .3s ease-out;color:var(--sg-color-text-on-colour-secondary);will-change:filter,transform,opacity}.step-gamer-difference__card.is-active .step-gamer-difference__fade,.step-gamer-difference__card:hover .step-gamer-difference__fade,.step-gamer-difference__card:focus-within .step-gamer-difference__fade{filter:blur(0);transform:translateY(0);opacity:1;color:var(--sg-color-text-on-colour)}.step-gamer-difference__detail{margin:0;max-height:0;opacity:0;overflow:hidden;transform:translateY(2rem);transition:opacity .3s ease-in-out,transform .3s ease-in-out,max-height .3s ease-in-out;color:inherit}.step-gamer-difference__card.is-active .step-gamer-difference__detail,.step-gamer-difference__card:hover .step-gamer-difference__detail,.step-gamer-difference__card:focus-within .step-gamer-difference__detail{max-height:32rem;opacity:1;transform:translateY(0)}.step-gamer-difference__card-title,.step-gamer-difference__card-title p{margin:0;color:inherit}.step-gamer-difference__card-title strong,.step-gamer-difference__card-title b{font-weight:700}.step-gamer-difference__shade{--sg-shade-height: 200px;position:relative;z-index:2;height:var(--sg-shade-height);margin-top:calc(-1 * var(--sg-shade-height));background:linear-gradient(to top,#000 30%,transparent);pointer-events:none}@media(prefers-reduced-motion:reduce){.step-gamer-difference__fade,.step-gamer-difference__detail{transition:none}.step-gamer-difference__fade{filter:none;transform:none;opacity:1;color:var(--sg-color-text-on-colour)}.step-gamer-difference__detail{max-height:none;opacity:1;transform:none}}@media(hover:none){.step-gamer-difference__card.is-active .step-gamer-difference__fade{filter:blur(0);transform:translateY(0);opacity:1;color:var(--sg-color-text-on-colour)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/step-gamer-difference.css.map */