@layer arche.base;@layer arche.components{:root{--arche-page-inline:max(var(--arche-layout-gutter), (100% - var(--arche-layout-width-page)) / 2)}.arche-dialog__scrim{z-index:var(--arche-z-index-modal);background:var(--arche-color-scrim);transition:opacity var(--arche-duration-base) var(--arche-easing-standard);position:fixed;inset:0}.arche-dialog__scrim:is([data-starting-style],[data-ending-style]){opacity:0}.arche-dialog{z-index:var(--arche-z-index-modal);gap:var(--arche-spacing-4);box-sizing:border-box;width:min(100% - 2 * var(--arche-spacing-4), 36rem);height:fit-content;max-height:calc(100dvh - 2 * var(--arche-spacing-4));padding:var(--arche-spacing-5);color:var(--arche-color-text);background:var(--arche-color-surface-overlay);border-radius:var(--arche-radius-lg);box-shadow:var(--arche-elevation-overlay);transition:opacity var(--arche-duration-base) var(--arche-easing-standard), translate var(--arche-duration-base) var(--arche-easing-standard);border:1px solid #0000;flex-direction:column;margin:auto;display:flex;position:fixed;inset:0}.arche-dialog[data-size=sm]{width:min(100% - 2 * var(--arche-spacing-4), 26rem)}.arche-dialog[data-size=lg]{width:min(100% - 2 * var(--arche-spacing-4), 52rem)}.arche-dialog[data-starting-style]{opacity:0;translate:0 var(--arche-spacing-2)}.arche-dialog[data-ending-style]{opacity:0;transition-duration:var(--arche-duration-fast)}.arche-dialog__header{gap:var(--arche-spacing-1);flex:none;display:grid}.arche-dialog__header>:not(.arche-dialog__title,.arche-dialog__description){justify-self:start}.arche-dialog:not([role=alertdialog])>.arche-dialog__header{padding-inline-end:var(--arche-spacing-8)}.arche-dialog__title{font-size:var(--arche-font-size-md);font-weight:var(--arche-font-weight-semibold);line-height:var(--arche-font-line-height-heading);color:var(--arche-color-text-strong);margin:0}.arche-dialog__title[data-visually-hidden]{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.arche-dialog__description{color:var(--arche-color-text-muted);margin:0}.arche-dialog__body{min-height:0;margin:calc(-1 * var(--arche-spacing-2)) calc(-1 * var(--arche-spacing-5));padding:var(--arche-spacing-2) var(--arche-spacing-5);overscroll-behavior:contain;flex:auto;overflow-y:auto}.arche-dialog__body:focus-visible{outline-offset:-2px}.arche-dialog__body>:where(:first-child){margin-top:0}.arche-dialog__body>:where(:last-child){margin-bottom:0}.arche-dialog__actions{justify-content:flex-end;gap:var(--arche-spacing-2);flex-wrap:wrap;flex:none;display:flex}.arche-dialog__close{width:1.75rem;height:1.75rem;color:var(--arche-color-text-muted);border-radius:var(--arche-radius-md);cursor:pointer;transition:color var(--arche-duration-fast) var(--arche-easing-standard), background-color var(--arche-duration-fast) var(--arche-easing-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block-start:var(--arche-spacing-4);inset-inline-end:var(--arche-spacing-4)}.arche-dialog__close:hover{color:var(--arche-color-text-strong);background:var(--arche-color-hover)}.arche-dialog__close:active{background:var(--arche-color-press)}.arche-dialog[data-size=fullscreen]{--arche-dialog-inline:var(--arche-page-inline);background:var(--arche-color-bg);border-radius:var(--arche-radius-none);outline-offset:-1px;width:100%;height:100dvh;max-height:none;box-shadow:none;border:0;outline:1px solid #0000;gap:0;margin:0;padding:0}.arche-dialog[data-size=fullscreen]>.arche-dialog__header{box-sizing:border-box;min-height:3.5rem;padding-block:var(--arche-spacing-2);padding-inline:var(--arche-dialog-inline) calc(var(--arche-dialog-inline) + 2.25rem + var(--arche-spacing-2));align-content:center}.arche-dialog[data-size=fullscreen] .arche-dialog__title{font:var(--arche-typography-label);letter-spacing:var(--arche-typography-label-letter-spacing);text-transform:var(--arche-typography-label-text-transform);color:var(--arche-color-text-subtle)}.arche-dialog[data-size=fullscreen]>.arche-dialog__body{padding:var(--arche-spacing-2) var(--arche-dialog-inline) var(--arche-spacing-12);margin:0}.arche-dialog[data-size=fullscreen]>.arche-dialog__actions{padding:var(--arche-spacing-4) var(--arche-dialog-inline)}.arche-dialog[data-size=fullscreen]>.arche-dialog__close{width:2.25rem;height:2.25rem;color:var(--arche-color-text);inset-block-start:.625rem;inset-inline-end:var(--arche-dialog-inline)}.arche-dialog[data-size=fullscreen][data-starting-style]{translate:none}@media (prefers-reduced-motion:reduce){.arche-dialog[data-starting-style]{translate:none}}}