@scope(.instui-range-input){&{-webkit-appearance:none;appearance:none;inline-size:100%;min-inline-size:var(--instui-component-range-input-min-width);block-size:var(--instui-component-range-input-handle-size);background:0 0}&::-webkit-slider-runnable-track{background:var(--instui-component-range-input-track-background);border:var(--instui-border-width-sm) solid var(--instui-component-range-input-track-border-color);border-radius:999px;block-size:.25rem}&::-moz-range-track{background:var(--instui-component-range-input-track-background);border:var(--instui-border-width-sm) solid var(--instui-component-range-input-track-border-color);border-radius:999px;block-size:.25rem}&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;inline-size:var(--instui-component-range-input-handle-size);block-size:var(--instui-component-range-input-handle-size);background:var(--instui-component-range-input-handle-background);border:var(--instui-component-range-input-handle-border-size) solid var(--instui-component-range-input-handle-border-color);box-shadow:0 0 0 0 var(--instui-component-range-input-handle-shadow-color);cursor:pointer;border-radius:50%;margin-block-start:calc((.25rem - var(--instui-component-range-input-handle-size)) / 2)}&::-moz-range-thumb{cursor:pointer;inline-size:var(--instui-component-range-input-handle-size);block-size:var(--instui-component-range-input-handle-size);border:var(--instui-component-range-input-handle-border-size) solid var(--instui-component-range-input-handle-border-color);background:var(--instui-component-range-input-handle-background);box-shadow:0 0 0 0 var(--instui-component-range-input-handle-shadow-color);border-radius:50%}&:hover::-webkit-slider-thumb{background:var(--instui-component-range-input-handle-hover-background)}&:hover::-moz-range-thumb{background:var(--instui-component-range-input-handle-hover-background)}&:focus-visible{outline:none}&:focus-visible::-webkit-slider-thumb{background:var(--instui-component-range-input-handle-focus-background);box-shadow:0 0 0 var(--instui-component-range-input-handle-focus-outline-width) var(--instui-component-range-input-handle-focus-outline-color)}&:focus-visible::-moz-range-thumb{background:var(--instui-component-range-input-handle-focus-background);box-shadow:0 0 0 var(--instui-component-range-input-handle-focus-outline-width) var(--instui-component-range-input-handle-focus-outline-color)}.instui-range-input-value{&{background:var(--instui-color-background-inverse);color:var(--instui-color-text-inverse);border-radius:var(--instui-border-radius-md);padding:var(--instui-component-range-input-value-medium-padding);font-family:var(--instui-component-range-input-value-font-family);font-size:var(--instui-component-range-input-value-medium-font-size);font-weight:var(--instui-component-range-input-value-font-weight);align-self:center;align-items:center;margin-inline-start:.5rem;line-height:1;display:inline-flex;position:relative}&:before{content:"";border-block:.375rem solid #0000;border-inline-end:.375rem solid var(--instui-color-background-inverse);border-inline-start:0;position:absolute;inset-block-start:50%;inset-inline-start:-.375rem;transform:translateY(-50%)}&.-size-sm{padding:var(--instui-component-range-input-value-small-padding);font-size:var(--instui-component-range-input-value-small-font-size);line-height:var(--instui-component-range-input-value-small-line-height)}&.-size-lg{padding:var(--instui-component-range-input-value-large-padding);font-size:var(--instui-component-range-input-value-large-font-size);line-height:var(--instui-component-range-input-value-large-line-height)}}&.-size-small{padding:var(--instui-component-range-input-value-small-padding);font-size:var(--instui-component-range-input-value-small-font-size);line-height:var(--instui-component-range-input-value-small-line-height)}&.-size-large{padding:var(--instui-component-range-input-value-large-padding);font-size:var(--instui-component-range-input-value-large-font-size);line-height:var(--instui-component-range-input-value-large-line-height)}}