@layer heidi-ui{:where([dir=ltr]){--_hui-dialog-inline-end-translate:100%;--_hui-dialog-inline-start-translate:-100%}:where([dir=rtl]){--_hui-dialog-inline-end-translate:-100%;--_hui-dialog-inline-start-translate:100%}.hui-dialog-trigger{background:var(--hui-color-bg-elevated);border:var(--hui-border-width) var(--hui-border-style) var(--hui-color-border-default);border-radius:var(--hui-radius-md);color:var(--hui-color-fg-default);cursor:pointer;font:inherit;padding:var(--hui-space-1-5) var(--hui-space-3)}.hui-dialog-trigger:disabled,.hui-dialog-trigger[data-disabled=true]{cursor:not-allowed;opacity:.5}.hui-dialog-trigger:focus-visible,.hui-dialog-close:focus-visible{outline:var(--hui-focus-ring-width) solid var(--hui-color-focus-ring);outline-offset:var(--hui-focus-ring-offset)}.hui-dialog-trigger[data-popup-open=true]{background:var(--hui-color-interactive-ghost-bg-hover);color:var(--hui-color-fg-strong)}.hui-dialog-content{background:var(--hui-color-bg-raised);border-radius:var(--hui-radius-2xl);box-shadow:var(--hui-shadow-surface-xl);color:var(--hui-color-fg-default);opacity:0;inline-size:32rem;padding:var(--hui-space-5);transition-duration:var(--hui-duration-fast);transition-property:display,opacity,overlay,transform;transition-timing-function:var(--hui-ease-out);border:0;transform:scale(.97)}.hui-dialog-content[data-state=open]{opacity:1;transform:none}.hui-dialog-content[data-state=closed]{opacity:0}.hui-dialog-content[data-starting-style=true],.hui-dialog-content[data-ending-style=true]{will-change:opacity, transform}.hui-dialog-content[data-side=left],.hui-dialog-content[data-side=right]{opacity:1;border-radius:0;flex-direction:column;inline-size:min(30rem,100dvi);display:flex}.hui-dialog-content[data-side=left]{transform:translateX(var(--_hui-dialog-inline-start-translate,-100%))}.hui-dialog-content[data-side=right]{transform:translateX(var(--_hui-dialog-inline-end-translate,100%))}.hui-dialog-content[data-side=left][data-state=open],.hui-dialog-content[data-side=right][data-state=open]{transform:none}.hui-dialog-content::backdrop{background:var(--hui-color-overlay);opacity:0;transition-duration:var(--hui-duration-fast);transition-property:display,opacity,overlay;transition-timing-function:var(--hui-ease-out)}.hui-dialog-content[data-state=open]::backdrop{opacity:1}@starting-style{.hui-dialog-content[data-state=open]{opacity:0;transform:scale(.97)}.hui-dialog-content[data-side=left][data-state=open]{opacity:1;transform:translateX(var(--_hui-dialog-inline-start-translate,-100%))}.hui-dialog-content[data-side=right][data-state=open]{opacity:1;transform:translateX(var(--_hui-dialog-inline-end-translate,100%))}.hui-dialog-content[data-state=open]::backdrop{opacity:0}}.hui-dialog-title{font-size:var(--hui-text-heading-3-size);font-weight:var(--hui-font-weight-medium);margin:0 0 var(--hui-space-2)}.hui-dialog-title:focus-visible{outline:none}.hui-dialog-description{color:var(--hui-color-fg-muted);font-size:var(--hui-text-body-size);margin:0 0 var(--hui-space-4)}.hui-dialog-close{border:var(--hui-border-width) var(--hui-border-style) var(--hui-color-border-default);border-radius:var(--hui-radius-sm);color:var(--hui-color-fg-muted);cursor:pointer;font:inherit;min-block-size:calc(var(--hui-space-3) * 2);padding:var(--hui-space-0-5) var(--hui-space-2);background:0 0}.hui-dialog-close:disabled,.hui-dialog-close[data-disabled=true]{cursor:not-allowed;opacity:.5}@media (prefers-reduced-motion:reduce){.hui-dialog-content,.hui-dialog-content::backdrop{transition-duration:0s}}@media (forced-colors:active){.hui-dialog-content{border:var(--hui-border-width) solid CanvasText}.hui-dialog-content::backdrop{opacity:.72;background:canvas}.hui-dialog-trigger,.hui-dialog-close{border-color:canvastext}.hui-dialog-trigger:focus-visible,.hui-dialog-close:focus-visible{outline-color:highlight}.hui-dialog-trigger:disabled,.hui-dialog-trigger[data-disabled=true],.hui-dialog-close:disabled,.hui-dialog-close[data-disabled=true]{color:graytext;opacity:1;border-color:graytext}}}