.loader{width:48px;height:48px;display:inline-block;position:relative}.loader:after,.loader:before{content:"";box-sizing:border-box;width:48px;height:48px;border:3px solid #000;position:absolute;left:0;top:0;animation:rotationBreak 3s ease-in-out infinite alternate}.loader:after{border-color:#fff;animation-direction:alternate-reverse}.dark .loader:after,.dark .loader:before{content:"";box-sizing:border-box;width:48px;height:48px;border:3px solid #fff;position:absolute;left:0;top:0;animation:rotationBreak 3s ease-in-out infinite alternate}.dark .loader:after{border-color:#000;animation-direction:alternate-reverse}@keyframes rotationBreak{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}