@layer components{.c-alert{align-items:center;border-radius:calc(var(--space-scale-2xs)/2);-moz-column-gap:var(--space-scale-2xs);column-gap:var(--space-scale-2xs);display:grid;grid-template-columns:auto 1fr;padding:var(--space-scale-xs)}.c-alert--primary.c-alert--error{background-color:var(--color-error-20)}.c-alert--primary.c-alert--info{background-color:var(--color-notice-20)}.c-alert--primary.c-alert--success{background-color:var(--color-success-20)}.c-alert--primary.c-alert--warning{background-color:var(--color-warning-20)}.c-alert--secondary{background:var(--color-tertiary);box-shadow:var(--shadow-s)}.c-alert--secondary.c-alert--error{border-left:4px solid var(--color-error)}.c-alert--secondary.c-alert--info{border-left:4px solid var(--color-notice)}.c-alert--secondary.c-alert--success{border-left:4px solid var(--color-success)}.c-alert--secondary.c-alert--warning{border-left:4px solid var(--color-warning)}.c-alert--tertiary{box-shadow:var(--shadow-s)}.c-alert--tertiary.c-alert--error{background-color:var(--color-error-20);border-left:4px solid var(--color-error)}.c-alert--tertiary.c-alert--info{background-color:var(--color-notice-20);border-left:4px solid var(--color-notice)}.c-alert--tertiary.c-alert--success{background-color:var(--color-success-20);border-left:4px solid var(--color-success)}.c-alert--tertiary.c-alert--warning{background-color:var(--color-warning-20);border-left:4px solid var(--color-warning)}.c-alert--lg{grid-template-columns:1fr}.c-alert__icon{flex-shrink:0;grid-row:1}.c-alert__icon--sm{grid-column:1/2;height:20px;width:20px}.c-alert__icon--lg{grid-column:1/-1;height:50px;place-self:center;width:50px}.c-alert__icon--error{color:var(--color-error)}.c-alert__icon--info{color:var(--color-notice)}.c-alert__icon--success{color:var(--color-success)}.c-alert__icon--warning{color:var(--color-warning)}.c-alert__icon--close{transform:rotate(45deg)}.c-alert__title{font-size:var(--font-scale-s);font-weight:700;margin:0}.c-alert__title--sm{grid-column:2/-1;grid-row:1}.c-alert__title--lg{font-size:var(--font-scale-m);grid-column:1/-1;place-self:center}.c-alert__description{font-size:var(--font-scale-s)}.c-alert__description--sm{grid-column:2/-1;grid-row:2}.c-alert__description--lg{font-size:var(--font-scale-m);grid-column:1/-1;place-self:center}.c-alert__close{grid-column:-1;grid-row:1}}