html,
body {
    overscroll-behavior-y: contain;
    /* Prevent pull-to-refresh */
}

body {
    user-select: none;
}




.pointer {
    cursor: pointer;
}

#root::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
}

@media screen and (max-width:550px) {
    #root {
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}

@media screen and (max-height:600px) {
    #root {
        width: 100%;
        max-width: 61rem;
        height: 100%;
        border-radius: 0;
    }
}


/* Different classes */
/* For all scrollable elements */
* {
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: var(--quick-primary-color) rgba(255, 255, 255, 0);
    /* Scrollbar thumb color and track color for Firefox */
}

/* WebKit Browsers (Chrome, Safari, Edge) */
*::-webkit-scrollbar {
    width: 12px;
    /* Scrollbar width */
    height: 12px;
    /* Horizontal scrollbar height */
}

*::-webkit-scrollbar-track {
    background: #e0e0e0;
    /* Scrollbar track (background) */
}

*::-webkit-scrollbar-thumb {
    background-color: #888;
    /* Scrollbar thumb (the moving part) */
    border-radius: 10px;
    /* Rounded corners on scrollbar */
    border: 2px solid #e0e0e0;
    /* Adds padding around the thumb */
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    /* Darken on hover */
}

*::-webkit-scrollbar-corner {
    background-color: #e0e0e0;
    /* Scrollbar corner (when both vertical and horizontal bars are present) */
}

* {
    font-family: "Quicksand", sans-serif !important;
    /* font-family: "Montserrat", sans-serif; */
    font-optical-sizing: auto;
    font-style: normal;
}

.quicksand {
    font-family: "Quicksand", sans-serif !important;
    /* font-family: "Montserrat", sans-serif; */
    font-optical-sizing: auto;
    font-style: normal;
}

.bold {
    font-weight: bold;
}