.glow-pill{--gp-band-h:linear-gradient(90deg, #9f5bff 0%, #d873ff 25%, #f0abfc 50%, #a78bfa 75%, #9f5bff 100%);--gp-band-v:linear-gradient(180deg, #9f5bff 0%, #d873ff 25%, #f0abfc 50%, #a78bfa 75%, #9f5bff 100%);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #0000;transition:transform .15s,box-shadow .4s,color .2s,opacity .2s;position:relative}.glow-pill:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-1px)}.glow-pill.is-on{box-shadow:0 0 3em -.5em oklch(from var(--accent) l c h / .85), 0 1em 2.75em -.875em oklch(from var(--accent-bright) l c h / .65)}.glow-pill:before,.glow-pill:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:1.5px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-pill:before{background:#e9d5ff8c}.glow-pill.is-on:after{padding:2px}.glow-pill-text{position:relative}.glow-pill-text:after{content:attr(data-text);content:attr(data-text) / "";white-space:inherit;-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 .55em oklch(from var(--accent) l c h / .9));-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.glow-pill:after,.glow-pill .glow-pill-text:after{background-image:var(--gp-band-h);opacity:0;background-position:0 0;background-repeat:repeat;background-size:200% 100%;transition:opacity .3s}.glow-pill[data-dir=t]:after,.glow-pill[data-dir=t] .glow-pill-text:after,.glow-pill[data-dir=b]:after,.glow-pill[data-dir=b] .glow-pill-text:after{background-image:var(--gp-band-v);background-size:100% 200%}.glow-pill.is-on:after,.glow-pill.is-on .glow-pill-text:after{opacity:1}.glow-pill--danger{--gp-band-h:linear-gradient(90deg, #e11d48 0%, #fb7185 25%, #fecdd3 50%, #f43f5e 75%, #e11d48 100%);--gp-band-v:linear-gradient(180deg, #e11d48 0%, #fb7185 25%, #fecdd3 50%, #f43f5e 75%, #e11d48 100%)}.glow-pill--danger:before{background:#fecdd373}.glow-pill--danger.is-on{box-shadow:0 0 3em -.5em oklch(from var(--danger) l c h / .85), 0 1em 2.75em -.875em oklch(from var(--danger) l c h / .6)}.glow-pill--danger .glow-pill-text:after{filter:drop-shadow(0 0 .55em oklch(from var(--danger) l c h / .9))}.glow-pill:is([aria-pressed=true],[data-active=true],.is-selected){color:var(--accent-bright);box-shadow:0 0 1.75em -.5em oklch(from var(--accent) l c h / .8)}.glow-pill:is([aria-pressed=true],[data-active=true],.is-selected):after{opacity:1;padding:2px}.glow-pill:is([aria-pressed=true],[data-active=true],.is-selected) .glow-pill-text:after{opacity:1}.glow-pill.is-on[data-dir=l][data-k="0"]:after,.glow-pill.is-on[data-dir=l][data-k="0"] .glow-pill-text:after{animation:.55s cubic-bezier(.33,1,.68,1) both gp-reveal-l,2.2s linear infinite gp-flow-r}.glow-pill.is-on[data-dir=l][data-k="1"]:after,.glow-pill.is-on[data-dir=l][data-k="1"] .glow-pill-text:after{animation:.55s cubic-bezier(.33,1,.68,1) both gp-reveal-l2,2.2s linear infinite gp-flow-r2}.glow-pill.is-on[data-dir=r][data-k="0"]:after,.glow-pill.is-on[data-dir=r][data-k="0"] .glow-pill-text:after{animation:.55s cubic-bezier(.33,1,.68,1) both gp-reveal-r,2.2s linear infinite gp-flow-l}.glow-pill.is-on[data-dir=r][data-k="1"]:after,.glow-pill.is-on[data-dir=r][data-k="1"] .glow-pill-text:after{animation:.55s cubic-bezier(.33,1,.68,1) both gp-reveal-r2,2.2s linear infinite gp-flow-l2}.glow-pill.is-on[data-dir=t][data-k="0"]:after,.glow-pill.is-on[data-dir=t][data-k="0"] .glow-pill-text:after{animation:.55s cubic-bezier(.33,1,.68,1) both gp-reveal-t,2.2s linear infinite gp-flow-d}.glow-pill.is-on[data-dir=t][data-k="1"]:after,.glow-pill.is-on[data-dir=t][data-k="1"] .glow-pill-text:after{animation:.55s cubic-bezier(.33,1,.68,1) both gp-reveal-t2,2.2s linear infinite gp-flow-d2}.glow-pill.is-on[data-dir=b][data-k="0"]:after,.glow-pill.is-on[data-dir=b][data-k="0"] .glow-pill-text:after{animation:.55s cubic-bezier(.33,1,.68,1) both gp-reveal-b,2.2s linear infinite gp-flow-u}.glow-pill.is-on[data-dir=b][data-k="1"]:after,.glow-pill.is-on[data-dir=b][data-k="1"] .glow-pill-text:after{animation:.55s cubic-bezier(.33,1,.68,1) both gp-reveal-b2,2.2s linear infinite gp-flow-u2}@keyframes gp-reveal-l{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes gp-reveal-l2{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes gp-reveal-r{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes gp-reveal-r2{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes gp-reveal-t{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes gp-reveal-t2{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes gp-reveal-b{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes gp-reveal-b2{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes gp-flow-r{0%{background-position:200% 0}to{background-position:0 0}}@keyframes gp-flow-r2{0%{background-position:200% 0}to{background-position:0 0}}@keyframes gp-flow-l{0%{background-position:0 0}to{background-position:200% 0}}@keyframes gp-flow-l2{0%{background-position:0 0}to{background-position:200% 0}}@keyframes gp-flow-d{0%{background-position:0 200%}to{background-position:0 0}}@keyframes gp-flow-d2{0%{background-position:0 200%}to{background-position:0 0}}@keyframes gp-flow-u{0%{background-position:0 0}to{background-position:0 200%}}@keyframes gp-flow-u2{0%{background-position:0 0}to{background-position:0 200%}}@media (prefers-reduced-motion:reduce){.glow-pill,.glow-pill:hover{transform:none}.glow-pill.is-on:after,.glow-pill.is-on .glow-pill-text:after{animation:none!important}}
