.chip{background:linear-gradient(to bottom right,var(--color-purple-300),var(--color-indigo-300));background-size:100% 130%;background-position:50%;border-radius:50px;box-shadow:inset 0 -2px 9.3px 0 rgba(255,255,255,.68);opacity:1;color:#fff;padding:.3em 1.1em;font-weight:500;font-size:.7em;display:inline-block}.chip-light{background:linear-gradient(to bottom right,var(--color-violet-300) 0,var(--color-indigo-300) 100%);color:#4a2373}@keyframes gradientAnimation{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}.animated-bg{background-image:repeating-linear-gradient(100deg,#B0B0CA,#B0B0CA 7%,transparent 10%,transparent 12%,#B0B0CA 16%),repeating-linear-gradient(100deg,#a5b4fc 10%,#c4b5fd 15%,#a78bfa 20%,#c084fc 25%,#a5b4fc 30%);background-size:300% 200%;background-position:50% 50%,50% 50%;filter:blur(7px);mask-image:radial-gradient(ellipse at 100% 0,#a5b4fc 25%,transparent 70%)}.animated-bg:after{content:"";position:absolute;inset:0;background-size:200%,100%;animation:gradientAnimation 50s linear infinite;background-attachment:fixed;mix-blend-mode:soft-light}.animated-bg:after,.dark .animated-bg{background-image:repeating-linear-gradient(100deg,#00001A,#00001A 7%,transparent 10%,transparent 12%,#00001A 16%),repeating-linear-gradient(100deg,#a5b4fc 10%,#c4b5fd 15%,#a78bfa 20%,#c084fc 25%,#a5b4fc 30%)}.dark .animated-bg{background-size:300% 200%;background-position:50% 50%,50% 50%;filter:blur(10px);mask-image:radial-gradient(ellipse at 100% 0,black 25%,transparent 70%)}.dark .animated-bg:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(100deg,#00001A,#00001A 7%,transparent 10%,transparent 12%,#00001A 16%),repeating-linear-gradient(100deg,#a5b4fc 10%,#c4b5fd 15%,#a78bfa 20%,#c084fc 25%,#a5b4fc 30%);background-size:200%,100%;animation:gradientAnimation 50s linear infinite;background-attachment:fixed;mix-blend-mode:soft-light}