@layer arche.base;@layer arche.components{.arche-alert{align-items:start;gap:var(--arche-spacing-3);padding:.875rem var(--arche-spacing-4);color:var(--arche-color-text);background:var(--arche-color-surface-raised);border:1px solid var(--arche-color-border);border-radius:var(--arche-radius-lg);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.arche-alert[data-variant=info]{background:var(--arche-color-info-soft);border-color:var(--arche-color-info-border)}.arche-alert[data-variant=success]{background:var(--arche-color-success-soft);border-color:var(--arche-color-success-border)}.arche-alert[data-variant=warning]{background:var(--arche-color-warning-soft);border-color:var(--arche-color-warning-border)}.arche-alert[data-variant=danger]{background:var(--arche-color-danger-soft);border-color:var(--arche-color-danger-border)}.arche-alert__icon{color:var(--arche-color-text-muted);margin-top:.1rem}.arche-alert[data-variant=info]>.arche-alert__icon{color:var(--arche-color-info)}.arche-alert[data-variant=success]>.arche-alert__icon{color:var(--arche-color-success)}.arche-alert[data-variant=warning]>.arche-alert__icon{color:var(--arche-color-warning)}.arche-alert[data-variant=danger]>.arche-alert__icon{color:var(--arche-color-danger)}.arche-alert__content{min-width:0;display:grid}.arche-alert__message{gap:.125rem;min-width:0;display:grid}.arche-alert__title{font-weight:var(--arche-font-weight-semibold);color:var(--arche-color-text-strong);margin:0}.arche-alert__description>:where(:first-child){margin-top:0}.arche-alert__description>:where(:last-child){margin-bottom:0}.arche-alert__actions{align-items:center;gap:var(--arche-spacing-2);margin-top:var(--arche-spacing-2);flex-wrap:wrap;display:flex}.arche-alert__dismiss{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;margin:-.125rem -.375rem -.125rem 0;padding:0;display:inline-flex}.arche-alert__dismiss:hover{color:var(--arche-color-text-strong);background:var(--arche-color-hover)}.arche-alert__dismiss:active{background:var(--arche-color-press)}}