.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body {
    background-color: #131313;
    color: #e5e2e1;
    scroll-behavior: smooth;
}

html {
    scrollbar-width: thin;
    scrollbar-color: #3a3a3a #111111;
}

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

::-webkit-scrollbar-track {
    background: #111111;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #3a3a3a 0%, #242424 100%);
    border: 2px solid #111111;
    border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #4a4a4a 0%, #2e2e2e 100%);
}

::-webkit-scrollbar-corner {
    background: #111111;
}

.icon-svg {
    display: inline-block;
    font-size: 24px;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    vertical-align: middle;
    fill: currentColor;
}

.hero-background {
    background-image: url("https://xiaovdian.oss-cn-hangzhou.aliyuncs.com/koalahtml/images/hero-bg.jpg");
}

.parallax-bg {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}