.alert {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    padding: 16px 18px 18px 58px;
    border-radius: 5px;
}

.alert-disabled {
    background: var(--grey94) url("/static/images/hub/clock.svg") no-repeat 21px 18px;
    background-size: 20px;
    border: 1px solid var(--grey94);
    color: var(--grey20);
}

.alert-success {
    background: var(--successBg) url("/static/images/hub/check-circle-fill.svg") no-repeat 21px 18px;
    background-size: 20px;
    border: 1px solid var(--successIcon);
    color: var(--successText);
}

.alert-warning {
    background: var(--warningBg) url("/static/images/hub/warning-triangle.svg") no-repeat 21px 18px;
    background-size: 20px;
    border: 1px solid var(--warningIcon);
    color: var(--grey20);
}

.alert-error {
    background: var(--errorBg) url("/static/images/hub/alert-circle-fill.svg") no-repeat 21px 18px;
    background-size: 20px;
    border: 1px solid var(--errorIcon);
    color: var(--errorText);
}

.alert-info {
    background: var(--infoBg) url("/static/images/hub/info-circle-fill.svg") no-repeat 21px 18px;
    background-size: 20px;
    border: 1px solid var(--infoIcon);
    color: var(--infoText);
}