.avatar-bg{background-image:linear-gradient(to top,#cfd9df,#e2ebf0)}.circle-1{animation:morph-circle-1 12s linear infinite}.circle-2{top:-16px;left:16px;animation:morph-circle-2 12s linear infinite}.circle-3{animation:morph-circle-3 12s linear infinite}.circle-4{top:16px;left:-16px;animation:morph-circle-4 12s linear infinite}@keyframes morph-circle-1{0%,to{top:-16px;left:-16px}25%{top:-16px;left:16px}50%{top:16px;left:16px}75%{top:16px;left:-16px}}@keyframes morph-circle-2{0%,100% {border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgb(40 175 176 / var(--tw-border-opacity, 1));} 0%:is(.dark *),100%:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(40 175 176 / var(--tw-border-opacity, 1)); } 50% {border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgb(120 81 169 / var(--tw-border-opacity, 1));} 50%:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(137 98 187 / var(--tw-border-opacity, 1)); }}@keyframes morph-circle-3{0%,to{top:16px;left:16px}25%{top:16px;left:-16px}50%{top:-16px;left:-16px}75%{top:-16px;left:16px}}@keyframes morph-circle-4{0%,100% {border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgb(120 81 169 / var(--tw-border-opacity, 1));} 0%:is(.dark *),100%:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(137 98 187 / var(--tw-border-opacity, 1)); } 50% {border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgb(40 175 176 / var(--tw-border-opacity, 1));} 50%:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(40 175 176 / var(--tw-border-opacity, 1)); }}