@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");

html,
body {
    font-family: "Roboto", sans-serif;
    user-select: none;
    overflow: hidden;
}

a {
    color: transparent;
}

a:hover {
    color: transparent;
}

label {
    display: flex;
}

.back-button:hover {
    cursor: pointer;
}

.back-disabled {
    opacity: 0.6;
    cursor: default;
}

.back-disabled:hover {
    cursor: default !important;
}

.back-hidden {
    visibility: hidden;
    cursor: default !important;
}

.back-hidden:hover {
    cursor: default !important;
}



.tooltip-inner {
    background-color: var(--surface-4);
    color: var(--white-96);
    min-width: 30vw;
    border-radius: 8px;
    font-size: 12px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
    padding: 0.5rem;
    text-align: left;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before{
    border-top-color: var(--surface-4);
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before{
    border-bottom-color: var(--surface-4);
}

.tooltip.bs-tooltip-end .tooltip-arrow::before{
    border-right-color: var(--surface-4);
}

.tooltip.bs-tooltip-start .tooltip-arrow::before{
    border-left-color: var(--surface-4);
}

.tooltip.show {
    opacity: 1;
}

.tooltip hr {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.tooltip .text-primary {
    color: var(--pri-50) !important;
    font-weight: 500;
}

:root {
    --bs-body-bg: var(--surface-0);
    /* Elevation */
    --surface-0: #121212;
    --surface-1: #181818;
    --surface-2: #1f1f1f;
    --surface-3: var(--white-32);
    --surface-4: #2a2a2a;
    --surface-5: #2e2e2e;
    /* Opacities */
    --white-96: #f6f6f6;
    --white-64: #aaaaaa;
    --white-38: #747474;
    --white-24: #515151;
    --white-32: #272727;
    --white-12: #3a3a3a;
    --disabled-filled-bg: #363636;
    --disabled-filled-color: #676767;
    --disabled: #555555;
    /* Primary colors */
    --pri-0: #000000;
    --pri-10: #273913;
    --pri-20: #3b561e;
    --pri-30: #476524;
    --pri-40: #52752c;
    --pri-50: #5c8233;
    --pri-60: #71934f;
    --pri-70: #86a46a;
    --pri-80: #a6bc93;
    --pri-90: #c8d6bc;
    --pri-95: #e8eee4;
    --pri-99: #fafaf9;
    --pri-100: #ffffff;
    /* Secondary colors */
    --sec-0: #000000;
    --sec-10: #ce6929;
    --sec-20: #f87f31;
    --sec-30: #fc9a36;
    --sec-40: #fdaa3a;
    --sec-50: #ffbd3e;
    --sec-60: #ffc944;
    --sec-70: #ffd14e;
    --sec-80: #ffdb67;
    --sec-90: #ffe491;
    --sec-95: #ffeebb;
    --sec-99: #fff9e4;
    --sec-100: #ffffff;
    /* Tertiary colors */
    --ter-0: #000000;
    --ter-10: #2c2d2b;
    --ter-20: #4f514d;
    --ter-30: #72756f;
    --ter-40: #959991;
    --ter-50: #b8bdb3;
    --ter-60: #dbe1d5;
    --ter-70: #e1e6dc;
    --ter-80: #e7ebe2;
    --ter-90: #ecefe9;
    --ter-95: #f2f4f0;
    --ter-99: #f8f9f7;
    --ter-100: #ffffff;
    /* Error colors */
    --err-0: #000000;
    --err-5: #2f1916;
    --err-10: #5c1b12;
    --err-20: #852819;
    --err-30: #ad3421;
    --err-40: #d64029;
    --err-50: #ff4c31;
    --err-60: #ff6952;
    --err-70: #ff8573;
    --err-80: #ffa294;
    --err-90: #ffbfb5;
    --err-95: #ffdbd6;
    --err-99: #fff8f7;
    --err-100: #ffffff;
    /* Neutral colors */
    --neu-0: #000000;
    --neu-10: #2a2a2a;
    --neu-20: #3d3d3d;
    --neu-30: #505050;
    --neu-40: #626262;
    --neu-50: #757575;
    --neu-60: #8b8b8b;
    --neu-70: #a1a1a1;
    --neu-80: #b7b7b7;
    --neu-90: #cdcdcd;
    --neu-95: #e3e3e3;
    --neu-99: #f9f9f9;
    --neu-100: #ffffff;
    /* Neutral variant colors */
    --neuv-0: #000000;
    --neuv-10: #121210;
    --neuv-20: #252723;
    --neuv-30: #393b35;
    --neuv-40: #4d5048;
    --neuv-50: #61645a;
    --neuv-60: #8c9086;
    --neuv-70: #a4a79f;
    --neuv-80: #bbbdb7;
    --neuv-90: #d3d4d0;
    --neuv-95: #eaebe9;
    --neuv-99: #fafaf9;
    --neuv-100: #ffffff;
    /* Dark blue colors */
    --dblu-0: #000000;
    --dblu-5: #152533;
    --dblu-10: #012b5c;
    --dblu-20: #0843b2;
    --dblu-30: #0263d1;
    --dblu-40: #0074e3;
    --dblu-50: #0087f7;
    --dblu-60: #0095ff;
    --dblu-70: #2da5ff;
    --dblu-80: #5ab5ff;
    --dblu-90: #8ccaff;
    --dblu-95: #badeff;
    --dblu-99: #e2f2ff;
    --dblu-100: #ffffff;
}

.buttons-container {
    background-color: var(--bs-body-bg);
}

.bottom-safe-area-inset {
    padding-bottom: env(safe-area-inset-bottom);
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
background: none;
}

::-webkit-scrollbar-thumb {
background: var(--white-24);
border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
background: var(--white-12);
}