.dialog{width:min(100% - 2rem,34rem);max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);color:var(--ink);--sec-ink:var(--ink);--sec-muted:#0108339e;background:#fff;border:0;margin:auto;padding:0}.dialog[data-size=lg]{width:min(100% - 2rem,52rem)}.dialog[data-tone=dark]{background:var(--ink);color:#fbfbfb;--sec-ink:#fbfbfb;--sec-muted:#fbfbfbb8}.dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0108338c}.dialogBox{flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.dialogHead{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dialogTitle{margin:0;font-size:1.5rem}.dialog[data-tone=dark] .dialogTitle{color:#fbfbfb}.dialogClose{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:inherit;cursor:pointer;background:#0108330f;border:0;flex:none;place-items:center;transition:opacity 50ms linear;display:grid}.dialog[data-tone=dark] .dialogClose{background:#ffffff1f}.dialogClose:hover{opacity:.7}.dialogBody{color:var(--sec-muted);flex-direction:column;gap:1rem;font-size:1rem;line-height:1.5;display:flex}.dialogBody p{margin:0}.dialogActions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}@media (max-width:1279px) and (any-pointer:coarse),(max-width:767px){.dialogClose{width:44px;height:44px}}
