::-webkit-scrollbar {
        width: 7px;
        border-radius: 5px;
        }

        ::-webkit-scrollbar:horizontal {
        height: 7px;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-corner {
        background: #eee;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-track:vertical {
        background: linear-gradient(90deg, #000, #1b1b1b , #000);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-track:horizontal {
        background: linear-gradient(180deg, #000, #1b1b1b , #000);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb {
        border: 1.5px solid #000;
        box-shadow: inset 0 -1px 1px #86929d, inset 0 1px 1px #86929d;
        border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb:vertical {
        background: linear-gradient(90deg, #222222 45%, #667583 0, #222222);
        border-radius: 5px;
        }

        ::-webkit-scrollbar-thumb:horizontal {
        background: linear-gradient(180deg, #222222 45%, #667583 0, #222222);
        border-radius: 5px;
        }