.colorValueSlider[data-v-c7f7864b]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:-webkit-linear-gradient(var(--bc-blue-1),var(--bc-blue-1)) no-repeat,var(--bc-blue-2);background-size:50% 100%;border-radius:100px;height:8px;outline:none;transition:opacity .2s}.colorValueSlider[data-v-c7f7864b]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-size:contain;border:3px solid var(--bc-blue-1);border-radius:1.25rem;cursor:grab;height:2.25rem;width:2.25rem}.colorValueSlider[data-v-c7f7864b]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-size:contain;border:3px solid var(--bc-blue-1);border-radius:1.25rem;cursor:grab;height:2.25rem;width:2.25rem}.progress-ring[data-v-830513b9]{position:relative}.progress-bg[data-v-830513b9]{stroke:#eee;stroke-width:8;fill:transparent}.progress-bar[data-v-830513b9]{stroke:#3338ee;stroke-width:4;fill:transparent;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .5s}.progress-text[data-v-830513b9]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}