@layer components{.dialog__scrim{background-color:var(--surface-scrim);animation:dialog-scrim-in var(--m-fast) var(--ease-standard);position:fixed;inset:0}.dialog{inline-size:var(--measure-narrow);max-inline-size:calc(100% - var(--s-6) * 2);max-block-size:calc(100% - var(--s-6) * 2);border-radius:var(--r-xl);background-color:var(--surface-card);border:var(--w-hair) solid var(--border-subtle);box-shadow:var(--e-3);font-family:var(--f-sans);color:var(--text-secondary);animation:dialog-in var(--m-fast) var(--ease-standard);flex-direction:column;display:flex;position:fixed;inset-block-start:50%;inset-inline-start:50%;overflow:hidden;transform:translate(-50%,-50%)}.dialog__scroll{gap:var(--s-4);min-block-size:0;padding:var(--s-6);flex-direction:column;display:flex;overflow-y:auto}.dialog[data-width=wide]{inline-size:var(--l-column)}.dialog:focus-visible{outline:var(--w-focus) solid var(--border-focus);outline-offset:0}.dialog__title{font-size:var(--t-xl);font-weight:var(--fw-semi);line-height:var(--lh-tight);color:var(--text-primary);margin:0}.dialog__actions{gap:var(--s-2);padding-block:var(--s-4);background-color:var(--surface-card);border-block-start:var(--w-hair) solid var(--border-subtle);flex-wrap:wrap;margin-block-end:calc(var(--s-6) * -1);display:flex;position:sticky;inset-block-end:calc(var(--s-6) * -1)}.dialog[data-state=closed]{animation:dialog-out var(--m-fast) var(--ease-standard)}.dialog__scrim[data-state=closed]{animation:dialog-scrim-out var(--m-fast) var(--ease-standard)}@keyframes dialog-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-scrim-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%, calc(-50% + var(--s-3)))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes dialog-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%, calc(-50% + var(--s-3)))}}@media (prefers-reduced-motion:reduce){.dialog,.dialog[data-state=closed],.dialog__scrim,.dialog__scrim[data-state=closed]{animation:none}}}