@font-face {
    font-family: 'Zen Dots';
    font-display: swap;
    src: url('./zendots.regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('./SpaceGrotesk.light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('./SpaceGrotesk.regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('./SpaceGrotesk.medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('./SpaceGrotesk.semibold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('./SpaceGrotesk.bold.ttf') format('truetype');
    font-weight: 700;
}

:root {
    font-family: 'Space Grotesk', -apple-system, '.SFNSText-Regular', 'San Francisco',
    BlinkMacSystemFont, '.PingFang-SC-Regular', 'Microsoft YaHei', 'Segoe UI', 'Helvetica Neue',
    Helvetica, Arial, sans-serif;
}

body,
*,
*::before,
*::after {
    font-family: inherit;
}

.main-content div[role=listbox]::-webkit-scrollbar {
    background: transparent;
    width: 4px;
}

.main-content div[role=listbox]::-webkit-scrollbar-thumb {
    border-radius: 360px;
    background-color: #C4C5CB;
}

/* hide hCaptcha modal arrow */
body > div > div[style*='border-width: 11px'] {
    display: none;
}