cinematic-slider-portable.cinematic-slider{display:block;position:relative;overflow:hidden;width:100%;margin-top:var(--cs-margin-top, 0);margin-bottom:var(--cs-margin-bottom, 0);background:var(--cs-bg, #fff);color:var(--cs-text, #111);direction:ltr;isolation:isolate;font-family:inherit;box-sizing:border-box}.cinematic-slider,.cinematic-slider *,.cinematic-slider *:before,.cinematic-slider *:after{box-sizing:border-box}.cinematic-slider button,.cinematic-slider a{font:inherit}.cinematic-slider button{-webkit-appearance:none;appearance:none;border:0;margin:0;padding:0;color:inherit;background:transparent;cursor:pointer}.cinematic-slider button:disabled{cursor:not-allowed}.cinematic-slider svg{display:block;width:1em;height:1em}.cinematic-slider [hidden]{display:none!important}.cinematic-slider__wrapper{position:relative;z-index:1;padding-top:var(--cs-padding-top, 72px);padding-bottom:var(--cs-padding-bottom, 72px)}.cinematic-slider__header{max-width:920px;margin:0 auto 48px;padding:0 24px;text-align:center}.cinematic-slider__eyebrow{display:block;margin-bottom:12px;color:var(--cs-accent, currentColor);font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.36em;text-transform:uppercase}.cinematic-slider__heading{margin:0;color:var(--cs-text, #111);font-size:clamp(2.25rem,5vw,3rem);font-weight:500;line-height:1}.cinematic-slider__heading span{display:block}.cinematic-slider__heading-emphasis{color:var(--cs-accent, currentColor);font-style:italic;font-weight:300}.cinematic-slider__description{max-width:42rem;margin:16px auto 0;color:color-mix(in srgb,var(--cs-text, #111) 60%,transparent);font-size:14px;line-height:1.6}.cinematic-slider__track{display:flex;align-items:center;gap:16px;min-height:580px;overflow-x:auto;overflow-y:visible;padding:48px 24px;scroll-padding-inline:24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-user-select:none;user-select:none;cursor:grab}.cinematic-slider__track::-webkit-scrollbar{display:none}.cinematic-slider__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.cinematic-slider__item{position:relative;z-index:10;flex:0 0 auto;width:min(80vw,320px);aspect-ratio:9 / 16;overflow:visible;border-radius:8px;scroll-snap-align:center;transform:scale(1);opacity:.4;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s cubic-bezier(.22,1,.36,1),z-index 0ms linear .35s;outline:none}.cinematic-slider__item[data-active=true]{z-index:20;transform:scale(1.1);opacity:1;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s cubic-bezier(.22,1,.36,1)}.cinematic-slider__item:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-accent, #111) 55%,transparent)}.cinematic-slider__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:color-mix(in srgb,var(--cs-text, #111) 8%,transparent)}.cinematic-slider__video,.cinematic-slider__poster,.cinematic-slider__placeholder{display:block;width:100%;height:100%;object-fit:cover}.cinematic-slider__video{transform:translateZ(0);will-change:transform}.cinematic-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 52%,rgba(0,0,0,.1))}.cinematic-slider__nav{position:absolute;top:60%;z-index:40;display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;color:var(--cs-text, #111);background:color-mix(in srgb,var(--cs-bg, #fff) 84%,transparent);box-shadow:0 18px 45px #00000024;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity .2s ease,transform .2s ease,background-color .2s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cinematic-slider:hover .cinematic-slider__nav,.cinematic-slider:focus-within .cinematic-slider__nav{opacity:1;pointer-events:auto}.cinematic-slider__nav:hover{transform:translateY(-50%) scale(1.06)}.cinematic-slider__nav:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--cs-accent, currentColor);outline-offset:3px}.cinematic-slider__nav:disabled{opacity:.25;pointer-events:none}.cinematic-slider__nav svg{width:24px;height:24px}.cinematic-slider__nav-prev{left:32px}.cinematic-slider__nav-next{right:32px}.cinematic-slider__microshop{position:absolute;right:24px;bottom:24px;z-index:30}.cinematic-slider__toggle{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;overflow:visible;border-radius:999px;transform:scale(1);transition:transform .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cinematic-slider__item[data-active=true] .cinematic-slider__toggle{transform:scale(1.1)}.cinematic-slider__toggle:disabled{pointer-events:none}.cinematic-slider__toggle:focus-visible,.cinematic-slider__add:focus-visible,.cinematic-slider__play:focus-visible,.cinematic-slider__mute:focus-visible,.cinematic-slider__popover-close:focus-visible{outline:2px solid var(--cs-accent, currentColor);outline-offset:3px}.cinematic-slider__thumb{display:block;width:100%;height:100%;overflow:hidden;border-radius:999px;background:#ffffff2e}.cinematic-slider__thumb-img{display:block;width:100%;height:100%;object-fit:cover;opacity:.9}.cinematic-slider__badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;color:#000;background:#fff}.cinematic-slider__badge svg{width:12px;height:12px;transition:transform .2s ease}.cinematic-slider__toggle[aria-expanded=true] .cinematic-slider__badge svg{transform:rotate(45deg)}.cinematic-slider__popover{position:absolute;right:0;bottom:100%;width:256px;margin-bottom:16px;padding:16px;border-radius:12px;color:var(--cs-popover-text, #111);background:var(--cs-popover-bg, #fff);box-shadow:0 25px 60px #0000003d;transform-origin:bottom right;animation:cinematic-scale-up .18s cubic-bezier(.22,1,.36,1)}.cinematic-slider__popover-body{display:flex;gap:16px}.cinematic-slider__popover-image{flex:0 0 auto;width:64px;height:80px;overflow:hidden;border-radius:6px;background:color-mix(in srgb,var(--cs-popover-text, #111) 5%,transparent)}.cinematic-slider__popover-img{display:block;width:100%;height:100%;object-fit:cover}.cinematic-slider__popover-text{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;justify-content:space-between}.cinematic-slider__product-link{display:block;margin-bottom:4px;color:var(--cs-popover-text, #111);font-size:14px;line-height:1.25;text-decoration:none}.cinematic-slider__product-link:hover{text-decoration:underline;text-underline-offset:2px}.cinematic-slider__price{margin:0;color:color-mix(in srgb,var(--cs-popover-text, #111) 60%,transparent);font-size:12px;line-height:1.4}.cinematic-slider__add{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:34px;margin-top:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--cs-popover-text, #111) 10%,transparent);border-radius:999px;color:var(--cs-popover-bg, #fff);background:var(--cs-popover-text, #111);font-size:12px;font-weight:400;line-height:1;transition:opacity .2s ease,transform .2s ease}.cinematic-slider__add:hover:not(:disabled){transform:translateY(-1px)}.cinematic-slider__add:disabled{opacity:.45}.cinematic-slider__add-text,.cinematic-slider__add-adding{display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease}.cinematic-slider__add-adding{position:absolute;top:0;right:0;bottom:0;left:0;gap:8px;opacity:0;transform:translateY(16px)}.cinematic-slider__add.is-loading .cinematic-slider__add-text{opacity:0;transform:translateY(-16px)}.cinematic-slider__add.is-loading .cinematic-slider__add-adding{opacity:1;transform:translateY(0)}.cinematic-slider__spinner{display:inline-block;width:12px;height:12px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:999px;animation:cinematic-spin .7s linear infinite}.cinematic-slider__popover-close{position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;color:var(--cs-popover-text, #111);background:var(--cs-popover-bg, #fff);box-shadow:0 10px 22px #0000002e}.cinematic-slider__popover-close svg{width:12px;height:12px}.cinematic-slider__fallback-cart{position:absolute;right:24px;bottom:88px;z-index:35;display:flex;flex-direction:column;gap:6px;width:190px;padding:14px 16px;border-radius:12px;color:var(--cs-popover-text, #111);background:var(--cs-popover-bg, #fff);box-shadow:0 18px 48px #00000038;animation:cinematic-scale-up .18s cubic-bezier(.22,1,.36,1)}.cinematic-slider__fallback-cart-title{font-size:13px;line-height:1.25;font-weight:600}.cinematic-slider__fallback-cart-link{color:var(--cs-popover-text, #111);font-size:12px;line-height:1.2;text-decoration:underline;text-underline-offset:3px}.cinematic-slider__label{position:absolute;bottom:24px;left:24px;max-width:160px;opacity:0;transition:opacity .5s ease}.cinematic-slider__item[data-active=true] .cinematic-slider__label{opacity:1}.cinematic-slider__label-text{margin:0;color:#fff;font-size:12px;font-weight:700;line-height:1.25;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.4)}.cinematic-slider__hint{margin-top:24px;text-align:center;opacity:.6}.cinematic-slider__hint-text{margin:0;font-size:12px;line-height:1.2;letter-spacing:.36em;text-transform:uppercase}.cinematic-slider__play,.cinematic-slider__mute{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:#fff;background:#00000024;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .2s ease}.cinematic-slider__play{top:0;right:0;bottom:0;left:0;width:80px;height:80px;margin:auto}.cinematic-slider__play svg{width:32px;height:32px}.cinematic-slider__play .cinematic-slider__icon-pause,.cinematic-slider__play[aria-pressed=true] .cinematic-slider__icon-play{display:none}.cinematic-slider__play[aria-pressed=true] .cinematic-slider__icon-pause{display:block}.cinematic-slider__play[aria-pressed=true]{opacity:0}.cinematic-slider__item:hover .cinematic-slider__play[aria-pressed=true],.cinematic-slider__play[aria-pressed=true]:focus-visible{opacity:1}.cinematic-slider__mute{top:24px;left:24px;width:32px;height:32px;opacity:0;pointer-events:none}.cinematic-slider__mute.is-visible{opacity:1;pointer-events:auto}.cinematic-slider__mute svg{width:14px;height:14px}.cinematic-slider__mute .cinematic-slider__icon-unmuted,.cinematic-slider__mute[aria-pressed=false] .cinematic-slider__icon-muted{display:none}.cinematic-slider__mute[aria-pressed=false] .cinematic-slider__icon-unmuted{display:block}@keyframes cinematic-scale-up{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cinematic-spin{to{transform:rotate(360deg)}}@media screen and (min-width:750px){.cinematic-slider__track{gap:32px;padding-inline:35vw;scroll-padding-inline:35vw}.cinematic-slider__nav{display:flex}.cinematic-slider__mute{width:48px;height:48px}.cinematic-slider__mute svg{width:20px;height:20px}}@media screen and (max-width:749px){.cinematic-slider__header{margin-bottom:28px}.cinematic-slider__track{min-height:auto;padding-top:34px;padding-bottom:34px}.cinematic-slider__item[data-active=true]{transform:scale(1.04)}.cinematic-slider__popover{right:-12px;width:min(256px,calc(100vw - 48px))}}@supports not (color: color-mix(in srgb,#000 50%,transparent)){.cinematic-slider__description{color:var(--cs-text, #111);opacity:.6}.cinematic-slider__price{color:var(--cs-popover-text, #111);opacity:.6}}@media(prefers-reduced-motion:reduce){.cinematic-slider *,.cinematic-slider *:before,.cinematic-slider *:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cinematic-slider-portable.css.map */