.journal-video-modal{color:#fff;background:0 0;border:0;width:min(1180px,100vw - 32px);max-width:none;max-height:calc(100dvh - 112px);margin:auto;padding:0;overflow:visible}.journal-video-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06100be6}.journal-video .journal-video-close{z-index:1;color:#fff;width:44px;height:44px;font:inherit;cursor:pointer;background:#17201f;border:1px solid #ffffff60;border-radius:50%;place-items:center;padding:8px;display:grid;position:absolute;top:-52px;right:0;box-shadow:0 4px 18px #0006}.journal-video-close:focus-visible{outline-offset:2px;outline:2px solid #d6efb2}.journal-video-modal-frame{aspect-ratio:16/9;background:#000;border:1px solid #ffffff30;border-radius:18px;min-height:200px;max-height:calc(100dvh - 112px);overflow:hidden;box-shadow:0 24px 90px #0008}.journal-video-modal.is-vertical{width:min(440px,100vw - 32px)}.journal-video-modal.is-vertical .journal-video-modal-frame{aspect-ratio:9/16}.journal-video-modal-frame>iframe{border:0;width:100%;height:100%;display:block}body:has(.journal-video-modal[open]){overflow:hidden}@media (max-width:600px){.journal-video-modal{width:calc(100vw - 16px)}.journal-video-modal-frame{border-radius:12px}}