@font-face {
    font-family: 'ClashDisplay';
    src: url(/media/fonts/ClashDisplay-Regular.eot);
    src: url(/media/fonts/ClashDisplay-Regular.eot?#iefix) format('embedded-opentype'),
         url(/media/fonts/ClashDisplay-Regular.woff2) format('woff2'),
         url(/media/fonts/ClashDisplay-Regular.woff) format('woff'),
         url(/media/fonts/ClashDisplay-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ClashDisplay';
    src: url(/media/fonts/ClashDisplay-Medium.eot);
    src: url(/media/fonts/ClashDisplay-Medium.eot?#iefix) format('embedded-opentype'),
         url(/media/fonts/ClashDisplay-Medium.woff2) format('woff2'),
         url(/media/fonts/ClashDisplay-Medium.woff) format('woff'),
         url(/media/fonts/ClashDisplay-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url(/media/fonts/Manrope-VariableFont_wght.ttf) format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url(/media/fonts/Manrope-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url(/media/fonts/Manrope-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url(/media/fonts/Manrope-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url(/media/fonts/Manrope-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url(/media/fonts/Manrope-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url(/media/fonts/Manrope-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Manrope';
    src: url(/media/fonts/Manrope-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url(/media/fonts/Inter-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url(/media/fonts/Inter-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url(/media/fonts/Inter-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url(/media/fonts/Inter-ExtraLight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url(/media/fonts/Inter-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url(/media/fonts/Inter-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url(/media/fonts/Inter-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url(/media/fonts/Inter-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url(/media/fonts/Inter-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'MonumentExtended';
    src: url(/media/fonts/MonumentExtended-Regular.woff2) format('woff2'),
         url(/media/fonts/MonumentExtended-Regular.woff) format('woff'),
         url(/media/fonts/MonumentExtended-Regular.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'MonumentExtended';
    src: url(/media/fonts/MonumentExtended-Ultrabold.woff2) format('woff2'),
         url(/media/fonts/MonumentExtended-Ultrabold.woff) format('woff'),
         url(/media/fonts/MonumentExtended-Ultrabold.otf) format('opentype');
    font-weight: 800;
    font-style: normal;
}

:root {
    --var-white: 255, 255, 255;
    --var-accent: 223, 255, 27;
    --var-black: 30, 28, 44;
    --var-error: 255, 46, 84;
    --color-black: rgb(var(--var-black));
    --color-gray-950: #272534;
    --color-gray-900: #2E2D3D;
    --color-gray-850: #343344;
    --color-gray-800: #454356;
    --color-gray-750: #5A5869;
    --color-gray-650: #94939F;
    --color-gray-500: #BCBBC4;
    --color-gray-300: #E3E3EB;
    --color-gray-200: #EFEFF4;
    --color-white: rgb(var(--var-white));
    --color-accent: rgb(var(--var-accent));
    --color-error: rgb(var(--var-error));
    --color-warning: #FF6720;
    --color-success: #0ABE5B;
    --show-svg-url: url('/media/icons/show.svg');
    --hide-svg-url: url('/media/icons/hide.svg');
    --dropdown-svg-url: url('/media/icons/chevron-down.svg');
}

* {
    padding: 0;
    margin: 0;
    cursor: inherit;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input {
    border: none;
    font-family: inherit;
}

input[type="button"],
input[type="submit"]{
    cursor: pointer;
}

input[type="number"],
input[type="tel"],
input[type="text"],
input[type="password"] {
    cursor: text;
}

html {
    font-size: 16px;
    background-color: var(--color-black);
    cursor: default;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: 'Manrope', sans-serif;
    font-style: normal;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'ClashDisplay', sans-serif;
    font-style: normal;
    font-weight: 500;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted] {
    background-color: transparent !important;
}