@layer components{.kso-alert{--alert-accent:var(--color-info-solid);--alert-tint:var(--color-info-subtle);gap:var(--gap-inline);align-items:flex-start;display:flex;position:relative}.kso-alert__icon{color:var(--alert-accent);margin-block-start:var(--space-0-5)}.kso-alert__body{gap:var(--gap-stack-tight);flex-direction:column;flex:1;min-width:0;display:flex}.kso-alert__text{max-width:var(--measure-default);text-wrap:var(--text-wrap-prose)}.kso-alert__actions{gap:var(--gap-inline-tight);flex:none;align-items:center;display:flex}.kso-alert--panel{padding:var(--pad-card);background-color:var(--color-surface-panel);border:var(--border-width-hairline) solid var(--color-border-subtle);border-radius:var(--radius-card);overflow:hidden}.kso-alert--panel:before{inset-block:var(--space-0);width:var(--border-width-marker);background-color:var(--alert-accent);content:"";position:absolute;inset-inline-start:var(--space-0)}.kso-alert--plain{padding-block:var(--space-1)}.kso-alert--tinted{padding:var(--pad-card);background-color:var(--alert-tint);border-radius:var(--radius-card)}.kso-alert--info{--alert-accent:var(--color-info-solid);--alert-tint:var(--color-info-subtle)}.kso-alert--success{--alert-accent:var(--color-success-solid);--alert-tint:var(--color-success-subtle)}.kso-alert--warning{--alert-accent:var(--color-warning-solid);--alert-tint:var(--color-warning-subtle)}.kso-alert--danger{--alert-accent:var(--color-danger-solid);--alert-tint:var(--color-danger-subtle)}.kso-alert--neutral{--alert-accent:var(--color-border-strong);--alert-tint:var(--color-surface-sunken)}.kso-alert--neutral .kso-alert__icon{color:var(--color-content-tertiary)}}