.color-spectrum-slider[data-v-08c97648]{border:1px solid var(--gl-control-border);border-radius:999px;box-shadow:0 12px 28px var(--gl-glass-shadow),inset 0 0 0 1px var(--gl-control-border);cursor:pointer;overflow:hidden;position:relative;touch-action:none}.color-spectrum-slider--horizontal[data-v-08c97648]{background:linear-gradient(90deg,var(--color-spectrum-gradient));height:clamp(2.4rem,5.8vw,3.45rem);width:100%}.color-spectrum-slider--vertical[data-v-08c97648]{background:linear-gradient(180deg,var(--color-spectrum-gradient));height:100%;min-height:0;width:100%}.color-spectrum-slider[data-v-08c97648]:active{cursor:grabbing}.color-spectrum-slider[data-v-08c97648]:focus-visible{outline:3px solid color-mix(in srgb,var(--gl-control-content) 42%,transparent);outline-offset:3px}.color-spectrum-slider__marker[data-v-08c97648]{background:var(--color-spectrum-color);border:1px solid var(--gl-picker-thumb-outline);border-radius:999px;box-shadow:inset 0 0 0 2px var(--gl-picker-thumb-ring),0 0 0 2px color-mix(in srgb,var(--gl-picker-thumb-ring) 74%,transparent),0 4px 12px var(--gl-glass-shadow);height:clamp(2rem,4.4vw,2.55rem);pointer-events:none;position:absolute;width:clamp(2rem,4.4vw,2.55rem)}.color-spectrum-slider--horizontal .color-spectrum-slider__marker[data-v-08c97648]{left:var(--color-spectrum-position);top:50%;transform:translate(-50%,-50%)}.color-spectrum-slider--vertical .color-spectrum-slider__marker[data-v-08c97648]{left:50%;top:var(--color-spectrum-position);transform:translate(-50%,-50%)}