/*Изменение скрола брайзера chrome, safari, opera*/
/*меняем ширину скролла*/
body::-webkit-scrollbar {
width: 18px;
}
/*меняем цвет подложки под ползунком*/
body::-webkit-scrollbar-track {
background-color: #1a1a1a
}
/*меняем цвет ползунка*/
body::-webkit-scrollbar-thumb {
background: #fec102;
background-size: contain;
border-radius: 15px;
border: 5px solid #1a1a1a;
box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 15%), inset -2px -2px 2px rgb(0 0 0 / 35%);
}
/*меняем цвет ползунка при наведении*/
body::-webkit-scrollbar-thumb:hover {
background: #ffd570;
}