.alert-container {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 99999999;
}

.ds-alert {
    box-sizing: border-box;
    transition: .5s ease-in-out;
    max-width: 400px;
    min-width: 350px;
    opacity: 0;
    border-radius: 12px;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 16px;
    box-shadow: 0 0 0 0 transparent;
}

.ds-alert .title {
    font-family: HelveticaNeueCyr, sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 0;
}
.ds-alert .message {
    font-family: HelveticaNeueCyr, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.ds-alert.show {
    opacity: 1;
    transform: translateY(0);
}

.ds-alert.success {
    color: #12703a;
    background: #d1ecdd;
    box-shadow: 0 0 0 1px #1aa053;
}

.ds-alert.warning {
    color: #a94a13;
    background: #fce1d1;
    box-shadow: 0 0 0 1px #f16a1b;
}

.ds-alert.danger {
    color: #862317;
    background: #f2d6d3;
    box-shadow: 0 0 0 1px #c03221;
}