.notices__list {
    position: relative;
    margin: var(--mbase-spacer-md) auto var(--mbase-spacer-md);
    padding: 0;
    list-style: none;
    color: var(--mbase-clr-white);
}

.notices__item {
    margin: 0 0 var(--mbase-spacer-xxs);
    padding: var(--mbase-spacer-xs) var(--mbase-spacer-md) var(--mbase-spacer-xs) var(--mbase-spacer-sm);
    border-radius: var(--mbase-brdr-radius-sm);
    font-size: var(--mbase-txtSize-7);
    background-color: var(--mbase-clr-txt-body);
    list-style-image: none;
}

.notices__item.notices__item--fail {
    background-color: var(--mbase-clr-danger-bg);
    color: var(--mbase-clr-danger);
}

.notices__item.notices__item--fail a {
    color: var(--mbase-clr-danger);
}

.notices__item.notices__item--success {
    background-color: var(--mbase-clr-success-bg);
    color: var(--mbase-clr-success);
}

.notices__item.notices__item--success a {
    color: var(--mbase-clr-success);
}

.notices__item.notices__item--warning .notices__item.notices__item--question {
    background-color: var(--mbase-clr-warning-bg);
    color: var(--mbase-clr-warning);
}

.notices__item.notices__item--warning .notices__item.notices__item--question a {
    color: var(--mbase-clr-warning);
}

.notices__item.notices__item--info {
    background-color: var(--mbase-clr-info-bg);
    color: var(--mbase-clr-info);
}

.notices__item.notices__item--info a {
    color: var(--mbase-clr-info);
}

.notices__item a {
    color: var(--mbase-clr-white);
    text-decoration: underline;
}

.notices.info .notices__close:before {
    color: var(--mbase-clr-txt-meta);
}

.notices__close,
.notices__closePlaceholder {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    width: 2.4em;
    height: 2.4em;
    overflow: hidden;
    cursor: pointer;
    line-height: 2.4em;
    text-align: center;
    visibility: hidden;
}

.notices__close::before,
.notices__closePlaceholder::before {
    color: var(--mbase-clr-txt-body);
    visibility: visible;
    display: inline-block;
    content: "\d7";
    width: 1em;
    font-size: var(--mbase-txtSize-4);
    line-height: var(--mbase-lnHeight-xxs);
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: inherit;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.warning .notices__close:before,
.question .notices__close:before {
    color: var(--mbase-color-grey-800);
}

.header--absolute + .content .notices {
    position: absolute;
    top: 70px;
    width: 100%;
}

@media (min-width: 36em) {
    .header--absolute + .content .notices {
        top: 105px;
    }
}

@media (min-width: 48em) {
    .header--absolute + .content .notices {
        top: 120px;
    }
}

@media (min-width: 62em) {
    .header--absolute + .content .notices {
        left: calc(50% - 480px);
    }
}