.modal{z-index:70;padding:0 1rem calc(1rem + var(--safe-bottom));place-items:end center;display:grid;position:fixed;inset:0}.modal-backdrop{background:color-mix(in srgb,var(--color-text)28%,transparent);border:0;animation:.22s ease-out modal-backdrop-in;position:absolute;inset:0}.modal-panel{z-index:1;border:1px solid var(--color-border);background:var(--color-bg);border-radius:1.25rem 1.25rem 0 0;outline:none;width:100%;max-width:22.5rem;padding:1.25rem 1.25rem 1.5rem;animation:.22s cubic-bezier(.22,1,.36,1) modal-in;position:relative}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in-center{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:768px){.modal{place-items:center;padding:1.5rem}.modal-panel{border-radius:1.25rem;animation-name:modal-in-center}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal-panel{animation:none}}