.Alert {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 14px 16px 11px 0;
}

.Alert::before {
    display: inline-block;
    content: '';
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    position: relative;
    margin-left: 20px;
    width: 22px;
    height: 22px;
}

.Alert > * {
    padding: 0 10px;
}

.Alert-success {
    background-color: var(--theme-green-tint4-80);
}

.Alert-success::before {
    background: url("data:image/svg+xml,%3csvg width='20' height='14' viewBox='0 0 22 15' role='img' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' class='SvgIcon-hq25o3-0 bRtUXp'%3e%3cpath fill='%2300BA88' d='M8.554 14.786a.691.691 0 01-.96.038L.233 7.972A.679.679 0 01.48 6.81a.691.691 0 01.677.151l6.858 6.405L20.812.215a.691.691 0 011.159.27.68.68 0 01-.158.664L8.554 14.786z'%3e%3c/path%3e%3c/svg%3e") center no-repeat;
}

.Alert-success > * {
    color: var(--theme-green-pure);
}

.Alert-error {
    background-color: var(--theme-red-tint4-80);
}

.Alert-error::before {
    background: url("data:image/svg+xml,%3csvg width='2' height='14' viewBox='0 0 2 14' role='img' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' class='SvgIcon-hq25o3-0 fBBFSt'%3e%3cpath d='M1 0v10m0 2v2' stroke='%23ED2E5C' stroke-width='1.5'%3e%3c/path%3e%3c/svg%3e") center no-repeat;
}

.Alert-error > * {
    color: var(--theme-red-pure);
}

.Alert-info {
    padding-left: 16px;
    background-color: var(--theme-grey6);
}

.Alert-info::before {
    display: none;
}