.sh-pill{border:1px solid color-mix(in oklab, currentColor 45%, transparent);background:color-mix(in oklab, currentColor 12%, transparent);box-shadow:0 0 14px -6px color-mix(in oklab, currentColor 90%, transparent);border-radius:.75rem;align-items:center;gap:8px;padding:8px 12px;transition:background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.sh-pill:hover{border-color:color-mix(in oklab, currentColor 75%, transparent);background:color-mix(in oklab, currentColor 20%, transparent);box-shadow:0 0 18px -4px color-mix(in oklab, currentColor 95%, transparent)}.sh-pill>span{color:color-mix(in oklab, currentColor 80%, white)}.sh-pill .sh-ico{filter:drop-shadow(0 0 5px color-mix(in oklab, currentColor 70%, transparent))}.sh-pill[aria-current=page]{border-color:color-mix(in oklab, currentColor 95%, transparent);background:color-mix(in oklab, currentColor 26%, transparent);box-shadow:0 0 22px -3px color-mix(in oklab, currentColor 95%, transparent)}.sh-pill.sh-pill-solid{border-color:var(--sh-band,var(--color-primary));background:var(--sh-band,var(--color-primary));box-shadow:0 0 26px -2px color-mix(in srgb, var(--sh-band,var(--color-primary)) 90%, transparent)}.sh-pill.sh-pill-solid:hover{border-color:color-mix(in srgb, var(--sh-band,var(--color-primary)) 55%, white);background:color-mix(in srgb, var(--sh-band,var(--color-primary)) 82%, white)}.sh-pill.sh-pill-solid>span{color:var(--color-cream)}.sh-pill.sh-pill-solid .sh-ico{color:var(--color-cream);filter:none}.sh-pill.sh-pill-sm{gap:6px;padding:6px 10px}.sh-band-primary{color:var(--color-primary);--sh-band:var(--color-primary)}.sh-band-gold{color:var(--color-gold-soft);--sh-band:var(--color-gold-deep)}