.square{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:linear-gradient(-30deg,#f6f6f6,#ffe8c7,#ffc2fc,#dbfaff,#fff) 0 0/400% 400%;width:64px;height:55.43px;animation:6s infinite gradient,3s cubic-bezier(.17,.37,.43,.67) infinite rotation}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes rotation{0%{transform:translate(0)rotate(90deg)}50%{transform:translate(0)rotate(270deg)}to{transform:translate(0)rotate(90deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.planning-flow{stroke-dasharray:.16 1;stroke-linejoin:round;filter:drop-shadow(0 0 2px);animation:3.2s cubic-bezier(.77,0,.175,1) infinite backwards planning-flow;animation-delay:var(--planning-delay)}@keyframes planning-flow{0%{stroke-dashoffset:.16px}45%,to{stroke-dashoffset:-1px}}.planning-land{animation:3.2s ease-in-out infinite backwards planning-land;animation-delay:var(--planning-delay)}@keyframes planning-land{0%,to{border-color:#ffffffb3}50%{border-color:var(--color-flow-500)}}@media (prefers-reduced-motion:reduce){.planning-flow{stroke-dasharray:none;animation-name:planning-glow}.planning-land{animation:none}}@keyframes planning-glow{0%,to{opacity:0}30%{opacity:.5}}