.spinner{--spinner-size:1.25rem;width:var(--spinner-size);height:var(--spinner-size);position:relative}.spinner.large{--spinner-size:2.5rem}.cube1,.cube2{background-color:hsl(var(--foreground));width:37.5%;height:37.5%;position:absolute;top:0;left:0;-webkit-animation:sk-cubemove 1.8s ease-in-out infinite;animation:sk-cubemove 1.8s ease-in-out infinite}.cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-cubemove{25%{-webkit-transform:translateX(105%) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(105%) translateY(105%) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(105%) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-1turn)}}@keyframes sk-cubemove{25%{transform:translateX(105%) rotate(-90deg) scale(.5);-webkit-transform:translateX(105%) rotate(-90deg) scale(.5)}50%{transform:translateX(105%) translateY(105%) rotate(-179deg);-webkit-transform:translateX(105%) translateY(105%) rotate(-179deg)}50.1%{transform:translateX(105%) translateY(105%) rotate(-180deg);-webkit-transform:translateX(105%) translateY(105%) rotate(-180deg)}75%{transform:translateX(0) translateY(105%) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(105%) rotate(-270deg) scale(.5)}to{transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}