.media-modal { inline-size: min(calc(100% - var(--space-8)), 30rem); max-inline-size: none; max-block-size: calc(100dvh - var(--space-8)); margin: auto; padding: var(--space-2); border: 0; border-radius: var(--radius-content); background: var(--color-background); color: var(--color-text); overflow: auto; overscroll-behavior: contain; }
.media-modal::backdrop { background: var(--color-modal-backdrop); }
.media-modal__controls { display: flex; justify-content: end; }
.media-modal__frame { display: block; inline-size: 100%; block-size: min(42rem, calc(100dvh - var(--space-16) - var(--space-8))); border: 0; }