.spinner-wrapper{position:relative;background-color:transparent;border:none}.spinner-wrapper .box-wrap{width:70%;height:70%;margin:calc((100% - 70%) / 2);position:relative;transform:rotate(-45deg)}.spinner-wrapper .box-wrap .box{width:100%;height:100%;position:absolute;left:0;top:0;background:var(--color-primary-700,#1e40af);background:linear-gradient(to right,var(--color-primary-600,#2563eb),var(--color-primary-700,#1e40af),var(--color-primary-300,#60a5fa),var(--color-primary-600,#2563eb));background-position:0 50%;background-size:1000% 1000%;visibility:hidden}.spinner-wrapper .box-wrap .box.one{animation:moveGradient 15s infinite,oneMove 3.5s infinite}.spinner-wrapper .box-wrap .box.two{animation:moveGradient 15s infinite,twoMove 3.5s .15s infinite}.spinner-wrapper .box-wrap .box.three{animation:moveGradient 15s infinite,threeMove 3.5s .3s infinite}.spinner-wrapper .box-wrap .box.four{animation:moveGradient 15s infinite,fourMove 3.5s .575s infinite}.spinner-wrapper .box-wrap .box.five{animation:moveGradient 15s infinite,fiveMove 3.5s .725s infinite}.spinner-wrapper .box-wrap .box.six{animation:moveGradient 15s infinite,sixMove 3.5s .875s infinite}@keyframes moveGradient{to{background-position:100% 50%}}@keyframes oneMove{0%{visibility:visible;clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes twoMove{0%{visibility:visible;clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes threeMove{0%{visibility:visible;clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes fourMove{0%{visibility:visible;clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes fiveMove{0%{visibility:visible;clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes sixMove{0%{visibility:visible;clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}