.loan-calculator{--loan-amount-percentage:0%;--loan-duration-percentage:0%}.modal-content{--loan-amount-percentage-edit:0%;--loan-duration-percentage-edit:0%}input[type=range]{-webkit-appearance:none;width:100%;height:8px;background:-webkit-gradient(linear,left top,right top,from(var(--primary-color)),to(var(--slider-background)));background:-o-linear-gradient(left,var(--primary-color) var(--percentage),var(--slider-background) var(--percentage));background:linear-gradient(to right,var(--primary-color) var(--percentage),var(--slider-background) var(--percentage));border-radius:4px;margin:0;padding:0;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}.loan-calculator .form-range.amount-slider{--percentage:var(--loan-amount-percentage)}.loan-calculator .form-range.time-slider{--percentage:var(--loan-duration-percentage)}.modal-content .form-range.amount-slider-edit{--percentage:var(--loan-amount-percentage-edit)}.modal-content .form-range.time-slider-edit{--percentage:var(--loan-duration-percentage-edit)}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--slider-thumb-color);width:30px;height:30px;border-radius:50%;margin-top:-11px;cursor:pointer;border:none;-webkit-box-shadow:0 0 10px var(--slider-thumb-shadow);box-shadow:0 0 10px var(--slider-thumb-shadow);-webkit-transition:background .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,-webkit-box-shadow .2s ease;transition:background .2s ease,box-shadow .2s ease;transition:background .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease}input[type=range]:hover::-webkit-slider-thumb{background:var(--slider-thumb-hover-color);-webkit-box-shadow:0 0 12px var(--slider-thumb-hover-shadow);box-shadow:0 0 12px var(--slider-thumb-hover-shadow)}input[type=range]:active::-webkit-slider-thumb{background:var(--slider-thumb-hover-color);-webkit-box-shadow:0 0 15px var(--slider-thumb-active-shadow);box-shadow:0 0 15px var(--slider-thumb-active-shadow)}input[type=range]:focus{outline:none}input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:0 0}input[type=range]::-moz-range-thumb{background:var(--slider-thumb-color);width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 10px var(--slider-thumb-shadow);-moz-transition:background .2s ease,box-shadow .2s ease;transition:background .2s ease,box-shadow .2s ease}input[type=range]:hover::-moz-range-thumb{background:var(--slider-thumb-hover-color);box-shadow:0 0 12px var(--slider-thumb-hover-shadow)}input[type=range]:active::-moz-range-thumb{background:var(--slider-thumb-hover-color);box-shadow:0 0 15px var(--slider-thumb-active-shadow)}input[type=range]::-ms-track{height:8px;border-radius:4px;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:var(--slider-thumb-color);border-radius:4px}input[type=range]::-ms-fill-upper{background:var(--slider-background);border-radius:4px}input[type=range]::-ms-thumb{background:var(--slider-thumb-color);width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 10px var(--slider-thumb-shadow);-ms-transition:background .2s ease,box-shadow .2s ease;transition:background .2s ease,box-shadow .2s ease}input[type=range]:hover::-ms-thumb{background:var(--slider-thumb-hover-color);box-shadow:0 0 12px var(--slider-thumb-hover-shadow)}input[type=range]:active::-ms-thumb{background:var(--slider-thumb-hover-color);box-shadow:0 0 15px var(--slider-thumb-active-shadow)}input[type=range]:focus::-webkit-slider-thumb{outline:none;-webkit-box-shadow:none;box-shadow:none}input[type=range]:focus::-moz-range-thumb{outline:none;box-shadow:none}input[type=range]:focus::-ms-thumb{outline:none;box-shadow:none}