*, *:after,*:before {box-sizing: border-box;}.spinner {position: relative;margin: 0.2em;display: flex;justify-content: center;align-items: center;width: var(--spinnerSize);height: var(--spinnerSize);animation: loading-text 1s ease-in-out infinite;}.spinner:before, .spinner:after {content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;mix-blend-mode: overlay;border: var(--borderThikness) solid transparent;animation: rotate var(--duration) var(--timing) infinite;}.spinner:before {border-top-color:var(--sectorColor1);--duration: 1s;--timing: ease-in-out }.spinner:before {border-left-color: var(--sectorColor2);--duration: 1.25s;--timing: ease-in }.spinner:after {border-right-color: var(--sectorColor3);--duration: 1.5s;--timing: ease-out }.spinner:after {border-bottom-color: var(--sectorColor4);--duration: 2s;--timing: ease-out }@keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}