@charset "utf-8";

:root {
    --th-scroll-track: #ECECF1;
    --th-scroll-thumb: #B9D6FF;
    --th-scroll-thumb-hover: #1B64DA;
    --th-scroll-size: 8px;
    --th-scroll-size-thin: 6px;
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--th-scroll-thumb) var(--th-scroll-track);
}

*::-webkit-scrollbar {
    width: var(--th-scroll-size);
    height: var(--th-scroll-size);
}

*::-webkit-scrollbar-track {
    background: var(--th-scroll-track);
    border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #B9D6FF 0%, #8AB9FF 100%);
    border-radius: 999px;
    border: 2px solid var(--th-scroll-track);
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #8AB9FF 0%, var(--th-scroll-thumb-hover) 100%);
}

.th-scroll-thin {
    scrollbar-width: thin;
}

.th-scroll-thin::-webkit-scrollbar {
    width: var(--th-scroll-size-thin);
    height: var(--th-scroll-size-thin);
}

.th-mobile-nav__scroll,
#main_con_2_m ul {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.45) rgba(255,255,255,.12);
}

.th-board-nav__list,
#wg_main_board .wg_head_tabs {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.th-mobile-nav__scroll::-webkit-scrollbar,
#main_con_2_m ul::-webkit-scrollbar {
    height: var(--th-scroll-size-thin);
}

.th-board-nav__list::-webkit-scrollbar,
#wg_main_board .wg_head_tabs::-webkit-scrollbar {
    display: none;
    height: 0;
}

.th-mobile-nav__scroll::-webkit-scrollbar-track,
#main_con_2_m ul::-webkit-scrollbar-track {
    background: rgba(255,255,255,.12);
}

.th-mobile-nav__scroll::-webkit-scrollbar-thumb,
#main_con_2_m ul::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.45);
    border-color: transparent;
}

@media (max-width: 640px) {
    :root {
        --th-scroll-size: 6px;
    }
}