.m-icon {
    display: block;
    background-size: contain;
    background-color: inherit;
    width: 1rem;
    height: 1rem
}

.m-alert__checkbox {
    display: none
}

.m-alert__main {
    border-radius: .125rem;
    box-shadow: 0 2px 4px #00000026;
    background: #f5f8fc;
    color: #0050aa;
    border: .0625rem solid #0050AA;
    display: flex;
    padding: 1rem;
    margin-bottom: .5rem
}

.m-alert--danger {
    background: #fef5f6;
    color: #e60a14;
    border-color: #e60a14
}

.m-alert--success {
    background: #f7faf8;
    color: #348553;
    border-color: #348553
}

.m-alert--warning {
    background: #fcf8f6;
    color: #be591d;
    border-color: #be591d
}

.m-alert--neutral {
    background: #fafafa;
    color: #4e5761;
    border-color: #4e5761
}

.m-alert__meaning {
    margin: 0 1rem 0 0;
    min-width: 2rem;
    min-height: 2rem;
    width: 2rem;
    height: 2rem
}

.m-alert__close {
    cursor: pointer;
    background: none;
    border: none;
    align-self: flex-start
}

.m-alert__close-icon {
    width: 1rem;
    height: 1rem
}

.m-alert__body {
    flex: 1 1 auto
}

.m-alert__headline {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 .5rem
}

@media (min-width: 1280px) {
    .m-alert__headline {
        font-size: 1.375rem
    }
}