.dialog-backdrop{z-index:1000;opacity:0;will-change:transform,opacity;background:#0000004d;position:fixed;inset:0}.dialog-backdrop[data-state=closed]{pointer-events:none;animation:.15s ease-in forwards dialog-backdrop-animate-out}@keyframes dialog-backdrop-animate-out{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(-2px)}}.dialog-backdrop[data-state=open]{animation:.15s ease-out forwards dialog-content-animate-in}@keyframes dialog-content-animate-in{0%{opacity:0;transform:scale(.95)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.dialog{z-index:1001;box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-overlay);width:100%;max-width:calc(100% - 2rem);color:var(--color-text);font-family:var(--font-heading);text-align:center;border-radius:8px;flex-direction:column;gap:16px;margin:0;padding:32px 24px 24px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000002e}.dialog-title{color:var(--color-primary);margin:0;font-size:1.25rem;font-weight:700}.dialog-description{color:var(--color-text);margin:0;font-size:1rem}@media (min-width:40rem){.dialog{text-align:left;max-width:32rem}}.dialog-close{color:var(--color-highlight);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:0;padding:0;font-size:18px;line-height:1;position:absolute;top:1rem;right:1rem}.dialog-close:hover{color:var(--color-primary)}