.hue-picker[data-v-07bf509e]{position:relative}.hue-toggle[data-v-07bf509e]{align-items:center;background:none;border:none;color:var(--title-color);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;transition:transform .2s ease,color .2s ease}.hue-toggle[data-v-07bf509e]:hover{color:var(--first-color);transform:scale(1.1)}.hue-dropdown[data-v-07bf509e]{background:var(--body-bg);border:1px solid color-mix(in srgb,var(--text-color-light) 20%,transparent);border-radius:8px;box-shadow:0 8px 24px #00000014;display:grid;gap:.5rem;grid-template-columns:repeat(6,24px);padding:.75rem;position:absolute;right:0;top:calc(100% + .5rem);width:-moz-fit-content;width:fit-content}.hue-title[data-v-07bf509e]{border-bottom:1px solid color-mix(in srgb,var(--text-color-light) 20%,transparent);color:var(--title-color);font-size:var(--small-font-size);font-weight:var(--font-semi-bold);grid-column:1/-1;margin-bottom:.25rem;padding-bottom:.5rem;text-align:center}.hue-color[data-v-07bf509e]{border-radius:6px;cursor:pointer;height:24px;transition:transform .2s ease,box-shadow .2s ease,border .2s ease;width:24px}.hue-color[data-v-07bf509e]:hover{transform:scale(1.15)}.hue-color--active[data-v-07bf509e]{border:2px solid var(--title-color);box-shadow:0 0 0 2px var(--body-bg)}