.metallic-pill[data-astro-cid-acbv6hgm]{--pill-base: var(--color-bg-secondary);--pill-darkest: color-mix(in oklch, var(--pill-base), black 50%);--pill-dark: color-mix(in oklch, var(--pill-base), black 25%);--pill-bright: color-mix(in oklch, var(--pill-base), white 25%);--pill-text: var(--color-secondary);--white-10: color-mix(in srgb, white 10%, transparent);--white-15: color-mix(in srgb, white 15%, transparent);--white-25: color-mix(in srgb, white 25%, transparent);--white-40: color-mix(in srgb, white 40%, transparent);--black-20: color-mix(in srgb, black 20%, transparent);--black-30: color-mix(in srgb, black 30%, transparent);position:relative;overflow:hidden;color:var(--pill-text);box-shadow:0 2px 4px -1px var(--black-30),0 1px 2px -1px var(--black-20),inset 0 1px 0 var(--white-15);transition:all .2s ease}.metallic-pill--light[data-astro-cid-acbv6hgm]{--pill-base: var(--color-card);--pill-darkest: color-mix(in oklch, var(--pill-base), black 15%);--pill-dark: color-mix(in oklch, var(--pill-base), black 8%);--pill-bright: var(--pill-base);--pill-text: var(--color-bg-card)}.metallic-pill--accent[data-astro-cid-acbv6hgm]{--pill-base: var(--color-bg-secondary);--pill-darkest: color-mix(in oklch, var(--pill-base), black 50%);--pill-dark: color-mix(in oklch, var(--pill-base), black 25%);--pill-bright: color-mix(in oklch, var(--pill-base), white 20%);--pill-text: var(--color-secondary)}.metallic-pill--nav[data-astro-cid-acbv6hgm]{--pill-base: var(--color-accent);--pill-darkest: color-mix(in oklch, var(--pill-base), black 45%);--pill-dark: color-mix(in oklch, var(--pill-base), black 20%);--pill-bright: color-mix(in oklch, var(--pill-base), white 25%);--pill-text: var(--color-card)}.metallic-pill__base[data-astro-cid-acbv6hgm]{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,var(--pill-darkest) 0%,var(--pill-dark) 25%,var(--pill-base) 45%,var(--pill-bright) 55%,var(--pill-base) 75%,var(--pill-dark) 100%);z-index:1}.metallic-pill__shine[data-astro-cid-acbv6hgm]{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,var(--white-40) 0%,var(--white-10) 40%,transparent 60%);z-index:2;opacity:.6;transition:opacity .2s ease;pointer-events:none}.metallic-pill__edge[data-astro-cid-acbv6hgm]{position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(180deg,var(--white-25) 0%,transparent 50%,var(--white-10) 100%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:3;pointer-events:none}.metallic-pill[data-astro-cid-acbv6hgm]:before{content:"";position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:linear-gradient(90deg,transparent 0%,var(--white-10) 45%,var(--white-25) 50%,var(--white-10) 55%,transparent 100%);transform:rotate(25deg);z-index:4;pointer-events:none;opacity:0;transition:opacity .2s ease}.metallic-pill[data-astro-cid-acbv6hgm]:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 12px -4px color-mix(in oklch,var(--pill-base) 50%,transparent),0 4px 6px -2px var(--black-30),inset 0 1px 0 var(--white-25)}.metallic-pill[data-astro-cid-acbv6hgm]:hover .metallic-pill__shine[data-astro-cid-acbv6hgm]{opacity:.8}.metallic-pill[data-astro-cid-acbv6hgm]:hover:before{opacity:1;animation:pill-shimmer 1s ease-in-out infinite}.metallic-pill[data-astro-cid-acbv6hgm]:active{transform:translateY(0) scale(.98);box-shadow:0 2px 4px -1px color-mix(in oklch,var(--pill-base) 30%,transparent),0 1px 2px -1px var(--black-20),inset 0 2px 4px var(--black-20);transition-duration:.1s}.metallic-pill[data-astro-cid-acbv6hgm]:active .metallic-pill__base[data-astro-cid-acbv6hgm]{filter:brightness(.92)}.metallic-pill[data-astro-cid-acbv6hgm]:active .metallic-pill__shine[data-astro-cid-acbv6hgm]{opacity:.4}@keyframes pill-shimmer{0%{left:-100%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:150%;opacity:0}}.metallic-count[data-astro-cid-acbv6hgm]{--count-base: var(--color-bg-card);--count-dark: color-mix(in oklch, var(--count-base), black 20%);--count-bright: color-mix(in oklch, var(--count-base), white 15%);background:linear-gradient(180deg,var(--count-bright) 0%,var(--count-base) 50%,var(--count-dark) 100%);box-shadow:0 1px 2px var(--black-20),inset 0 1px 0 var(--white-25)}.metallic-count--light[data-astro-cid-acbv6hgm]{--count-base: var(--color-bg-card);color:var(--color-card)}.metallic-count--accent[data-astro-cid-acbv6hgm]{--count-base: var(--color-bg-secondary);--count-dark: color-mix(in oklch, var(--count-base), black 30%);--count-bright: color-mix(in oklch, var(--count-base), white 20%);color:var(--color-secondary)}