.cds-alert-container {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid var(--cds-color-alert-light);
    background-color: var(--cds-color-alert-wash);
    border-radius: 0;
    padding: 8px;
    box-shadow: 2px 2px 4px #88710020;
}

.cds-alert-container.fit {
    display: flex;
    width: fit-content;
    border-radius: 8px;
    margin: 0 auto 5px;
}

.cds-alert-container.fit .cds-alert-message {
    padding-right: 8px;
}

.cds-alert-container.card {
    justify-content: center;
    align-items: flex-start;
    border-radius: 8px;
}

.cds-alert-container.card .cds-alert-message {
    width: fit-content;
}

.cds-alert-container.card .cds-alert-icon-container {
    width: 24px;
    height: 24px;
}

.cds-alert-container.card .cds-icon {
    width: 18px;
    height: 18px;
}

.cds-alert-icon-container {
    display: flex;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: var(--cds-color-alert-weak);
}

.cds-alert-icon-container .cds-icon {
    width: 24px;
    height: 24px;
    fill: var(--cds-color-alert);
}

.cds-alert-message {
    display: flex;
    width: 100%;
    flex-direction: column;
    text-align: center;
}

.cds-alert-message p {
    font-size: 13px;
    margin: 0;
    color: var(--cds-color-alert-medium);
}

.cds-alert-neutral {
    border: 1px solid var(--cds-color-neutral-light);
    background-color: var(--cds-color-neutral-wash);
    box-shadow: 2px 2px 4px #003d8d20;
}

.cds-alert-neutral .cds-alert-icon-container {
    background-color: var(--cds-color-neutral-weak);
}

.cds-alert-neutral .cds-icon {
    fill: var(--cds-color-neutral);
}

.cds-alert-neutral p {
    color: var(--cds-color-neutral-strong);
}

.cds-alert-success {
    border: 1px solid var(--cds-color-success-light);
    background-color: var(--cds-color-success-wash);
    box-shadow: 2px 2px 4px #007e1920;
}

.cds-alert-success .cds-alert-icon-container {
    background-color: var(--cds-color-success-weak);
}

.cds-alert-success .cds-icon {
    fill: var(--cds-color-success);
}

.cds-alert-success p {
    color: var(--cds-color-success-medium);
}

.cds-alert-critical {
    border: 1px solid var(--cds-color-critical-light);
    background-color: var(--cds-color-critical-wash);
    box-shadow: 2px 2px 4px #80000020;
}

.cds-alert-critical .cds-alert-icon-container {
    background-color: var(--cds-color-critical-weak);
}

.cds-alert-critical .cds-icon {
    fill: var(--cds-color-critical);
}

.cds-alert-critical p {
    color: var(--cds-color-critical-medium);
}