/*----- Loading Screen -----*/
    /*----- Main Area ------*/
        #loadingScreen{
            inset: 0;
            position: fixed;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            z-index: 1600;
        }
    /*----- Spinner ------*/
        /*----- Spinner Reboot ------*/
            .atom-spinner, .atom-spinner * {
                box-sizing: border-box;
            }
        /*----- Spinner Self ------*/
            .atom-spinner {
                height: calc(22 * var(--jtb-core-size));
                width: calc(22 * var(--jtb-core-size));
                overflow: hidden;
            }
            .atom-spinner .spinner-inner {
                position: relative;
                display: block;
                height: 100%;
                width: 100%;
            }
        /*----- Logo ------*/
            .atom-spinner .spinner-circle {
                display: block;
                position: absolute;
                color: var(--jtb-theme-color-text);
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }
        /*----- Lines ------*/
            .atom-spinner .spinner-line {
                position: absolute;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                animation-duration: 1s;
                border-left-width: calc(22 * var(--jtb-core-size) / 25);
                border-top-width: calc(22 * var(--jtb-core-size) / 25);
                border-left-color: var(--jtb-theme-color-text);
                border-left-style: solid;
                border-top-style: solid;
                border-top-color: transparent;
            }
            .atom-spinner .spinner-line:nth-child(1) {
                animation: atom-spinner-animation-1 1s linear infinite;
                transform: rotateZ(120deg) rotateX(66deg) rotateZ(0deg);
            }
            .atom-spinner .spinner-line:nth-child(2) {
                animation: atom-spinner-animation-2 1s linear infinite;
                transform: rotateZ(240deg) rotateX(66deg) rotateZ(0deg);
            }
            .atom-spinner .spinner-line:nth-child(3) {
                animation: atom-spinner-animation-3 1s linear infinite;
                transform: rotateZ(360deg) rotateX(66deg) rotateZ(0deg);
            }
    /*----- Keyframes ------*/
        @keyframes atom-spinner-animation-1 {
            100% {
                transform: rotateZ(120deg) rotateX(66deg) rotateZ(360deg);
            }
        }
        @keyframes atom-spinner-animation-2 {
            100% {
                transform: rotateZ(240deg) rotateX(66deg) rotateZ(360deg);
            }
        }
        @keyframes atom-spinner-animation-3 {
            100% {
                transform: rotateZ(360deg) rotateX(66deg) rotateZ(360deg);
            }
        }