@charset "utf-8";

:root {
    --kz-scroll-track: #ECECF1;
    --kz-scroll-thumb: #C4B5FD;
    --kz-scroll-thumb-hover: #5B21B6;
    --kz-scroll-size: 8px;
    --kz-scroll-size-thin: 6px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.kz-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 {
        --kz-scroll-size: 6px;
    }
}