.occasion-switcher{--occasion-fade: .9s;display:block;padding-top:var(--larger-section-padding-mobile, 40px);overflow:hidden}.occasion-switcher__heading{margin:0;color:rgb(var(--heading-color));font-family:var(--heading-font-family);font-size:clamp(32px,9vw,44px);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);line-height:.95;letter-spacing:var(--heading-font-letter-spacing);text-transform:var(--heading-text-transform)}.occasion-switcher__subheading{max-width:34ch;margin:14px 0 0;font-size:calc(var(--base-text-size) + 2px);line-height:1.45;opacity:.75}.occasion-switcher__tabs{display:flex;gap:8px;margin:24px calc(-1 * var(--container-pad-x)) 16px;padding:0 var(--container-pad-x);overflow-x:auto;scrollbar-width:none}.occasion-switcher__tabs::-webkit-scrollbar{display:none}.occasion-switcher__tab{flex:none;min-height:40px;padding:0 18px;border:1px solid rgb(var(--text-color) / .28);border-radius:999px;background:transparent;color:rgb(var(--text-color) / .75);font-family:var(--base-font-family);font-size:calc(var(--base-text-size) - 1px);font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s;-webkit-tap-highlight-color:transparent}.occasion-switcher__tab.is-active{border-color:rgb(var(--heading-color));background-color:rgb(var(--heading-color));color:rgb(var(--bg-color))}.occasion-switcher__tab:focus-visible{outline:2px solid rgb(var(--heading-color));outline-offset:3px}.occasion-switcher__tab-text,.occasion-switcher__progress{display:none}.occasion-switcher__stage{position:relative;margin:0 calc(-1 * var(--container-pad-x));overflow:hidden;background-color:#111;aspect-ratio:4 / 5;touch-action:pan-y;-webkit-user-select:none;user-select:none}.occasion-switcher__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--occasion-fade) ease}.occasion-switcher__slide.is-active{z-index:1;opacity:1}.occasion-switcher__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform:scale(1.08);transition:transform 0s var(--occasion-fade)}.occasion-switcher__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--occasion-preview, none);background-position:var(--occasion-preview-position, center);background-size:cover;filter:blur(14px);transform:scale(1.1)}.occasion-switcher__slide.is-active .occasion-switcher__media{transform:scale(1);transition:transform calc(var(--occasion-interval, 5s) + 2s) cubic-bezier(.2,.6,.3,1)}.occasion-switcher__media img,.occasion-switcher__media video,.occasion-switcher__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.occasion-switcher__placeholder svg{width:100%;height:100%;background-color:#2a2a2a;fill:#ffffff40}.occasion-switcher__slide:after{content:"";position:absolute;right:0;bottom:0;left:0;height:60%;background:linear-gradient(to top,rgb(0 0 0 / .7),rgb(0 0 0 / .25) 55%,transparent);pointer-events:none}.occasion-switcher__caption{position:absolute;z-index:1;right:0;bottom:0;left:0;padding:0 20px 26px;color:#fff}.occasion-switcher__caption>*{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}.occasion-switcher__slide.is-active .occasion-switcher__caption>*{opacity:1;transform:none;transition:opacity .7s .25s,transform .7s .25s cubic-bezier(.2,.7,.2,1)}.occasion-switcher__slide.is-active .occasion-switcher__caption>:nth-child(2){transition-delay:.35s}.occasion-switcher__slide.is-active .occasion-switcher__caption>:nth-child(3){transition-delay:.45s}.occasion-switcher__count{display:block;font-size:calc(var(--base-text-size) - 1px);font-weight:600;letter-spacing:.18em;opacity:.8}.occasion-switcher__name{display:block;margin:8px 0 10px;font-family:var(--heading-font-family);font-size:clamp(40px,13vw,60px);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);line-height:.9;letter-spacing:var(--heading-font-letter-spacing);text-transform:var(--heading-text-transform)}.occasion-switcher__text{max-width:30ch;margin:0;font-size:calc(var(--base-text-size) + 2px);line-height:1.4;opacity:.92}.occasion-switcher__segments{display:flex;position:absolute;z-index:2;top:12px;right:12px;left:12px;gap:4px}.occasion-switcher__segment{flex:1;height:2px;overflow:hidden;border-radius:2px;background-color:#ffffff59}.occasion-switcher__segment>span,.occasion-switcher__progress>span{display:block;height:100%;background-color:currentColor;transform:scaleX(0);transform-origin:left center}.occasion-switcher__segment>span{color:#fff}.occasion-switcher__segment.is-done>span{transform:scaleX(1)}.occasion-switcher__segment.is-active>span,.occasion-switcher__tab.is-active .occasion-switcher__progress>span{animation:occasion-progress var(--occasion-interval, 5s) linear forwards}.occasion-switcher.is-paused .occasion-switcher__segment.is-active>span,.occasion-switcher.is-paused .occasion-switcher__tab.is-active .occasion-switcher__progress>span{animation-play-state:paused}.occasion-switcher.no-autoplay .occasion-switcher__segment.is-active>span,.occasion-switcher.no-autoplay .occasion-switcher__tab.is-active .occasion-switcher__progress>span{animation:none;transform:scaleX(1)}@keyframes occasion-progress{to{transform:scaleX(1)}}.occasion-switcher__pause{display:flex;position:absolute;z-index:2;top:24px;right:12px;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background-color:#00000059;color:#fff;cursor:pointer}.occasion-switcher__pause[hidden],.occasion-switcher__play-icon,.occasion-switcher.is-user-paused .occasion-switcher__pause-icon{display:none}.occasion-switcher.is-user-paused .occasion-switcher__play-icon{display:block}.occasion-switcher__pause:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(min-width:990px){.occasion-switcher{padding-bottom:var(--larger-section-padding, 60px)}.occasion-switcher__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(40px,6vw,96px)}.occasion-switcher__heading{font-size:clamp(44px,4.4vw,68px)}.occasion-switcher__subheading{margin-top:18px;font-size:calc(var(--base-text-size) + 4px)}.occasion-switcher__tabs{flex-direction:column;gap:0;margin:40px 0 0;padding:0;overflow:visible}.occasion-switcher__tab{display:block;min-height:0;padding:18px 0;border:0;border-top:1px solid rgb(var(--text-color) / .15);border-radius:0;background:none;color:rgb(var(--text-color) / .4);font-family:var(--heading-font-family);font-size:clamp(24px,2.3vw,34px);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);line-height:1;letter-spacing:var(--heading-font-letter-spacing);text-align:start;text-transform:var(--heading-text-transform)}.occasion-switcher__tab:hover{color:rgb(var(--text-color) / .75)}.occasion-switcher__tab.is-active{border-color:rgb(var(--text-color) / .15);background:none;color:rgb(var(--heading-color))}.occasion-switcher__tab-text{display:block;max-height:0;overflow:hidden;font-family:var(--base-font-family);font-size:calc(var(--base-text-size) + 2px);font-weight:var(--base-font-weight);line-height:1.45;letter-spacing:normal;text-transform:none;opacity:0;transition:max-height .5s,opacity .5s,margin .5s}.occasion-switcher__tab.is-active .occasion-switcher__tab-text{max-height:4.5em;margin-top:10px;opacity:.75}.occasion-switcher__progress{display:block;height:2px;margin-top:16px;background-color:rgb(var(--text-color) / .15);color:rgb(var(--heading-color));opacity:0;transition:opacity .3s}.occasion-switcher__tab.is-active .occasion-switcher__progress{opacity:1}.occasion-switcher__stage{justify-self:end;width:min(100%,calc(min(86vh,860px)*.8));margin:0}.occasion-switcher__segments{display:none}.occasion-switcher__pause{top:16px;right:16px}.occasion-switcher__caption{padding:0 24px 22px}.occasion-switcher__name,.occasion-switcher__text{display:none}.occasion-switcher__slide:after{height:30%}}@media(prefers-reduced-motion:reduce){.occasion-switcher{--occasion-fade: .2s}.occasion-switcher__media,.occasion-switcher__slide.is-active .occasion-switcher__media{transform:none;transition:none}.occasion-switcher__caption>*,.occasion-switcher__slide.is-active .occasion-switcher__caption>*{transform:none;transition:opacity .2s}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/occasion-switcher.css.map */