.ip-shorts-dialog { padding: 0; border: 0; border-radius: 12px; margin: auto; color: #334155; background: #fff; box-shadow: 0 12px 40px rgba(15, 23, 42, .16); width: min(420px, calc(100vw - 24px), calc((100vh - 100px) * .5625)); max-width: none; max-height: calc(100vh - 24px); overflow: hidden; }
@supports (height: 100dvh) { .ip-shorts-dialog { width: min(420px, calc(100vw - 24px), calc((100dvh - 100px) * .5625)); max-height: calc(100dvh - 24px); } }
.ip-shorts-dialog::backdrop { background: rgba(15, 23, 42, .44); }
.ip-shorts-dialog__bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 4px 0 14px; }
.ip-shorts-dialog__bar a, .ip-shorts-dialog__bar button { min-height: 44px; display: inline-flex; align-items: center; color: #526073; background: none; border: 0; font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
.ip-shorts-dialog__bar button { padding: 0; width: 44px; justify-content: center; font-size: 26px; font-weight: 400; line-height: 1; flex-shrink: 0; }
.ip-shorts-dialog__bar :focus-visible { outline: 2px solid #64748b; outline-offset: -2px; border-radius: 4px; }
.ip-shorts-dialog__player { aspect-ratio: 9 / 16; background: #000; min-width: 200px; min-height: 200px; }
.ip-shorts-dialog__player iframe { display: block; width: 100%; height: 100%; aspect-ratio: 9 / 16; border: 0; }
@media (max-height: 460px) { .ip-shorts-dialog { width: min(420px, calc(100vw - 24px)); overflow-y: auto; } .ip-shorts-dialog__player { aspect-ratio: auto; height: max(200px, calc(100vh - 100px)); } .ip-shorts-dialog__player iframe { aspect-ratio: auto; } }