html, body {
    min-height: 35rem;
}

.freq-dict-spacer {
    height: 10.5rem;
}

div.freq-dict {
    display: block !important;
}

#table-header-settings {
    color: var(--primary-white);
    background-color: var(--primary-blue);
}

.table-header {
    user-select: none;
    background-color: var(--primary-blue);
    color: var(--primary-white);
    height: 2rem;
    font-size: 1rem !important;
}

.table-header td {
    color: var(--primary-white);
}

.table-header svg {
    fill: var(--primary-white);
}

.table-header-merge {
    position: fixed !important;
    width: calc(100% - 5.6rem) !important;
    display: block;
    top: 7.4rem;
    left: 0.05rem;
    z-index: 49;
    transition: left 1s ease;
    margin-left: 2.75rem;
    margin-right: 2.75rem;
}

.table-header-merge #filter-options:not(.filter-options-mobile) .filter-dropdown-menu {
    position: fixed !important;
    top: 12.65rem;
}

#freq-def-header, #morpheme-header {
    padding: 0.5rem 0 0.5rem 0;
    border-top: 1px solid rgba(222, 226, 230, 0.825);
    border-bottom: 1px solid rgba(222, 226, 230, 0.825);
    background-color: var(--secondary-blue);
}

#freq-def-header.active, #morpheme-header.active {
    background-color: var(--primary-blue);
    border-bottom: 1px solid var(--primary-blue);
}

#freq-def-header:hover, #morpheme-header:hover {
    background-color: var(--primary-white);
}

#freq-def-header:hover p, #morpheme-header:hover p {
    color: var(--primary-blue);
}

#freq-def-header p, #morpheme-header p {
    margin: 0;
    user-select: none;
    color: var(--primary-white);
}

#freq-def-header {
    width: 50%;
    border-right: 1px solid rgba(222, 226, 230, 0.825);
}

#morpheme-header {
    width: 50%;
}

#freq-def-header .stats-button, #morpheme-header .stats-button {
    display: none !important;
}

#freq-def-header.active .stats-button, #morpheme-header.active .stats-button {
    display: inline-block !important;
}

.stats-button {
    width: 1.5rem !important;
    height: 1.5rem !important;
    padding: 0 !important;
}

#stats-display {
    display: none;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 0.5rem;
    width: 100%;
    color: var(--primary-white);
    border-bottom: 1px solid rgba(222, 226, 230, 0.825);
}
#stats-display.show {
    display: flex;
}
#stats-display p {
    margin: 0;
}

#stats-total, #stats-freq-sum {
    font-weight: bold;
}

table {
    width: 100%;
}

#main-table tr:not(.freq-dict-table-row-1-mobile):not(.freq-dict-table-row-2-mobile):not(.morpheme-table-row-1-mobile) {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}

#main-table tr:not(#freq-dict-table-header):not(#freq-dict-table-header tr):not(#morpheme-table-header) {
    font-family: 'Times New Roman';
}

#main-table tr:not(#freq-dict-table-header):not(#morpheme-table-header):not(#freq-dict-table-header tr):not(#morpheme-table-header tr):hover {
    background-color: #afafaf;
}

#main-table tr:not(#freq-dict-table-header):not(#freq-dict-table-header tr):not(#morpheme-table-header):not(#morpheme-table-header tr):hover span.mobile-col-header {
    color: black;
}

#main-table tr:not(#freq-dict-table-header):not(#freq-dict-table-header tr):not(#morpheme-table-header):not(#morpheme-table-header tr):hover td, #main-table tr:not(#freq-dict-table-header):not(#freq-dict-table-header tr):not(#morpheme-table-header):not(#morpheme-table-header tr):hover td span {
    color: var(--primary-blue);
}

#main-table tbody tr:nth-child(odd):not(#freq-dict-table-header):not(#morpheme-table-header) {
    background-color: var(--primary-gray);
}

#main-table tbody tr:nth-child(even) {
    background-color: var(--secondary-gray);
}

#main-table tr:last-child, .mobile-row-rounded {
    border-bottom-left-radius: 0.9rem;
    border-bottom-right-radius: 0.9rem;
}

