.svc{display:block;background:var(--svc-background);color:var(--svc-text);--svc-card: min(var(--svc-width), 28vw)}.svc [hidden]{display:none!important}.svc__carousel{position:relative;width:100%;max-width:1600px;margin-inline:auto}.svc__rail{position:relative;display:flex;gap:var(--svc-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;padding:0 max(24px,calc((100% - var(--svc-card)) / 2));scroll-padding-inline:max(24px,calc((100% - var(--svc-card)) / 2));min-height:calc(var(--svc-card) * 16 / 9 + 112px)}.svc__rail::-webkit-scrollbar{display:none}.svc__card{flex:0 0 var(--svc-card);min-width:0;scroll-snap-align:center;scroll-snap-stop:always}.svc__media{position:relative;overflow:hidden;width:100%;height:calc(var(--svc-card) * 16 / 9 * .78);border-radius:var(--svc-radius);background:color-mix(in srgb,var(--svc-text) 8%,var(--svc-background));transition:height .3s ease}.svc__card.is-active .svc__media{height:calc(var(--svc-card) * 16 / 9)}.svc__media video,.svc__poster,.svc__placeholder{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.svc__media video{opacity:0}.svc__media video.is-playing,.svc__media video.has-frame{opacity:1}.svc__select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer;border:0;background:transparent}.svc__controls{position:absolute;z-index:2;top:12px;inset-inline-end:12px;display:grid;gap:8px;opacity:0;transition:opacity .15s}.svc__card:is(.is-active,:focus-within,:hover) .svc__controls{opacity:1}.svc__control,.svc__arrow,.svc__add{display:grid;place-items:center;color:var(--svc-control-text);background:var(--svc-controls);border:0;border-radius:50%;width:40px;height:40px;cursor:pointer}.svc__control{background:color-mix(in srgb,var(--svc-controls) 65%,transparent)}.svc__control span{display:grid;place-items:center}.svc__play-icon{width:0;height:0;border-block:7px solid transparent;border-inline-start:11px solid currentColor;margin-inline-start:3px}.svc__control[aria-pressed=true] .svc__play-icon{border:0;width:12px;height:14px;margin:0;border-inline:4px solid currentColor}.svc__arrow{position:absolute;top:45%;z-index:3;box-shadow:0 2px 8px #0002}.svc__arrow--previous{inset-inline-start:16px}.svc__arrow--next{inset-inline-end:16px}.svc__arrow:disabled{opacity:.3;cursor:default}.svc__product{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 4px;border-bottom:1px solid color-mix(in srgb,var(--svc-text) 18%,transparent)}.svc__product-image img{width:58px;height:68px;object-fit:cover}.svc__product-info{font-size:14px;line-height:1.35}.svc__product-info>a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.svc__product-info price-list{margin-top:6px;font-size:14px}.svc__product-actions{display:grid;gap:8px;justify-items:center}.svc__details summary{list-style:none;display:grid;place-items:center;width:40px;height:24px;cursor:pointer}.svc__details summary::-webkit-details-marker{display:none}.svc__details[open] summary svg{transform:rotate(180deg)}.svc__details{position:relative}.svc__details>div{position:absolute;bottom:100%;inset-inline-end:0;width:200px;padding:16px;background:var(--svc-background);box-shadow:0 2px 16px #0002;border-radius:8px;z-index:4}.svc__details a{display:flex;gap:12px;align-items:center;font-size:13px;text-decoration:underline}.svc__error,.svc__empty{position:absolute;inset:auto 12px 12px;padding:12px;background:var(--svc-background);font-size:12px;border-radius:8px;z-index:2}.svc__sold-out{font-size:10px;max-width:50px}.svc button:focus-visible,.svc summary:focus-visible,.svc a:focus-visible,.svc__rail:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:699px){.svc{--svc-card: calc(var(--svc-mobile-width) * 1)}.svc__product{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}.svc__product-image img{width:48px;height:58px}.svc__product-info,.svc__product-info price-list{font-size:12px}.svc__controls{opacity:1}.svc__arrow{width:34px;height:34px;top:42%}.svc__arrow--previous{inset-inline-start:8px}.svc__arrow--next{inset-inline-end:8px}}@media(prefers-reduced-motion:reduce){.svc__media,.svc__controls{transition:none}}.svc__fallback{position:absolute;inset:40% 16% auto;z-index:2;padding:12px;text-align:center;background:var(--svc-controls);color:var(--svc-control-text);border-radius:var(--svc-radius)}
/*# sourceMappingURL=/cdn/shop/t/298/assets/shoppable-video-carousel.css.map */