.slider-input{height:20px;margin:4px -6px 0 -6px;position:relative}.slider-input__control{-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;width:100%;height:22px;margin:0}.slider-input__control:focus{outline:none}.slider-input__control::-webkit-slider-runnable-track{height:2px}.slider-input__control::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px;background-color:var(--ncos-colour-sys-secondary);height:12px;width:12px;border-radius:360px;outline:16px solid rgba(0,0,0,0)}.slider-input__control:focus::-webkit-slider-thumb{outline:2px solid var(--ncos-colour-sys-secondary)}.slider-input__control::-moz-range-track{background-color:var(--ncos-colour-sys-outline-alt);border-radius:.5rem;height:.5rem}.slider-input__control::-moz-range-thumb{border:none;border-radius:0;background-color:var(--ncos-colour-sys-secondary);height:2rem;width:1rem}.slider-input__control:focus::-moz-range-thumb{border:1px solid var(--ncos-colour-sys-secondary);outline:3px solid var(--ncos-colour-sys-secondary);outline-offset:.125rem}.slider-input__steps{width:calc(100% - 12px);height:4px;position:absolute;top:8px;left:6px;z-index:-1;display:flex}.slider-input__steps__increment{flex:1;background:var(--ncos-colour-sys-outline-alt);display:block}.slider-input__steps__increment:first-of-type{border-radius:360px 0 0 360px}.slider-input__steps__increment:last-of-type{border-radius:0 360px 360px 0}.slider-input__steps__increment--is-active{background:var(--ncos-colour-sys-secondary)}