:root{--s-alert-padding:var(--s-content-padding);--s-alert-font-size:var(--s-font-size);--s-alert-border-radius:var(--s-border-radius);--s-alert-icon-margin-end:var(--s-size-xs);--s-alert-close-font-size:var(--s-font-size);--s-alert-close-padding:var(--s-size-xs)}.s-alert{display:flex;align-items:center;padding:var(--s-alert-padding);font-size:var(--s-alert-font-size);border-radius:var(--s-alert-border-radius)}.s-alert--primary{color:var(--s-color-primary);background:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg))}.s-alert--success{color:var(--s-color-success);background:rgba(var(--s-color-success-rgb), var(--s-opacity-theme-bg))}.s-alert--warning{color:var(--s-color-warning);background:rgba(var(--s-color-warning-rgb), var(--s-opacity-theme-bg))}.s-alert--danger{color:var(--s-color-danger);background:rgba(var(--s-color-danger-rgb), var(--s-opacity-theme-bg))}.s-alert__icon{margin-inline-end:var(--s-alert-icon-margin-end);line-height:1}.s-alert__content{flex:1;overflow:hidden}.s-alert__close{font-size:var(--s-alert-close-font-size);padding:var(--s-alert-close-padding);margin:calc(var(--s-alert-close-padding)*-1);margin-inline-start:0;cursor:pointer}.s-alert--square{border-radius:0}