:root{--tt-track-fill: #2563eb;--tt-track-bg: #c0c0c0;--tt-knob-bg: #ffffff;--tt-hover-bg: #f3f3f3;--tt-knob-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3)}.tt-element__range-list{display:flex;gap:1em}.tt-range__container{width:30%;display:flex;align-items:center;gap:.5em}.tt-range{box-sizing:content-box;transition:all .2s ease;position:relative;max-width:300px;width:100%;padding:1em;border-radius:4px}.tt-range__title{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:.8em}.tt-range:hover{transition:all .1s ease;background-color:var(--tt-hover-bg, rgb(243, 243, 243))}.tt-range__filler{position:relative;background-color:var(--tt-track-fill, #2563eb);background:linear-gradient(to left, var(--tt-track-bg, #c0c0c0) 50%, var(--tt-track-fill, #2563eb) 50%);height:0px;padding-top:3px;padding-bottom:3px;border-radius:3px;width:100%}.tt-range__knob{position:absolute;background-color:var(--tt-knob-bg, rgb(255, 255, 255));width:26px;height:26px;border-radius:50%;margin-top:-13px;margin-left:-13px;box-shadow:var(--tt-knob-shadow, 0px 3px 10px rgba(0, 0, 0, 0.3));transition:left .05s ease}