cinematic-slider-portable.cinematic-slider{--labsem-blue: #0755bd;--labsem-blue-dark: #073d84;--labsem-blue-deep: #062f67;--labsem-sky: #67bcd3;--labsem-green: #3b9a44;--labsem-purple: #a3719c;--labsem-yellow: #e4be6b;--labsem-orange: #f0a06f;--labsem-coral: #e1737c;--labsem-white: #ffffff;--labsem-ink: #10233f;--labsem-muted-light: rgba(255, 255, 255, .72);--labsem-border-light: rgba(255, 255, 255, .14);position:relative;display:block;width:100%;margin-top:var(--cs-margin-top, 0);margin-bottom:var(--cs-margin-bottom, 0);overflow:hidden;isolation:isolate;direction:ltr;background:radial-gradient(circle at 18% 18%,rgba(103,188,211,.18) 0,transparent 25%),radial-gradient(circle at 82% 78%,rgba(59,154,68,.1) 0,transparent 27%),linear-gradient(135deg,var(--labsem-blue-dark) 0%,var(--labsem-blue) 52%,#1266b5 100%);color:var(--cs-text, #ffffff);font-family:"Meta OT","Meta",var(--font-body-family),Arial,sans-serif;box-sizing:border-box}cinematic-slider-portable.cinematic-slider:before{content:"";position:absolute;top:-170px;left:-130px;z-index:0;width:360px;height:360px;border:60px solid rgba(255,255,255,.025);border-radius:50%;pointer-events:none}cinematic-slider-portable.cinematic-slider:after{content:"";position:absolute;right:-115px;bottom:-135px;z-index:0;width:285px;height:285px;border:48px solid rgba(103,188,211,.08);border-radius:50%;pointer-events:none}.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;margin:0;padding:0;border: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:min(var(--cs-padding-top, 72px),52px);padding-bottom:min(var(--cs-padding-bottom, 72px),52px)}.cinematic-slider__wrapper:before{content:"";display:block;width:88px;height:4px;margin:0 auto 12px;border-radius:999px;background:linear-gradient(90deg,var(--labsem-sky) 0 22%,var(--labsem-green) 22% 40%,var(--labsem-yellow) 40% 58%,var(--labsem-orange) 58% 76%,var(--labsem-coral) 76% 100%)}.cinematic-slider__header{position:relative;max-width:760px;margin:0 auto 27px;padding:0 24px;text-align:center}.cinematic-slider__eyebrow{display:block;margin-bottom:8px;color:#ffffffdb;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.23em;text-transform:uppercase}.cinematic-slider__heading{margin:0;color:#fff;font-family:"Meta OT",var(--font-heading-family),var(--font-body-family),Arial,sans-serif;font-size:clamp(29px,3vw,35px);font-weight:700;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}.cinematic-slider__heading span{display:inline}.cinematic-slider__heading-emphasis{color:var(--labsem-sky);font-style:normal;font-weight:700}.cinematic-slider__description{max-width:620px;margin:9px auto 0;color:var(--labsem-muted-light);font-size:14px;font-weight:400;line-height:1.48}.cinematic-slider__track{display:flex;min-height:500px;align-items:center;gap:18px;padding:28px 24px 32px;overflow-x:auto;overflow-y:visible;scroll-padding-inline:24px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;-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{--video-accent: var(--labsem-sky);position:relative;z-index:10;flex:0 0 auto;width:min(76vw,300px);aspect-ratio:9 / 16;overflow:visible;border-radius:17px;scroll-snap-align:center;opacity:.58;filter:saturate(.74) contrast(.94) brightness(.82);transform:scale(.96);outline:none;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease,filter .5s ease,z-index 0ms linear .3s}.cinematic-slider__item:nth-child(6n+1){--video-accent: var(--labsem-sky)}.cinematic-slider__item:nth-child(6n+2){--video-accent: var(--labsem-green)}.cinematic-slider__item:nth-child(6n+3){--video-accent: var(--labsem-purple)}.cinematic-slider__item:nth-child(6n+4){--video-accent: var(--labsem-yellow)}.cinematic-slider__item:nth-child(6n+5){--video-accent: var(--labsem-coral)}.cinematic-slider__item:nth-child(6n+6){--video-accent: var(--labsem-orange)}.cinematic-slider__item:before{content:"";position:absolute;z-index:2;top:-1px;right:20px;left:20px;height:4px;border-radius:0 0 999px 999px;background:var(--video-accent);opacity:0;transition:opacity .35s ease}.cinematic-slider__item:after{content:"";position:absolute;z-index:-1;top:9px;right:-9px;bottom:-9px;left:9px;border:1px solid color-mix(in srgb,var(--video-accent) 28%,transparent);border-radius:inherit;opacity:0;transition:opacity .4s ease,transform .4s ease;transform:translate(-5px,5px)}.cinematic-slider__item[data-active=true]{z-index:20;opacity:1;filter:saturate(1) contrast(1.02) brightness(1);transform:scale(1.055);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease,filter .5s ease}.cinematic-slider__item[data-active=true]:before,.cinematic-slider__item[data-active=true]:after{opacity:1}.cinematic-slider__item[data-active=true]:after{transform:translate(0)}.cinematic-slider__item:focus-visible{box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px var(--video-accent)}.cinematic-slider__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:inherit;background:linear-gradient(180deg,#ffffff14,#062f673d);box-shadow:0 20px 46px #03234e3d}.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__poster{filter:saturate(.96) contrast(1.01)}.cinematic-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(3,29,62,.78) 0%,rgba(3,29,62,.2) 31%,transparent 57%,rgba(3,29,62,.08) 100%)}.cinematic-slider__nav{position:absolute;top:59%;z-index:40;display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;background:#062f6780;box-shadow:0 12px 30px #031d3e40;opacity:.82;pointer-events:auto;transform:translateY(-50%);transition:opacity .18s ease,transform .18s ease,background-color .18s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.cinematic-slider__nav:hover{opacity:1;background:#fffffff0;color:var(--labsem-blue-dark);transform:translateY(-50%) scale(1.06)}.cinematic-slider__nav:focus-visible{opacity:1;outline:2px solid #ffffff;outline-offset:3px}.cinematic-slider__nav:disabled{opacity:.22;pointer-events:none}.cinematic-slider__nav svg{width:21px;height:21px}.cinematic-slider__nav-prev{left:28px}.cinematic-slider__nav-next{right:28px}.cinematic-slider__microshop{position:absolute;right:17px;bottom:17px;z-index:30}.cinematic-slider__toggle{position:relative;display:flex;width:46px;height:46px;align-items:center;justify-content:center;overflow:visible;border:2px solid rgba(255,255,255,.88);border-radius:999px;background:#ffffffe0;box-shadow:0 8px 22px #031d3e47;transform:scale(1);transition:transform .25s ease,box-shadow .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.cinematic-slider__item[data-active=true] .cinematic-slider__toggle{transform:scale(1.05)}.cinematic-slider__toggle:hover{box-shadow:0 11px 28px #031d3e57;transform:scale(1.08)}.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 #ffffff;outline-offset:3px}.cinematic-slider__thumb{display:block;width:100%;height:100%;overflow:hidden;border-radius:999px;background:#fff}.cinematic-slider__thumb-img{display:block;width:100%;height:100%;padding:3px;object-fit:contain;opacity:1}.cinematic-slider__badge{position:absolute;top:-4px;right:-4px;display:flex;width:18px;height:18px;align-items:center;justify-content:center;border:1px solid #ffffff;border-radius:999px;color:#fff;background:var(--video-accent)}.cinematic-slider__badge svg{width:11px;height:11px;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:270px;margin-bottom:13px;padding:14px;border:1px solid rgba(7,85,189,.13);border-radius:15px;color:var(--labsem-ink);background:#fffffff7;box-shadow:0 22px 52px #031d3e40;transform-origin:bottom right;animation:cinematic-scale-up .18s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cinematic-slider__popover:before{content:"";position:absolute;top:0;right:18px;left:18px;height:3px;border-radius:0 0 999px 999px;background:var(--video-accent)}.cinematic-slider__popover-body{display:flex;gap:13px}.cinematic-slider__popover-image{flex:0 0 auto;width:62px;height:76px;overflow:hidden;border:1px solid rgba(7,85,189,.1);border-radius:9px;background:radial-gradient(circle at center,color-mix(in srgb,var(--video-accent) 8%,#ffffff),#fff)}.cinematic-slider__popover-img{display:block;width:100%;height:100%;padding:5px;object-fit:contain}.cinematic-slider__popover-text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;justify-content:space-between}.cinematic-slider__product-link{display:block;margin-bottom:4px;color:var(--labsem-blue-dark);font-size:14px;font-weight:700;line-height:1.22;text-decoration:none}.cinematic-slider__product-link:hover{color:var(--labsem-blue);text-decoration:underline;text-underline-offset:3px}.cinematic-slider__price{margin:0;color:#5d6d82;font-size:13px;font-weight:600;line-height:1.35}.cinematic-slider__add{position:relative;display:flex;width:100%;min-height:38px;align-items:center;justify-content:center;margin-top:11px;padding:8px 13px;overflow:hidden;border:1px solid var(--labsem-blue);border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--labsem-blue) 0%,var(--labsem-blue-dark) 100%);box-shadow:0 7px 17px #0755bd2e;font-size:12px;font-weight:700;line-height:1;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.cinematic-slider__add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #0755bd3d}.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;width:25px;height:25px;align-items:center;justify-content:center;border:1px solid rgba(7,85,189,.12);border-radius:999px;color:var(--labsem-blue-dark);background:#fff;box-shadow:0 8px 18px #031d3e29}.cinematic-slider__popover-close svg{width:11px;height:11px}.cinematic-slider__fallback-cart{position:absolute;right:17px;bottom:78px;z-index:35;display:flex;width:195px;flex-direction:column;gap:6px;padding:13px 15px;border:1px solid rgba(7,85,189,.12);border-radius:13px;color:var(--labsem-ink);background:#fffffff7;box-shadow:0 18px 44px #031d3e38;animation:cinematic-scale-up .18s cubic-bezier(.22,1,.36,1)}.cinematic-slider__fallback-cart-title{color:var(--labsem-blue-dark);font-size:13px;font-weight:700;line-height:1.25}.cinematic-slider__fallback-cart-link{color:var(--labsem-blue);font-size:12px;font-weight:600;line-height:1.2;text-decoration:underline;text-underline-offset:3px}.cinematic-slider__label{position:absolute;bottom:19px;left:19px;max-width:165px;opacity:0;transition:opacity .4s ease}.cinematic-slider__item[data-active=true] .cinematic-slider__label{opacity:1}.cinematic-slider__label-text{margin:0;color:#fff;font-size:11px;font-weight:700;line-height:1.25;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.42)}.cinematic-slider__hint{margin-top:13px;text-align:center;opacity:.68}.cinematic-slider__hint-text{margin:0;color:#ffffffc2;font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.18em;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,.28);border-radius:999px;color:#fff;background:#031d3e47;box-shadow:0 8px 24px #031d3e29;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .18s ease,transform .18s ease,background-color .18s ease}.cinematic-slider__play{top:0;right:0;bottom:0;left:0;width:68px;height:68px;margin:auto}.cinematic-slider__play:hover{background:#0755bdad;transform:scale(1.06)}.cinematic-slider__play svg{width:27px;height:27px}.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:17px;left:17px;width:34px;height:34px;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:26px;padding-right:35vw;padding-left:35vw;scroll-padding-inline:35vw}.cinematic-slider__nav{display:flex}.cinematic-slider__mute{width:38px;height:38px}.cinematic-slider__mute svg{width:16px;height:16px}}@media screen and (max-width:749px){cinematic-slider-portable.cinematic-slider:before{top:-110px;left:-100px;width:250px;height:250px;border-width:40px}cinematic-slider-portable.cinematic-slider:after{right:-75px;bottom:-90px;width:185px;height:185px;border-width:30px}.cinematic-slider__wrapper{padding-top:min(var(--cs-padding-top, 72px),37px);padding-bottom:min(var(--cs-padding-bottom, 72px),38px)}.cinematic-slider__wrapper:before{width:68px;height:3px;margin-bottom:10px}.cinematic-slider__header{margin-bottom:18px;padding-right:18px;padding-left:18px}.cinematic-slider__eyebrow{margin-bottom:7px;font-size:10px;letter-spacing:.18em}.cinematic-slider__heading{font-size:clamp(27px,8vw,30px);line-height:1.08}.cinematic-slider__description{max-width:355px;margin-top:8px;font-size:13px;line-height:1.43}.cinematic-slider__track{min-height:auto;gap:13px;padding:20px 18px 24px;scroll-padding-inline:18px}.cinematic-slider__item{width:min(72vw,275px);border-radius:15px;opacity:.64;transform:scale(.97)}.cinematic-slider__item[data-active=true]{transform:scale(1.025)}.cinematic-slider__play{width:58px;height:58px}.cinematic-slider__play svg{width:24px;height:24px}.cinematic-slider__mute{top:14px;left:14px;width:32px;height:32px}.cinematic-slider__microshop{right:14px;bottom:14px}.cinematic-slider__toggle{width:43px;height:43px}.cinematic-slider__label{bottom:16px;left:16px}.cinematic-slider__label-text{font-size:10px;letter-spacing:.13em}.cinematic-slider__popover{right:-8px;width:min(265px,calc(100vw - 38px))}.cinematic-slider__hint{margin-top:7px}.cinematic-slider__hint-text{font-size:9px;letter-spacing:.14em}}@supports not (color: color-mix(in srgb,#000 50%,transparent)){.cinematic-slider__description{color:#ffffffb8}.cinematic-slider__price{color:#5d6d82}.cinematic-slider__item:after{border-color:#67bcd352}}@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/1/assets/cinematic-slider-portable.css.map */