.pinwheel{--uib-size: 45px;--uib-speed: .8s;--uib-color: #312f2b;--uib-line-weight: 4px;position:relative;display:flex;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size)}.pinwheel__line{position:absolute;top:calc(50% - var(--uib-line-weight) / 2);left:0;height:var(--uib-line-weight);width:100%;border-radius:calc(var(--uib-line-weight) / 2);background-color:var(--uib-color);animation:rotate81232 var(--uib-speed) ease-in-out infinite}.pinwheel__line:nth-child(2){animation-delay:calc(var(--uib-speed) * .075);opacity:.8}.pinwheel__line:nth-child(3){animation-delay:calc(var(--uib-speed) * .15);opacity:.6}.pinwheel__line:nth-child(4){animation-delay:calc(var(--uib-speed) * .225);opacity:.4}.pinwheel__line:nth-child(5){animation-delay:calc(var(--uib-speed) * .3);opacity:.2}.pinwheel__line:nth-child(6){animation-delay:calc(var(--uib-speed) * .375);opacity:.1}@keyframes rotate81232{0%{transform:rotate(0)}to{transform:rotate(180deg)}}