@layer theme{:root,:host{--color-gray-200:oklch(92.8% .006 264.531);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--radius-lg:.5rem;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}}[x-cloak]{display:none!important}dialog[x-modal]{text-align:left;background:var(--color-white);border-radius:var(--radius-lg);width:min(90vw,36rem);max-height:calc(100dvh - 6rem);box-shadow:var(--shadow-xl);color:var(--color-gray-900);opacity:0;transition:opacity .15s ease-in,display .15s allow-discrete,overlay .15s allow-discrete;border:0;padding:1.5rem;overflow:auto}dialog[x-modal][open]{opacity:1;transition-timing-function:ease-out}@starting-style{dialog[x-modal][open]{opacity:0}}dialog[x-modal]::backdrop{background:#4a5565cc}@supports (color:color-mix(in lab,red,red)){dialog[x-modal]::backdrop{background:color-mix(in oklab,var(--color-gray-600) 80%,transparent)}}dialog[x-modal]::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .15s ease-in,display .15s allow-discrete,overlay .15s allow-discrete}dialog[x-modal][open]::backdrop{opacity:1;transition-timing-function:ease-out}@starting-style{dialog[x-modal][open]::backdrop{opacity:0}}@media(prefers-reduced-motion:reduce){dialog[x-modal],dialog[x-modal]::backdrop{transition:none}}dialog[x-modal]:has(.modal-header){padding:0;overflow:hidden}dialog[x-modal] .modal-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;display:flex}dialog[x-modal] .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;line-height:1.75rem}dialog[x-modal] .modal-body{padding:1.5rem;overflow:auto}dialog[x-modal] [x-modal-close]{appearance:none;z-index:1;cursor:pointer;color:var(--color-gray-900);background:0 0;border:0;align-items:center;margin:0;padding:.5rem;display:flex;position:absolute;top:.5rem;right:.5rem}dialog[x-modal] [x-modal-close] svg{width:1.25rem;height:1.25rem}dialog[x-modal] .modal-header [x-modal-close]{flex:none;position:static}
