@import url("/Content/Web/Styles/Root.css");
@import url("/Content/Web/Styles/Loader.css");
@import url("/Content/Web/Fonts/Segoe-UI-Variable.css");

html {
    font-size: 20px;
    font-family: 'SegoeUI-Variable', 'Segoe UI', 'SegoeUI-Light', Tahoma, Geneva, Verdana, sans-serif;
    scroll-behavior: smooth !important;
}

body {
    border-collapse: collapse;
    border-spacing: 0px;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
    font-size: 1.0rem;
    overflow: hidden;
    background-color: transparent;
}

.sBodyContaner {
    display: block;
    float: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0rem;
    top: 0rem;
    user-select: text;
    pointer-events: auto;
    margin: 0rem;
    padding: 0.0rem;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: transparent;
    min-height: 0rem;
    container-type: inline-size;
}

::-webkit-scrollbar {
    width: 0.35rem;
}

::-webkit-scrollbar-thumb {
    border-width: 0.05rem 0.05rem 0.05rem 0.1rem;
    border-color: hsla(0 0% 80% / 0.5);
    background-color: hsla(0 0% 80% / 0.5);
    border-radius: 0.25rem;
}

    ::-webkit-scrollbar-thumb:hover {
        border-width: 0.05rem 0.05rem 0.05rem 0.1rem;
        border-color: hsla(0 0% 30% / 0.5);
        background-color: hsla(0 0% 20% / 0.5);
        width: 0.5rem;
    }

::-webkit-scrollbar-track {
    border-width: 0;
}

    ::-webkit-scrollbar-track:hover {
        border-left: solid 0.05rem hsla(0 0% 75% / 0.5);
        background-color: hsla(0 0% 90% / 0.5);
    }

::-webkit-scrollbar:hover {
    width: 0.55rem;
}

.sWeight200 {
    text-stroke-width: 0.01em;
    -webkit-text-stroke-width: 0.01em;
}

.sWeight300 {
    text-stroke-width: 0.02em;
    -webkit-text-stroke-width: 0.02em;
}

.sWeight400 {
    text-stroke-width: 0.03em;
    -webkit-text-stroke-width: 0.03em;
}

.sWeight500 {
    text-stroke-width: 0.04em;
    -webkit-text-stroke-width: 0.04em;
}

.sWeight600 {
    text-stroke-width: 0.05em;
    -webkit-text-stroke-width: 0.05em;
}

.sWeight700 {
    text-stroke-width: 0.06em;
    -webkit-text-stroke-width: 0.06em;
}

.sWeight800 {
    text-stroke-width: 0.07em;
    -webkit-text-stroke-width: 0.07em;
}

.sWeight900 {
    text-stroke-width: 0.08em;
    -webkit-text-stroke-width: 0.08em;
}

@keyframes sFade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sUnFade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}