@layer ui-components{.ui-dialog{transition:padding var(--ui-duration-enter) var(--ui-ease-in-out)}.ui-dialog-panel{border-radius:calc(var(--ui-radius-surface) + 4px);background:var(--ui-surface);max-block-size:85dvh;inline-size:min(28rem,100%);transition:inline-size var(--ui-duration-enter) var(--ui-ease-in-out), block-size var(--ui-duration-enter) var(--ui-ease-in-out), max-block-size var(--ui-duration-enter) var(--ui-ease-in-out), border-radius var(--ui-duration-enter) var(--ui-ease-in-out);color:var(--ui-text);box-shadow:var(--ui-panel-shadow);transform-origin:50%;outline:none;flex-direction:column;display:flex;overflow:hidden}.ui-dialog-panel--sm{inline-size:min(22rem,100%)}.ui-dialog-panel--lg{inline-size:min(38rem,100%)}.ui-dialog[data-contained] .ui-dialog-panel{max-block-size:100%;max-inline-size:100%}.ui-dialog-panel--maximized{border-radius:0}.ui-dialog-panel--resizing{animation:ui-dialog-resize-blur var(--ui-duration-enter) ease}@keyframes ui-dialog-resize-blur{0%,to{filter:blur()}45%{filter:blur(4px)}}.ui-dialog-header{padding:1.5rem 1.5rem 0;flex:none;gap:.25rem;padding-inline-end:2rem;display:grid}.ui-dialog-title{letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:600}.ui-dialog-description{color:var(--ui-text-muted);margin:0;font-size:.875rem;line-height:1.5}.ui-dialog-body{flex:auto;min-block-size:0;padding:1.5rem;overflow-y:auto}.ui-dialog-header+.ui-dialog-body{padding-block-start:.75rem}.ui-dialog-body:has(+.ui-dialog-footer){padding-block-end:0}.ui-dialog-footer{flex:none;justify-content:flex-end;gap:.5rem;padding:.75rem 1.5rem 1.5rem;display:flex}.ui-dialog-close,.ui-dialog-maximize{border-radius:calc(var(--ui-radius) - 6px);block-size:1.75rem;inline-size:1.75rem;color:inherit;opacity:.6;cursor:pointer;transition:transform var(--ui-duration-press) var(--ui-ease-out), opacity var(--ui-duration-press) ease, background-color var(--ui-duration-press) ease;background:0 0;border:0;place-items:center;display:grid}@media (hover:hover) and (pointer:fine){.ui-dialog-close:hover,.ui-dialog-maximize:hover{opacity:1;background:color-mix(in srgb, currentColor 8%, transparent)}}.ui-dialog-close:active,.ui-dialog-maximize:active{transform:scale(.94)}.ui-dialog-enter-active{transition:--ui-dialog-t var(--ui-duration-enter) var(--ui-ease-out)}.ui-dialog-leave-active{transition:--ui-dialog-t var(--ui-duration-exit) var(--ui-ease-out)}.ui-dialog-enter-from,.ui-dialog-leave-to{--ui-dialog-t:0}.ui-dialog-enter-active .ui-dialog-panel{transition:transform var(--ui-duration-enter) var(--ui-ease-out), opacity var(--ui-duration-enter) var(--ui-ease-out)}.ui-dialog-leave-active .ui-dialog-panel{transition:transform var(--ui-duration-exit) var(--ui-ease-out), opacity var(--ui-duration-exit) var(--ui-ease-out)}.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog-leave-to .ui-dialog-panel{opacity:0;transform:scale(.96)}.ui-dialog-overlay{transition:opacity var(--ui-duration-exit) var(--ui-ease-out)}.ui-dialog-enter-active .ui-dialog-overlay{transition:opacity var(--ui-duration-enter) var(--ui-ease-out)}.ui-dialog-enter-from .ui-dialog-overlay,.ui-dialog-leave-to .ui-dialog-overlay,.ui-dialog[data-state=closing] .ui-dialog-overlay{opacity:0}@starting-style{.ui-dialog-overlay{opacity:0}}.ui-dialog--top.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog--top.ui-dialog-leave-to .ui-dialog-panel{transform:translateY(-12px)}.ui-dialog--bottom.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog--bottom.ui-dialog-leave-to .ui-dialog-panel{transform:translateY(12px)}.ui-dialog--left .ui-dialog-panel,.ui-dialog--right .ui-dialog-panel{block-size:100dvh;max-block-size:100dvh;inline-size:min(20rem,90vw)}.ui-dialog--left .ui-dialog-panel--sm,.ui-dialog--right .ui-dialog-panel--sm{inline-size:min(22rem,90vw)}.ui-dialog--left .ui-dialog-panel--lg,.ui-dialog--right .ui-dialog-panel--lg{inline-size:min(38rem,90vw)}.ui-dialog[data-contained].ui-dialog--left .ui-dialog-panel,.ui-dialog[data-contained].ui-dialog--right .ui-dialog-panel{block-size:100%;inline-size:min(20rem,90%)}.ui-dialog[data-contained].ui-dialog--left .ui-dialog-panel--sm,.ui-dialog[data-contained].ui-dialog--right .ui-dialog-panel--sm{inline-size:min(22rem,90%)}.ui-dialog[data-contained].ui-dialog--left .ui-dialog-panel--lg,.ui-dialog[data-contained].ui-dialog--right .ui-dialog-panel--lg{inline-size:min(38rem,90%)}.ui-dialog--left .ui-dialog-panel{border-start-start-radius:0;border-end-start-radius:0}.ui-dialog--right .ui-dialog-panel{border-start-end-radius:0;border-end-end-radius:0}.ui-dialog--left.ui-dialog-enter-active .ui-dialog-panel,.ui-dialog--left.ui-dialog-leave-active .ui-dialog-panel,.ui-dialog--right.ui-dialog-enter-active .ui-dialog-panel,.ui-dialog--right.ui-dialog-leave-active .ui-dialog-panel{transition-duration:var(--ui-duration-drawer);transition-timing-function:var(--ui-ease-drawer), var(--ui-ease-out)}.ui-dialog--left.ui-dialog-enter-active,.ui-dialog--left.ui-dialog-leave-active,.ui-dialog--right.ui-dialog-enter-active,.ui-dialog--right.ui-dialog-leave-active,.ui-dialog--left.ui-dialog-enter-active .ui-dialog-overlay,.ui-dialog--left.ui-dialog-leave-active .ui-dialog-overlay,.ui-dialog--right.ui-dialog-enter-active .ui-dialog-overlay,.ui-dialog--right.ui-dialog-leave-active .ui-dialog-overlay{transition-duration:var(--ui-duration-drawer)}.ui-dialog--left.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog--left.ui-dialog-leave-to .ui-dialog-panel{opacity:1;transform:translate(-100%)}.ui-dialog--right.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog--right.ui-dialog-leave-to .ui-dialog-panel{opacity:1;transform:translate(100%)}@media (prefers-reduced-motion:reduce){.ui-dialog-enter-active .ui-dialog-panel,.ui-dialog-leave-active .ui-dialog-panel{transition:opacity var(--ui-duration-enter) var(--ui-ease-out)}.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog-leave-to .ui-dialog-panel,.ui-dialog--top.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog--top.ui-dialog-leave-to .ui-dialog-panel,.ui-dialog--bottom.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog--bottom.ui-dialog-leave-to .ui-dialog-panel,.ui-dialog--left.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog--left.ui-dialog-leave-to .ui-dialog-panel,.ui-dialog--right.ui-dialog-enter-from .ui-dialog-panel,.ui-dialog--right.ui-dialog-leave-to .ui-dialog-panel,.ui-dialog-close:active,.ui-dialog-maximize:active{transform:none}.ui-dialog,.ui-dialog-panel{transition:none}.ui-dialog-enter-active{transition:--ui-dialog-t var(--ui-duration-enter) var(--ui-ease-out)}.ui-dialog-leave-active{transition:--ui-dialog-t var(--ui-duration-exit) var(--ui-ease-out)}.ui-dialog-panel--resizing{animation:none}}}
