body,html{box-sizing:border-box;height:100%;margin:0;max-width:100vw;padding:0}.overflow-hidden,body,html{overflow-x:hidden}input[type=range]{-webkit-appearance:none;margin-right:15px;width:100%;height:4px;background:rgba(255,255,255,.6);border-radius:5px;background-image:linear-gradient(#fec351,#fec351);background-size:70% 100%;background-repeat:no-repeat;background-color:#efede9}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:28px;width:28px;border-radius:50%;background:#fff;cursor:ew-resize;box-shadow:0 0 4px 0 #555;transition:background .3s ease-in-out}