@layer components{.modal{width:min(100% - 2 * var(--gutter), 480px);max-height:calc(100dvh - 2 * var(--space-8));border-radius:var(--corner-xl);background:var(--surface-raised);color:var(--fg-primary);box-shadow:var(--elevation-3);border:none;margin:auto;padding:0}.modal--lg{width:min(100% - 2 * var(--gutter), 760px)}.modal::backdrop{background:var(--scrim)}.modal__panel{gap:var(--space-4);max-height:calc(100dvh - 2 * var(--space-8));padding:var(--space-6);flex-direction:column;display:flex}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.modal__body{min-height:0;margin:calc(var(--space-1) * -1);padding:var(--space-1);color:var(--fg-secondary);line-height:var(--line-height-body);flex:auto;overflow-y:auto}.modal__stack{gap:var(--space-4);flex-direction:column;display:flex}.modal__text{margin:0}.modal__footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=479px){.modal__footer{flex-direction:column-reverse}.modal__footer>*{width:100%}}}