.hero-heading span[data-color-idx="0"]{--bg-color:#ffadad}.hero-heading span[data-color-idx="1"]{--bg-color:#ffd6a5}.hero-heading span[data-color-idx="2"]{--bg-color:#fdffb6}.hero-heading span[data-color-idx="3"]{--bg-color:#caffbf}.hero-heading span[data-color-idx="4"]{--bg-color:#9bf6ff}.hero-heading span[data-color-idx="5"]{--bg-color:#a0c4ff}.hero-heading span[data-color-idx="6"]{--bg-color:#bdb2ff}.hero-heading span[data-char]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);background-image:radial-gradient(circle at 80% 50%,transparent,#ff80006c);z-index:-1}.hero-heading span[data-char=a]:after{clip-path:polygon(50% 0,50% 0,80% 70%,20% 70%)}.hero-heading span[data-char=b]:after,.hero-heading span[data-char=d]:after,.hero-heading span[data-char=o]:after{clip-path:polygon(20% 0,80% 0,80% 70%,20% 70%)}.hero-heading span[data-char=p]:after{clip-path:polygon(20% 0,80% 0,80% 40%,20% 40%)}.hero-heading span[data-char=q]:after{clip-path:polygon(20% 0,80% 0,80% 70%,20% 70%)}.hero-heading span[data-char=r]:after{clip-path:polygon(20% 0,80% 0,80% 40%,20% 40%)}