.sv{--sv-gap: 12px;--sv-per-view: 1.2;--sv-pad: 16px;--sv-radius: 22px;--sv-ink: #1c1a20;--sv-muted: #8a8591;--sv-ease: cubic-bezier(.22, .8, .24, 1);padding:28px 0 36px;background:#fff;font-family:Figtree,system-ui,-apple-system,Segoe UI,sans-serif}.sv *,.sv *:before,.sv *:after{box-sizing:border-box}.sv__head{text-align:center;padding:0 16px;margin-bottom:24px}.sv__title{margin:0;font-size:clamp(26px,4.2vw,46px);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--sv-accent)}.sv__subtitle{margin:10px 0 0;font-size:clamp(14px,1.6vw,16px);color:var(--sv-muted)}.sv__wrap{position:relative}.sv__track{display:flex;gap:var(--sv-gap);overflow-x:auto;padding:6px var(--sv-pad) 22px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--sv-pad);scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sv__track::-webkit-scrollbar{display:none}.sv__track:focus-visible{outline:2px solid var(--sv-accent);outline-offset:-2px}.sv__track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing}.sv__track.is-dragging *{pointer-events:none;-webkit-user-select:none;user-select:none}.sv-card{position:relative;flex:0 0 calc((100% - var(--sv-pad) * 2 - var(--sv-gap) * (var(--sv-per-view) - 1)) / var(--sv-per-view));aspect-ratio:9 / 16;scroll-snap-align:start;border-radius:var(--sv-radius);overflow:hidden;background:#17141b;box-shadow:0 2px 4px #1c1a200f,0 14px 30px #1c1a2029;transform:translateZ(0);isolation:isolate;transition:transform .5s var(--sv-ease),box-shadow .5s var(--sv-ease)}.sv-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 22%),linear-gradient(to top,rgba(0,0,0,.6),transparent 48%)}@media(hover:hover){.sv-card:hover{transform:translateY(-6px);box-shadow:0 4px 8px #1c1a2014,0 26px 46px #1c1a2042}.sv-card:hover .sv-card__video{transform:scale(1.04)}}.sv-card__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:0}.sv-card__video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--sv-ease);will-change:transform}.sv-card__top{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.sv-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;color:#fff;background:#14101a59;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sv-card__side{position:absolute;z-index:3;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.sv-share{pointer-events:auto;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;background:#14101a59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s var(--sv-ease),background .25s;-webkit-tap-highlight-color:transparent}.sv-share:hover{background:var(--sv-accent);transform:scale(1.1) rotate(-8deg)}.sv-share:active{transform:scale(.92)}.sv-share:focus-visible,.sv-quick:focus-visible,.sv__nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.sv-quick{position:relative;overflow:hidden;isolation:isolate;pointer-events:auto;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.45);color:#fff;cursor:pointer;text-decoration:none;background:linear-gradient(135deg,var(--sv-accent),var(--sv-accent-2));box-shadow:0 6px 16px -4px #00000080,inset 0 1px #ffffff59;transition:transform .3s var(--sv-ease),box-shadow .3s var(--sv-ease);-webkit-tap-highlight-color:transparent}.sv-quick:before{content:"";position:absolute;z-index:-1;top:0;left:-90%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skew(-20deg)}@media(hover:hover){.sv-quick:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 10px 20px -4px #0000008c,inset 0 1px #ffffff59}.sv-quick:hover:before{left:140%;transition:left .7s var(--sv-ease)}}.sv-quick:active{transform:scale(.92)}.sv-quick[disabled]{background:#14101a73;color:#ffffff8c;box-shadow:none;cursor:not-allowed;transform:none}.sv-quick__icon{transition:transform .3s var(--sv-ease),opacity .2s}.sv-quick__icon--check{position:absolute;opacity:0;transform:scale(.4)}.sv-quick__spinner{position:absolute;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;opacity:0;animation:sv-spin .7s linear infinite paused}.sv-quick.is-loading{pointer-events:none}.sv-quick.is-loading .sv-quick__icon--bag{opacity:0;transform:scale(.6)}.sv-quick.is-loading .sv-quick__spinner{opacity:1;animation-play-state:running}.sv-quick.is-added{background:linear-gradient(135deg,#1fa971,#138a5a);transform:scale(1.1)}.sv-quick.is-added .sv-quick__icon--bag{opacity:0;transform:scale(.4)}.sv-quick.is-added .sv-quick__icon--check{opacity:1;transform:scale(1)}@keyframes sv-spin{to{transform:rotate(360deg)}}.sv-card__panel{position:absolute;z-index:3;left:10px;right:10px;bottom:10px;padding:7px 9px 7px 7px;border-radius:16px;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.26);box-shadow:0 8px 24px #00000040,inset 0 1px #ffffff38;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%)}.sv-card__product{display:flex;align-items:center;gap:9px;min-width:0;color:inherit;text-decoration:none}.sv-card__thumb{width:40px;height:40px;flex:none;object-fit:cover;border-radius:10px;border:1.5px solid rgba(255,255,255,.7);background:#2a2530}.sv-card__text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.sv-card__name{font-size:12.5px;font-weight:600;line-height:1.25;text-shadow:0 1px 6px rgba(0,0,0,.45);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.sv-card__price{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0;white-space:nowrap}.sv-card__now{flex:none;font-size:14px;font-weight:800;line-height:1.1;text-shadow:0 1px 6px rgba(0,0,0,.45)}.sv-card__was{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11px;opacity:.72;text-decoration:line-through}.sv-card__off{flex:none;font-size:9.5px;font-weight:800;letter-spacing:.02em;line-height:1;padding:3px 6px;border-radius:999px;background:linear-gradient(135deg,var(--sv-accent),var(--sv-accent-2));color:#fff}.sv__nav{display:none;position:absolute;z-index:5;top:calc(50% - 14px);width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;align-items:center;justify-content:center;color:var(--sv-ink);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px #1c1a2040;transition:transform .25s var(--sv-ease),background .25s,color .25s,opacity .25s}.sv__nav--prev{left:14px}.sv__nav--next{right:14px}.sv__nav:hover{background:var(--sv-accent);color:#fff;transform:scale(1.08)}.sv__nav[disabled]{opacity:0;pointer-events:none}.sv__toast{position:fixed;left:50%;bottom:24px;z-index:50;max-width:90vw;transform:translate(-50%,24px);opacity:0;pointer-events:none;padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;color:#fff;background:#1c1a20;box-shadow:0 10px 30px #0000004d;transition:transform .4s var(--sv-ease),opacity .3s}.sv__toast.is-visible{transform:translate(-50%);opacity:1}.sv__toast.is-error{background:#c0392b}@media(min-width:480px){.sv{--sv-per-view: 2.2}}@media(min-width:768px){.sv{--sv-per-view: 3.2;--sv-gap: 16px;--sv-pad: 24px;padding:44px 0 52px}.sv__nav{display:flex}}@media(min-width:1024px){.sv{--sv-per-view: 4.2}}@media(min-width:1280px){.sv{--sv-per-view: 5;--sv-gap: 18px}}@media(min-width:1600px){.sv{--sv-per-view: 6}}@media(prefers-reduced-motion:reduce){.sv *,.sv *:before,.sv *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.sv__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/shoppable-video.css.map */