@layer components{:root{--dialog-z:50;--dialog-duration:var(--transition-duration);--dialog-overlay-bg:var(--color-overlay);--dialog-content-bg:var(--color-white);--dialog-content-font-size:inherit;--dialog-content-radius:var(--radius-lg);--dialog-content-gap:1rem;--dialog-content-padding:1.25rem;--dialog-content-w-xs:342px;--dialog-content-w-sm:520px;--dialog-content-w-md:640px;--dialog-content-w-lg:720px;--dialog-content-w-xl:1200px;--dialog-content-w-full:1600px;--dialog-close-inset:.125rem;--dialog-close-opacity:var(--disabled-opacity);--dialog-title-font-weight:500;--dialog-title-font-size:var(--text-xl);--dialog-title-line-height:1.5rem;--dialog-footer-justify:flex-end}:where(.dialog-overlay){scrollbar-width:none;z-index:var(--dialog-z);background-color:var(--dialog-overlay-bg);display:flex;position:fixed;inset:0;overflow-y:auto}:where(.dialog-overlay)::-webkit-scrollbar{display:none}:where(.dialog-content){width:100%;z-index:var(--dialog-z);gap:var(--dialog-content-gap);max-width:var(--dialog-content-w-md);border-radius:var(--dialog-content-radius);background-color:var(--dialog-content-bg);padding:var(--dialog-content-padding);font-size:var(--dialog-content-font-size);margin:auto;display:grid;position:relative}:where(.dialog-header){gap:var(--gap-default);flex-direction:column;display:flex}:where(.dialog-title){font-weight:var(--dialog-title-font-weight);font-size:var(--dialog-title-font-size);line-height:var(--dialog-title-line-height)}:where(.dialog-body){gap:var(--gap-default);display:grid}:where(.dialog-footer){gap:var(--gap-default);justify-content:var(--dialog-footer-justify);display:flex}:where(.dialog-content--xs){max-width:var(--dialog-content-w-xs)}:where(.dialog-content--sm){max-width:var(--dialog-content-w-sm)}:where(.dialog-content--lg){max-width:var(--dialog-content-w-lg)}:where(.dialog-content--xl){max-width:var(--dialog-content-w-xl)}:where(.dialog-content--full){max-width:var(--dialog-content-w-full)}:where(.dialog-close-btn){--btn-text:inherit;--btn-hover-bg:transparent;--btn-hover-border:transparent;top:var(--dialog-close-inset);right:var(--dialog-close-inset);position:absolute}:where(.dialog-close-btn)>svg{opacity:var(--dialog-close-opacity);transition:var(--transition-default)}@media (hover:hover){:where(.dialog-close-btn):hover>svg{opacity:1;transform:scale(1.15)}}@keyframes dialog-content-enter{0%{opacity:0;transform:scale(.95)}}@keyframes dialog-content-exit{to{opacity:0;transform:scale(.95)}}@keyframes dialog-overlay-enter{0%{opacity:0}}@keyframes dialog-overlay-exit{to{opacity:0}}:where(.dialog-overlay)[data-state=open]{animation:dialog-overlay-enter var(--dialog-duration) var(--transition-easing) both}:where(.dialog-overlay)[data-state=closed]{animation:dialog-overlay-exit var(--dialog-duration) var(--transition-easing) both}:where(.dialog-content)[data-state=open]{animation:dialog-content-enter var(--dialog-duration) var(--transition-easing) both}:where(.dialog-content)[data-state=closed]{animation:dialog-content-exit var(--dialog-duration) var(--transition-easing) both}}