.at-modal{border:1px solid var(--border-subtle);background:var(--bg-raised);color:var(--text-primary);box-shadow:var(--shadow-overlay);overscroll-behavior:contain;padding:0;overflow:auto}.at-modal::backdrop{background:#13151080}.at-modal:focus{outline:none}.at-modal__panel{min-height:100%;padding:var(--space-5);flex-direction:column;gap:20px;display:flex}.at-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.at-modal__title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:650;line-height:30px}.at-modal__title.at-sr+.at-modal__close{margin-inline-start:auto}.at-modal__close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:-4px -4px 0 0;padding:0;display:inline-flex}.at-modal__close:hover{background:var(--bg-sunken)}.at-modal__body{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.at-modal--dialog{width:min(480px, 100% - 2 * var(--space-4));max-width:none;max-height:calc(100dvh - 2 * var(--space-4));margin:clamp(var(--space-4), 12vh, 120px) auto auto;border-radius:var(--radius-lg)}.at-modal--sheet{border:0;max-width:none;max-height:none;margin:0}.at-modal--left,.at-modal--right{width:min(288px,100% - 48px);height:100dvh;inset-block:0}.at-modal--left{inset-inline:0 auto}.at-modal--right{inset-inline:auto 0}.at-modal--bottom{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:85dvh;inset-block:auto 0;inset-inline:0}.at-modal--sheet .at-modal__panel{padding:var(--space-4)}@media (prefers-reduced-motion:no-preference){.at-modal,.at-modal::backdrop{transition:opacity .16s ease-out, transform .2s ease-out, display .2s allow-discrete, overlay .2s allow-discrete}.at-modal:not([open]),.at-modal:not([open])::backdrop{opacity:0}.at-modal--dialog:not([open]){transform:translateY(8px)}.at-modal--left:not([open]){transform:translate(-100%)}.at-modal--right:not([open]){transform:translate(100%)}.at-modal--bottom:not([open]){transform:translateY(100%)}@starting-style{.at-modal[open],.at-modal[open]::backdrop{opacity:0}.at-modal--dialog[open]{transform:translateY(8px)}.at-modal--left[open]{transform:translate(-100%)}.at-modal--right[open]{transform:translate(100%)}.at-modal--bottom[open]{transform:translateY(100%)}}}