.media-fullscreen-open,
.media-fullscreen-open body{overflow:hidden!important;overscroll-behavior:none}
.media-fullscreen-dialog,.media-fullscreen-dialog *{box-sizing:border-box}
.media-fullscreen-dialog{inset:0;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:rgba(17,29,25,.975);color:#f3f6f5;touch-action:pan-y}
.media-fullscreen-dialog[open]{display:grid;place-items:stretch;animation:media-fullscreen-in .24s cubic-bezier(.22,.8,.24,1) both}
.media-fullscreen-dialog::backdrop{background:rgba(11,21,18,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.media-fullscreen-stage{min-width:0;min-height:0;width:100%;height:100%;padding:max(74px,calc(58px + env(safe-area-inset-top))) max(58px,calc(46px + env(safe-area-inset-right))) max(72px,calc(58px + env(safe-area-inset-bottom))) max(58px,calc(46px + env(safe-area-inset-left)));display:grid;place-items:center;overflow:hidden;cursor:zoom-out;user-select:none;-webkit-user-select:none}
.media-fullscreen-image{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;image-orientation:from-image;opacity:1;transform:translateZ(0);transition:opacity .16s ease}
.media-fullscreen-dialog.is-loading .media-fullscreen-image{opacity:.18}
.media-fullscreen-close,.media-fullscreen-nav{position:fixed;z-index:4;width:50px;height:50px;padding:0;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(124,146,167,.2));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 38px rgba(0,0,0,.24);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);transition:transform .22s ease,background .22s ease,opacity .18s ease}
.media-fullscreen-close{top:max(12px,calc(env(safe-area-inset-top) + 8px));right:max(12px,calc(env(safe-area-inset-right) + 8px));font:300 27px/1 var(--body,Arial,sans-serif)}
.media-fullscreen-nav{top:50%;translate:0 -50%}
.media-fullscreen-prev{left:max(12px,calc(env(safe-area-inset-left) + 8px))}
.media-fullscreen-next{right:max(12px,calc(env(safe-area-inset-right) + 8px))}
.media-fullscreen-nav[hidden],.media-fullscreen-position[hidden]{display:none}
.media-fullscreen-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.media-fullscreen-position{position:fixed;z-index:4;left:50%;bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));translate:-50% 0;min-height:34px;padding:0 15px;border:1px solid rgba(255,255,255,.3);border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(37,55,50,.58);color:rgba(255,255,255,.88);box-shadow:inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);font:600 8px/1 var(--body,Arial,sans-serif);letter-spacing:.1em}
@media(hover:hover) and (pointer:fine){.media-fullscreen-close:hover,.media-fullscreen-nav:hover{transform:scale(1.07);background:rgba(255,255,255,.3)}.media-fullscreen-close:active,.media-fullscreen-nav:active{transform:scale(.96)}}
@media(max-width:760px){.media-fullscreen-stage{padding:max(68px,calc(54px + env(safe-area-inset-top))) max(12px,env(safe-area-inset-right)) max(66px,calc(52px + env(safe-area-inset-bottom))) max(12px,env(safe-area-inset-left));cursor:default}.media-fullscreen-close,.media-fullscreen-nav{width:46px;height:46px}.media-fullscreen-nav{top:auto;bottom:max(13px,calc(env(safe-area-inset-bottom) + 8px));translate:none}.media-fullscreen-prev{left:max(12px,calc(env(safe-area-inset-left) + 8px))}.media-fullscreen-next{right:max(12px,calc(env(safe-area-inset-right) + 8px))}.media-fullscreen-position{bottom:max(19px,calc(env(safe-area-inset-bottom) + 14px));min-height:30px}}
@media(max-width:360px){.media-fullscreen-stage{padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}.media-fullscreen-close,.media-fullscreen-nav{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.media-fullscreen-dialog[open]{animation:none}.media-fullscreen-image,.media-fullscreen-close,.media-fullscreen-nav{transition:none}}
@keyframes media-fullscreen-in{from{opacity:0}to{opacity:1}}