.video-dialog{position:fixed;border:0;padding:0;margin:0;background:none;overflow:hidden}.video-dialog::backdrop{background:#0009}.video-dialog__container{position:relative;display:flex;flex-direction:column;background:none;width:100%;height:100%}.video-dialog__header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:10px;height:50px;flex-shrink:0;z-index:2}.video-dialog__swipe-indicator{background:#eee;color:#000;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;border:.5px solid #000;width:max-content}.video-dialog__close{position:relative;width:30px;height:30px;background:#eee;border-radius:50%;border:.5px solid #000;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}.video-dialog__close:before,.video-dialog__close:after{content:"";position:absolute;width:16px;height:1.5px;background:#000;transform:rotate(45deg)}.video-dialog__close:after{transform:rotate(-45deg)}.video-dialog__slider{flex:1;overflow-y:auto;scroll-snap-type:y mandatory;display:flex;flex-direction:column;background:#000;border-radius:14px 14px 0 0;overscroll-behavior:contain}.video-dialog__slider::-webkit-scrollbar{width:6px}.video-dialog__slider::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d}.video-dialog__slider::-webkit-scrollbar-thumb{background-color:#eee;outline:2px solid #000;border-radius:3px}.video-dialog__slide{scroll-snap-align:start;position:relative;width:100%;flex-shrink:0}.video-dialog__slide video{width:100%;height:100%;object-fit:contain;display:block}@media(max-width:768px){.video-dialog{top:0;left:0;width:100%;height:100dvh;max-width:none;max-height:none}.video-dialog__slide{height:calc(100dvh - 50px)}}@media(min-width:769px){.video-dialog{right:0;bottom:0;height:100%;max-height:100%;width:100%;max-width:100%;margin:0;justify-content:flex-end;align-items:flex-end}.video-dialog[open]{display:flex}.video-dialog__container{height:min(650px,100vh)}.video-dialog__slide video{height:min(600px,calc(100vh - 50px))}.video-dialog__container{width:fit-content}.video-dialog__slider{border-radius:14px 0 0}.video-dialog__slide{height:100%}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/product-video-dialog.css.map */