.alert{border:1px solid #0000;border-left-width:4px;border-radius:.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;display:grid;position:relative}.alert--info{background-color:var(--info-color-light);border-color:var(--info-color);color:var(--info-text-color)}.alert--success{background-color:var(--success-color-light);border-color:var(--success-color);color:var(--success-text-color)}.alert--warning{background-color:var(--warning-color-light);border-color:var(--warning-color);color:var(--warning-text-color)}.alert--error{background-color:var(--error-color-light);border-color:var(--error-color);color:var(--error-text-color)}.alert__icon{width:1.25rem;height:1.25rem;margin-top:.05rem}.alert__content{gap:.25rem;min-width:0;display:grid}.alert__title{font-weight:600}.alert__action{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.alert__close{width:1.75rem;height:1.75rem;color:inherit;background:0 0;border:0;border-radius:.1875rem;flex-direction:row;justify-content:center;align-items:center;gap:0;margin:-.15rem -.5rem 0 0;padding:0;display:flex}.alert__close svg{width:1rem;height:1rem}.alert__close:hover{background-color:rgba(var(--primary-rgb), .1)}.alert__close:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}