.default__page__content div{max-width:none}.metronome{width:100%;max-width:750px;border:solid 1px #ccc;border-radius:4px;height:auto;background:#f0eade;margin:auto;text-align:center}.bpmOut{font-family:'Open Sans',sans-serif;font-size:32px;color:#555;padding-top:1.5rem}.beats{font-family:'Open Sans',sans-serif;font-size:3rem;color:#555;margin:3rem 0 1rem 0}.start{font-family:'Open Sans',sans-serif;font-size:22px;color:#555;width:200px;height:35px;margin-top:30px;background-color:#fff;border:solid 1px #bbb;cursor:pointer;outline:0;border-radius:0;transition:background-color .5s,border .5s,box-shadow .5s,color .5s}table{margin:15px auto}td{width:20px;height:20px;background:#c1c1c1;border-radius:10px;transition:background-color .5s;display:flex;margin:0 1rem}tr{height:18px;margin:1rem 0;display:flex;justify-content:space-between}button{width:30px;height:30px;background:0 0;color:#555;border:none;border-radius:15px;outline:0;cursor:pointer;font-family:"Open Sans",sans-serif;font-size:15px;padding:0;transition:background-color .5s,border-color .5s,color .5s}.plus--hover{background:#72ac51;border-color:#72ac51;color:#fff!important}.range--wrap{display:flex;justify-content:center;align-items:center;padding:1rem 0}.keyMinus,.keyPlus{transition:all .07s ease;color:#333;border:1px solid #ccc;width:40px;height:40px;border-radius:20px}.keyMinus:hover,.keyPlus:hover,.start:hover{background:#72ac51;border-color:#72ac51;color:#fff}.time--wrap{padding:1rem;display:flex;justify-content:center;align-items:center}.beat--active{background:#000}.beat-slider-wrap{width:450px;height:90px;overflow:hidden;position:relative}.beat-slider{display:flex;width:1200px;position:absolute;left:-90px}.arrow-next svg,.arrow-prev svg{font-size:1rem;transition:.6s;fill:#6a6e7c}.arrow-next svg:hover,.arrow-prev svg:hover{transition:.6s;fill:#72ac51}.beats--mobile{display:none}.time{display:flex;justify-content:center;align-items:center;margin:20px;width:50px;height:50px;background:#ccc;color:#fff;border:none;border-radius:50px;outline:0;cursor:pointer;font-family:"Open Sans",sans-serif;font-size:12px;transition:background-color .5s,border-color .5s,color .5s,border-radius .5s,box-shadow .5s}.beat-slider .active{background-color:#72ac51}.time:hover{opacity:.9;transition:background .5s}.time--text-container{padding-top:1rem}.time--text-container input[type=text]{width:21px;outline:0;text-align:center;background:0 0;border-top:transparent!important;border-left:transparent!important;border-right:transparent!important;border-bottom:transparent!important;font-weight:700;font-size:1rem;padding-left:0;padding-right:0;margin:0 .2rem;color:#555}.tapper button{display:block;margin:1rem auto;padding:0;border-radius:4px}.tapper--btn{font-family:'Open Sans',sans-serif;font-size:22px;color:#555;width:200px;height:35px;margin-top:10px;background:#fff;border:solid 1px #bbb;cursor:pointer;outline:0;border-radius:0;transition:background 1s,border 1s,box-shadow 1s,color .3s}.tapper--btn:active{color:#fff;background:#555;border:solid 1px #555;transition:background .3s,border .3s,color .3s}.tapper--hover{color:#fff;background:#555;border:solid 1px #555;transition:background .3s,border .3s,color .3s}#title{font-family:'Open Sans',sans-serif;font-size:52px;color:#555;letter-spacing:30px;margin-bottom:10px;margin-top:-10px}input[type=range]{-webkit-appearance:none;width:400px;background:#f8f8f8;margin:0 1rem}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8.7px;cursor:pointer;background:#ddd;border-radius:25px;border:0 solid rgba(1,1,1,0)}input[type=range]::-webkit-slider-thumb{border:0 solid transparent;height:25px;width:25px;border-radius:50px;background:#555;cursor:pointer;-webkit-appearance:none;margin-top:-8.15px;transition:background .3s,box-shadow .1s}input[type=range]:focus::-webkit-slider-thumb{border:0 solid transparent;height:25px;width:25px;border-radius:50px;background:#72ac51;cursor:pointer;-webkit-appearance:none;margin-top:-8.15px}input[type=range]:focus::-webkit-slider-runnable-track{background:#ddd}input[type=range]::-moz-range-track{width:100%;height:8.7px;cursor:pointer;background:#ddd;border-radius:25px;border:0 solid rgba(1,1,1,0)}input[type=range]::-moz-range-thumb{border:0 solid transparent;height:25px;width:25px;border-radius:50px;background:#72ac51;cursor:pointer}input[type=range]::-ms-track{width:100%;height:8.7px;cursor:pointer;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#afafaf;border:0 solid rgba(1,1,1,0);border-radius:50px}input[type=range]::-ms-fill-upper{background:#ddd;border:0 solid rgba(1,1,1,0);border-radius:50px}input[type=range]::-ms-thumb{border:0 solid transparent;height:25px;width:25px;border-radius:50px;background:#72ac51;cursor:pointer;height:8.7px}input[type=range]:focus::-ms-fill-lower{background:#ddd}input[type=range]:focus::-ms-fill-upper{background:#ddd}.switch{position:relative;display:inline-block;width:45px;height:24px;vertical-align:bottom;margin-right:.7rem}.switch .custom-checkbox{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:2px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.switch.active .slider{background-color:#72ac51}.switch.active .slider{box-shadow:0 0 1px #72ac51}.switch.active .slider:before{-webkit-transform:translateX(18px);-ms-transform:translateX(18px);transform:translateX(18px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media all and (max-width:762px){input[type=range]{max-width:380px}.time--wrap{padding:1rem 0}.tapper button{margin:.5rem auto}}@media all and (max-width:660px){.beats--desktop.twelve{display:none}.beats--mobile.twelve{display:table}}@media all and (max-width:600px){.beats--desktop.eleven{display:none}.beats--mobile.eleven{display:table}}@media all and (max-width:565px){.beat-slider-wrap{height:80px;max-width:310px;min-width:310px;width:310px}.beat-slider{left:-220px}.time{margin:20px 10px;width:40px;height:40px;border-radius:20px}}@media all and (max-width:550px){input[type=range]{max-width:330px}.beats--desktop.ten{display:none}.beats--mobile.ten{display:table}}@media all and (max-width:500px){.beats--desktop.nine{display:none}.beats--mobile.nine{display:table}}@media all and (max-width:480px){.keyMinus,.keyPlus{display:none}input[type=range]{width:90%}}@media all and (max-width:460px){.beat-slider-wrap{max-width:200px;min-width:200px;width:200px}.beat-slider{left:-200px}}@media all and (max-width:450px){.beats--desktop.eight{display:none}.beats--mobile.eight{display:table}}@media all and (max-width:400px){.beats--desktop.seven{display:none}.beats--mobile.seven{display:table}td{margin:0 .8rem}}