.freq-dict-table-col-1 { width: 5%; }
.freq-dict-table-col-2 { width: 10%; }
.freq-dict-table-col-2 i {
    cursor: pointer;
}
.fa-sort-up {
    position: relative;
    bottom: .147rem;
    left: -0.7rem;
    color: var(--primary-blue);
    font-size: 1rem;
}
.fa-sort-down {
    position: relative;
    top: -0.03rem;
    left: -0.7rem;
    color: var(--primary-blue);
    font-size: 1rem;
}
.freq-dict-table-col-3 { width: 15%; }
.freq-dict-table-col-3:not(#freq-dict-table-header .freq-dict-table-col-3) {
    direction: rtl;
}
.lemma-span {
    cursor: pointer;
}
.freq-dict-table-col-4 { width: 23%; }
.freq-dict-table-col-5 { width: 23%; }
.freq-dict-table-col-6 { width: 15%; }
.freq-dict-table-col-6-stretch { width: 25%; }
.freq-dict-table-col-7 { width: 9%; }

.morpheme-table-col-1 { width: 5%; }
.morpheme-table-col-2 { width: 10%; }
.morpheme-table-col-2:not(#morpheme-table-header .morpheme-table-col-2) {
    direction: rtl;
}
.morpheme-table-col-3 { width: 15%; }
.morpheme-table-col-3:not(#morpheme-table-header .morpheme-table-col-3) {
    direction: rtl;
}
.morpheme-table-col-4 {
    width: 15%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    direction: rtl;
}
.morpheme-table-col-5 { width: 55%; }

#freq-dict-table-header .freq-dict-table-col-4, #freq-dict-table-header .freq-dict-table-col-5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.freq-dict-table-header-merge, .morpheme-table-header-merge {
    position: fixed !important;
    display: block;
    top: 12.75rem;
    width: calc(100% - 5.61rem) !important;
    border-radius: 0 !important;
    transition: left 1s ease;
}

#morpheme-table {
    display: none;
}

span.hint {
    display: none;
}

.show-word {
    color: var(--primary-blue);
}

.show-word:hover {
    cursor: pointer;
}

#show-all-definitions-button, #show-all-hints-button, .filter-options-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
    cursor: pointer;
    width: 1.75rem;
    height: 1.75rem;
    user-select: none;
}

.filter-options-button i.closeIcon, .closeIconSearch {
    background-color: var(--secondary-blue) !important;
    color: var(--primary-white) !important;
    border: 1px solid var(--primary-white);
    border-radius: 0.25rem;
    padding: 0.25rem;
    height: 1rem;
    width: 1rem;
    line-height: 0;
}

.filter-options-button:not(#filter-options-button-mobile) {
    width: 12rem;
    justify-content: space-between;
}

.filter-options-button:not(#more-filter-options-button):not(#more-filter-options-button-forms) {
    margin-right: 0.25rem;
}

#filter-options-button-mobile {
    display: none;
}

.closeIcon::before {
    font-size: 0.5rem;
}

i.closeIcon:hover {
    color: red !important;
}

#show-all-definitions, #show-all-hints, #filter-options {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0.25rem;
}

#filter-options {
    margin-right: 0;
}

#freq-dict-filter-options, #morpheme-filter-options {
    display: flex;
    flex-direction: row;
}

#morpheme-filter-options {
    display: none;
}

#show-all-definitions p, #show-all-hints p {
    margin: 0 0.25rem 0 0;
}

#product-link-dropdown-button {
    display: none;
}

#search-div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

#search-div svg {
    position: relative;
    right: 1rem;
}

#search {
    height: 100%;
}

.closeIconSearch {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    visibility: hidden;
}
.closeIconSearch.show {
    visibility: visible;
}
.clearFreqDictSearch {
    right: 1.5rem;
}
.clearMorphemeSearch {
    right: 12.5rem;
}

#table-options {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background-color: var(--primary-blue);
    width: 100%;
}

#table-options-headers {
    display: flex;
    flex-direction: row;
    width: 100%;
}

/* SECTION: dropdown */
.filter-dropdown-menu {
    top: 16.65rem;
    width: 12rem;
    user-select: none;
    max-height: 19rem;
    overflow-y: auto;
    padding: 0 !important;
    /* scrollbar-width: none; */
}
.filter-dropdown-menu.stats-show {
    top: 19rem;
}
.table-header-merge #filter-options:not(.filter-options-mobile) .filter-dropdown-menu.stats-show {
    top: 15.25rem !important;
}

