*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}:root{--primary-color-1:#5e52da;--primary-color-2:#9188f2;--primary-color-3:#c4bffd;--primary-color-4:#e5e2fd;--grey-1:#102a42;--grey-2:#324d67;--grey-3:#48647f;--clr-white:#fff;--clr-black:#242526}body{font-family:Poppins}body.dark{background-color:var(--clr-black);color:var(--primary-color-4)}p{margin:1rem}input[type=range]{height:25px;-webkit-appearance:none;margin:10px 0;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:var(--primary-color-2);border-radius:1px;border:0 solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000;border:1px solid var(--primary-color-2);height:18px;width:18px;border-radius:25px;background:#a1d0ff;cursor:pointer;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--primary-color-2)}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:var(--primary-color-2);border-radius:1px;border:0 solid #000}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:1px solid var(--primary-color-2);height:18px;width:18px;border-radius:25px;background:var(--primary-color-2);cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--primary-color-2);border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:1px solid var(--primary-color-2);height:18px;width:18px;border-radius:25px;background:#a1d0ff;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--primary-color-2)}