.anchor[data-v-2adf5726]{transition:transform .26s var(--ease-out)}.anchor.tracking[data-v-2adf5726]{transition:none}.pill[data-v-2adf5726]{box-sizing:border-box;transition:width .24s var(--ease-in-out);animation:pill-in-2adf5726 .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-2adf5726]{background:#262626;box-shadow:0 6px 24px -6px #0009,0 0 0 1px #ffffff14}@keyframes pill-in-2adf5726{0%{opacity:0;transform:scale(.95)}}.mode-leave-active[data-v-2adf5726]{transition:opacity 90ms ease-out,filter 90ms ease-out}.mode-enter-active[data-v-2adf5726]{transition:opacity .16s var(--ease-out),filter .16s var(--ease-out)}.mode-enter-from[data-v-2adf5726],.mode-leave-to[data-v-2adf5726]{opacity:0;filter:blur(2px)}.swatch[data-v-2adf5726]{animation:swatch-in-2adf5726 .22s var(--ease-out) backwards;animation-delay:calc(var(--i)*18ms + 40ms)}@keyframes swatch-in-2adf5726{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.pill[data-v-2adf5726],.swatch[data-v-2adf5726]{animation:none}.anchor[data-v-2adf5726],.pill[data-v-2adf5726]{transition:none}.mode-enter-from[data-v-2adf5726],.mode-leave-to[data-v-2adf5726]{filter:none}}.hue-slider[data-v-2adf5726]{appearance:none;border-radius:9999px;outline:none}.hue-slider[data-v-2adf5726]::-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-2adf5726]::-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}