.type-dropdown-menu {
    right: 52.8rem;
}

.morph-dropdown-menu {
    right: 40.6rem;
}

.language-dropdown-menu, .state-dropdown-menu {
    right: 28.33rem;
}

.pos-dropdown-menu, .pgn-dropdown-menu {
    right: 16.05rem;
}

.multi-select-dropdown-menu, .multi-select-dropdown-menu-forms {
    right: 3.8rem;
}

.filter-dropdown-header {
    border-top: 1px solid black;
    font-weight: bold;
}

.filter-dropdown-menu p {
    margin: 0;
    width: 100%;
    padding: 0.25rem 0.5rem;
}

#more-filter-options {
    width: 100%;
}

.filter-dropdown-menu p:nth-of-type(odd) {
    background-color: #dfdfdf;
}

.filter-dropdown-menu p:nth-of-type(even) {
    background-color: #bfbfbf;
}

.filter-dropdown-menu p:not(.multi-select-dropdown):not(.filter-dropdown-header):hover {
    cursor: pointer;
    color: var(--primary-blue);
}

.filter-dropdown-menu p:hover i:hover {
    background-color: var(--primary-blue);
    color: white;
}

.pos-dropdown.super i:active, .multi-select-dropdown i:active {
    color: var(--primary-white) !important;
    background-color: var(--primary-blue) !important;
}

.filter-dropdown-menu p.sub {
    padding-left: 3rem;
}

.pos-dropdown-submenu:nth-of-type(1) p {
    background-color: #dfdfdf;
}

.pos-dropdown-submenu:nth-of-type(2) p, .pos-dropdown-submenu:nth-of-type(3) p, .filter-dropdown-header {
    background-color: #bfbfbf !important;
}

.pos-dropdown.super, .multi-select-dropdown {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pos-dropdown.super i, .multi-select-dropdown i {
    border: 1px solid black;
    border-radius: 0.25rem;
    padding: 0 0.15rem 0 0.15rem;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.multi-select-dropdown i.selected {
    color: white;
    background-color: var(--primary-blue);
}

.pos-dropdown-submenu {
    display: none;
    width: 100%;
}

.pos-dropdown-submenu.show {
    display: block;
}
/* !SECTION */

/* SECTION: tool tips */
.tooltip-container {
    display: none;
}

svg:hover + .tooltip-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 2rem;
    position: absolute;
}

.tooltip-toright {
    display: block;
    background-color: var(--primary-white);
    height: 1rem;
    width: 1rem;
    transform: rotate(45deg);
    z-index: 100;
}

.tooltip-content {
    display: block;
    position: relative;
    left: -0.75rem;
    background-color: var(--primary-white);
    color: var(--primary-black);
    padding: 0.25rem;
    border-radius: 0.9rem 0.25rem 0.25rem 0.9rem;
    z-index: 100;
    height: 100%;
}

/* ANCHOR: search tool tip */
.search-tooltip {
    top: 14.5rem;
    left: 18.25rem;
}
.search-tooltip.stats-show {
    top: 16.6rem;
}

.table-header-merge .search-tooltip {
    position: fixed !important;
    top: 10.45rem;
}
.table-header-merge .search-tooltip.stats-show {
    top: 13.05rem;
}

/* ANCHOR: word tool tip */
.word-tooltip {
    top: 17rem;
    left: calc(5.5rem + 21.8%);
}
.word-tooltip.stats-show {
    top: 19.05rem;
}

.freq-dict-table-header-merge .word-tooltip {
    top: 0.125rem;
    left: calc(3.75rem + 22%);
}
/* !SECTION */

#freq-dict-table-header svg:not(.info):hover {
    cursor: pointer;
}

.table-header.stats-show {
    top: 15.4rem;
}

.freq-dict-table-row-1-mobile, .freq-dict-table-row-2-mobile, .morpheme-table-row-1-mobile {
    display: none;
}

.img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 3rem;
}

