:root {
    --main-color: #5e58c7;
    --red-color: #f00;
    --bg-color: #fff;
    --body-text-color: #222;
    --body-highlighted-text-color: #039;
    --sentences-color: rgba(0, 0, 0, .65);
    --link-color: #0645ad;
    --visited-link-color: #819;
    --bold-color: #039;
    --gray-color: #707070;
    --highlight-color: #f2f2f7;
    --row-color: #dcdcdc;
    --tag-border-color: #c5c5c5;
    --border-color: #dcdcdc;
    --search-input-border-color: var(--border-color);
    --search-btn-border-color: var(--border-color);
    --warnnote-main-border-color: #e5e4e4;
    --warnnote-border-color: #ccc;
    --wotd-border-color: #bdbdbd;
    --wotd-border-top-color: #3a3498;
    --close-icon-stroke: #fff;
    --close-icon-circle-stroke: #c8c8c8;
    --rulebox-border-color: #b2aef4;
    --content-bg-color: #f9f9f9;
    --ad-bg-color: #f9f9f9;
    --header-tabs-bg-color: #f9f9fa;
    --wotd-subscribe-bg-color: #f0f0f0;
    --search-bg-color: #ebebf2;
    --search-btn-bg-color: #d7d7d7;
    --warnnote-bg-color: #f4f4f4;
    --dict-translation-hover-bg-color: #dfdfdf;
    --heavy-user-bg-color: #ffffc8;
    --wotd-bg-color: #fff;
    --ad-placeholder-bg: #353535;
    --rulebox-bg-color: #dbe1fa;
    --placeholder-color: #b3b3b3;
    --placeholder-focus-color: #fff;
    --term-copy-color: #f66;
    --try-me-msg-color: #666;
    --more-pron-trigger-color: #666;
    --dark-mode-icon-path-fill-color: #666;
    --dark-mode-icon-path-fill-first-time-color: #b90701;
    --header-text-color: #f8f7ff;
    --header-link-color: #f8f7ff;
    --header-link-span-color: #b2aef4;
    --header-link-h1-color: #e5e3ff;
    --header-hover-color: #ddf;
    --select-bg-color: var(--search-btn-bg-color);
    --select-border-color: var(--border-color);
    --select-option-bg-color: var(--search-btn-bg-color);
    --custom-select-focus-box-shadow: #ccc;
    --wotd-subscribe-btn-bg-color: #5e58c6;
    --wotd-subscribe-btn-hover-bg-color: transparent;
    --wotd-subscribe-btn-hover-color: #5e58c6;
    --wotd-box-shadow-color: #00000042;
    --wotd-term-hover-color: #666;
    --rowhighlight-color: #ffd700;
    --audio-controls-hover-color: #000;
    --heavy-user-hover-border-color: #6f6e6e;
    --selected-term-arrow-color: #000;
    --warnnote-icon-color: #000;
    --box-shadow-color: rgba(0, 0, 0, .12);
    --loader-border-top-color: rgba(0, 0, 0, .2);
    --input-placeholder-color: rgba(0, 5, 143, .4);
    --header-tabs-selected-border-color: var(--body-text-color);
    --sticky-search-box-shadow: #00000075;
    --copy-ctmenu-border: #000;
    --copy-ctmenu-label-color: #000;
    --left-col-title1-color: #777;
    --explanatory-border-color: #e9e4da;
    --explanatory-background-color: #fffaf0;
    --modal-background-color: rgba(0, 0, 0, .4);
    --modal-fallback-background-color: #000;
    --modal-content-background-color: #fefefe;
    --modal-border-color: #888;
    --modal-box-shadow-color: rgba(0, 0, 0, .26);
    --close-button-color: #aaa;
    --close-button-hover-focus-color: #000;
    --key-background-color: #000;
    --key-color: #ccc;
    --code-background-color: #dddcdc;
    --code-color: #000;
    --announcement-text-color: var(--body-text-color);
    --announcement-border-color: #dcdce6;
    --announcement-background-color: #f2f2f7;
    --announcement-important-text-color: var(--body-text-color);
    --announcement-important-border-color: #000;
    --announcement-important-background-color: #fadb4e;
    --BOXW_warning-color: #fff;
    --BOXW_warning-bg-color: #999;
    --strk-st-color1: red;
    --strk-st-color2: red;
    --button-border-color: var(--border-color);
    --button-bg-color: #d7d7d7;
    --button-hover-border-color: #afaeae;
    --button-hover-bg-color: #dedede;
    --swiper-spinner-border-color: rgba(0, 0, 0, .1);
    --swiper-spinner-border-left-color: #09f;
    --swiper-error-color: #f00;
    --swiper-pagination-bullet-background: #000;
    --swiper-pagination-bullet-hover-background: #5e58c7;
    --swiper-header-tabs-background-color: #f8f8f8;
    --swiper-header-tabs-border-bottom-color: #ddd;
    --swiper-header-tabs-color: #555;
    --swiper-header-tabs-hover-background-color: #eee;
    --swiper-header-tabs-selected-color: #7068f2;
    --swiper-header-tabs-selected-hover-color: #7068f2;
    --swiper-header-tabs-selected-border-bottom-color: var(--main-color);
    --swiper-scrollbar-thumb-background: #ccc;
    --swiper-scrollbar-thumb-hover-background: #aaa;
    --swiper-scrollbar-track-background: #f8f8f8;
    --conj-header-bg-color: #e0e0e8;
    --conj-temp-header-bg-color: #bcbcbc;
    --conj-pron-header-bg-color: #e0e0e8;
    --conj-body-highlighted-text-color: #66f;
    --conj-link-color: var(--link-color);
    --conj-visited-link-color: var(--visited-link-color);
    --index-link-color: #a0a0a0;
    --index-link-hover-color: #555;
    --index-section-header-bg-color: #ebebf2;
    --index-section-header-text-color: #124b94;
    --index-section-bg-color: #f6f6f8;
    --index-section-text-color: #9d9d9d;
    --index-section-border-color: #ccc;
    --index-section-separator-color: #ccc;
    --index-control-special-bg-color: inherit;
    --index-navbar-text-color: #eee;
    --index-navbar-bg-color: var(--main-color);
    --index-navbar-link-hover-color: #fff;
    --index-navbar-menu-bg-color: #fff;
    --index-navbar-menu-element-bg-color: #fff;
    --index-navbar-menu-separator-color: #eee;
    --index-navbar-link-color: #555;
    --index-navbar-menu-element-hover-color: #eee;
    --index-navbar-submenu-link-hover: #124b94;
    --index-footer-menu-header-color: #124b94;
    --index-footer-menu-border-top-color: rgba(255, 255, 255, .1);
    --index-footer-menu-border-bottom-color: rgba(0, 0, 0, .3);
    --index-footer-menu-element-color: #124b94;
    --index-footer-menu-bg-color: #fff;
    --index-footer-menu-separator-color: rgba(0, 0, 0, .1);
    --virt-footer-bg-color: var(--index-navbar-bg-color);
    --virt-table-border-color: var(--gray-color);
    --virt-table-text-color: #727272;
    --virt-table-hover-bg-color: var(--rowhighlight-color);
    --virt-table-same-color: var(--row-color);
    --virt-highlight-color: var(--highlight-color);
    --virt-link-color: var(--link-color);
    --virt-link-hover-color: var(--index-link-hover-color)
}

