.input-range-wrap{background-color:var(--colorText);border-radius:var(--radius);padding:20px;display:flex;align-items:center;justify-content:space-between}.input-range-wrap .input-range-slider{margin-top:30px;flex-shrink:0;width:70%}.input-range-wrap .input-range-manual{margin-left:40px;flex-shrink:1;position:relative}.input-range-wrap .input-range-manual input{box-sizing:border-box;padding-right:5rem;width:100%}.input-range-wrap .input-range-manual .input-range-manual-unit{bottom:0;padding:0.5em;position:absolute;right:0}.rangeslider{background-color:var(--colorText);border-radius:4px;height:8px;position:relative;width:100%}.negative .rangeslider{background-color:var(--colorTextLight)}.rangeslider__handle{background-color:var(--colorBrand);border-radius:100%;box-shadow:0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 0 2px white;box-sizing:border-box;cursor:pointer;display:inline-block;height:20px;position:absolute;top:-6px;touch-action:pan-y;transition:background-color 0.2s;width:20px;z-index:3}.rangeslider__handle__value{background-color:var(--colorBrand);border-radius:4px;box-shadow:0 -5px 20px rgba(0, 0, 0, 0.2);box-sizing:border-box;color:var(--colorBackground);font-weight:var(--fontWeightMedium);left:-70px;padding:10px;position:absolute;text-align:center;top:-55px;transition:background-color 0.2s, box-shadow 0.1s, transform 0.1s;white-space:nowrap;width:160px}.rangeslider__handle__value:before{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--colorBrand);bottom:-10px;content:"";height:0;left:calc(50% - 10px);position:absolute;transition:border-top-color 0.2s;width:0}.rangeslider__fill{background-color:var(--colorBrand);border-radius:4px;height:100%;position:absolute;top:0;z-index:1}.rangeslider__labels{display:flex;justify-content:space-between;position:absolute;width:100%;z-index:2}.rangeslider__labels__label{color:var(--colorTextLight);font-size:0.75em;padding-top:15px;position:relative}.rangeslider__labels__label:before{border-radius:1px;content:"";height:9px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px}.rangeslider__labels__label:first-child:before,.rangeslider__labels__label:last-child:before{width:0px}.rangeslider.rangeslider--active .rangeslider__handle__value{transform:translateY(-5px);box-shadow:0 -3px 2px rgba(0, 0, 0, 0.04), 0 -9px 25px rgba(0, 0, 0, 0.15)}@media (max-width:500px){.input-range-wrap{display:block}.input-range-wrap .input-range-slider{width:100%}.input-range-wrap .input-range-manual{margin:30px 0 0 0}}