.dialog-container{z-index:50;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.dialog-container--fullscreen{justify-content:stretch;align-items:stretch}.dialog-container--side{justify-content:flex-end;align-items:stretch}.dialog-overlay{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-overlay--subtle{background:#00000040}.dialog-box{z-index:10;border-radius:12px;position:relative;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.dark .dialog-box{border:1px solid rgb(var(--color-border-dark))}.dialog-box--fullscreen{border:none;border-radius:0;width:100%;height:100%;max-height:100%}.dialog-box--side{border-right:none;border-radius:12px 0 0 12px;width:min(720px,100vw);height:100%;max-height:100%;box-shadow:-4px 0 32px #0006}.dialog-close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:1.4rem;position:absolute;top:16px;right:16px}.dialog-close:hover{color:#374151}@media (max-width:767px){.dialog-mobile-full-height{max-height:100dvh;height:100dvh!important}}