.svs{padding-block:var(--svs-pt, 28px) var(--svs-pb, 28px);background:var(--sds-bg, #fff)}.svs__inner{display:block}.svs .sondos-section-title{margin:0 0 16px}.svs__browse{display:flex;justify-content:center;padding-block:8px 2px}.svs__position{position:relative;display:block;width:88px;height:3px;border-radius:var(--sds-r-pill);background:var(--sds-line);opacity:0}.svs__position.is-scrollable{opacity:1}.svs__position>span{position:absolute;inset-block:0;inset-inline-start:calc(var(--svs-progress, 0) * 64px);width:24px;border-radius:inherit;background:var(--sds-plum)}.svs__viewport{position:relative;margin-inline:calc(-1 * var(--sds-gutter, 16px))}.svs__rail{display:flex;width:auto;gap:12px;margin:0;padding:2px var(--sds-gutter, 16px) 10px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:var(--sds-gutter, 16px);overscroll-behavior-x:contain;scrollbar-width:none}.svs__rail::-webkit-scrollbar{display:none}.svs__item{display:flex;flex:0 0 42vw;scroll-snap-align:start}.svs__card{position:relative;display:flex;flex-direction:column;width:100%;margin:0;border:var(--sds-border, 1px solid #eadfe5);border-radius:var(--sds-r-md, 12px);background:var(--sds-bg, #fff);box-shadow:none;overflow:hidden;transition:border-color .2s ease}.svs__media{position:relative;aspect-ratio:1 / 2;background:var(--sds-bg-soft, #fff6f8);overflow:hidden}.svs__poster,.svs__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.svs__video{opacity:0;transition:opacity .25s ease}.svs__card.is-playing .svs__video{opacity:1}.svs__card--out .svs__poster,.svs__card--out .svs__video{filter:grayscale(.4)}.svs__out{position:absolute;inset-block-end:8px;inset-inline-start:8px;z-index:2;padding:3px 8px;border-radius:var(--sds-r-pill, 999px);background:#fffffff0;color:var(--sds-ink-2, #57484f);font-size:10.5px;font-weight:700;line-height:1.4}.svs__toggle{display:none;position:absolute;inset-block-end:0;inset-inline-end:0;z-index:3;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none;color:var(--sds-plum, #6e2649);cursor:pointer}.svs__card.is-playing .svs__toggle,.svs--manual .svs__toggle{display:grid}.svs__toggle-face{display:grid;place-items:center;width:28px;height:28px;border:var(--sds-border, 1px solid #eadfe5);border-radius:var(--sds-r-full, 50%);background:#ffffffeb}.svs__icon--pause,.svs__card.is-playing .svs__icon--play{display:none}.svs__card.is-playing .svs__icon--pause{display:block}.svs__body{display:flex;flex:1 1 auto;flex-direction:column;padding:10px 10px 12px}.svs__brand{margin:0 0 2px;color:var(--sds-ink-2, #57484f);font-size:11.5px;font-weight:700;line-height:1.3;text-align:start;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svs__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0 0 8px;min-height:3.2em;max-height:3.2em;overflow:hidden;color:var(--sds-ink-2, #57484f);font-size:11.5px;font-weight:700;line-height:1.6;text-align:start;text-wrap:wrap;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:none;hyphens:none}.svs__link{color:inherit;text-decoration:none}.svs__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.svs__link:focus-visible:after{outline:2px solid var(--sds-rose, #d94b83);outline-offset:-2px;border-radius:inherit}.svs__price{margin-top:auto}.svs__price-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.svs__price-now,.svs__price-now *,.svs__price-was,.svs__price-was *,.svs__price-pct{font-family:Plus Jakarta Sans,Almarai,sans-serif!important;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;unicode-bidi:isolate}.svs__price-now{display:block;color:var(--sds-ink, #241b21);font-size:18px;font-weight:700;line-height:1.2;white-space:nowrap}.svs__price-was,.svs__price-was bdi,.svs__price-was *{text-decoration:line-through!important;text-decoration-thickness:1px;text-decoration-color:#7d6f77d1}.svs__price-was{color:#7d6f77d1;font-size:11.5px;font-weight:400;line-height:1.2;white-space:nowrap}.svs__price-pct{color:#cf1741d1;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}.svs__viewport:after{content:"";position:absolute;inset-block:0;inset-inline-end:0;z-index:2;width:22px;pointer-events:none;background:linear-gradient(to right,#fff,#ffffffb3 40%,#fff0)}.svs__arrows{display:none}@media screen and (min-width:750px){.svs .sondos-section-title{margin-bottom:20px}.svs__viewport{margin-inline:calc(-1 * var(--sds-gutter-lg, 32px))}.svs__rail{padding-inline:var(--sds-gutter-lg, 32px);scroll-padding-inline:var(--sds-gutter-lg, 32px)}.svs__item{flex:0 0 29vw}.svs__body{padding:12px 12px 14px}.svs__brand{font-size:12px}.svs__title{font-size:12.5px}.svs__price-now{font-size:19px}}@media screen and (min-width:990px){.svs__viewport{margin-inline:0}.svs__rail{gap:16px;padding-inline:0;scroll-padding-inline:0}.svs__item{flex:0 0 calc((100% - 64px)/5)}.svs__viewport:after{content:none}.svs__arrows{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.svs__arrow{position:absolute;inset-block-start:calc(50% - 23px);display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--sds-line, #eadfe5);border-radius:var(--sds-r-full, 50%);background:#fffffff5;color:var(--sds-plum, #6e2649);box-shadow:0 8px 24px #3d14281f;pointer-events:auto;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.svs__arrow--prev{inset-inline-start:-23px}.svs__arrow--next{inset-inline-end:-23px}.svs__arrow:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 12px 30px #3d14282e}.svs__arrow[disabled]{opacity:0;pointer-events:none}.svs__card:hover{border-color:var(--sds-rose-border-strong, rgba(217, 75, 131, .35))}}.svs__card:focus-within{border-color:var(--sds-rose-border-strong, rgba(217, 75, 131, .35))}.svs__expand{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.svs__expand:focus-visible{outline:3px solid var(--sds-rose);outline-offset:-4px}.svs__expand-mark{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:grid;place-items:center;width:28px;height:28px;border:var(--sds-border);border-radius:var(--sds-r-full);background:var(--sds-bg);color:var(--sds-ink-2);opacity:.88;transition:opacity .2s ease}.svs__expand:focus-visible .svs__expand-mark{opacity:1}@media(hover:hover){.svs__expand:hover .svs__expand-mark{opacity:1}}@media(prefers-reduced-motion:reduce){.svs__expand-mark{transition:none}}.svs__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;overscroll-behavior:contain;background:#000;color:#fff}.svs__dialog[open]{display:grid}.svs__dialog::backdrop{background:#000}.svs__player{--svs-player-height: calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) ;--svs-player-height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) ;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;box-sizing:border-box;padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px)}.svs__player video{display:block;width:min(100%,calc(var(--svs-player-height) * var(--svs-video-ratio, .5625)));height:auto;max-height:var(--svs-player-height);aspect-ratio:var(--svs-video-ratio, .5625);object-fit:contain;background:#000}.svs__close{position:absolute;inset-block-start:max(12px,env(safe-area-inset-top));inset-inline-end:max(12px,env(safe-area-inset-right));z-index:1;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:#fff;background:transparent;cursor:pointer}.svs__close:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgba(255,255,255,.6);border-radius:inherit;background:#000000a6}.svs__close svg{position:relative}.svs__close:focus-visible{outline:3px solid #fff;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/45/assets/sondos-video-shelf.css.map */