:root {
    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
}
:root {
    --spinner-default-color: var(--color-light-neutral-translucent-1300);
}
.spinner__component_zj4cl {
    color: var(--spinner-default-color);
}

:root {
    --spinner-display-visible: inline-block;
    --spinner-animation-duration: 0.8s;
    --spinner-animation-timing-function: linear;
}
.spinner__spinner_1ilnh {
    display: none;
    box-sizing: content-box;
    animation: spinner__spin_animation_1ilnh var(--spinner-animation-duration) infinite
        var(--spinner-animation-timing-function);
}
.spinner__visible_1ilnh {
    display: var(--spinner-display-visible);
    vertical-align: middle;
}
@keyframes spinner__spin_animation_1ilnh {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.spinner__gradient_1ilnh {
    width: 100%;
    height: 100%;
}

:root {
    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
}
:root {
    --spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
}
.spinner__component_7069e {
    color: var(--spinner-inverted-color);
}

:root {
    --gap-2: 2px;
    --gap-4: 4px;
}
.spinner__preset16_1g327 {
    padding: 1px;
}
.spinner__preset24_1g327 {
    padding: var(--gap-2);
}
.spinner__preset48_1g327 {
    padding: var(--gap-4);
}

* {
    box-sizing: border-box;
    -webkit-appearance: none;
}

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    font-family: var(--font-family-system);
    overflow: hidden;
}

#root {
    height: 100%;
}

.fallback-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}