@layer sections{.pvid-sec{margin-top:calc((var(--rhythm) - var(--s-5)) * -1);padding-top:0;padding-bottom:var(--s-6)}@media(min-width:900px){.pvid-sec{margin-top:calc((var(--rhythm) - var(--s-7)) * -1)}}.pvid{display:flex;gap:var(--s-3);margin:0;padding:0 0 var(--s-2);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pvid::-webkit-scrollbar{display:none}@media(max-width:899px){.pvid{margin-inline:calc(var(--s-5) * -1);padding-inline:var(--s-3);scroll-padding-inline-start:var(--s-3)}}.pvid-item{flex:0 0 clamp(170px,54vw,230px);scroll-snap-align:start}.pvid-frame{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--jute);border:1px solid var(--edge)}.pvid-video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}.pvid-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;margin:0;padding:0;border:0;background:none;cursor:zoom-in;-webkit-tap-highlight-color:transparent}.pvid-open:focus-visible{outline:2px solid var(--indigo);outline-offset:3px;border-radius:var(--r-lg)}.pvid-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;height:100vh;height:100dvh;background:#14161af0}.pvid-lb[hidden]{display:none}.pvid-lb-video{width:100%;height:100%;object-fit:contain;background:#000}.pvid-lb-bar{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);padding-top:calc(var(--s-3) + env(safe-area-inset-top));padding-right:calc(var(--s-3) + env(safe-area-inset-right))}.pvid-lb-btn{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#14161a9e;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease)}.pvid-lb-btn:hover{background:#14161ac7}.pvid-lb-btn:focus-visible{outline:2px solid #FFF;outline-offset:2px}.pvid-i{display:none;line-height:0}.pvid-lb:not([data-sound]) .pvid-i--soundoff{display:block}.pvid-lb[data-sound] .pvid-i--soundon{display:block}@media(prefers-reduced-motion:reduce){.pvid-lb-btn{transition:none}}@media(min-width:900px){.pvid{gap:var(--s-4)}.pvid-item{flex:0 0 clamp(240px,22vw,320px)}}@media(min-width:1280px){.pvid{justify-content:flex-start}.pvid-item{flex:0 0 300px}}.pvid{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.pvid{scroll-behavior:auto}}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-product-videos.css.map */