/* SECTION: 1540 (was 1332) collapse point for morpheme filters */
@media (max-width: 1540px) {
    #filter-options-button-mobile {
        display: flex !important;
    }

    #filter-options {
        display: none;
    }
    #filter-options.show {
        display: flex;
    }

    #filter-options.stats-show {
        top: 19.66rem;
    }

    .table-header-merge #filter-options {
        top: 5.25rem;
        right: 0.95rem;
    }
    .table-header-merge #filter-options.stats-show {
        top: 8rem;
    }

    .filter-options-mobile {
        position: absolute;
        top: 16.75rem;
        right: 3.75rem;
    }

    .filter-options-mobile > div {
        display: flex;
        flex-direction: column !important;
    }

    .filter-options-mobile > div button:not(.filter-options-mobile > div button:last-of-type) {
        margin-bottom: 0.25rem;
    }
    
    .filter-options-mobile .filter-dropdown-menu {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 0 0.25rem 0;
    }

    .filter-options-mobile .filter-dropdown-menu:last-of-type {
        margin: 0.25rem 0 0 0;
    }

    .filter-options-button {
       margin-right: 0 !important;
    }
}
/* !SECTION */

/* SECTION: 1199 smaller devices */
@media (max-width: 1199px) {
    .freq-dict-spacer {
        height: 11.5rem;
    }

    .table-header-merge {
        width: calc(100% - 3.6rem) !important;
        top: 8.58rem;
        left: -0.95rem;
    }

    .table-header.stats-show {
        top: 16.4rem;
    }

    .language-dropdown-menu {
        right: 15.1rem;
    }

    .pos-dropdown-menu {
        right: 2.8rem;
    }

    .freq-dict-table-header-merge, .morpheme-table-header-merge {
        width: calc(100% - 3.61rem) !important;
        top: 13.9rem;
    }

    .filter-options-mobile {
        position: absolute;
        top: 17.85rem;
        right: 2.75rem;
    }

    /* ANCHOR: search tool tip */
    .search-tooltip {
        top: 15.7rem;
        left: 17.25rem;
    }
    .search-tooltip.stats-show {
        top: 17.3rem;
    }

    .table-header-merge .search-tooltip {
        position: fixed !important;
        top: 11.625rem;
    }
    .table-header-merge .search-tooltip.stats-show {
        top: 14.225rem;
    }

    /* ANCHOR: word tool tip */
    .word-tooltip {
        top: 18.25rem;
        left: calc(4.5rem + 22%);
    }
    .word-tooltip.stats-show {
        top: 19.85rem;
    }

    .freq-dict-table-header-merge .word-tooltip {
        top: 0.125rem;
        left: calc(3.5rem + 22%);
    }
}
/* !SECTION */

