.alert{--alert-bg:var(--bg-accent-blue-subtlest);--alert-border:var(--border-info);--alert-title:var(--text-default);--alert-message:var(--text-secondary);--alert-action:var(--text-info);align-items:start;gap:var(--space-200);box-sizing:border-box;width:100%;padding:var(--space-400);border-radius:var(--radius-surface);border:var(--border-width-default) solid color-mix(in srgb, var(--alert-border) 24%, transparent);background:color-mix(in srgb, var(--alert-bg) 92%, transparent);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon main";display:grid}.alert--has-close{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon main close"}.alert--title-only{align-items:center}.alert--info{--alert-bg:var(--bg-accent-blue-subtlest);--alert-border:var(--border-info);--alert-action:var(--text-info)}.alert--success{--alert-bg:var(--bg-success-subtlest);--alert-border:var(--border-success);--alert-action:var(--text-success)}.alert--warning{--alert-bg:var(--bg-warning-subtlest);--alert-border:var(--border-warning);--alert-action:var(--text-warning)}.alert--error{--alert-bg:var(--bg-danger-subtlest);--alert-border:var(--border-danger);--alert-action:var(--text-danger)}.alert__icon-wrap{margin-top:var(--space-050);flex-shrink:0;grid-area:icon;justify-content:center;align-items:center;display:inline-flex}.alert--title-only .alert__icon-wrap{margin-top:0}.alert__main{align-items:flex-start;gap:var(--space-300);flex-direction:column;grid-area:main;min-width:0;display:flex}.alert__content{gap:var(--space-100);width:100%;min-width:0;padding-top:var(--space-050);display:grid}.alert--title-only .alert__content{padding-top:0}.alert__title{font-family:var(--font-label), system-ui, sans-serif;font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-700);color:var(--alert-title);margin:0}.alert__message{font-family:var(--font-body), system-ui, sans-serif;font-size:var(--font-size-200);font-weight:var(--font-weight-regular);line-height:var(--line-height-900);color:var(--alert-message);margin:0}.alert__action.btn.btn--ghost{padding-inline:var(--space-200);color:var(--alert-action);border-radius:var(--radius-control);margin:0}.alert__action.btn.btn--ghost:hover:not(:disabled){color:var(--alert-action);background:color-mix(in srgb, var(--alert-border) 12%, transparent)}.alert__action.btn.btn--ghost:active:not(:disabled){background:color-mix(in srgb, var(--alert-border) 18%, transparent)}.alert__close{width:var(--size-component-small);height:var(--size-component-small);border-radius:var(--radius-control);color:var(--icon-secondary);cursor:pointer;margin-top:var(--space-negative-050);transition:background var(--motion-duration-instant) var(--motion-easing-standard), color var(--motion-duration-instant) var(--motion-easing-standard);background:0 0;border:0;flex-shrink:0;grid-area:close;justify-content:center;align-items:center;display:inline-flex}.alert--title-only .alert__close{margin-top:0}.alert__close:hover{color:var(--text-default);background:color-mix(in srgb, var(--alert-border) 12%, transparent)}.alert__close:focus-visible{outline:var(--border-width-focus) solid var(--border-focus);outline-offset:var(--depth-050)}