.snkrs-selection{width:100%}.snkrs-selection__banner{position:relative;width:100%;overflow:hidden;background:#1a1a1a;aspect-ratio:21 / 8;min-height:280px;max-height:420px}.snkrs-selection__banner-img,.snkrs-selection__banner-stock{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.snkrs-selection__banner-stock svg{width:100%;height:100%;object-fit:cover}.snkrs-selection__banner-stock--mobile{display:none}.snkrs-selection__banner-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000061;pointer-events:none}.snkrs-selection__title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;margin:0;padding:0 20px;overflow:hidden;color:#fff;text-align:center}.snkrs-selection__title-text{display:block;color:#fff;font-family:"Barlow Condensed",var(--font-heading--family),sans-serif;font-size:clamp(48px,9.2vw,128px);font-weight:700;letter-spacing:.04em;line-height:.9;text-transform:uppercase;white-space:nowrap;-webkit-font-smoothing:antialiased;backface-visibility:hidden}@supports (animation-timeline: view()){.snkrs-selection__title-text{animation:snkrs-title-pan linear both;animation-timeline:view();animation-range:cover}}@keyframes snkrs-title-pan{0%{transform:translate3d(0,-24%,0)}to{transform:translate3d(0,24%,0)}}.snkrs-selection__grid{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:14px;padding-block:28px 12px;padding-inline:20px}.snkrs-selection__item{flex:1 1 0;min-width:0}.snkrs-rotator{width:100%}.snkrs-rotator--empty{display:flex;align-items:center;justify-content:center;min-height:280px;background:#111;color:#ffffff73;font-size:13px;font-style:italic}.snkrs-rotator__stage{position:relative;width:100%;aspect-ratio:40 / 27}.snkrs-rotator__card{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:54% minmax(0,1fr);grid-template-rows:100%;width:100%;height:100%;overflow:hidden;background:#111;opacity:0;pointer-events:none;transition:opacity .45s ease;z-index:0}.snkrs-rotator__card.is-active{opacity:1;pointer-events:auto;z-index:2}.snkrs-rotator__media{position:relative;width:100%;height:100%;overflow:hidden;background:#ececec}.snkrs-rotator__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.01);transition:transform .7s cubic-bezier(.22,1,.36,1)}.snkrs-rotator__card.is-active .snkrs-rotator__img{transform:scale(1)}.snkrs-rotator__card:hover .snkrs-rotator__img{transform:scale(1.06)}.snkrs-rotator__img--empty{background:#ececec}.snkrs-rotator__chip{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgb(255 255 255 / .95);border-radius:5px;background:#ffffffc7;backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);color:#111;font-family:var(--font-body--family),Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em;line-height:1;text-transform:uppercase;pointer-events:none;box-shadow:inset 0 1px #fff,0 8px 20px #00000014}.snkrs-rotator__body{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;min-width:0;min-height:0;height:100%;padding:22px 16px 18px;background:#111;overflow:hidden}.snkrs-rotator__index{position:absolute;top:4px;right:8px;font-family:Bebas Neue,Impact,sans-serif;font-size:64px;line-height:1;letter-spacing:.04em;color:#ffffff14;pointer-events:none;-webkit-user-select:none;user-select:none}.snkrs-rotator__copy{position:relative;z-index:1;display:block;text-decoration:none;color:inherit}.snkrs-rotator__name{display:-webkit-box;margin:0 0 8px;overflow:hidden;color:#fff;font-family:var(--font-body--family),Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:-.02em;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.snkrs-rotator__price{display:block;color:#ff8d2b;font-family:var(--font-body--family),Inter,sans-serif;font-size:15px;font-weight:700}.snkrs-rotator__btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding:11px 10px;background:#ff8d2b;color:#fff;font-family:var(--font-body--family),Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,transform .2s ease}.snkrs-rotator__btn:hover{background:#e6771c}.snkrs-rotator__progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff1f;overflow:hidden}.snkrs-rotator__progress:after{content:"";display:block;width:100%;height:100%;background:#ff8d2b;transform:scaleX(0);transform-origin:left center}.snkrs-rotator__card.is-active .snkrs-rotator__progress:after{animation:snkrs-progress 4s linear forwards}.snkrs-rotator:hover .snkrs-rotator__progress:after{animation-play-state:paused}@keyframes snkrs-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.snkrs-rotator__img,.snkrs-rotator__card.is-active .snkrs-rotator__progress:after{animation:none;transition:none}}@media screen and (max-width:749px){.snkrs-selection__banner{aspect-ratio:3 / 4;min-height:420px;max-height:78vh}.snkrs-selection__banner-stock--desktop{display:none}.snkrs-selection__banner-stock--mobile{display:block}.snkrs-selection__title-text{font-size:clamp(40px,14vw,72px);white-space:normal}.snkrs-selection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch;align-items:stretch;gap:12px;width:100%;max-width:100%;margin-inline:0;padding-inline:16px;box-sizing:border-box}.snkrs-selection__grid.section--page-width>.snkrs-selection__item{grid-column:auto;width:100%;max-width:100%;min-width:0}.snkrs-rotator__stage{aspect-ratio:unset}.snkrs-rotator__stage:before{content:"";display:block;padding-top:calc(125% + 176px)}.snkrs-rotator__card{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 176px}.snkrs-rotator__body{height:176px;padding:40px 12px 14px;gap:8px}.snkrs-rotator__index{top:6px;z-index:2;font-size:48px}.snkrs-rotator__name{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/snkrs-selection.css.map */