@property --chip-prism-temp{syntax:"<percentage>";inherits:false;initial-value:110%}.chip-prism{--chip-prism-temp:110%;--chip-prism-source:var(--chip-prism-base,currentColor);--chip-prism-text:oklch(from var(--chip-prism-source) clamp(0, calc(l + .8), 1) c h);--chip-prism-core:oklch(from var(--chip-prism-source) clamp(0, calc(l + .2), 1) c h);--chip-prism-mid:color-mix(in oklch, var(--chip-prism-source) 50%, transparent);--chip-prism-fade:color-mix(in oklch, var(--chip-prism-source) 0%, transparent);--chip-prism-fill:color-mix(in oklch, var(--chip-prism-source) 16%, transparent);--chip-prism-edge:color-mix(in oklch, var(--chip-prism-source) 60%, transparent);--chip-prism-glow:radial-gradient(90% 90% at 50% var(--chip-prism-temp), var(--chip-prism-core) 0%, var(--chip-prism-mid) 50%, var(--chip-prism-fade) 100%), linear-gradient(90deg, var(--chip-prism-mid) -10%, var(--chip-prism-fade) 40%), linear-gradient(90deg, var(--chip-prism-fade) 60%, var(--chip-prism-mid) 110%);color:var(--chip-prism-text);border:1px solid var(--chip-prism-edge);background-color:var(--chip-prism-fill);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);z-index:0;isolation:isolate;transition:translate .2s ease-in,transform .2s ease-in,--chip-prism-temp .2s ease-in;position:relative}.chip-prism:hover{--chip-prism-temp:90%;border-color:color-mix(in oklch, var(--chip-prism-edge) 70%, var(--chip-prism-text))}.chip-prism:before{content:"";z-index:-1;border-radius:inherit;filter:blur(min(.7rem, 6%));background-image:var(--chip-prism-glow);opacity:.9;background-position:bottom;background-size:100% 100%;position:absolute;inset:-1px}