.alert{--alert-bg:var(--system-bg);--alert-fg:var(--system-fg);--alert-border:var(--system-border);--alert-icon:var(--system-fg);--alert-p-x:var(--system-padding);--alert-p-y:var(--space-50);--alert-gap:var(--system-gap);--alert-width:100%;--alert-font-family:var(--system-font);--alert-font-size:var(--font-size-md);--alert-font-weight:var(--system-font-weight);--alert-line-height:var(--system-line-height);--alert-icon-size:var(--system-icon-size);--alert-border-width:var(--system-border-width);position:relative;display:flex;align-items:center;gap:var(--alert-gap);width:var(--alert-width);border:var(--alert-border-width) solid var(--alert-border);background:var(--alert-bg);color:var(--alert-fg);padding:var(--alert-p-y) var(--alert-p-x);font-family:var(--alert-font-family);font-size:var(--alert-font-size);font-weight:var(--alert-font-weight);line-height:var(--alert-line-height)}.alert svg{width:var(--alert-icon-size);height:var(--alert-icon-size);color:var(--alert-icon);flex-shrink:0}.alert-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-40)}.alert-header{justify-content:space-between}.alert-header,.alert-header-left{display:flex;align-items:center;gap:var(--alert-gap)}.alert-header-left,.alert-title{flex:1;min-width:0}.alert-title{font-weight:var(--font-weight-medium,500)}.alert-description{line-height:var(--alert-line-height)}.alert[data-variant=info]{--alert-bg:var(--surface-info);--alert-border:var(--border-info);--alert-icon:var(--surface-info-foreground)}.alert[data-variant=success]{--alert-bg:var(--surface-success);--alert-border:var(--border-success);--alert-icon:var(--surface-success-foreground)}.alert[data-variant=warning]{--alert-bg:var(--surface-warning);--alert-border:var(--border-warning);--alert-icon:var(--surface-warning-foreground)}.alert[data-variant=destructive],.alert[data-variant=error]{--alert-bg:var(--surface-destructive);--alert-border:var(--border-destructive);--alert-icon:var(--surface-destructive-foreground)}.alert[data-variant=lava],.alert[data-variant=news]{--alert-bg:var(--surface-lava);--alert-border:var(--border-lava);--alert-icon:var(--surface-lava-foreground)}.alert-dismiss{flex-shrink:0;cursor:pointer;background:none;border:none;padding:0;color:var(--alert-fg);opacity:.5;transition:opacity var(--system-transition)}.alert-dismiss:hover{opacity:1}.alert-action{flex-shrink:0;background:var(--system-bg);border:var(--alert-border-width) solid var(--system-border);padding:var(--space-30,6px) var(--space-50,12px);font-family:var(--alert-font-family);font-size:var(--alert-font-size);font-weight:var(--font-weight-semibold);line-height:var(--alert-line-height);color:var(--system-muted-fg);cursor:pointer;white-space:nowrap}