body {
    background-color: var(--color-body);
    color: var(--color-text-dark);

    font-size: var(--font-size-regular);

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

    overflow-x: hidden;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overscroll-behavior-y: none;

    -webkit-touch-callout: none;

    -webkit-tap-highlight-color: transparent;
}

body,
html {
    height: 100%;
}

html {
    margin-top: 0;
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);
    margin-left: 0;
    margin-left: constant(safe-area-inset-left);
    margin-left: env(safe-area-inset-left);
    margin-right: 0;
    margin-right: constant(safe-area-inset-right);
    margin-right: env(safe-area-inset-right);
}

a {
    color: inherit;

    text-decoration: none;
}

#app {
    height: 100%;
}

.global__loading {
    display: none;

    justify-content: center;
    align-items: center;

    position: absolute;

    top: 0;
    left: 0;

    z-index: 100;

    width: 100%;
    height: 100%;

    background-color: var(--color-body);
}

.global__loader-svg {
    width: 4em;
    height: 4em;
}