:root{--size-spinning:35px;--color-spinning:#a7a7a9;--ios-simulator-color:#fff}.spinner{position:relative;width:var(--size-spinning);height:var(--size-spinning)}.spinner div{transform-origin:calc(var(--size-spinning) / 2) calc(var(--size-spinning) / 2);animation:spinner .8s linear infinite;position:absolute}.spinner div:after{content:" ";display:block;position:absolute;top:calc(var(--size-spinning) / 5.5);left:calc(var(--size-spinning) / 2.17);width:calc(var(--size-spinning) / 12.5);height:calc(var(--size-spinning) / 5);border-radius:calc(var(--size-spinning) / 10);background-color:var(--color-spinning)}.spinner div:first-child{transform:rotate(0deg);animation-delay:-1.1s}.spinner div:nth-child(2){transform:rotate(45deg);animation-delay:-1s}.spinner div:nth-child(3){transform:rotate(90deg);animation-delay:-.9s}.spinner div:nth-child(4){transform:rotate(135deg);animation-delay:-.8s}.spinner div:nth-child(5){transform:rotate(180deg);animation-delay:-.7s}.spinner div:nth-child(6){transform:rotate(225deg);animation-delay:-.6s}.spinner div:nth-child(7){transform:rotate(270deg);animation-delay:-.5s}.spinner div:nth-child(8){transform:rotate(310deg);animation-delay:-.4s}@keyframes spinner{0%{opacity:1}to{opacity:0}}