.loading-icon{position:relative;width:16px;height:16px;border-radius:50%;transform:rotate(210deg);padding:8px}.loading-icon>*{display:block;position:absolute;top:50%;left:50%;width:2px;height:4px;border-radius:4px}.loading-icon>:first-of-type{animation:background 1s ease .125s infinite;transform:rotate(-45deg) translate(8px) rotate(45deg) rotate(45deg)}.loading-icon>:nth-of-type(2){animation:background 1s ease .25s infinite;transform:rotate(0deg) translate(8px) rotate(90deg) rotate(0deg)}.loading-icon>:nth-of-type(3){animation:background 1s ease .375s infinite;transform:rotate(45deg) translate(8px) rotate(135deg) rotate(-45deg)}.loading-icon>:nth-of-type(4){animation:background 1s ease .5s infinite;transform:rotate(90deg) translate(8px) rotate(180deg) rotate(-90deg)}.loading-icon>:nth-of-type(5){animation:background 1s ease .625s infinite;transform:rotate(135deg) translate(8px) rotate(225deg) rotate(-135deg)}.loading-icon>:nth-of-type(6){animation:background 1s ease .75s infinite;transform:rotate(180deg) translate(8px) rotate(270deg) rotate(-180deg)}.loading-icon>:nth-of-type(7){animation:background 1s ease .875s infinite;transform:rotate(225deg) translate(8px) rotate(315deg) rotate(-225deg)}.loading-icon>:nth-of-type(8){animation:background 1s ease 1s infinite;transform:rotate(270deg) translate(8px) rotate(1turn) rotate(-270deg)}.loading-icon>div{transform-origin:top center;background:rgba(0,0,0,0)}@keyframes background{0%{background:#fff}to{background:rgba(0,0,0,0)}}