/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
    width: 8px; /* ширина для вертикального скролла */
    height: 6px; /* высота для горизонтального скролла */
    background-color: #201e1e;
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    background-color: #b61fff;
    border-radius: 0em;
    box-shadow: inset 5px 5px 5px #b61fff;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #b61fff;
}

/* Стрелки */

::-webkit-scrollbar-button:vertical:start:decrement {
    background: linear-gradient(120deg, #201e1e 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(240deg, #201e1e 40%, rgba(0, 0, 0, 0) 41%),
    linear-gradient(0deg, #201e1e 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #201e1e;
}

::-webkit-scrollbar-button:vertical:end:increment {
    background:
        linear-gradient(300deg, #201e1e 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(60deg, #201e1e 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(180deg, #201e1e 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #f6f8f4;
}

::-webkit-scrollbar-button:horizontal:start:decrement {
    background:
        linear-gradient(30deg, #201e1e 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(150deg, #201e1e 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(270deg, #201e1e 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #f6f8f4;
}

::-webkit-scrollbar-button:horizontal:end:increment {
    background:
        linear-gradient(210deg, #201e1e 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(330deg, #201e1e 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(90deg, #201e1e 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #201e1e;
}