.value-slider{--value-slider-height:36px;--value-slider-radius:8px;width:100%;height:var(--value-slider-height);position:relative}.value-slider__track{--value-slider-progress:0;--value-slider-pop:0;--value-slider-stretch:0px;--value-slider-shift:0px;--value-slider-handle-opacity:0;width:calc(100% + var(--value-slider-stretch));translate:var(--value-slider-shift) 0;border-radius:var(--value-slider-radius);background:var(--cds-layer,#262626);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;position:absolute;top:0;bottom:0;left:0;overflow:hidden;container-type:inline-size}.value-slider .value-slider__track:focus-visible{outline:none}.value-slider__track:focus-visible .value-slider__handle{outline:2px solid var(--cds-focus,#fff);outline-offset:2px}.value-slider__fill{transform-origin:0;scale:var(--value-slider-progress) 1;background:color-mix(in srgb, var(--cds-layer-selected-hover,#474747) clamp(0%, calc(var(--value-slider-pop) * 100%), 100%), var(--cds-layer-selected,#393939));pointer-events:none;position:absolute;inset:0}.value-slider__hashmarks{pointer-events:none;position:absolute;inset:0}.value-slider__hashmark{--bloom:0;width:1px;height:calc(8px + 8px * var(--bloom) * var(--value-slider-pop));background:var(--cds-text-secondary,#c6c6c6);opacity:calc(var(--value-slider-pop) * (.22 + .5 * var(--bloom)));border-radius:999px;position:absolute;top:50%;translate:-50% -50%}.value-slider__hashmark[data-covered]{opacity:0}.value-slider__handle{width:3px;height:calc(3px + 17px * var(--value-slider-pop));translate:clamp(5px, calc(var(--value-slider-progress) * 100cqw - 1.5px), calc(100cqw - 8px)) -50%;opacity:var(--value-slider-handle-opacity);background:var(--cds-icon-primary,#f4f4f4);pointer-events:none;border-radius:999px;position:absolute;top:50%;left:0}.value-slider__label,.value-slider__value,.value-slider__input{color:var(--cds-text-secondary,#c6c6c6);font-size:13px;font-weight:500;line-height:16px;transition:color .15s;position:absolute;top:50%;translate:0 -50%}.value-slider__label{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:60%;left:10px;overflow:hidden}.value-slider__value,.value-slider__input{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,SF Mono,Menlo,monospace;right:12px}.value-slider__value{cursor:inherit;border-bottom:1px solid #0000;padding-bottom:1px;transition:color .15s,border-color .15s}.value-slider__value--editable{border-bottom-color:var(--cds-text-secondary,#c6c6c6);cursor:text}.value-slider__unit{color:var(--cds-text-helper,#a8a8a8);margin-left:1px}.value-slider__input{text-align:right;width:6ch;color:var(--cds-text-primary,#f4f4f4);box-shadow:inset 0 -1px var(--cds-focus,#fff);background:0 0;border:0;outline:none;padding:0}.value-slider__track[data-active] .value-slider__value{color:var(--cds-text-primary,#f4f4f4)}.value-slider--disabled .value-slider__track{cursor:not-allowed;opacity:.5}.value-select .value-select__trigger,.value-text,.value-toggle{box-sizing:border-box;background:var(--cds-layer,#262626);width:100%;height:36px;color:var(--cds-text-secondary,#c6c6c6);font:inherit;text-align:left;border:0;border-radius:8px;align-items:center;gap:12px;padding:0 12px 0 10px;transition:background-color .15s;display:flex;position:relative}.value-select__label,.value-text__label,.value-toggle__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--cds-text-secondary,#c6c6c6);flex:0 auto;font-size:13px;font-weight:500;line-height:16px;transition:color .15s;overflow:hidden}.value-select__value,.value-text__input{white-space:nowrap;font-size:13px;font-weight:500;line-height:16px;transition:color .15s}.value-select{width:100%;position:relative}.value-select .toolbar-dropdown{width:100%;display:flex}.value-select .value-select__trigger{cursor:pointer;justify-content:flex-start;padding:0 8px 0 10px}.value-select .value-select__trigger:hover{background-color:var(--cds-layer,#262626)}.value-select .value-select__trigger:focus-visible{outline:2px solid var(--cds-focus,#fff);outline-offset:-2px}.value-select__label{margin-right:auto}.value-select__value{text-overflow:ellipsis;min-width:0;color:var(--cds-text-primary,#f4f4f4);overflow:hidden}.value-select__chevron,.value-select .toolbar-dropdown__chevron{color:var(--cds-icon-secondary,#c6c6c6);flex-shrink:0;transition:transform .24s cubic-bezier(.34,1.36,.64,1),color .15s}.value-select--open .value-select__chevron{transform:rotate(180deg)}.value-select .value-select__trigger:hover .value-select__label,.value-select .value-select__trigger:focus-visible .value-select__label,.value-select--open .value-select__label{color:var(--cds-text-primary,#f4f4f4)}.value-select .value-select__trigger:hover .value-select__chevron,.value-select .value-select__trigger:hover .toolbar-dropdown__chevron,.value-select--open .value-select__chevron,.value-select--open .toolbar-dropdown__chevron{color:var(--cds-icon-primary,#f4f4f4)}.value-select--disabled .value-select__trigger{cursor:not-allowed;opacity:.5}.value-select__panel,.toolbar-dropdown__panel.value-select__panel{box-sizing:border-box;border:1px solid var(--cds-border-subtle-01,#525252);border-radius:10px;min-width:160px;max-height:280px;padding:4px;overflow-y:auto}.value-select__panel--floating{z-index:2147483647;background:var(--cds-layer,#262626);font-family:inherit;animation:.11s cubic-bezier(.2,.2,.38,.9) value-select-drop;display:flex;position:fixed;box-shadow:0 1px 2px #0003,0 4px 8px #0000001a}.value-select__panel--floating.value-select__panel--above{animation-name:value-select-rise}@keyframes value-select-drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes value-select-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.value-select__list{flex-direction:column;gap:2px;width:100%;display:flex}.value-select__option{box-sizing:border-box;width:100%;height:32px;color:var(--cds-text-secondary,#c6c6c6);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:0 8px 0 10px;font-size:13px;font-weight:500;transition:background-color .11s,color .11s;display:flex}.value-select__option:hover,.value-select__option:focus-visible{background:var(--cds-layer-hover,#333);color:var(--cds-text-primary,#f4f4f4);outline:none}.value-select__option--selected{color:var(--cds-text-primary,#f4f4f4)}.value-select__option-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.value-select__check{fill:currentColor;flex-shrink:0}.value-text{cursor:text}.value-text__label{flex-shrink:0;max-width:50%}.value-text__input{text-align:right;text-overflow:ellipsis;min-width:0;color:var(--cds-text-primary,#f4f4f4);caret-color:var(--cds-focus,#fff);background:0 0;border:0;outline:none;flex:1;padding:0;font-family:inherit}.value-text__input::placeholder{color:var(--cds-text-placeholder,#f4f4f466)}.value-text__input::selection{background:var(--cds-highlight,#001d6c)}.value-text__unit{color:var(--cds-text-helper,#a8a8a8);flex-shrink:0;margin-left:-10px;font-size:13px;font-weight:500}.value-text:hover .value-text__label,.value-text:focus-within .value-text__label{color:var(--cds-text-primary,#f4f4f4)}.value-text:focus-within{background-color:var(--cds-layer-hover,#333)}.value-text--invalid{box-shadow:inset 0 0 0 1px var(--cds-support-error,#fa4d56)}.value-text--disabled{cursor:not-allowed;opacity:.5}.value-toggle{padding-right:2px}.value-toggle:hover .value-toggle__label{color:var(--cds-text-primary,#f4f4f4)}.value-toggle__label{cursor:pointer;margin-right:auto}.value-toggle__segments{--value-toggle-pill-x:0px;--value-toggle-pill-width:0px;box-sizing:border-box;flex-shrink:0;height:100%;padding:2px 0;display:flex;position:relative}.value-toggle__pill{width:var(--value-toggle-pill-width);translate:var(--value-toggle-pill-x) 0;background:var(--cds-layer-selected-hover,#474747);pointer-events:none;border-radius:6px;position:absolute;top:2px;bottom:2px;left:0}.value-toggle__segments[data-placed] .value-toggle__pill{transition:translate .26s cubic-bezier(.34,1.36,.64,1),width .26s cubic-bezier(.34,1.36,.64,1)}.value-toggle__segment{z-index:1;min-width:40px;height:100%;color:var(--cds-text-secondary,#c6c6c6);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:13px;font-weight:500;line-height:16px;transition:color .15s;position:relative}.value-toggle__segment:hover,.value-toggle__segment[aria-checked=true]{color:var(--cds-text-primary,#f4f4f4)}.value-toggle__segment[aria-checked=true]{cursor:default}.value-toggle__segment:focus-visible{outline:2px solid var(--cds-focus,#fff);outline-offset:-2px}.value-toggle--disabled{cursor:not-allowed;opacity:.5}.value-toggle--disabled .value-toggle__label,.value-toggle--disabled .value-toggle__segment{cursor:not-allowed}.value-origin--defined :is(.value-slider__label,.value-select__label,.value-text__label,.value-toggle__label):before,.value-origin--inherited :is(.value-slider__label,.value-select__label,.value-text__label,.value-toggle__label):before{content:"";box-sizing:border-box;vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.value-origin--defined :is(.value-slider__label,.value-select__label,.value-text__label,.value-toggle__label){color:var(--cds-text-primary,#f4f4f4)}.value-origin--defined :is(.value-slider__label,.value-select__label,.value-text__label,.value-toggle__label):before{background:var(--cds-link-primary,#78a9ff)}.value-origin--inherited :is(.value-slider__label,.value-select__label,.value-text__label,.value-toggle__label):before{border:1.5px solid var(--cds-icon-secondary,#c6c6c6)}.value-origin--default :is(.value-slider__value,.value-select__value,.value-text__input,.value-text__unit){color:var(--cds-text-placeholder,#f4f4f466)}.value-text.value-origin--default:focus-within .value-text__input{color:var(--cds-text-primary,#f4f4f4)}@media (prefers-reduced-motion:reduce){.value-toggle__segments[data-placed] .value-toggle__pill,.value-select__chevron,.value-select .toolbar-dropdown__chevron{transition:none}.value-select__panel--floating{animation:none}}
