:root {--mmScrlOffset:0px;}
.mmWrap {--mmPad:3vw; position:fixed; left:0; top:0; z-index:10010; display:flex; align-items:center; justify-content:center; width:100%; height:100vh; opacity:0; transition:.2s opacity; background:#111b; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);}
.mmWrap.-ready {opacity:1;}
.mmInner {position:relative; width:100%; max-height:100vh; padding:var(--mmPad); overflow:auto;}
.mmScreen {position:fixed; left:0; top:0; width:calc(100% - 17px); height:100%;}
.mmCnt {position:relative; width:fit-content; max-width:100%; margin-inline:auto; background:#fff;}
.mmCnt > img:only-child {max-width:100%; max-height:calc(100vh - 8vw);}
.mmWrap[data-mm-type="iframe"] iframe {width:100vw; max-width:100%; height:calc(100vh - var(--mmPad) * 2);}
.mmWrap[data-mm-type="YouTube"] .mmCnt {width:100%; background:unset;}
.mmWrap[data-mm-type="YouTube"] iframe {width:100%; aspect-ratio:16/9;}
.mmCaption {position:relative; color:#fff;}
.mmCaption:not(:empty) {margin-top:1rem; text-align:center;}
.mmClose, .mmPrev, .mmNext {all:unset; position:fixed; overflow:hidden; border-radius:50%; white-space:nowrap; text-indent:100%; cursor:pointer; transition:.15s;}
.mmClose {right:calc(1.5vw + var(--mmScrlOffset)); top:1.5vw; height:36px; width:36px;}
.mmClose:before, .mmClose:after {content:""; display:block; width:70%; height:15%; position:absolute; left:50%; top:50%; background:#fff; translate:-50% -50%;}
.mmClose:before {rotate:45deg;}
.mmClose:after {rotate:-45deg;}
.mmPrev, .mmNext {top:50%; width:30px; height:30px; border-radius:50%; background:#888b;}
.mmPrev:before, .mmNext:before {content:""; display:block; position:absolute; top:50%; left:50%; width:35%; aspect-ratio:1/1; border:#fff solid; border-width:3px 0 0 3px; translate:-50% -50%;}
.mmPrev {left:1.5vw;}
.mmPrev:before {rotate:-45deg; margin-left:2px;}
.mmNext {right:calc(1.5vw + var(--mmScrlOffset));}
.mmNext:before {rotate:135deg; margin-left:-2px;}