// @font-face {
//     font-weight: normal;
//     font-family: PingFangSC-Regular;
//     font-style: normal;
//     src: url('./fonts/pingfangsc-regular/PingFangSC.woff2') format('woff2');
//     src: url('./fonts/pingfangsc-regular/PingFangSC.woff2') format('woff2'),
//         url('./fonts/pingfangsc-regular/PingFangSC.woff') format('woff');
//     font-display: swap;
// }

// @font-face {
//     font-weight: bold;
//     font-family: DIN-Bold;
//     font-style: normal;
//     src: url('./fonts/DIN/DIN-Bold.woff2') format('woff2'),
//         url('./fonts/DIN/DIN-Bold.woff') format('woff');
//     font-display: swap;
// }

// @font-face {
//     font-weight: normal;
//     font-family: DIN-Regular;
//     font-style: normal;
//     src: url('./fonts/DIN/DIN-Regular.woff2') format('woff2'),
//         url('./fonts/DIN/DIN-Regular.woff') format('woff');
//     font-display: swap;
// }

// @font-face {
//     font-weight: 500;
//     font-family: DIN-light;
//     font-style: normal;
//     src: url('./fonts/DIN/DIN-Medium.woff2') format('woff2'),
//         url('./fonts/DIN/DIN-Medium.woff') format('woff');
//     font-display: swap;
// }

* {
    &::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    &::-webkit-scrollbar-track {
        background: var(--scroll-bar-track-bg);
        border-radius: 5px;
    }

    &::-webkit-scrollbar-thumb {
        background: var(--scroll-bar-bg);
        border-radius: 5px;
    }

    &::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    &::-webkit-scrollbar-thumb:hover {
        background: var(--scroll-bar-hover-bg);
    }
}