.dark-mode {
    --main-color: #5e58c7;
    --red-color: #f66;
    --bg-color: #121212;
    --body-text-color: #ddd;
    --body-highlighted-text-color: #6e66ff;
    --sentences-color: #ddd;
    --link-color: #a0a0a0;
    --visited-link-color: #888;
    --bold-color: #bbb;
    --gray-color: #c1c1c1;
    --highlight-color: #2a2a2a;
    --row-color: #555;
    --tag-border-color: #444;
    --border-color: #555;
    --search-input-border-color: var(--border-color);
    --search-btn-border-color: var(--border-color);
    --warnnote-main-border-color: #444;
    --warnnote-border-color: #555;
    --wotd-border-color: #444;
    --wotd-border-top-color: #3a3498;
    --close-icon-stroke: #ddd;
    --close-icon-circle-stroke: #555;
    --rulebox-border-color: #747272;
    --content-bg-color: #1e1e1e;
    --ad-bg-color: #333;
    --header-tabs-bg-color: #444;
    --wotd-subscribe-bg-color: #1e1e1e;
    --search-bg-color: #2f2f33;
    --search-btn-bg-color: #333;
    --warnnote-bg-color: #1e1e1e;
    --dict-translation-hover-bg-color: #2f2f33;
    --heavy-user-bg-color: #222;
    --wotd-bg-color: #1e1e1e;
    --ad-placeholder-bg: #353535;
    --rulebox-bg-color: #2a2a2a;
    --placeholder-color: #b3b3b3;
    --placeholder-focus-color: #fff;
    --term-copy-color: #f66;
    --try-me-msg-color: #666;
    --more-pron-trigger-color: #666;
    --dark-mode-icon-path-fill-color: #ddd;
    --dark-mode-icon-path-fill-first-time-color: #b90701;
    --header-text-color: #ddd;
    --header-link-color: #ccc;
    --header-link-span-color: #bbb;
    --header-link-h1-color: #ddd;
    --header-hover-color: #4d4d53;
    --select-bg-color: var(--search-btn-bg-color);
    --select-border-color: var(--border-color);
    --select-option-bg-color: var(--search-btn-bg-color);
    --custom-select-focus-box-shadow: #555;
    --wotd-subscribe-btn-bg-color: #5e58c6;
    --wotd-subscribe-btn-hover-bg-color: transparent;
    --wotd-subscribe-btn-hover-color: #5e58c6;
    --wotd-box-shadow-color: #00000042;
    --wotd-term-hover-color: #ddd;
    --rowhighlight-color: #4f470f;
    --audio-controls-hover-color: #ddd;
    --heavy-user-hover-border-color: #6f6e6e;
    --selected-term-arrow-color: #ddd;
    --warnnote-icon-color: #ddd;
    --box-shadow-color: rgba(0, 0, 0, .12);
    --loader-border-top-color: rgba(0, 0, 0, .2);
    --input-placeholder-color: #adadad66;
    --header-tabs-selected-border-color: var(--body-text-color);
    --sticky-search-box-shadow: #00000075;
    --copy-ctmenu-border: #555;
    --copy-ctmenu-label-color: #ccc;
    --left-col-title1-color: #c1c1c1;
    --ac-text-color: var(--body-text-color);
    --ac-bg-color: var(--select-bg-color);
    --ac-border-color: var(--select-border-color);
    --ac-separator-color: var(--border-color);
    --modal-content-background-color: var(--bg-color);
    --modal-border-color: var(--border-color);
    --close-button-color: #aaa;
    --close-button-hover-focus-color: #464646;
    --explanatory-border-color: var(--border-color);
    --explanatory-background-color: var(--highlight-color);
    --key-background-color: #ccc;
    --key-color: #000;
    --announcement-text-color: var(--body-text-color);
    --announcement-border-color: #747272;
    --announcement-background-color: var(--highlight-color);
    --announcement-important-text-color: #2f2f33;
    --announcement-important-border-color: #a57615;
    --announcement-important-background-color: #ab9532;
    --BOXW_warning-color: var(--body-text-color);
    --BOXW_warning-bg-color: #555;
    --strk-st-color1: #f2f2f7;
    --strk-st-color2: #707070;
    --button-border-color: var(--border-color);
    --button-bg-color: #333;
    --button-hover-border-color: #3d3d3d;
    --button-hover-bg-color: #4a4949;
    --swiper-spinner-border-color: rgba(0, 0, 0, .1);
    --swiper-spinner-border-left-color: var(--header-tabs-color);
    --swiper-error-color: #f00;
    --swiper-pagination-bullet-background: var(--header-tabs-selected-hover-color);
    --swiper-pagination-bullet-hover-background: #fff;
    --swiper-header-tabs-background-color: var(--content-bg-color);
    --swiper-header-tabs-border-bottom-color: #65656d;
    --swiper-header-tabs-color: #a1a1ae;
    --swiper-header-tabs-hover-background-color: #4d4d53;
    --swiper-header-tabs-selected-color: #7068f2;
    --swiper-header-tabs-selected-hover-color: #d2cfff;
    --swiper-header-tabs-selected-border-bottom-color: var(--main-color);
    --swiper-scrollbar-thumb-background: #ccc;
    --swiper-scrollbar-thumb-hover-background: #aaa;
    --swiper-scrollbar-track-background: #f8f8f8;
    --conj-header-bg-color: #2a2a2a;
    --conj-temp-header-bg-color: #2a2a2a;
    --conj-pron-header-bg-color: #2a2a2a;
    --conj-body-highlighted-text-color: #66f;
    --conj-link-color: #6e66ff;
    --conj-visited-link-color: #9e65fa;
    --index-link-color: #a0a0a0;
    --index-link-hover-color: #555;
    --index-section-header-bg-color: #333;
    --index-section-header-text-color: #ddd;
    --index-section-bg-color: #1e1e1e;
    --index-section-text-color: #ccc;
    --index-section-border-color: #444;
    --index-section-separator-color: #555;
    --index-control-special-bg-color: var(--control-bg-color);
    --index-navbar-text-color: var(--body-text-color);
    --index-navbar-bg-color: #333;
    --index-navbar-link-color: #ccc;
    --index-navbar-link-hover-color: #ccc;
    --index-navbar-menu-bg-color: #444;
    --index-navbar-menu-element-hover-color: #555;
    --index-navbar-menu-element-bg-color: #222;
    --index-navbar-menu-separator-color: #000;
    --index-navbar-submenu-link-hover: #124b94;
    --index-footer-menu-header-color: #124b94;
    --index-footer-menu-border-top-color: rgba(255, 255, 255, .1);
    --index-footer-menu-border-bottom-color: rgba(0, 0, 0, .3);
    --index-footer-menu-element-color: #a0a0a0;
    --index-footer-menu-bg-color: #222;
    --index-footer-menu-separator-color: #000;
    --virt-footer-bg-color: var(--index-navbar-bg-color);
    --virt-table-border-color: #727272;
    --virt-table-text-color: #727272;
    --virt-table-hover-bg-color: var(--rowhighlight-color);
    --virt-table-same-color: #444;
    --virt-highlight-color: var(--highlight-color);
    --virt-link-color: var(--link-color);
    --virt-link-hover-color: var(--index-link-hover-color)
}

