.modal{border:1px solid rgb(var(--color-text-rgb) / 18%);width:min(100% - 2rem,30rem);color:var(--color-text);box-shadow:0 1.5rem 4rem rgb(var(--color-text-rgb) / 24%);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);opacity:0;transition:opacity .18s ease-out, transform .18s ease-out, display .18s allow-discrete, overlay .18s allow-discrete;background:#fffffff5;border-radius:.6rem;margin:auto;padding:0;transform:translateY(.75rem)scale(.98)}.modal[open]{opacity:1;transform:none}.modal::backdrop{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);transition:background .18s ease-out, display .18s allow-discrete, overlay .18s allow-discrete;background:0 0}.modal[open]::backdrop{background:rgb(var(--color-text-rgb) / 40%)}.modal .modal__content{gap:1rem;padding:1.5rem;display:grid}.modal .modal__buttons{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}@starting-style{.modal[open]{opacity:0;transform:translateY(.75rem)scale(.98)}.modal[open]::backdrop{background:0 0}}@media (prefers-reduced-motion:reduce){.modal,.modal::backdrop{transition:none}}