.preloader-spinner{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate3d(-50%, -50%, 0)}.preloader-spinner div{transform-origin:30px 30px;animation:spinner-fade 1.2s linear infinite}.preloader-spinner div:after{content:"";display:block;position:absolute;top:0;left:50%;width:4px;height:13px;border-radius:20%;background:var(--preloader-spinner-color);transform:translateX(-50%)}.preloader-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.preloader-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.preloader-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.preloader-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.preloader-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.preloader-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.preloader-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.preloader-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.preloader-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.preloader-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.preloader-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.preloader-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes spinner-fade{0%{opacity:1}100%{opacity:0}}