.dark-mode #listen_txt:before,
.dark-mode .reverseicon,
.dark-mode .searchicon {
    filter: hue-rotate(165deg) invert(100%)
}

.dark-mode #accentSelection {
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23bcbccc' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")
}

.dark-mode .annIcon {
    filter: invert(1);
    -webkit-filter: invert(1)
}

.dark-mode .tooltip svg {
    filter: invert(1);
    -webkit-filter: invert(1)
}

@media(min-width:770px) {

    .dark-mode .WRD tr:hover td.ToWrd>i.copy,
    .dark-mode .WRD span.zhgroup:hover>i.copy {
        filter: hue-rotate(165deg) invert(100%)
    }
}

:root {
    --control-text-color: #333;
    --control-bg-color: #d7d7d7;
    --control-border-color: #dadada;
    --control-focus-bg-color: #dfdede;
    --control-focus-color: #333
}

.dark-mode {
    --control-text-color: #ddd;
    --control-bg-color: #333;
    --control-border-color: #555;
    --control-focus-bg-color: #444;
    --control-focus-color: #fff
}

button,
select,
input,
textarea,
#reverseBtnContainer,
.inputcontainer {
    background-color: var(--control-bg-color);
    color: var(--control-text-color);
    border: 1px solid var(--control-border-color);
    border-radius: 3px
}

