/*   Table of contents*/
#alfa__contents {overflow-x: auto; display: flex; flex-wrap: nowrap; align-items: center; 
margin-top: 32px;    
padding-bottom: 15px; margin-bottom: 10px;}
#alfa__contents a {border-radius: var(--border_button); color:#fff; padding: 2px 8px; 
    border: 2px solid rgba(251, 251, 251, 0.8); text-decoration: none;
display: inline-block; margin: 0 10px 0px 10px; font-size: 15px; flex: 0 0 auto; }
#alfa__contents a:hover {border: 2px solid var(--color-primary); text-decoration: none; color: var(--color-primary);}
#alfa__contents {scrollbar-color: var(--color-secondary); /* «цвет ползунка» «цвет полосы скроллбара» */
scrollbar-width: thin;}
.alfa__contents-submenu { display: flex; flex-wrap: nowrap; }
::-webkit-scrollbar {
    width: 24px; /* ширина для вертикального скролла */
    height: 8px; /* высота для горизонтального скролла */
    background-color: var(--scrollBar);
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {background-color: var(--color-secondary); border-radius: 9em; box-shadow: inset 1px 1px 10px #f3faf7;}
::-webkit-scrollbar-thumb:hover {background-color: var(--color-secondary);}

/* Стрелки */

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

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

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

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