.overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:hsla(0,0%,100%,.8);z-index:9999}.loader{width:60px;aspect-ratio:1;color:#ffa516;background:linear-gradient(currentColor 0 0) 100% 0,linear-gradient(currentColor 0 0) 0 100%;background-size:50.1% 50.1%;background-repeat:no-repeat;animation:l7-0 1s steps(1) infinite}.loader:after,.loader:before{content:"";position:absolute;inset:0 50% 50% 0;background:currentColor;transform:scale(var(--s,1)) perspective(150px) rotateY(0deg);transform-origin:bottom right;animation:l7-1 .5s linear infinite alternate}.loader:after{--s:-1,-1}@keyframes l7-0{0%{transform:scaleX(1) rotate(0deg)}50%{transform:scaleX(-1) rotate(-90deg)}}@keyframes l7-1{49.99%{transform:scale(var(--s,1)) perspective(150px) rotateX(-90deg);filter:grayscale(0)}50%{transform:scale(var(--s,1)) perspective(150px) rotateX(-90deg);filter:grayscale(.8)}to{transform:scale(var(--s,1)) perspective(150px) rotateX(-180deg);filter:grayscale(.8)}}