select {
    padding-left: 4px
}

button:focus,
select:focus,
input:focus,
textarea:focus,
button:hover,
select:hover,
input:hover,
textarea:hover,
#reverseBtnContainer:hover,
.inputcontainer:hover,
#reverseBtnContainer:focus,
.inputcontainer:focus {
    background-color: var(--control-focus-bg-color);
    color: var(--control-focus-color)
}

button:hover,
input[type=button]:hover,
input[type=submit]:hover,
select:hover,
input:hover,
#reverseBtnContainer:hover {
    cursor: pointer
}

input:hover,
.inputcontainer:hover,
textarea:hover {
    cursor: text
}

button,
input[type=button],
input[type=submit],
select {
    padding: 4px 10px
}

.modal {
    opacity: 0;
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: var(--modal-fallback-background-color);
    background-color: var(--modal-background-color);
    transition: all 150ms ease-in-out
}

.modal-content {
    text-align: left;
    opacity: 0;
    background-color: var(--modal-content-background-color);
    margin: auto;
    margin-top: -20px;
    padding: 20px;
    border: 1px solid var(--modal-border-color);
    width: 80%;
    -webkit-box-shadow: 5px 9px 15px 5px var(--modal-box-shadow-color);
    box-shadow: 5px 9px 15px 5px var(--modal-box-shadow-color);
    transition: all 150ms ease-in-out
}

