@property --rotate{syntax:"<angle>";inherits:false;initial-value:132deg}@property --rotate2{syntax:"<angle>";inherits:false;initial-value:13deg}.tarjeta{aspect-ratio:1;background-color:var(--color-blue-500);z-index:3;border-radius:100%;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.tarjeta-animada:before{content:"";z-index:-1;border-radius:inherit;background-image:linear-gradient(var(--rotate),#5ddcff,#0cf 45%,#4e00c2),linear-gradient(var(--rotate2),#ff38ff,#0cf 45%,#4e00c2);opacity:1;filter:blur(20px);transition:opacity .5s;animation:1.5s linear infinite spin;position:absolute;inset:0}.tarjeta-animada:after{content:"";z-index:-2;border-radius:inherit;background-image:linear-gradient(var(--rotate),#5ddcff,#00ffb7 45%,#ff3db1),linear-gradient(var(--rotate2),#ffdcff,#3c67e3 45%,#4e00c2);opacity:1;filter:blur(10px);transition:opacity .5s;animation:4.5s linear infinite spin;position:absolute;inset:0}@keyframes spin{0%{--rotate:0deg;transform:scale(1)}50%{--rotate:180deg;transform:scale(1.2)}to{--rotate:360deg;transform:scale(1)}}.talking{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.talking span{aspect-ratio:2/5;background-color:#fff;border-radius:1em;width:15%}.talking span:first-of-type{animation:1s ease-in-out -.45s infinite grow}.talking span:nth-of-type(2){animation:1s ease-in-out -.3s infinite grow}.talking span:nth-of-type(3){animation:1s ease-in-out -.15s infinite grow}.talking span:nth-of-type(4){animation:1s ease-in-out infinite grow}@keyframes grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}