.conic{position:relative;width:100%;flex-shrink:0;border-radius:10px;border-radius:5%;&::before,&::after{content:"";position:absolute;left:-6px;top:-6px;width:calc(100% + 12px);height:calc(100% + 12px);background:#333;border-radius:50%;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(transparent,#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff,transparent 20%,transparent 100%);animation:rotate 4s linear infinite;z-index:-1}&::after{background:0 0;background-image:conic-gradient(transparent,#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff,transparent 20%,transparent 100%);filter:blur(10px)}}.all{&::before,&::after{content:"";position:absolute;left:-6px;top:-6px;width:calc(100% + 12px);height:calc(100% + 12px);background:#333;border-radius:50%;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff,#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff,#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff);animation:rotate 4s linear infinite;z-index:-1}&::after{background:0 0;background-image:conic-gradient(#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff,#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff,#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff);filter:blur(10px)}}.rect{position:relative;width:100%;flex-shrink:0;overflow:unset;&::before,&::after{content:"";position:absolute;left:-6px;top:-6px;width:calc(100% + 12px);height:calc(100% + 12px);background:#333;background-image:linear-gradient(45deg,#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff,#ff3c41,#ff8a25,#ffe04f,#4fff88,#56ffef,#37b4ff,#c05aff);background-size:500%;animation:position 12s linear infinite alternate;z-index:-1}&::after{filter:blur(10px)}}