.modal.show {
    opacity: 1
}

.modal.show>.modal-content.show {
    opacity: 1;
    margin-top: 0
}

.close {
    color: var(--close-button-color);
    float: right;
    font-size: 28px;
    font-weight: bold
}

.close:hover,
.close:focus {
    color: var(--close-button-hover-focus-color);
    text-decoration: none;
    cursor: pointer
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .modal-content {
        width: 90%
    }
}

:root {
    --ac-text-color: #333;
    --ac-bg-color: #fff;
    --ac-border-color: #ccc;
    --ac-shadow-color: rgba(0, 0, 0, .1);
    --ac-separator-color: #dcdcdc;
    --ac-sugg-bold-color: #1f8dd6;
    --ac-sugg-text-color: #fff;
    --ac-sugg-active-bg-color: #5e58c7;
    --ac-sugg-hover-bg-color: #5e58c7;
    --ac-sugg-hover-text-color: var(--ac-sugg-text-color)
}

.autocomplete-suggestions {
    font-size: 12px;
    text-align: left;
    cursor: default;
    background: var(--ac-bg-color);
    border: 1px solid var(--ac-border-color);
    border-top: 0;
    box-shadow: 1px 2px 5px 5px var(--ac-shadow-color);
    position: absolute;
    display: none;
    z-index: 9999;
    box-sizing: border-box
}

.autocomplete-suggestion {
    position: relative;
    padding: 0 .6em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: var(--ac-text-color);
    border-top: solid 1px var(--ac-separator-color);
    cursor: pointer
}

.autocomplete-suggestion.ar {
    direction: rtl;
    text-align: right
}

.autocomplete-suggestion.ar>span.ar {
    font-size: 120%
}

.autocomplete-suggestion b {
    font-weight: 400;
    color: var(--ac-sugg-bold-color)
}

.autocomplete-suggestion a {
    display: none
}

.autocomplete-suggestion.hover {
    background: var(--ac-sugg-hover-bg-color);
    color: var(--ac-sugg-hover-text-color)
}