/* SECTION: 767 specifically mobile devices (as opposed to just smaller devices) */
@media (max-width: 767px) {
    /* FIXME: test this */
    /* SECTION: experimental: margin options */
    /* .container {
        margin: 0 !important;
    }

    .tool {
        border: none !important;
    }

    .tool-header {
        border-radius: 0 !important;
        padding-top: 0 !important;
    } */

    .freq-dict-table-header-merge, .morpheme-table-header-merge {
        width: calc(100% - 2.1475rem) !important;
    }
    .table-header.stats-show {
        top: 19.75rem;
    }

    .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    /* !SECTION */

    .font-size-settings {
        display: none;
    }

    .freq-dict-spacer {
        height: 15rem !important;
    }

    .table-header-merge {
        top: 11.85rem;
        margin-left: 2rem;
        margin-right: 2rem;
        width: calc(100% - 2.15rem) !important;
    }

    .freq-dict-table-header-merge, .morpheme-table-header-merge {
        top: 17.25rem;
    }

    .filter-options-mobile {
        position: absolute;
        top: 20.15rem;
        right: 2rem;
    }

    #filter-options.stats-show {
        top: 21.5rem;
    }

    .table-header-merge #filter-options.stats-show {
        top: 7.66rem;
    }

    .chapter-mobile-merge {
        top: 7.6rem;
        padding-top: 1rem;
    }

    /* ANCHOR: tooltip */
    .tooltip-toright {
        height: 4rem;
        width: 4rem;
    }
    .tooltip-content {
        height: 6.5rem;
        width: 10rem;
        left: -2.125rem;
    }

    /* ANCHOR: search tool tip */
    .search-tooltip {
        top: 19rem;
        left: 17rem;
    }
    .search-tooltip.stats-show {
        top: 19.6rem;
    }

    .table-header-merge .search-tooltip {
        position: fixed !important;
        top: 14.9rem;
    }
    .table-header-merge .search-tooltip.stats-show {
        top: 17.5rem;
    }

    /* ANCHOR: word tool tip */
    .word-tooltip {
        top: 20.5rem;
        left: calc(3.5rem + 15%);
    }

    .freq-dict-table-header-merge .word-tooltip {
        top: 1.75rem;
        left: calc(3.125rem + 14.5%);
    }

    /* ANCHOR: mobile cells */
    #main-table tr:not(.freq-dict-table-row-1-mobile):not(.freq-dict-table-row-2-mobile):not(.morpheme-table-row-1-mobile) > td {
        display: none;
    }
    #main-table tr:not(.freq-dict-table-row-1-mobile):not(.freq-dict-table-row-2-mobile):not(.morpheme-table-row-1-mobile) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .freq-dict-table-row-1-mobile, .morpheme-table-row-1-mobile {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        background-color: inherit !important;
        font-size: 1rem !important;
    }
    
    .freq-dict-table-row-2-mobile.show {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: inherit !important;
        font-size: 1rem !important;
    }

    .freq-dict-table-row-2-mobile:not(#freq-dict-table-header .freq-dict-table-row-2-mobile), .morpheme-table-row-1-mobile:not(#morpheme-table-header .morpheme-table-row-1-mobile) {
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.825); */
        border-radius: 0 !important;
    }
    #main-table tr:last-child .freq-dict-table-row-2-mobile, #main-table tr:last-child .morpheme-table-row-1-mobile {
        border-bottom: none;
        border-bottom-left-radius: 0.9rem !important;
        border-bottom-right-radius: 0.9rem !important;
    }

    .freq-dict-table-col-1-mobile {
        width: 10%;
    }
    #freq-dict-table-header .freq-dict-table-col-1-mobile {
        width: 15%;
    }
    .freq-dict-table-col-2-mobile {
        width: 20%;
    }
    .freq-dict-table-col-3-mobile {
        width: 35%;
    }
    .freq-dict-table-col-4-mobile {
        width: 35%;
    }

    .freq-dict-table-row-2-mobile td {
        width: 100%;
        padding: 0rem 1rem 0rem 3rem;
        text-align: left;
    }
    .freq-dict-table-row-2-mobile span.mobile-col-header {
        font-weight: bold;
    }

    .morpheme-table-col-1-mobile {
        width: 10%;
    }
    .morpheme-table-col-2-mobile {
        width: 20%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .morpheme-table-col-3-mobile {
        width: 20%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        direction: rtl;
    }
    .morpheme-table-col-4-mobile {
        width: 20%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        direction: rtl;
    }
    .morpheme-table-col-5-mobile {
        width: 30%;
    }
}
/* !SECTION */

/* SECTION: 440 shrink settings modal after this point */
@media (max-width: 440px) {
    .settings-dropdown-menu {
        width: 19.5rem;
    }
}

/* SECTION: 398 smallest devices (phones, etc.) */
@media (max-width: 398px) {
    #stats-display p {
        font-size: 0.85rem;
    }

    #chapter-header {
        font-size: 1rem;
    }

    /* ANCHOR: search tool tip */
    svg:hover + .tooltip-container.search-tooltip {
        flex-direction: column;
        height: 8rem;
    }

    .search-tooltip {
        top: 19.5rem;
        left: 10.7rem;
        height: 11rem !important;
    }
    .search-tooltip.stats-show {
        top: 20.6rem;
    }

    .search-tooltip .tooltip-toright {
        height: 4.5rem;
        width: 4.5rem;
        transform: rotate(-45deg) skew(25deg, 25deg);
    }

    .search-tooltip .tooltip-content {
        border-radius: 0.9rem 0.9rem 0.25rem 0.25rem;
        top: -2.45rem;
        left: 0;
    }

    .short-tooltip-content {
        height: 3.5rem;
    }

    .table-header-merge .search-tooltip {
        top: 16rem;
    }
    .table-header-merge .search-tooltip.stats-show {
        top: 18.33rem;
    }

    .table-header.stats-show {
        top: 19.5rem;
    }

    /* ANCHOR: word tool tip */
    .word-tooltip {
        top: 20.5rem;
        left: calc(3.75rem + 15%);
    }

    .freq-dict-table-header-merge .word-tooltip {
        top: 1.75rem;
        left: calc(3rem + 15%);
    }
}
/* !SECTION */

