.media-expandable{cursor:zoom-in}
.media-expand-button{border:0;background:transparent;color:var(--green);padding:5px 0;cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.media-modal{padding:0;border:0;border-radius:12px;background:#102219;color:#fff;width:min(1100px,94vw);max-width:94vw;max-height:94dvh;overflow:auto;box-shadow:0 20px 80px #0008}
.media-modal::backdrop{background:#000c}
.media-modal-panel{position:relative;padding:54px 22px 16px}
.media-modal-close{position:absolute;top:8px;right:12px;width:40px;height:40px;background:transparent;color:#fff;border:0;font-size:32px;cursor:pointer}
.media-modal-frame{position:relative}
.media-modal-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#07100b;border-radius:5px;overflow:hidden}
.media-modal,.media-modal-stage img,.media-modal-stage video{cursor:default}
.media-modal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:56px;background:transparent;border:0;color:white;font-size:30px;text-shadow:0 2px 6px #000;cursor:pointer;z-index:2}
.media-modal-prev{left:4px}
.media-modal-next{right:4px}
.media-modal-arrow[hidden],.media-modal-play[hidden]{display:none}
.media-modal-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;border:2px solid #fff;border-radius:50%;background:#0009;color:#fff;cursor:pointer;box-shadow:0 2px 12px #0006}
.media-modal-play:hover{background:#163c2de6}
.media-modal-play svg{width:38px;height:38px}
.media-modal-stage img,.media-modal-stage video{display:block;width:100%;height:min(70dvh,750px);object-fit:contain}
.media-modal-navigation{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}
.media-modal-navigation[hidden]{display:none}
.media-modal-navigation>button{width:44px;height:44px;background:transparent;color:#fff;border:0;font-size:22px;cursor:pointer}
.media-modal-dots{display:flex;flex-wrap:wrap;justify-content:center}
.media-modal-dots button{width:36px;height:36px;background:transparent;border:0;cursor:pointer;display:grid;place-items:center}
.media-modal-dots button:before{content:'';width:8px;height:8px;border-radius:50%;background:#ffffff80}
.media-modal-dots button[aria-current=true]:before{width:11px;height:11px;background:#d7ed9c}
.media-modal-status{text-align:center;font-size:13px;margin:8px 0 0;color:#d2ded3}
@media(max-width:600px){.media-modal-panel{padding:52px 8px 12px}.media-modal-stage img,.media-modal-stage video{height:65dvh}}