.alert{align-items:flex-start;gap:var(--spacing-s);padding:var(--spacing-m);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--alert-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--alert-color) 25%, transparent);display:flex}.alert__icon{color:var(--alert-color);flex-shrink:0;align-items:center;display:inline-flex}.alert__body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.alert__header{align-items:center;gap:var(--spacing-xs);display:flex}.alert__message--indented{margin-left:calc(20px + var(--spacing-xs))}.alert__title{color:var(--color-black)}.alert__message{color:var(--color-darkGray)}.alert__dismiss{width:20px;height:20px;color:var(--color-gray);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.alert__dismiss:hover{color:var(--color-darkGray)}.alert--info{--alert-color:var(--color-main)}.alert--success{--alert-color:var(--color-success)}.alert--warning{--alert-color:var(--color-warn)}.alert--danger{--alert-color:var(--color-error)}