.alert{margin-block-end:var(--size-5)}.alert+.alert{margin-block-start:var(--size-4)}.alert__container{align-items:flex-start;background-color:var(--white);border-inline-start:3px solid var(--gray-300);box-shadow:var(--shadow-2);color:var(--gray-900);display:flex;padding-block:var(--size-4);padding-inline:var(--size-4)}.alert__header{display:flex;flex-shrink:0;font-size:var(--font-size-10);margin-inline-end:var(--size-4)}.alert__header>svg{block-size:1em;inline-size:1em}.alert--error .alert__container{border-inline-start:3px solid var(--red-500)}.alert--error .alert__header{color:var(--red-500)}.alert--warning .alert__container{border-inline-start:3px solid var(--yellow-500)}.alert--warning .alert__header{color:var(--yellow-500)}.alert--success .alert__container{border-inline-start:3px solid var(--green-500)}.alert--success .alert__header{color:var(--green-500)}