:root{--range-font-size: var(--font-size);--range-color-bg: var(--color-primary-55);--range-color-hover: var(--color-primary-65);--range-color-outline: transparent}.tad-range{accent-color:var(--range-color-bg);font-size:var(--range-font-size);line-height:var(--font-line-height);outline:var(--field-size-border-outline) var(--field-style-border) var(--range-color-outline);outline-offset:var(--field-size-offset-outline)}.tad-range:hover{--range-color-bg: var(--range-color-hover)}.tad-range--success{--range-color-bg: var(--field-color-border-success);--range-color-hover: var(--field-color-border-success-hover)}.tad-range:invalid,.tad-range--error{--range-color-bg: var(--field-color-border-error);--range-color-hover: var(--field-color-border-error-hover)}.tad-range:focus{--range-color-outline: var(--field-color-border-focus)}.tad-range--large{--range-font-size: var(--font-size-2lg)}