/* Font. */
@font-face {
    font-family: Font_Roboto_Normal_Normal;
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-stretch: normal;
    font-display: block;
}

@font-face {
    font-family: Font_Roboto_Bold_Normal;
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: normal;
    font-stretch: normal;
    font-display: block;
}

@font-face {
    font-family: Font_Roboto_Normal_Condensed;
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-stretch: normal;
    font-display: block;
}

@font-face {
    font-family: Font_Roboto_Bold_Condensed;
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: normal;
    font-stretch: normal;
    font-display: block;
}

/* All. */
* {
    -webkit-appearance: none;
    box-sizing: border-box;
    touch-action: pan-y;
    outline: none;
    outline-width: 0;
    border: none;
    border-width: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    gap: 0;
    box-shadow: none;
    color: #FFFFFF00;
    background-color: #FFFFFF00;
    -webkit-tap-highlight-color: #FFFFFF00;
    font-family: Font_Roboto_Normal;
    font-size: 0;
    font-weight: normal;
    font-stretch: normal;
    text-align: left;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

    /* Disabled. */
    *[disabled] {
        opacity: 1;
    }

/* Hmtl, body. */
html, body {
    width: 100%;
    height: 100%;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

body {
    overflow-x: hidden;
    overflow-y: visible;
}

/* Scrollbar. */
::-webkit-scrollbar {
    display: none;
    width: 14px;
}

::-webkit-scrollbar-track {
    background-color: #FFFFFF00;
}
                
::-webkit-scrollbar-thumb {
    background-clip: content-box;
    border-radius: 7px;
    border: solid 6px #FFFFFF00;
}

    ::-webkit-scrollbar-thumb:hover {
        border-width: 5px;
    }

/* Text. */
.text_line {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.text_multi {
    max-width: 100%;
    white-space: pre-line;
    word-break: break-word;
    overflow: hidden;
}

.text_wrap_user {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    white-space: pre;
}

.text_wrap_auto {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    white-space: pre-line;
}

.text_user_select_all {
    -moz-user-select: all;
    -webkit-user-select: all;
    user-select: all;
}

.text_user_select_text {
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

/* Interactive. */
.interactive_focus {
    pointer-events: none;
    display: none;
    overflow: visible;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    stroke-linecap: round;
    stroke-linejoin: round;
}