:root{--zippy-green: var(--turbogreen);--progress: red}#incr{right:0}#decr{left:0}#incr,#decr{font-weight:700;border-radius:100%;background-color:#eee;padding:9px 11.8px;color:var(--zippy-green);outline:none;vertical-align:middle;font-size:10px;bottom:0;position:absolute;border:thin solid #828282;cursor:pointer}.slider{max-width:100%;width:100%;margin:-6px auto 0;position:relative;padding-bottom:36px}.custom-range{width:100%;display:block;margin:26px auto 6px;-webkit-appearance:none;appearance:none;height:5px;background:#0066004d;border-radius:5px;outline:none;padding:0!important;transition:background .3s;background:linear-gradient(to right,var(--turbo-green) var(--progress),#eeeeee var(--progress))}.custom-range::-webkit-slider-runnable-track{height:8px;border-radius:5px;background:gray}.custom-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:2px solid green;border-radius:50%;cursor:pointer;margin-top:-5px}.custom-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--zippy-green) var(--progress),var(--zippy-l-green) var(--progress))}.custom-range:active::-webkit-slider-thumb{transform:scale(1.2)}.page-title h1{max-width:none}.debt-input{display:block;text-align:center;font-size:20px;font-family:var(--zippy-headline);color:var(--zippy-green);font-weight:500;margin:auto;max-width:100%;padding:20px 0;outline:none;border:none;background-color:transparent}.debtInstructions{font-size:10px;text-align:center;display:block;padding-top:3px}.button-submit{margin-top:57px}@media (min-width: 767px){.debt-input{font-size:36px}.debtInstructions{font-size:11px;padding-top:0}.debtMin,.debtMax{font-size:14px}.slider{max-width:832px;display:block;margin:50px auto 94px}.custom-range{width:100%;height:5px;margin-top:18px}.custom-range::-webkit-slider-thumb{width:30px;height:30px;border:2px solid green;margin-top:-12px}.button-submit{margin-top:50px}}@media screen and (min-width: 992px){.slidecontainer{width:calc(100% - 75px);margin:0 auto 16px}.debtMin{margin-left:36px}.debtMax{margin-right:36px}#incr,#decr{bottom:58px}}h1.form-title{margin-top:33px}h2.form-subtitle{padding:8px 0 45px}#debtOwed{margin-top:37px}.custom-range{margin-top:0}#incr,#decr{font-size:14px;padding:6px 10px}.debt-input{font-size:24px}@media screen and (min-width: 768px){#debtOwed{margin-top:0;margin-bottom:20px}.slider{margin-bottom:-3px;margin-top:16px}.custom-range{height:7px}.debt-input{font-size:36px}}