@layer modal{.modal{width:min(32rem,100vw - 1.5rem);max-height:min(90dvh,52rem);color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:var(--radius);overscroll-behavior:contain;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 64px oklch(12% .02 100/.35)}.modal::backdrop{background:var(--overlay,oklch(12% .015 100/.65));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal[open]{animation:.2s ease-out modal-in}.modal[open]::backdrop{animation:.2s ease-out fade-in}.modal__panel{max-height:inherit;gap:1rem;padding:1.5rem;display:grid;position:relative;overflow-y:auto}.modal__close{z-index:1;width:2.25rem;height:2.25rem;color:var(--muted-foreground);background:var(--background);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.modal__close:hover{color:var(--foreground);background:var(--muted)}.modal__close svg{width:1.125rem;height:1.125rem}.modal__title{font-family:var(--font-display);padding-right:2.5rem;font-size:1.5rem;font-weight:400;line-height:1.25}.modal__description{color:var(--muted-foreground);font-size:.875rem}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(.5rem)scale(.985)}}@media (width<=440px){.modal__panel{padding:1.25rem}}}