dialog{inline-size:min(36rem,calc(100vw - 2rem));max-inline-size:calc(100vw - 2rem);block-size:auto;max-block-size:calc(100dvh - 2rem);margin:auto;padding:0;overflow:hidden;overscroll-behavior:contain}
dialog:has(.wide-dialog){inline-size:min(58rem,calc(100vw - 2rem))}
dialog:has(.media-dialog){inline-size:min(46rem,calc(100vw - 2rem))}
dialog.detail-dialog{inline-size:min(42rem,calc(100vw - 2rem))}
dialog.login-dialog{inline-size:min(27rem,calc(100vw - 2rem))}
dialog>.dialog-card,dialog>form.dialog-card{inline-size:100%;max-inline-size:100%;max-block-size:calc(100dvh - 2rem);margin:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
.dialog-card.wide-dialog,.dialog-card.media-dialog{width:100%;max-width:none}
.dialog-head{top:-25px}.dialog-actions{bottom:-25px}
.dialog-card textarea{resize:vertical;max-height:14rem}
.dialog-card img,.dialog-card video,.dialog-card svg{max-width:100%}
#scannerVideo{width:100%;max-height:min(42dvh,320px);object-fit:cover;border-radius:10px;background:#111}
@media(max-width:720px){dialog,dialog:has(.wide-dialog),dialog:has(.media-dialog),dialog.detail-dialog,dialog.login-dialog{inline-size:calc(100vw - 1rem);max-inline-size:calc(100vw - 1rem);max-block-size:calc(100dvh - 1rem)}dialog>.dialog-card,dialog>form.dialog-card{max-block-size:calc(100dvh - 1rem);padding:18px}.dialog-head{top:-18px;margin:-18px -18px 0;padding:16px 18px 12px}.dialog-actions{bottom:-18px;margin:2px -18px -18px;padding:12px 18px 16px}.dialog-actions .primary-btn,.dialog-actions .secondary-btn{flex:1}.detail-hero{align-items:start}}
@media(max-width:480px){dialog,dialog:has(.wide-dialog),dialog:has(.media-dialog),dialog.detail-dialog,dialog.login-dialog{inline-size:100vw;max-inline-size:100vw;max-block-size:100dvh;border-radius:0}dialog>.dialog-card,dialog>form.dialog-card{min-block-size:auto;max-block-size:100dvh}.dialog-actions{flex-wrap:wrap}.dialog-actions .danger-btn{width:100%;margin:0}.type-switch.six,.type-switch.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:600px) and (orientation:landscape){dialog{max-block-size:calc(100dvh - .5rem)}dialog>.dialog-card,dialog>form.dialog-card{max-block-size:calc(100dvh - .5rem);padding-block:14px}.dialog-head{top:-14px;margin-top:-14px;padding-block:10px}.dialog-actions{bottom:-14px;margin-bottom:-14px;padding-block:9px}}