.full-media-dialog{position:fixed;inset:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));z-index:50;display:flex;flex-direction:column;min-height:0;overflow:hidden;overscroll-behavior:contain;border:1px solid var(--og-border);border-radius:var(--og-radius-panel);background:var(--og-surface-raised);color:var(--og-text);font:400 14px/22px var(--og-sans);box-shadow:var(--og-shadow-overlay)}.full-media-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:16px;padding:16px 24px;border-bottom:1px solid var(--og-border)}.full-media-heading{min-width:0}.full-media-heading h2{font:600 20px/28px var(--og-display-font);overflow-wrap:anywhere}.full-media-navigation{display:flex;align-items:center;gap:4px;flex-shrink:0}.full-media-navigation button{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--og-radius-control);color:var(--og-text-secondary)}.full-media-navigation button:hover{background:var(--og-surface-hover);color:var(--og-text)}.full-media-dialog .text-sm{font-size:14px;line-height:22px}.full-media-dialog .text-xs{font-size:12px;line-height:18px}.full-media-dialog button:disabled{opacity:.45;cursor:not-allowed}.full-media-layout{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.full-media-stage{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:36dvh;min-height:180px;overflow:hidden;background:var(--og-canvas)}.full-media-stage>img{width:100%;height:100%;object-fit:contain}.full-media-counter{position:absolute;left:16px;top:16px;padding:4px 10px;border:1px solid var(--og-border);border-radius:var(--og-radius-badge);background:var(--og-surface-raised);color:var(--og-text);font-size:12px;line-height:18px}.full-media-details{flex:1;min-height:0;width:100%;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--og-border);background:var(--og-surface-raised)}.full-media-details-body{padding:0 24px 24px;overflow-wrap:anywhere}.full-media-details-body p{font-size:14px;line-height:22px}.full-media-details-body button{min-height:44px;border-radius:var(--og-radius-control);font-size:14px;line-height:22px}.full-media-actions{flex-shrink:0;padding:16px 24px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--og-border)}.full-media-actions button{min-height:44px;padding:10px 12px;border:1px solid var(--og-border-control);border-radius:var(--og-radius-control);background:var(--og-surface);color:var(--og-text);font:500 14px/22px var(--og-sans);white-space:normal}.full-media-actions button:hover{background:var(--og-surface-hover);border-color:var(--og-border-hover)}.full-media-actions .full-media-primary{border-color:var(--og-blue);background:var(--og-blue);color:var(--og-on-blue)}.full-media-actions .full-media-primary:hover{background:var(--og-blue-hover);border-color:var(--og-blue-hover)}.full-media-actions .full-media-delete{color:var(--og-error);border-color:var(--og-border);background:transparent}.full-media-actions .full-media-delete:hover{background:var(--og-error-soft);border-color:var(--og-error)}.full-media-dialog :is(button,input,[role=slider]):focus-visible{outline:1px solid var(--og-focus);outline-offset:2px;box-shadow:none}.full-media-dialog [role=slider]{min-height:24px;touch-action:none;background:transparent}.full-media-dialog [role=slider]:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);border-radius:var(--og-radius-pill);background:var(--og-surface-hover)}.full-media-dialog [role=slider]>div:first-child{height:4px;top:10px;bottom:auto}.full-media-dialog input[type=range]{min-height:24px}.full-media-audio button:not([aria-label="Play audio"]):not([aria-label="Pause audio"]):not([aria-label="Loading audio"]),.full-media-video-toolbar button{min-width:44px;min-height:44px;border-radius:var(--og-radius-control)}.full-media-video-toolbar>div:first-child{flex-wrap:wrap;gap:4px;min-width:0}.full-media-video-toolbar input{max-width:64px}@media(min-width:1024px){.full-media-dialog{inset:32px}.full-media-layout{flex-direction:row}.full-media-stage{height:auto;min-height:0;flex:1}.full-media-details{display:flex;flex-direction:column;flex:none;width:380px;overflow:hidden;border-top:0;border-left:1px solid var(--og-border)}.full-media-details-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}}@media(min-width:1280px){.full-media-dialog{inset:48px}.full-media-details{width:420px}}@media(max-width:767px){.full-media-header{padding:12px 16px;gap:8px}.full-media-details-body{padding:0 20px 20px}.full-media-actions{padding:16px 20px}.full-media-navigation{gap:0}.full-media-audio-visualizer{display:none}.full-media-audio-controls{padding:16px}.full-media-audio-controls .mb-6{margin-bottom:12px}.full-media-video-time{flex-basis:100%;padding-left:8px}.full-media-dialog [role=slider],.full-media-dialog input[type=range]{min-height:44px}.full-media-dialog [role=slider]>div:first-child{top:20px}.full-media-stage{height:34dvh}.full-media-stage:has(.full-media-audio,.full-media-video){min-height:260px}}@media(max-height:540px) and (max-width:1023px){.full-media-layout{overflow-y:auto}.full-media-stage{height:240px;flex-shrink:0}.full-media-details{overflow:visible;flex:none}}@media(max-width:767px){.full-media-video{display:grid;grid-template-rows:minmax(0,1fr) auto}.full-media-video>video{grid-area:1/1;min-height:0}.full-media-video .full-media-video-overlay{position:relative;inset:auto;grid-area:1/1}.full-media-video .full-media-video-controls{position:relative;inset:auto;grid-area:2/1}}
/*# sourceMappingURL=561d3081dd7c70ac.css.map*/