.gaia-environment-badge {
    display: inline-block;
    z-index: 1004;
    padding: 7px 14px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: .04em;
    text-align: center;
    white-space: nowrap;
}

.gaia-environment-badge--hml {
    background-color: #C5221F;
}

.gaia-environment-badge--dev {
    background-color: #1967D2;
}

.header .gaia-environment-badge {
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
}

.gaia-environment-badge--login {
    margin: 16px auto 0;
}

@media (max-width: 1199px) {
    .header .gaia-environment-badge {
        top: 66px;
    }

    .header {
        min-height: 104px;
    }

    .wrapper {
        margin-top: 104px;
    }
}

@media (max-width: 480px) {
    .gaia-environment-badge {
        padding: 6px 10px;
        font-size: 14px;
        line-height: 18px;
    }

    .header .gaia-environment-badge {
        top: 68px;
    }

    .header {
        min-height: 102px;
    }

    .wrapper {
        margin-top: 102px;
    }
}

@media print {
    .gaia-environment-badge {
        display: none !important;
    }
}