.loader{--sizeLoader:60px;--sizeLoaderHalf:calc(var(--sizeLoader) / 2);--stepBtf:calc(var(--sizeLoader) / 10);display:flex;position:relative;flex-direction:row;justify-content:center;align-items:center;width:var(--sizeLoader);height:var(--sizeLoader);background:radial-gradient(#f1f8,transparent 30%)}.loader:hover{cursor:progress}.loader[anim1]{animation:anim1 .3s ease-in-out infinite alternate}.loader:not([anim1]){right:var(--sizeLoaderHalf);transform-origin:center right;animation:moveAround 2s linear infinite}.loader[showShadow]{filter:drop-shadow(0 10px 10px #060606de)}.loader svg:first-child{position:relative;height:100%;left:2%;transform-origin:center right;animation:wing .2s ease-in-out infinite}.loader svg:nth-child(2){height:50%}.loader svg:nth-child(3){position:relative;height:100%;left:-2%;transform-origin:center left;animation:wing .25s ease-in-out infinite}@keyframes wing{0%{transform:rotateY(0deg)}50%{transform:rotateY(60deg)}to{transform:rotateY(0deg)}}@keyframes moveAround{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes anim1{0%{transform:translateY(0)}to{transform:translateY(var(--stepBtf))}}