.aVideoModal{--aVideoPad: clamp(10px, 2.5vw, 32px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;background-color:#000000c7;box-sizing:border-box;padding:calc(var(--aVideoPad) + env(safe-area-inset-top,0px)) calc(var(--aVideoPad) + env(safe-area-inset-right,0px)) calc(var(--aVideoPad) + env(safe-area-inset-bottom,0px)) calc(var(--aVideoPad) + env(safe-area-inset-left,0px))}.aVideoModal.active{display:flex}.aVideoModal .aVideoModalInner{position:relative;width:min(94vw,110rem,calc((100vh - var(--aVideoPad) * 2) * var(--aVideoRatioW, 16) / var(--aVideoRatioH, 9)));width:min(94vw,110rem,calc((100dvh - var(--aVideoPad) * 2) * var(--aVideoRatioW, 16) / var(--aVideoRatioH, 9)));aspect-ratio:var(--aVideoRatioW, 16) / var(--aVideoRatioH, 9);background-color:#000;border-radius:.8rem;overflow:hidden}.aVideoModal .aVideoModalBody{width:100%;height:100%}.aVideoModal .aVideoModalInner iframe,.aVideoModal .aVideoModalInner video{width:100%;height:100%;border:0;display:block}.aVideoModal .aVideoModalInner video{object-fit:contain;background-color:#000}.aVideoModal .aVideoModalClose{position:absolute;top:clamp(8px,1vw,18px);right:clamp(8px,1vw,18px);width:clamp(34px,3.2vw,48px);height:clamp(34px,3.2vw,48px);display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;padding:0;background-color:#00000080;color:#fff;font-size:clamp(20px,2vw,30px);line-height:1;cursor:pointer;z-index:2;transition:background-color .25s linear}.aVideoModal .aVideoModalClose:hover{background-color:#000000d9}html.aVideoModalOpen,html.aVideoModalOpen body{overflow:hidden!important}
/*# sourceMappingURL=/cdn/shop/t/25/assets/a-video-modal.css.map */