.modal-root{z-index:2000;color:var(--color-text);overscroll-behavior:contain;animation:.24s cubic-bezier(.16,1,.3,1) modal-enter;position:fixed;inset:0;overflow-y:auto}.modal-bg{background:var(--color-bg);z-index:-1;position:fixed;inset:0}@keyframes modal-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-topbar{z-index:1;background:0 0;grid-template-columns:1fr auto 1fr;align-items:center;height:80px;padding:0 24px;display:grid;position:sticky;top:0}.modal-topbar-leading{justify-self:start;align-items:center;gap:8px;min-height:16px;display:flex}.modal-topbar-center{flex-direction:column;justify-self:center;align-items:center;min-width:0;line-height:1.2;display:flex}.modal-topbar-title{color:var(--color-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:60vw;font-size:14px;font-weight:500;overflow:hidden}.modal-topbar-trailing{justify-self:end;align-items:center;gap:16px;display:flex}.modal-topbar-counter{color:var(--color-text-secondary);font-size:14px;font-weight:400}.mobile-only{display:none}.desktop-only{display:inline}.modal-topbar-close{color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:background .15s;display:inline-flex}.modal-topbar-close:hover{background:var(--color-hover)}.modal-body{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:0 32px 48px;display:flex}@media (max-width:600px){.modal-topbar{height:64px;padding:0 12px}.modal-topbar-title{max-width:calc(100vw - 96px);font-size:13px}.modal-topbar-counter{font-size:11px}.modal-topbar-trailing{gap:4px}.mobile-only{margin-top:1px;display:inline}.desktop-only{display:none}.modal-body{min-height:calc(100vh - 64px);padding:0 16px 24px}}
.media-modal-stage{-webkit-user-select:none;user-select:none;width:100%;max-width:1024px;position:relative;overflow:hidden}.media-modal-track{will-change:transform;gap:28px;width:100%;display:flex}.media-modal-track.is-animating{transition:transform .45s linear(0 0%, .186 10%, .465 20%, .682 30%, .822 40%, .905 50%, .951 60%, .976 70%, .99 80%, .996 90%, 1 100%)}.media-modal-slot{flex:0 0 100%;justify-content:center;align-items:center;width:100%;max-height:calc(100vh - 200px);display:flex}.media-modal-frame{justify-content:center;align-items:center;max-width:100%;max-height:calc(100vh - 200px);display:flex}.media-modal-frame:has(iframe){aspect-ratio:16/9;width:100%;max-width:min(100%,177.778vh - 355.556px)}.media-modal-frame img{object-fit:contain;background:var(--color-card);-webkit-user-drag:none;border-radius:32px;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 200px);transition:transform .25s cubic-bezier(.2,0,0,1);display:block}.media-modal-frame iframe{background:#000;border:0;border-radius:32px;width:100%;height:100%;display:block}.media-modal-video-placeholder{aspect-ratio:16/9;background:var(--color-card);border-radius:32px;width:100%}.media-modal-stage.pressed-prev .media-modal-frame img,.media-modal-stage.pressed-next .media-modal-frame img{transform:scale(.96)}.media-modal-nav{cursor:pointer;width:40px;height:40px;color:var(--color-text);z-index:2001;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .15s;display:inline-flex;position:fixed;top:50%;transform:translateY(-50%)}.media-modal-nav:hover{background:var(--color-hover)}.media-modal-nav:active{transform:translateY(-50%)scale(.92)}.media-modal-nav.prev{left:24px}.media-modal-nav.next{right:24px}.desktop-only-flex{display:inline-flex}@media (max-width:600px){.desktop-only-flex{display:none}.media-modal-stage{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.media-modal-stage::-webkit-scrollbar{display:none}.media-modal-track{transition:none!important;transform:none!important}.media-modal-slot{scroll-snap-align:center;max-height:calc(100vh - 140px)}.media-modal-frame{max-height:calc(100vh - 140px)}.media-modal-frame img,.media-modal-frame iframe{border-radius:16px;max-height:calc(100vh - 140px)}}