.input-range{-webkit-user-select:none;user-select:none;outline:0;height:24px;margin:0;padding:0;position:relative}.input-range.has-span{height:40px}.input-range>label{z-index:1;color:hsla(var(--comp-typo-secondary), 1);-webkit-user-select:none;user-select:none}.input-range>label.right{float:right;text-align:right}.input-range>label.middle{position:absolute;left:50%;transform:translate(-50%)}.input-range>span{color:hsla(var(--comp-typo-secondary), 1);margin-top:28px;font-size:1.2rem;transition:color .3s;display:block}.input-range>span:empty:before{content:"​"}.input-range .tracks{z-index:2;width:100%;height:8px;position:absolute;top:16px;left:0;transform:translateY(-50%)}.input-range .tracks *{border-radius:var(--default-border-radius);cursor:pointer;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;top:0;left:0}.input-range .tracks .track{z-index:1;background:hsla(var(--comp-secondary-light3), 1);will-change:background;transition:background .3s}.input-range .tracks .fill{z-index:2;background:transparent linear-gradient(90deg, hsla(var(--comp-secondary), 1), hsla(var(--comp-secondary), 1)) no-repeat;pointer-events:none;background-size:50% 100%}.input-range .thumb{background:hsla(var(--comp-bright), 1);width:24px;height:24px;-webkit-box-shadow:0 0 4px hsla(var(--comp-dark), .5);box-shadow:0 0 4px hsla(var(--comp-dark), .5);cursor:pointer;pointer-events:all;will-change:box-shadow, background;z-index:3;border:0;border-radius:50%;outline:0;margin:0;padding:0;transition:box-shadow .3s,background .3s;position:absolute;top:4px}.input-range .thumb::-moz-focus-inner{border:0}.input-range .thumb:focus,.input-range .thumb:hover{-webkit-box-shadow:0 0 7px hsla(var(--comp-dark), .5);box-shadow:0 0 7px hsla(var(--comp-dark), .5);animation:.3s blip}.input-range .thumb:focus~.tracks .track,.input-range .thumb:hover~.tracks .track{background-color:hsla(var(--comp-secondary-light2), 1)}.input-range .thumb:focus~.popup,.input-range .thumb:hover~.popup{transform:translateY(-100%)scale(1)}.input-range.labeled,.input-range.labeled.has-span{height:56px}.input-range.labeled .tracks,.input-range.labeled .thumb{margin-top:24px}.input-range .popup{--offset-pct:-50%;--offset-norm:0;z-index:9;transform-origin:0 100%;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none;transition:transform .3s;position:absolute;left:0;transform:translateY(-100%)scale(0)}.input-range .popup .popup-content{-webkit-transform:translate(var(--offset-pct), 0%);transform:translate(var(--offset-pct), 0%);pointer-events:all}.input-range .popup:focus,.input-range .popup:hover{transform:translateY(calc(16px - 100%))scale(1)}.input-range:hover .tracks .track,.input-range:focus .tracks .track,.input-range.focused .tracks .track,.input-range.popup-always-visible .tracks .track{background-color:hsla(var(--comp-secondary-light2), 1)}.input-range:hover .popup,.input-range:focus .popup,.input-range.focused .popup,.input-range.popup-always-visible .popup{transform:translateY(calc(16px - 100%))scale(1)}.input-range.primary .fill{background:transparent linear-gradient(90deg, hsla(var(--comp-primary-light2), 1), hsla(var(--comp-primary-light2), 1)) no-repeat}.input-range.primary .thumb{background:hsla(var(--comp-primary-dark2), 1)}.input-range.primary .thumb:focus{-webkit-box-shadow:0 0 7px hsla(var(--comp-primary-dark2), .5);box-shadow:0 0 7px hsla(var(--comp-primary-dark2), .5)}.input-range.invalid .tracks .track{background:hsla(var(--comp-error), .2)!important}.input-range.invalid .thumb{background:hsla(var(--comp-error), 1)}.input-range.invalid>span,.input-range.invalid>label{color:hsla(var(--comp-error), 1)}.input-range.no-fill .fill{background:0 0}:root{--default-grid-pixels:8px;--default-header-height:64px}.input-range-tooltip{text-align:center;border-radius:var(--default-border-radius);background:hsla(var(--background-container), 1);min-width:40px;filter:drop-shadow(0px 0px 5px hsla(var(--comp-dark), .3));-webkit-user-select:none;user-select:none;margin-bottom:16px;padding:8px;display:inline-block;position:relative}.input-range-tooltip:after{content:"";left:calc(var(--offset-pct) * -1 - var(--offset-norm) * 12px);border-style:solid;border-width:6px;border-color:transparent transparent hsla(var(--background-container), 1) hsla(var(--background-container), 1);width:0;height:0;position:absolute;bottom:-5px;transform:translate(-50%)rotate(-45deg)}.input-range-tooltip>input[type=text]{text-align:center;will-change:background-color;-webkit-user-select:none;user-select:none;background-color:#0000;padding:4px 8px;transition:background-color .3s}.input-range-tooltip>input[type=text]:focus,.input-range-tooltip>input[type=text]:hover{background-color:hsla(var(--comp-secondary-light3), 1)}.input-range-tooltip>input[type=text]:focus{-webkit-user-select:all;user-select:all}