.promo-banner{--pb-radius: 1.6rem;--pb-thumb-size: 25rem;--pb-transition: .9s cubic-bezier(.22, 1, .36, 1);position:relative;display:block;min-height:62rem;overflow:hidden;background:var(--secondary-bg-color, var(--background-color))}.promo-banner__media-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.promo-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;opacity:0;visibility:hidden;transform:scale(1.05);transition:opacity var(--pb-transition),transform 1.4s cubic-bezier(.22,1,.36,1),visibility var(--pb-transition);background:var(--background-color)}figure.promo-banner__media:before{content:"";display:block;position:absolute;width:100%;height:100%;background:#000;opacity:var(--pb-overlay)}.promo-banner__media.is-active{opacity:1;visibility:visible;transform:scale(1)}.promo-banner__media img,.promo-banner__media svg{width:100%;height:100%;object-fit:cover;display:block}.promo-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,calc(var(--pb-overlay) * .55)),rgba(0,0,0,calc(var(--pb-overlay) * .15)) 35%,rgba(0,0,0,calc(var(--pb-overlay) * .35)))}.promo-banner__rail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.promo-banner__wheel{position:absolute;top:50%;left:calc(var(--pb-active-x) - var(--pb-wheel-radius));width:0;height:0;transform:rotate(var(--pb-rot, 0deg));transform-origin:center;transition:transform var(--pb-transition);will-change:transform}.promo-banner__thumb{position:absolute;top:0;left:0;width:var(--pb-thumb-size);aspect-ratio:1.2;padding:0;margin:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;transform:rotate(var(--pb-angle, 0deg)) translate(var(--pb-wheel-radius)) translate(-50%,-50%);transform-origin:0 0}.promo-banner__thumb-inner{display:block;width:100%;height:100%;overflow:hidden;background:#ffffffe6;transform:scale(.82);box-shadow:0 1.2rem 3rem #0000002e;transition:transform var(--pb-transition),opacity var(--pb-transition),box-shadow var(--pb-transition);border-radius:var(--img-border-radius)}.promo-banner__thumb img,.promo-banner__thumb svg{width:100%;height:100%;object-fit:cover;display:block}.promo-banner__thumb:hover .promo-banner__thumb-inner{opacity:.8}.promo-banner__thumb[aria-selected=true] .promo-banner__thumb-inner,.promo-banner__thumb[aria-pressed=true] .promo-banner__thumb-inner{opacity:1;transform:scale(1.12);box-shadow:0 2rem 4.5rem #0000004d}.promo-banner__thumb:focus-visible{outline:none}.promo-banner__thumb:focus-visible .promo-banner__thumb-inner{outline:3px solid var(--accent-primary);outline-offset:3px}.promo-banner__content-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding:4rem clamp(2rem,6vw,8rem);padding-right:4rem;pointer-events:none}.promo-banner__panel{display:none;min-width:min(46rem,100%);max-width:50%;width:auto;text-align:right;pointer-events:auto;background:transparent}.promo-banner__panel.is-active{display:block}.promo-banner__panel.is-active .promo-banner__panel-inner>*{opacity:0;transform:translateY(1.4rem);animation:pb-rise .7s cubic-bezier(.22,1,.36,1) forwards}.promo-banner__panel.is-active .promo-banner__panel-inner>*:nth-child(1){animation-delay:.05s}.promo-banner__panel.is-active .promo-banner__panel-inner>*:nth-child(2){animation-delay:.15s}.promo-banner__panel.is-active .promo-banner__panel-inner>*:nth-child(3){animation-delay:.25s}@keyframes pb-rise{to{opacity:1;transform:translateY(0)}}.promo-banner__heading{margin:0 0 2rem;letter-spacing:.04em}.promo-banner__countdown{margin:0 0 2.4rem}.promo-banner__cd-units{display:flex;justify-content:center;gap:clamp(1.6rem,3vw,3.6rem)}.promo-banner__cd-unit{display:flex;flex-direction:column;align-items:center;min-width:4.5rem}.promo-banner__cd-num{font-size:clamp(2.8rem,5vw,4rem);line-height:1;font-variant-numeric:tabular-nums}.promo-banner__cd-label{margin-top:.6rem;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.promo-banner__countdown.is-expired .promo-banner__cd-units{display:none}.promo-banner__cd-expired-msg{margin:0;text-align:right;font-size:1.4rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8}.promo-banner__btn-wrap .btn[aria-disabled=true]{pointer-events:none;opacity:.5}.promo-banner__btn-wrap{display:flex;justify-content:center}.promo-banner__panel-inner .eyebrow_wrapper{margin-inline:auto}.promo-banner__panel-inner .pb_description{margin-bottom:2rem}.promo-banner__countdown.countdown-style_2{width:fit-content;margin-inline:auto;background:var(--secondary-button-bg);padding:1.5rem 3rem;border-radius:calc(var(--button-border-radius)/3)}.promo-banner__cd-unit span{color:var(--secondary-button-text)}@media screen and (max-width:990px){.promo-banner__thumb-inner{height:80%}.promo-banner{--pb-thumb-size: 9rem;min-height:52rem}.promo-banner__scrim{background:linear-gradient(180deg,rgba(0,0,0,calc(var(--pb-overlay) * .25)),rgba(0,0,0,calc(var(--pb-overlay) * .7)))}.promo-banner__rail{inset:auto 0 2rem 0}.promo-banner__wheel{position:static;transform:none!important;display:flex;align-items:center;gap:1rem;width:100%;height:auto;max-width:calc(100% - 3rem);margin:0 auto;padding-bottom:.5rem;overflow-x:auto;justify-content:center;scrollbar-width:none}.promo-banner__wheel::-webkit-scrollbar{display:none}.promo-banner__thumb{position:static;flex:0 0 auto;transform:none!important}.promo-banner__content-stack{align-items:flex-start;justify-content:center;padding:clamp(2rem,6vw,4rem)}.promo-banner__panel{text-align:center;width:100%}.promo-banner__countdown,.promo-banner__btn-wrap{justify-content:center}}.promo-banner__panel-inner{text-align:center;max-width:var(--content-max-width)}@media screen and (max-width:640px){.promo-banner{--pb-thumb-size: 7.5rem;min-height:48rem}.promo-banner__content-stack{padding:3rem 1.5rem}}@media(prefers-reduced-motion:reduce){.promo-banner__media{transition:opacity .2s linear;transform:none!important}.promo-banner__wheel,.promo-banner__thumb-inner{transition:none}.promo-banner__panel.is-active .promo-banner__panel-inner>*{animation:none;opacity:1;transform:none}}@media screen and (min-width:991px){.promo-banner[data-curve=left] .promo-banner__wheel{left:calc(var(--pb-active-x) + var(--pb-wheel-radius));transform:scaleX(-1) rotate(var(--pb-rot, 0deg))}.promo-banner[data-curve=left] .promo-banner__thumb-inner{transform:scale(-.82,.82)}.promo-banner[data-curve=left] .promo-banner__thumb[aria-selected=true] .promo-banner__thumb-inner,.promo-banner[data-curve=left] .promo-banner__thumb[aria-pressed=true] .promo-banner__thumb-inner{transform:scale(-1.12,1.12)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/promo-banner.css.map */