.tct-alert{--_alert-primary:#1c71dc;--_alert-surface:#f0f6fd;--_alert-border:#ddeafa;padding:var(--space-s);border-radius:var(--radius-m);background:var(--_alert-surface);border:2px solid var(--_alert-border);display:flex;gap:var(--space-xs);margin-block:var(--space-s);position:relative;overflow:hidden}.tct-alert[data-type="success"]{--_alert-primary:#3c763d;--_alert-surface:#e6f1e1;--_alert-border:#cae6be}.tct-alert[data-type="warning"]{--_alert-primary:#c87c18;--_alert-surface:#fef6ea;--_alert-border:#faebd5}.tct-alert[data-type="error"]{--_alert-primary:#e0281f;--_alert-surface:#feebea;--_alert-border:#fbd6d4}.tct-alert:not(:has(.tct-alert__body)){align-items:center}.tct-alert::before{content:"";width:5px;position:absolute;top:0;left:0;height:100%;background:var(--_alert-primary)}.tct-alert__body{display:flex;flex-direction:column;gap:var(--space-xxs)}.tct-alert__icon{flex-shrink:0;width:2em;height:2em;color:var(--_alert-primary)}.tct-alert__title{font-size:var(--fs-text-l);font-weight:var(--headline-font-weight);margin-bottom:0;color:var(--_alert-primary)}