.light .sidebar-scrollbox::before {
    content: url(../logo/logo.svg)
}

.rust .sidebar-scrollbox::before {
    content: url(../logo/logo-dark.svg)
}

.coal .sidebar-scrollbox::before {
    content: url(../logo/logo-dark.svg)
}

.navy .sidebar-scrollbox::before {
    content: url(../logo/logo-dark.svg)
}

.ayu .sidebar-scrollbox::before {
    content: url(../logo/logo-dark.svg)
}

.lightgreen {
    color: black;
    background-color: #91E6B7;
}

.green {
    color: black;
    background-color: #62DB99;
}

.yellow {
    color: black;
    background-color: #FFEC89;
}

.lightred {
    color: black;
    background-color: #FF8989;
}

.red {
    color: white;
    background-color: #FF5757;
}

:root {
    --content-max-width: 850px;
    --md-admonition-icon--disclaimer: url(../disclaimer/warningt32.png);
}

:is(.admonition):is(.disclaimer) {
    border-color: rgba(247, 215, 0, 1) !important;
    color: black !important;
    background-color: white !important;
}

:is(.disclaimer)> :is(.admonition-title, summary) {
    background-color: rgba(247, 215, 0, 0.5) !important;
}

:is(.disclaimer)> :is(.admonition-title, summary)::before {
    background-color: rgba(0, 0, 0, 1) !important;
    mask-image: var(--md-admonition-icon--disclaimer) !important;
    -webkit-mask-image: var(--md-admonition-icon--disclaimer) !important;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.disclaimer {
    padding: 1em;
    border: 4px solid rgba(247, 215, 0);
}

* mark {
    background-color: rgba(247, 215, 0, 0.5) !important;
    color: red !important;
}

.new-badge {
    background-color: #E8650A;
    color: white;
    font-size: 0.6em;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 10px;
    vertical-align: 0.3em;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-left: 2px;
}

.sidebar-scrollbox a[href*="SMK_RISK_PROB"]::after,
.sidebar-scrollbox a[href*="SLEEP_QUALITY"]::after,
.sidebar-scrollbox a[href*="ANXIETY.html"]::after,
.sidebar-scrollbox a[href*="VITALITY"]::after,
.sidebar-scrollbox a[href*="AGE_CVM"]::after,
.sidebar-scrollbox a[href*="CVD_MULTI_YEAR_RISK_PROBS"]::after {
    content: "NEW";
    display: inline-block;
    background-color: #E8650A;
    color: white;
    font-size: 0.5em;
    line-height: 2;
    font-weight: bold;
    padding: 1px 4px;
    border-radius: 10px;
    vertical-align: 0.3em;
    letter-spacing: 0.5px;
    margin-left: 4px;
}