.top-row{margin:.5rem auto;justify-content:center;align-items:center}.slider,.top-row{width:100%;display:flex;flex-direction:column}.slider{position:relative;height:3rem;margin:0 auto;max-width:100%}@media (max-width:768px){.slider{width:100%}}.slider-output{position:absolute;top:48px;margin-left:2px;left:0;bottom:0;display:block;box-sizing:border-box;transform:translateX(-50%);color:#57646b;font-weight:700}.slider-track{height:36px;background-color:#57646b;border-radius:1rem}.slider-thumb{position:absolute;top:-.75rem;left:0;width:56px;height:56px;margin-left:-1.5rem;border-radius:100%;background-color:#fff;border:1px solid #0074bb}.slider-level{width:0;height:36px;background-color:#0074bb;border-radius:1rem}.slider-input{-webkit-appearance:none;position:absolute;width:105%;height:2rem;margin-left:-2.5%;background-color:transparent;outline:none}.slider-input::-webkit-slider-thumb{width:2rem;height:8rem;-webkit-appearance:none;appearance:none;opacity:0;visibility:hidden;background:transparent;background-color:transparent;border-color:transparent;color:transparent}input[type=range]:focus{outline:none}input[type=range]::-moz-focus-outer{border:0}input[type=range]::-moz-range-thumb{opacity:0;visibility:hidden;background:transparent;background-color:transparent;border-color:transparent;color:transparent;-webkit-appearance:none}input[type=range]::-ms-track{width:100%;background:transparent;background-color:transparent;border-color:transparent;color:transparent;-webkit-appearance:none}