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