:root{--w-size:200px;--w-margin:calc(-var(--w-size) / 2);--b-size:70%;--box-wrapper-width:var(--b-size);--box-wrapper-height:var(--b-size);--box-wrapper-margin:calc((100% - var(--box-wrapper-height)) / 2) calc((100% - var(--box-wrapper-width)) / 2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:var(--w-margin);width:var(--w-size);height:var(--w-size);background-color:transparent;border:none;-webkit-user-select:none}.box-wrap{width:var(--box-wrapper-width);height:var(--box-wrapper-height);margin:var(--box-wrapper-margin);position:relative;transform:rotate(-45deg)}.box{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(135,0,0,.6);background:linear-gradient(90deg,#141562,#486fbc,#eab5a1,#8dd6ff,#4973c9,#d07ca7,#f4915e,#f5919e,#b46f89,#141562,#486fbc);background-position:0 50%;background-size:1000% 1000%;visibility:hidden}@keyframes moveGradient{to{background-position:100% 50%}}@keyframes oneMove{0%,to{visibility:visible;-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes twoMove{0%{visibility:visible;-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes threeMove{0%{visibility:visible;-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{-webkit-clip-path:inset(0 70% 70% 0 round 5%);clip-path:inset(0 70% 70% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{-webkit-clip-path:inset(0 35% 70% round 5%);clip-path:inset(0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{-webkit-clip-path:inset(35% 70% 35% 0 round 5%);clip-path:inset(35% 70% 35% 0 round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes fourMove{0%{visibility:visible;-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes fiveMove{0%{visibility:visible;-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}@keyframes sixMove{0%{visibility:visible;-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}14.2857%{-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}28.5714%{-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}42.8571%{-webkit-clip-path:inset(70% 0 0 70% round 5%);clip-path:inset(70% 0 0 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}57.1428%{-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}71.4285%{-webkit-clip-path:inset(35% 0 35% 70% round 5%);clip-path:inset(35% 0 35% 70% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}85.7142%{-webkit-clip-path:inset(35% round 5%);clip-path:inset(35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}to{-webkit-clip-path:inset(70% 35% 0 35% round 5%);clip-path:inset(70% 35% 0 35% round 5%);animation-timing-function:cubic-bezier(.86,0,.07,1)}}.wrapper .box.one{animation:moveGradient 15s infinite,oneMove 3.5s infinite}.wrapper .box.two{animation:moveGradient 15s infinite,twoMove 3.5s .15s infinite}.wrapper .box.three{animation:moveGradient 15s infinite,threeMove 3.5s .3s infinite}.wrapper .box.four{animation:moveGradient 15s infinite,fourMove 3.5s .575s infinite}.wrapper .box.five{animation:moveGradient 15s infinite,fiveMove 3.5s .725s infinite}.wrapper .box.six{animation:moveGradient 15s infinite,sixMove 3.5s .875s infinite}