portrait-video-popup{display:contents}portrait-video-popup [data-desktop-marker]{position:fixed;width:0;height:0;pointer-events:none}portrait-video-popup .portrait-video-popup__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:min(calc(100vw - 32px),calc((100vh - 96px) * var(--popup-ratio, .5625)));width:min(calc(100vw - 32px),calc((100dvh - 96px) * var(--popup-ratio, .5625)));max-width:calc(100vw - 32px);max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);height:auto;margin:auto;padding:0;border:0;border-radius:8px;overflow:visible;background:#000;color:#fff}portrait-video-popup .portrait-video-popup__dialog:not([open]){display:none}portrait-video-popup .portrait-video-popup__dialog[open]{display:block}portrait-video-popup .portrait-video-popup__dialog::backdrop{background:#000000d1}portrait-video-popup .portrait-video-popup__video{display:block;width:100%;height:auto;max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);aspect-ratio:var(--popup-ratio, .5625);object-fit:contain;border-radius:8px;background:#000}portrait-video-popup .portrait-video-popup__close{position:absolute;top:-44px;right:0;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgb(255 255 255 / .5);border-radius:50%;background:#111;color:#fff;cursor:pointer}portrait-video-popup .portrait-video-popup__close:focus-visible{outline:2px solid #fff;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/82/compiled_assets/styles.css.map */