/* SECTION: 376 very small devices */
@media (max-width: 376px) {
    .filter-options-mobile {
        top: 22.95rem;
    }
}
/* !SECTION */

/* SECTION: w500 landscape mobile devices */
@media (max-height: 500px) {
    .navbar {
        height: 3rem;
    }
    .navbar * {
        height: 2rem;
    }
    .navbar img {
        width: 2rem;
    }

    .container {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .tool {
        margin: 0 !important;
    }

    .freq-dict-spacer {
        height: 5.5rem !important;
    }

    .freq-dict-body {
        margin-top: 3rem;
    }

    .tool-header-merge {
        top: 3rem;
    }
    
    .tool-header-merge + #mobile-chapter-controls {
        display: none;
    }

    .table-header-merge {
        top: 7.25rem;
        display: none !important;
    }

    .freq-dict-table-header-merge, .morpheme-table-header-merge {
        top: 7.6rem;
        width: calc(100% - 2.125rem) !important;
    }

    .filter-options-mobile {
        top: 14.5rem;
        right: 2rem;
    }

    /* ANCHOR: search tool tip */
    .search-tooltip {
        top: 12.7rem;
        left: 16.5rem;
    }

    /* ANCHOR: word tool tip */
    .word-tooltip {
        top: 15.2rem;
        left: calc(3.75rem + 22%);
    }
}
/* !SECTION */

/* SECTION: dark mode */
@media (prefers-color-scheme: dark) {
    #main-table tbody tr:nth-child(even) {
        background-color: var(--secondary-black);
    }

    #main-table tbody tr:nth-child(odd):not(#freq-dict-table-header):not(#morpheme-table-header) {
        background-color: var(--tertiary-black);
    }

    #main-table tr:not(#freq-dict-table-header):not(#morpheme-table-header):not(#freq-dict-table-header tr):not(#morpheme-table-header tr):hover {
        background-color: #3f3f3f !important;
    }

    #main-table tr:not(#freq-dict-table-header):not(#freq-dict-table-header tr):not(#morpheme-table-header):not(#morpheme-table-header tr):hover td, #main-table tr:not(#freq-dict-table-header):not(#freq-dict-table-header tr):not(#morpheme-table-header):not(#morpheme-table-header tr):hover td span {
        color: var(--tertiary-blue);
    }

    .show-word {
        color: var(--tertiary-blue);
    }

    .filter-dropdown-header {
        border-top: 1px solid white;
        background-color: #1f1f1f !important;
    }

    .filter-dropdown-menu p:nth-of-type(odd) {
        background-color: #2f2f2f;
    }
    
    .filter-dropdown-menu p:nth-of-type(even) {
        background-color: #1f1f1f;
    }

    .pos-dropdown-submenu:nth-of-type(1) p {
        background-color: #2f2f2f !important;
    }
    
    .pos-dropdown-submenu:nth-of-type(2) p, .pos-dropdown-submenu:nth-of-type(3) p {
        background-color: #1f1f1f !important;
    }

    .pos-dropdown.super i, .multi-select-dropdown i {
        border: 1px solid var(--primary-white);
    }

    .multi-select-dropdown i.selected {
        color: var(--primary-blue);
        background-color: white;
    }

    span.mobile-col-header {
        color: var(--primary-white) !important;
    }
}
/* !SECTION */

/* SECTION: edge case to remove hover styling on smaller devices */
@media (hover: none) {
    #freq-def-header:hover, #morpheme-header:hover {
        background-color: var(--primary-blue);
    }

    #freq-def-header:hover p, #morpheme-header:hover p {
        color: var(--primary-white);
    }

    #filter-options-button-mobile:hover {
        background-color: inherit;
        color: var(--primary-white);
    }

    #filter-options-button-mobile:hover svg {
        fill: var(--primary-white) !important;
    }

    .filter-options-button:hover {
        background-color: var(--secondary-blue);
        color: white;
    }
}