.inputRange .rangeWrapper{margin:32px 0}.inputRange .rangeWrapper .rangeTrack{position:relative;height:12px;width:100%;background-color:transparent;border:1px solid var(--clr-blue-light);border-radius:var(--border-radius-2px)}.inputRange .rangeWrapper .rangeTrack .rangeFill{position:absolute;height:100%;background-color:var(--clr-blue-light);z-index:0}.inputRange .rangeWrapper .rangeTrack .rangeHandle{width:16px;height:16px;background-color:var(--clr-blue-light);position:absolute;cursor:pointer;top:-3px;z-index:1;border-radius:var(--border-radius-2px);box-shadow:0 0 4px 0 rgba(0,0,0,.5)}.inputRange .rangeWrapper .rangeTrack .rangeHandle:hover{box-shadow:0 0 30px 0 var(--clr-blue-deep)}.inputRange .rangeWrapper .rangeTrack .rangeHandle:active{transform:scale(1.2)}.inputRange .rangeWrapper .rangeTrack .rangeHandle .value{position:absolute;top:-28px;left:50%;font-size:12px;transform:translateX(-50%);width:24px;height:24px;border-radius:100%;background-color:#c4daf9;display:flex;align-items:center;justify-content:center;font-weight:700}.inputRange .rangeWrapper .rangeTrack .rangeHandle.handleOne{left:0}.inputRange .rangeWrapper .rangeTrack .rangeHandle.handleTwo{left:calc(100% - 20px)}.inputRange.light .rangeTrack{border-color:var(--clr-white)}.inputRange.light .rangeTrack .rangeFill,.inputRange.light .rangeTrack .rangeHandle{background-color:var(--clr-white)}.inputRange.light .rangeTrack .rangeHandle:hover{box-shadow:0 0 20px 0 #fff}.inputRange.light .rangeTrack .rangeHandle .value,.inputRange.light .rangeTrack .rangeHandle:active{background-color:var(--clr-white)}