.anchor[data-v-f469ebc7]{transition:transform .26s var(--ease-out)}.anchor.tracking[data-v-f469ebc7]{transition:none}.pill[data-v-f469ebc7]{box-sizing:border-box;transition:width .24s var(--ease-in-out);animation:pill-in-f469ebc7 .16s var(--ease-out);background:#fff;border-radius:9999px;padding:3px;display:flex;overflow:hidden;box-shadow:0 6px 24px -6px #00000040,0 0 0 1px #0000000f}.dark .pill[data-v-f469ebc7]{background:#262626;box-shadow:0 6px 24px -6px #0009,0 0 0 1px #ffffff14}@keyframes pill-in-f469ebc7{0%{opacity:0;transform:scale(.95)}}.mode-leave-active[data-v-f469ebc7]{transition:opacity 90ms ease-out,filter 90ms ease-out}.mode-enter-active[data-v-f469ebc7]{transition:opacity .16s var(--ease-out),filter .16s var(--ease-out)}.mode-enter-from[data-v-f469ebc7],.mode-leave-to[data-v-f469ebc7]{opacity:0;filter:blur(2px)}.swatch[data-v-f469ebc7]{animation:swatch-in-f469ebc7 .22s var(--ease-out) backwards;animation-delay:calc(var(--i)*18ms + 40ms)}@keyframes swatch-in-f469ebc7{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.pill[data-v-f469ebc7],.swatch[data-v-f469ebc7]{animation:none}.anchor[data-v-f469ebc7],.pill[data-v-f469ebc7]{transition:none}.mode-enter-from[data-v-f469ebc7],.mode-leave-to[data-v-f469ebc7]{filter:none}}.hue-slider[data-v-f469ebc7]{appearance:none;border-radius:9999px;outline:none}.hue-slider[data-v-f469ebc7]::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:9999px;width:1.25rem;height:1.25rem;box-shadow:0 0 0 1px #0003,0 1px 4px #0000004d}.hue-slider[data-v-f469ebc7]::-moz-range-thumb{background:#fff;border:0;border-radius:9999px;width:1.25rem;height:1.25rem;box-shadow:0 0 0 1px #0003,0 1px 4px #0000004d}.reference[data-v-24395aaf]{scroll-margin-top:6rem;transition:background-color .6s}.reference[data-v-24395aaf]:target{background-color:#3b82f61a}