.spinner-wrapper{align-items:center;border-radius:50%;display:flex;justify-content:center;padding:8px;width:auto}.spinner-loader{animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite;aspect-ratio:1;border:2px solid #0196a9;border-radius:50%;width:20px}.spinner-loader.primary{border:2px solid #12e3fe}.spinner-loader.secondary{border:2px solid #a5a9ac}.spinner-loader.success{border:2px solid #81dcb9}.spinner-loader.info{border:2px solid #6ce0f7}.spinner-loader.warning{border:2px solid #fee25f}.spinner-loader.danger{border:2px solid #f99d97}.spinner-loader.white{border:2px solid #fff}.spinner-loader.gary{border:2px solid #e6e8ea}.spinner-loader.light{border:2px solid #fff}.spinner-loader.dark{border:2px solid #4e5862}.spinner-loader.orange{border:2px solid #fe9a53}.spinner-loader.light-orange{border:2px solid #ffcc5d}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}