/*
|--------------------------------------------------------------------------
| PROJECT REDLINE - RESET
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| GLOBAL
|--------------------------------------------------------------------------
*/

*,
*::before,
*::after {

    box-sizing: border-box;
}

/*
|--------------------------------------------------------------------------
| HTML/BODY
|--------------------------------------------------------------------------
*/

html,
body {

    margin: 0;
    padding: 0;

    width: 100%;
    min-height: 100vh;

    overflow-x: hidden;

    scroll-behavior: smooth;
}

/*
|--------------------------------------------------------------------------
| BODY
|--------------------------------------------------------------------------
*/

body {

    background:
        var(--background-color);

    color:
        var(--text-color);

    font-family:
        Inter,
        Arial,
        sans-serif;

    -webkit-font-smoothing:
        antialiased;

    -moz-osx-font-smoothing:
        grayscale;

    -webkit-overflow-scrolling:
        touch;

    overflow-y:
        auto !important;
}

/*
|--------------------------------------------------------------------------
| ROOT APP
|--------------------------------------------------------------------------
*/

#app {

    width: 100%;

    min-height: 100vh;
}

/*
|--------------------------------------------------------------------------
| IMAGES
|--------------------------------------------------------------------------
*/

img {

    display: block;

    max-width: 100%;
}

/*
|--------------------------------------------------------------------------
| BUTTONS
|--------------------------------------------------------------------------
*/

button {

    border: none;

    outline: none;

    font-family: inherit;
}

/*
|--------------------------------------------------------------------------
| INPUTS
|--------------------------------------------------------------------------
*/

input,
textarea,
select,
button {

    outline: none;

    font-family: inherit;
}

/*
|--------------------------------------------------------------------------
| LINKS
|--------------------------------------------------------------------------
*/

a {

    color: inherit;

    text-decoration: none;
}

/*
|--------------------------------------------------------------------------
| LISTS
|--------------------------------------------------------------------------
*/

ul,
ol {

    margin: 0;
    padding: 0;

    list-style: none;
}

/*
|--------------------------------------------------------------------------
| SCROLLBAR
|--------------------------------------------------------------------------
*/

::-webkit-scrollbar {

    width: 8px;

    height: 8px;
}

::-webkit-scrollbar-track {

    background:
        rgba(255,255,255,0.02);
}

::-webkit-scrollbar-thumb {

    border-radius: 999px;

    background:
        rgba(255,255,255,0.12);
}

::-webkit-scrollbar-thumb:hover {

    background:
        rgba(255,255,255,0.22);
}