.cf-car{padding-block:clamp(88px,10vw,140px)}.cf-car--top-compact{padding-top:clamp(8px,2vw,24px)}.cf-car .cf-atmos{-webkit-mask-image:none;mask-image:none}.cf-car .cf-glow{top:0;right:0;bottom:0;left:0;background:radial-gradient(48% 30% at 50% 56%,rgba(var(--cf-glow),.22),transparent 72%),radial-gradient(30% 18% at 50% 78%,rgba(244,196,143,.07),transparent 70%)}.cf-car__head{justify-items:center;margin-inline:auto;text-align:center}.cf-car__head .cf-lead{margin-inline:auto}.cf-car__eyebrow{color:var(--cf-champagne, #d9c39a)}.cf-car__empty{margin-inline:auto;text-align:center}.cf-car__stage{--h: min(clamp(360px, 36vw, 540px), 62vh);--maxw: min(72vw, 880px);position:relative;z-index:1;margin-top:clamp(16px,2.5vw,36px)}.cf-car__track{position:relative;display:flex;align-items:center;gap:clamp(18px,2vw,30px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:56px 50% 88px;outline:none;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}.cf-car__track::-webkit-scrollbar{display:none}.cf-car__track.is-dragging{scroll-snap-type:none;cursor:grabbing}.cf-car__track.is-dragging .cf-car__slide{pointer-events:none}.cf-car__slide{--o: 0;--ao: 0;--po: 0;position:relative;flex:none;width:min(calc(var(--h) * var(--ar, .75)),var(--maxw));height:min(var(--h),calc(var(--maxw) / var(--ar, .75)));margin:0;scroll-snap-align:center;transform:perspective(1700px) rotateY(calc(var(--o) * -22deg)) scale(calc(1 - var(--ao) * .07));will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.cf-car__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--cf-radius);background:#161617;box-shadow:0 0 0 1px #ffffff12,0 40px 80px -42px #000000f2;transition:box-shadow .7s var(--cf-ease);isolation:isolate}.cf-car__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:#000;opacity:calc(var(--ao) * .62);pointer-events:none}.cf-car__img{display:block;width:100%;height:100%;object-fit:cover;transform:translate3d(calc(var(--po) * -6%),0,0) scale(1.14);-webkit-user-drag:none}.cf-car__fill{display:none}.cf-car__slide.is-active .cf-car__media{box-shadow:0 0 0 1px #ffffff29,0 70px 140px -60px rgba(var(--cf-glow),.8),0 40px 70px -40px #000000e6}.cf-car__track:focus-visible .cf-car__slide.is-active .cf-car__media{box-shadow:0 0 0 3px var(--cf-champagne, #d9c39a),0 70px 140px -60px rgba(var(--cf-glow),.8)}.cf-car__plus{position:absolute;z-index:2;right:16px;bottom:16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1c1c1e94;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 0 0 1px #fff3;color:#f5f5f7;opacity:0;scale:.7;transition:opacity .45s var(--cf-ease),scale .45s var(--cf-ease),background-color .2s;pointer-events:none}.cf-car__plus svg{width:18px;height:18px}.cf-car__slide.is-active .cf-car__plus{opacity:1;scale:1}.cf-car__slide.is-active:hover .cf-car__plus{background:#48484cb8}@media(hover:hover)and (pointer:fine)and (min-width:990px){.cf-car__slide{-webkit-box-reflect:below 16px linear-gradient(transparent 80%,rgba(255,255,255,.12))}}.cf-car__paddle{position:absolute;z-index:3;top:calc(56px + var(--h) / 2);translate:0 -50%;display:grid;place-items:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:#d2d2d724;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);color:#f5f5f7;cursor:pointer;opacity:0;transition:opacity .3s var(--cf-ease),background-color .2s,scale .3s var(--cf-ease)}.cf-car__paddle svg{width:22px;height:22px}.cf-car__paddle--prev{left:max(var(--cf-gutter),calc(50% - 620px))}.cf-car__paddle--next{right:max(var(--cf-gutter),calc(50% - 620px))}.cf-car__stage:hover .cf-car__paddle,.cf-car__paddle:focus-visible{opacity:1}.cf-car__paddle:hover{background:#d2d2d742}.cf-car__paddle:active{scale:.92}.cf-car__paddle:disabled{opacity:0!important;pointer-events:none}@media(hover:none),(pointer:coarse){.cf-car__paddle{display:none}}.cf-car__caption{position:relative;z-index:1;display:grid;justify-items:center;align-content:start;gap:6px;min-height:5.2em;max-width:44em;margin:-8px auto 0;padding-inline:var(--cf-gutter);text-align:center;font:400 clamp(17px,1.4vw,19px)/1.42 var(--cf-sans);letter-spacing:-.012em;color:var(--cf-ink-2)}.cf-car__caption strong{font-weight:600;color:var(--cf-ink)}.cf-car__event{font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cf-champagne, #d9c39a)}.cf-car__caption.is-swap>*{animation:cf-car-text .65s var(--cf-ease) both}.cf-car__caption.is-swap>:nth-child(2){animation-delay:70ms}@keyframes cf-car-text{0%{opacity:0;translate:0 10px}}.cf-car__controls{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px;padding-inline:var(--cf-gutter)}.cf-car__dots{display:flex;align-items:center;height:56px;padding-inline:16px;border-radius:980px;background:#2a2a2db8;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 0 0 1px #ffffff0f}.cf-car__dot{display:grid;place-items:center;height:44px;padding:0 5px;border:0;background:none;cursor:pointer}.cf-car__dot span{position:relative;display:block;width:8px;height:8px;overflow:hidden;border-radius:980px;background:#ffffff6b;transition:width .55s var(--cf-ease),background-color .2s}.cf-car__dot:hover span{background:#ffffffb8}.cf-car__dot[aria-current=true] span{width:40px;background:#ffffff4d}.cf-car__dot i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#f5f5f7;transform:scaleX(0);transform-origin:0 50%}.cf-car__dot[aria-current=true] i{transform:scaleX(var(--p, 1))}.cf-car:not(.is-playing) .cf-car__dot[aria-current=true] i{transform:none}.cf-car__play{display:grid;place-items:center;flex:none;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:#2a2a2db8;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 0 0 1px #ffffff0f;color:#f5f5f7;cursor:pointer;transition:background-color .2s,scale .2s}.cf-car__play[hidden]{display:none}.cf-car__play:hover{background:#424245d9}.cf-car__play:active{scale:.94}.cf-car__play svg{width:20px;height:20px}.cf-car .cf-car__play:focus-visible,.cf-car .cf-car__paddle:focus-visible,.cf-car .cf-car__dlg-btn:focus-visible{border-radius:50%}.cf-car .cf-car__dot:focus-visible{border-radius:980px;outline-offset:-2px}.cf-car__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#f5f5f7;font-family:var(--cf-sans);overflow:hidden;overscroll-behavior:contain}.cf-car__dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:cf-car-fade .38s var(--cf-ease)}.cf-car__dialog::backdrop{background:#000000e6;-webkit-backdrop-filter:blur(30px) saturate(140%);backdrop-filter:blur(30px) saturate(140%)}.cf-car__dialog[open]::backdrop{animation:cf-car-fade .38s var(--cf-ease)}@keyframes cf-car-fade{0%{opacity:0}}.cf-car__dlg-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(16px,env(safe-area-inset-top)) var(--cf-gutter) 12px}.cf-car__dlg-count{font-size:14px;letter-spacing:-.01em;color:#a1a1a6;font-variant-numeric:tabular-nums}.cf-car__dlg-btn{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#ffffff1a;color:#f5f5f7;cursor:pointer;transition:background-color .2s,scale .2s}.cf-car__dlg-btn:hover{background:#ffffff2e}.cf-car__dlg-btn:active{scale:.92}.cf-car__dlg-btn svg{width:20px;height:20px}.cf-car__dlg-stage{display:flex;align-items:center;justify-content:center;min-height:0;padding:0 var(--cf-gutter);touch-action:pan-y pinch-zoom}.cf-car__dlg-img{display:block;flex:none;width:auto;height:auto;min-width:0;min-height:0;max-width:min(100%,1600px);max-height:100%;object-fit:contain;border-radius:20px;box-shadow:0 60px 160px -60px rgba(var(--cf-glow),.55);opacity:0;scale:.965;transition:opacity .45s var(--cf-ease),scale .65s var(--cf-ease)}.cf-car__dlg-img.is-in{opacity:1;scale:1}.cf-car__dlg-foot{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:16px;width:min(820px,100%);margin-inline:auto;padding:16px var(--cf-gutter) max(24px,env(safe-area-inset-bottom))}.cf-car__dlg-caption{display:grid;justify-items:center;gap:4px;margin:0;text-align:center;font-size:17px;line-height:1.4;letter-spacing:-.012em;color:#a1a1a6}.cf-car__dlg-caption strong{font-weight:600;color:#f5f5f7}.cf-car__dlg-caption .cf-car__event{color:var(--cf-champagne, #d9c39a)}html.cf-car-locked{overflow:hidden}@media(max-width:749px){.cf-car__stage{--cw: min(72vw, 330px)}.cf-car__track{gap:14px;padding-block:28px 44px;-webkit-mask-image:none;mask-image:none}.cf-car__slide{width:var(--cw);height:calc(var(--cw) * 1.25);transform:perspective(1100px) rotateY(calc(var(--o) * -12deg)) scale(calc(1 - var(--ao) * .04))}.cf-car__media{border-radius:22px}.cf-car__media:after{opacity:calc(var(--ao) * .38)}.cf-car__fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;filter:blur(24px) saturate(140%) brightness(.62);transform:scale(1.3)}.cf-car__slide--wide .cf-car__img{position:relative;object-fit:contain;transform:none}.cf-car__slide.is-active .cf-car__media{box-shadow:0 0 0 1px #ffffff29,0 40px 90px -40px rgba(var(--cf-glow),.6),0 30px 50px -30px #000000e6}.cf-car__caption{min-height:6.6em;font-size:17px}.cf-car__dots{height:48px;padding-inline:10px}.cf-car__dot{height:40px;padding:0 4px}.cf-car__dot[aria-current=true] span{width:30px}.cf-car__play{width:48px;height:48px}.cf-car__plus{right:12px;bottom:12px;width:32px;height:32px}.cf-car__dlg-img{border-radius:14px}}@media(prefers-reduced-motion:reduce){.cf-car__img{transform:none}.cf-car__caption.is-swap>*,.cf-car__dialog[open],.cf-car__dialog[open]::backdrop{animation:none}.cf-car__dot span,.cf-car__dlg-img,.cf-car__plus{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/cf-carousel.css.map */