.autocomplete-suggestion.hover a {
    display: block;
    color: var(--ac-sugg-hover-text-color)
}

@media screen and (max-width:769px) {
    .autocomplete-suggestion {
        font-size: 1.6em;
        line-height: 40px !important;
        padding: .2em .6em
    }

    .autocomplete-footer,
    .autocomplete-header {
        font-size: 1.5em;
        line-height: 40px !important;
        padding: .2em 2.2em !important
    }

    .autocomplete-suggestion:active,
    .autocomplete-footer:active {
        background: var(--ac-sugg-active-bg-color);
        color: var(--ac-sugg-text-color)
    }

    .actips {
        margin-right: -32px !important;
        margin-top: 10px !important;
        display: inline-block;
        line-height: 15px
    }
}

.autocomplete-suggestions>.autocomplete-footer {
    font-weight: 700;
    font-style: italic;
    border-bottom: 1px solid var(--ac-separator-color);
    position: relative;
    padding: 0 2.4em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ac-text-color);
    border-top: solid 1px var(--ac-separator-color);
    cursor: pointer
}

.autocomplete-suggestions>.autocomplete-footer.hover {
    background: var(--ac-sugg-hover-bg-color);
    color: var(--ac-sugg-hover-text-color)
}

.autocomplete-suggestions>.autocomplete-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    padding-left: 2.4em;
    padding-top: .2em;
    padding-bottom: .2em;
    border-bottom: 1px solid var(--ac-separator-color);
    color: var(--ac-text-color)
}

.lang {
    background-color: #b7b7b7;
    color: #fff;
    font-weight: bold;
    padding: 1px;
    width: 50px
}

.dark {
    background-color: #878787
}

.ACconj {
    float: right
}

#si {
    -webkit-transition: background .1s ease-in-out !important;
    transition: background .1s ease-in-out !important
}

.dict,
.dict:focus {
    padding-left: 22px !important;
    font-size: 18px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-book' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z'/%3E%3C/svg%3E") 5px center no-repeat, linear-gradient(180deg, #c7c5f0, #fff, #fff) !important;
    color: #333 !important
}

.actips,
.actips:visited {
    margin-right: 5px;
    margin-top: 0;
    border: none;
    border-radius: 3px;
    font-size: 9px;
    width: 14px;
    height: 14px
}

.actips path {
    fill: #878787
}

.actips:hover path {
    fill: #1f8dd6
}

.actips>svg {
    pointer-events: none
}

#fSelect {
    transition: all .1s ease-in-out
}

#fSelect.shake {
    animation: zoom-in-zoom-out .15s;
    box-shadow: rgba(0, 0, 0, .4) 0 0 8px 0
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.01, 1.01)
    }

    100% {
        transform: scale(1, 1)
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .actips {
        line-height: 28px
    }
}


.full-header {
  height: 41px;
  width: 100%;
  max-width: 100%;
  background: var(--main-color);
  line-height: 38px;
}

.header-content {
  padding: 0 10px;
  margin: 0 auto;
}


#logo {
  float: left;
  font-size: 16px;
  color: var(--header-text-color);
  white-space: nowrap;

}

#logo a {
  font-size: 22px;
  text-decoration: none;
  color: var(--header-link-color);
}



#logo span#logotitle {
  display: inline;
  font-size: 12px;
  font-weight: bold;
  color: var(--header-link-h1-color);
}

#logo span#logotitle {
  font-size: 12px;
  font-weight: bold;
  color: var(--header-link-h1-color);
}


#nav {
  float: right;
  padding-top: 2px;
  overflow: hidden;
  max-width: 45%;
  text-overflow: ellipsis;
  font-size: 13px;
  color: var(--header-text-color);
  white-space: nowrap;
}

#nav a {
  font-size: 13px;
  font-weight: bold;
  color: var(--header-link-color);
}