.ColorBar_colorBar__7xXDe,.ColorBar_labelsRow__WlIUm{width:100%;position:relative}.ColorBar_labelsRow__WlIUm{display:flex;margin-bottom:12px;min-height:32px}.ColorBar_labelWrap__7TVAs{position:absolute;top:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;z-index:5}.ColorBar_label__Ew7_m{display:flex;padding:5px 9px;flex-direction:column;align-items:flex-start;border-radius:8px;border:1px solid var(--color-border-1);background:var(--color-bg-3);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--color-text-secondary);font-size:12px;font-weight:500;line-height:16px}.ColorBar_barContainer___5dlH{position:relative;display:flex;width:100%;overflow:visible;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;isolation:isolate}.ColorBar_colorSegment__ehFlM{position:relative;transition:transform .2s ease,z-index .2s ease;display:flex;align-items:center;justify-content:center;overflow:visible;border-right:1px solid hsla(0,0%,100%,.1)}.ColorBar_colorSegment__ehFlM:last-child{border-right:none}.ColorBar_colorSegment__ehFlM.ColorBar_first__SEDLF{border-top-left-radius:48px;border-bottom-left-radius:48px}.ColorBar_colorSegment__ehFlM.ColorBar_last__MfLJD{border-top-right-radius:48px;border-bottom-right-radius:48px}.ColorBar_colorSegment__ehFlM:hover .ColorBar_hexDisplay__SLwxA{opacity:1}.ColorBar_colorSegment__ehFlM.ColorBar_selected__87KMv{box-shadow:0 4px 12px rgba(0,0,0,.3)}.ColorBar_colorSegment__ehFlM.ColorBar_selected__87KMv,.ColorBar_colorSegment__ehFlM:hover{transform:scale(1.05)}.ColorBar_colorSegment__ehFlM.ColorBar_selected__87KMv{z-index:10}.ColorBar_colorSegment__ehFlM:hover{z-index:20}.ColorBar_selectedIndicator__eh4Ti{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #999;z-index:15;box-shadow:0 1px 3px rgba(0,0,0,.3)}.ColorBar_hexDisplay__SLwxA{font-size:13px;font-weight:700;white-space:nowrap;z-index:10;padding:4px 8px;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;transition:opacity .2s ease;opacity:0}@media(max-width:768px){.ColorBar_hexDisplay__SLwxA,.ColorBar_label__Ew7_m{font-size:11px;padding:3px 6px}.ColorBar_labelsRow__WlIUm{min-height:28px;margin-bottom:10px}}