@layer components{.slider-field{--_thumb-size:16px;--_track-height:4px;gap:var(--s-spacing-2);flex-direction:column;width:100%;display:flex}.slider-field__inputs{align-items:center;gap:var(--s-spacing-2);display:flex}.slider-field__separator{color:var(--s-color-text-subtle);font-size:var(--s-type-placeholder-font-size);flex-shrink:0}.slider-field__hint{font-size:var(--s-type-helper-font-size);line-height:var(--s-type-helper-line-height);color:var(--s-color-text-subtle)}.slider-field__track-wrapper{--_thumb-size:16px;--_track-height:4px;height:var(--_thumb-size);align-items:center;display:flex;position:relative}.slider-field__track-bg,.slider-field__track-fill{height:var(--_track-height);border-radius:var(--_track-height);pointer-events:none;position:absolute}.slider-field__track-bg{background-color:var(--s-color-surface-primary-light);left:0;right:0}.slider-field__track-fill{background-color:var(--s-color-brand-primary)}.slider-field__track-wrapper--disabled .slider-field__track-bg{background-color:var(--s-color-border-inactive)}.slider-field__track-wrapper--disabled .slider-field__track-fill{background-color:var(--s-color-text-inactive)}.slider-field__thumb{--_thumb-size:16px;--_track-height:4px;width:100%;height:var(--_thumb-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;background:0 0;margin:0;position:absolute;left:0}.slider-field__thumb::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--_thumb-size,16px);height:var(--_thumb-size,16px);background-color:var(--s-color-brand-primary);pointer-events:all;cursor:pointer;border-radius:50%;margin-top:-6px;box-shadow:0 1px 4px #0003}.slider-field__thumb::-moz-range-thumb{width:var(--_thumb-size,16px);height:var(--_thumb-size,16px);background-color:var(--s-color-brand-primary);pointer-events:all;cursor:pointer;border-radius:50%;-moz-transition:background-color .2s;transition:background-color .2s;box-shadow:0 1px 4px #0003}.slider-field__thumb::-webkit-slider-runnable-track{background:0 0;height:4px}.slider-field__thumb::-moz-range-track{background:0 0;height:4px}.slider-field__thumb:focus{outline:none}.slider-field__thumb:focus-visible::-webkit-slider-thumb{outline:2px solid var(--s-color-border-focus);outline-offset:2px}.slider-field__thumb:focus-visible::-moz-range-thumb{outline:2px solid var(--s-color-border-focus);outline-offset:2px}.slider-field__thumb:disabled::-webkit-slider-thumb{background-color:var(--s-color-text-inactive);cursor:default}.slider-field__thumb:disabled::-moz-range-thumb{background-color:var(--s-color-text-inactive);cursor:default}.slider-field__thumb--on-top{z-index:1}.slider-field__input--full-width{flex:1 1}.slider-field__input input[type=number]::-webkit-inner-spin-button,.slider-field__input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;display:none}.slider-field__input input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.slider-field__value{font-size:var(--s-type-helper-font-size);line-height:var(--s-type-helper-line-height);color:var(--s-color-text-subtle)}.slider-field__range-labels{justify-content:space-between;display:flex}.slider-field__range-label{font-size:var(--s-type-helper-font-size);line-height:var(--s-type-helper-line-height);color:var(--s-color-text-subtle)}}