@import 'hid-data-variables';

.hid-alert {
    padding: 1rem;
}
.hid-alert__down-arrow {

    object-fit: contain !important;
    opacity: 0.87 !important;
    text-align: center !important;
    margin-left: 1rem !important;
    padding-top: 3px;
}

.hid-alert__summary {
    font-family: $font-family-base !important;
    font-size: $font-size-base !important;
    font-weight: $font-weight-normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.5rem !important;
    letter-spacing: 0.2px !important;
    /* color: $color-mine-shaft !important;*/
    padding-left: 1rem !important;
}

.hid-alert--error {
    background-color: $color-crimson !important;
    color: $color-white !important;
}

.hid-alert--info,
.hid-alert--default {
    background-color: $color-cerulean !important;
    color: $color-mine-shaft !important;
}

.hid-alert--success {
    background-color: $color-citron !important;
    color: $color-mine-shaft !important;
}

.hid-alert--warning {
    background-color: $color-gold !important;
    color: $color-mine-shaft !important;
}

.hid-alert--offline {
    background-color: $color-mine-shaft !important;
    color: $color-white !important;
}

.hid-alert__content--expanded {
    background-color: $background-01 !important;
    box-shadow: 0 19px 38px 0 rgba(0, 0, 0, 0.3) !important;
    color: $ui-10 !important;
}

.hid-alert__content-heading {
    font-family: $font-family-base !important;
    font-size: 0.875rem !important;
    font-weight: bold !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: normal !important;
    letter-spacing: 0.2px !important;
    color: $color-emperor !important;
}

.hid-alert__content {
    opacity: 0.87 !important;
    font-family: $font-family-base !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.43 !important;
    letter-spacing: 0.2px !important;
    color: $color-nero !important;
}

.hid-alert--is-open {
}

.hid-alert__close {
    cursor: pointer;
    margin-left: auto;
}

.hid-alert__link {
    font-family: $font-family-base important;
    font-size: 0.875rem !important;
    font-weight: $font-weight-normal !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.43 !important;
    letter-spacing: 0.2px !important;
    background-color: transparent !important;
    cursor: pointer !important;
    padding-left: .5rem;
}

.hid-alert__icon {
}