@keyframes loading-screen-react-md-spinner-animation__root-rotate {
    to {
        transform: rotate(360deg);
    }
}

@keyframes loading-screen-react-md-spinner-animation__fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg);
    }
    25% {
        transform: rotate(270deg);
    }
    37.5% {
        transform: rotate(405deg);
    }
    50% {
        transform: rotate(540deg);
    }
    62.5% {
        transform: rotate(675deg);
    }
    75% {
        transform: rotate(810deg);
    }
    87.5% {
        transform: rotate(945deg);
    }
    to {
        transform: rotate(1080deg);
    }
}

@keyframes loading-screen-react-md-spinner-animation__layer-1-fade-in-out {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    89% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

@keyframes loading-screen-react-md-spinner-animation__layer-2-fade-in-out {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    51% {
        opacity: 0;
    }
    to {
        opacity: 0;
    }
}

@keyframes loading-screen-react-md-spinner-animation__layer-3-fade-in-out {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    76% {
        opacity: 0;
    }
    to {
        opacity: 0;
    }
}

@keyframes loading-screen-react-md-spinner-animation__layer-4-fade-in-out {
    0% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes loading-screen-react-md-spinner-animation__left-spin {
    from {
        transform: rotate(130deg);
    }
    50% {
        transform: rotate(-5deg);
    }
    to {
        transform: rotate(130deg);
    }
}

@keyframes loading-screen-react-md-spinner-animation__right-spin {
    from {
        transform: rotate(-130deg);
    }
    50% {
        transform: rotate(5deg);
    }
    to {
        transform: rotate(-130deg);
    }
}

.md-spinner-span-1 {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    animation: 1568.24ms linear 0s infinite normal none running loading-screen-react-md-spinner-animation__root-rotate;
}

.md-spinner-span-2 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    animation-name: loading-screen-react-md-spinner-animation__fill-unfill-rotate, loading-screen-react-md-spinner-animation__layer-1-fade-in-out;
    animation-duration: 5332ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    opacity: 1;
    border-color: rgb(66, 165, 245);
}

.md-spinner-span-3 {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.md-spinner-span-4 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    bottom: 0px;
    width: 200%;
    border-width: 6px;
    border-style: solid;
    animation-duration: 1333ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    left: 0px;
    transform: rotate(129deg);
    animation-name: loading-screen-react-md-spinner-animation__left-spin;
    border-color: rgb(66, 165, 245) transparent transparent rgb(66, 165, 245);
}

.md-spinner-span-5 {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.md-spinner-span-6 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    bottom: 0px;
    width: 200%;
    border-width: 6px;
    border-style: solid;
    animation-duration: 1333ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    left: -100%;
    transform: rotate(-129deg);
    animation-name: loading-screen-react-md-spinner-animation__right-spin;
    border-color: rgb(66, 165, 245) rgb(66, 165, 245) transparent transparent;
}

.md-spinner-span-7 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    left: 45%;
    width: 10%;
    border-width: 6px;
    border-color: inherit;
    border-top-style: solid;
}

.md-spinner-span-8 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    animation-name: loading-screen-react-md-spinner-animation__fill-unfill-rotate, loading-screen-react-md-spinner-animation__layer-2-fade-in-out;
    animation-duration: 5332ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    opacity: 1;
    border-color: rgb(239, 83, 80);
}

.md-spinner-span-9 {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.md-spinner-span-10 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    bottom: 0px;
    width: 200%;
    border-width: 6px;
    border-style: solid;
    animation-duration: 1333ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    left: 0px;
    transform: rotate(129deg);
    animation-name: loading-screen-react-md-spinner-animation__left-spin;
    border-color: rgb(239, 83, 80) transparent transparent rgb(239, 83, 80);
}

.md-spinner-span-11 {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.md-spinner-span-12 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    bottom: 0px;
    width: 200%;
    border-width: 6px;
    border-style: solid;
    animation-duration: 1333ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    left: -100%;
    transform: rotate(-129deg);
    animation-name: loading-screen-react-md-spinner-animation__right-spin;
    border-color: rgb(239, 83, 80) rgb(239, 83, 80) transparent transparent;
}

.md-spinner-span-13 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    left: 45%;
    width: 10%;
    border-width: 6px;
    border-color: inherit;
    border-top-style: solid;
}

.md-spinner-span-14 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    animation-name: loading-screen-react-md-spinner-animation__fill-unfill-rotate, loading-screen-react-md-spinner-animation__layer-3-fade-in-out;
    animation-duration: 5332ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    opacity: 1;
    border-color: rgb(253, 216, 53);
}

.md-spinner-span-15 {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.md-spinner-span-16 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    bottom: 0px;
    width: 200%;
    border-width: 6px;
    border-style: solid;
    animation-duration: 1333ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    left: 0px;
    transform: rotate(129deg);
    animation-name: loading-screen-react-md-spinner-animation__left-spin;
    border-color: rgb(253, 216, 53) transparent transparent rgb(253, 216, 53);
}

.md-spinner-span-17 {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.md-spinner-span-18 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    bottom: 0px;
    width: 200%;
    border-width: 6px;
    border-style: solid;
    animation-duration: 1333ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    left: -100%;
    transform: rotate(-129deg);
    animation-name: loading-screen-react-md-spinner-animation__right-spin;
    border-color: rgb(253, 216, 53) rgb(253, 216, 53) transparent transparent;
}

.md-spinner-span-19 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    left: 45%;
    width: 10%;
    border-width: 6px;
    border-color: inherit;
    border-top-style: solid;
}

.md-spinner-span-20 {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    animation-name: loading-screen-react-md-spinner-animation__fill-unfill-rotate, loading-screen-react-md-spinner-animation__layer-4-fade-in-out;
    animation-duration: 5332ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    opacity: 1;
    border-color: rgb(76, 175, 80);
}

.md-spinner-span-21 {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.md-spinner-span-22 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    bottom: 0px;
    width: 200%;
    border-width: 6px;
    border-style: solid;
    animation-duration: 1333ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    left: 0px;
    transform: rotate(129deg);
    animation-name: loading-screen-react-md-spinner-animation__left-spin;
    border-color: rgb(76, 175, 80) transparent transparent rgb(76, 175, 80);
}

.md-spinner-span-23 {
    display: inline-block;
    position: relative;
    flex-grow: 1;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.md-spinner-span-24 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    bottom: 0px;
    width: 200%;
    border-width: 6px;
    border-style: solid;
    animation-duration: 1333ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-iteration-count: infinite;
    left: -100%;
    transform: rotate(-129deg);
    animation-name: loading-screen-react-md-spinner-animation__right-spin;
    border-color: rgb(76, 175, 80) rgb(76, 175, 80) transparent transparent;
}

.md-spinner-span-25 {
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    border-radius: 50%;
    left: 45%;
    width: 10%;
    border-width: 6px;
    border-color: inherit;
    border-top-style: solid;
}

.ls-loading-div {
    height: 97vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ls-logo-div {
    width: 98vw;
    max-width: 840px;
    display: flex;
    justify-content: center;
}

.ls-loading-text {
    font-size: 24px;
    font-family: Roboto;
}