[type=range]{-webkit-appearance:none;background:transparent;margin:12px 0;width:100%}[type=range]::-moz-focus-outer{border:0}[type=range]:focus{outline:0}[type=range]:focus::-webkit-slider-runnable-track{background:#14b4fc}[type=range]:focus::-ms-fill-lower{background:#03a9f4}[type=range]:focus::-ms-fill-upper{background:#14b4fc}[type=range]::-webkit-slider-runnable-track{cursor:default;height:4px;transition:all .2s ease;width:100%;box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);background:#03a9f4;border:0px solid #cfd8dc;border-radius:5px}[type=range]::-webkit-slider-thumb{box-shadow:4px 4px 4px rgba(0,0,0,.2),0 0 4px rgba(13,13,13,.2);background:#03a9f4;border:2px solid #eceff1;border-radius:12px;box-sizing:border-box;cursor:default;height:24px;width:24px;-webkit-appearance:none;margin-top:-10px}[type=range]::-moz-range-track{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);cursor:default;height:4px;transition:all .2s ease;width:100%;background:#03a9f4;border:0px solid #cfd8dc;border-radius:5px;height:2px}[type=range]::-moz-range-thumb{box-shadow:4px 4px 4px rgba(0,0,0,.2),0 0 4px rgba(13,13,13,.2);background:#03a9f4;border:2px solid #eceff1;border-radius:12px;box-sizing:border-box;cursor:default;height:24px;width:24px}[type=range]::-ms-track{cursor:default;height:4px;transition:all .2s ease;width:100%;background:transparent;border-color:transparent;border-width:12px 0;color:transparent}[type=range]::-ms-fill-lower{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);background:#0398db;border:0px solid #cfd8dc;border-radius:10px}[type=range]::-ms-fill-upper{box-shadow:1px 1px 1px rgba(0,0,0,.2),0 0 1px rgba(13,13,13,.2);background:#03a9f4;border:0px solid #cfd8dc;border-radius:10px}[type=range]::-ms-thumb{box-shadow:4px 4px 4px rgba(0,0,0,.2),0 0 4px rgba(13,13,13,.2);background:#03a9f4;border:2px solid #eceff1;border-radius:12px;box-sizing:border-box;cursor:default;height:24px;width:24px;margin-top:1px}[type=range]:disabled::-webkit-slider-thumb,[type=range]:disabled::-moz-range-thumb,[type=range]:disabled::-ms-thumb,[type=range]:disabled::-webkit-slider-runnable-track,[type=range]:disabled::-ms-fill-lower,[type=range]:disabled::-ms-fill-upper{cursor:not-allowed}.metronome{text-align:center;background:#095360;color:#fff;display:block;font-family:"Muli","Helvetica","Arial","sans-serif"}.metronome .btn-outline:hover,.metronome .btn-outline:focus,.metronome .btn-outline:active,.metronome .btn-outline.active{color:#fff;background-color:#1b9fb8;border-color:#1b9fb8}.metronome .btn{font-family:"Lato","Helvetica","Arial","sans-serif";text-transform:uppercase;letter-spacing:2px;border-radius:300px}.metronome .icon-btn{background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer;width:32px;height:32px;border-radius:50%;margin-left:0;margin-right:0;min-width:32px;min-height:32px;padding:0}.metronome .icon-btn .material-icons{vertical-align:middle;position:absolute;top:50%;left:50%;transform:translate(-12px, -12px);line-height:24px;width:24px}.metronome .icon-btn:hover{background-color:rgba(158,158,158,.2)}.metronome .icon-btn:active{background-color:rgba(158,158,158,.4)}.metronome .fab{background:#ffab40;border:none;width:56px;height:56px;border-radius:50%;margin-left:0;margin-right:0;min-width:56px;min-height:56px;padding:0;display:inline-block;position:relative}.metronome .fab .material-icons{vertical-align:middle;position:absolute;top:50%;left:50%;transform:translate(-12px, -12px);line-height:24px;width:24px}.metronome #lights1{margin-bottom:30px}.metronome #lights2{margin-bottom:30px;display:none}.metronome .circle{width:20px;height:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:transparent;margin-left:5px;margin-right:5px}@media(min-width: 320px){.metronome .circle{width:30px;height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}}@media(min-width: 500px){.metronome .circle{width:30px;height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;margin-left:15px;margin-right:15px}}.metronome .red-filled:hover{background-color:rgba(255,0,0,.8)}.metronome .yellow-filled:hover{background-color:rgba(255,255,0,.8)}.metronome .grey-filled:hover{background-color:rgba(158,158,158,.8)}.metronome .red:hover{background-color:rgba(158,158,158,.2)}.metronome .yellow:hover{background-color:rgba(158,158,158,.2)}.metronome .grey:hover{background-color:rgba(158,158,158,.2)}.metronome .circle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5);outline:0}.metronome .yellow{border:2px solid #ff0}.metronome .yellow-filled{border:2px solid #ff0;background:#ff0}.metronome .red{border:2px solid red}.metronome .red-filled{border:2px solid red;background:red}.metronome .grey{border:2px solid gray}.metronome .grey-filled{border:2px solid gray}.metronome #beatmarker{font-size:20px;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.metronome #clickmarker{font-size:20px;margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.metronome .veryLarge{font-size:3em}.metronome .metronome #plusminus{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.metronome #beattitle{margin-bottom:16px}.metronome .bpm-slider-container{width:100%;margin-bottom:1rem}.metronome .bpm-slider{width:calc(100% - 52px);height:2px;top:50%;margin:0 26px}.scroll-wheel{overflow-y:hidden;padding:0;pointer:cursor;height:3em}.scroll-wheel-list{list-style:none;margin:0;font-size:inherit;line-height:inherit;padding:0;cursor:pointer}.scroll-wheel-top-mask{z-index:10;position:absolute;top:0;height:40px;width:100%;background:linear-gradient(0deg, #09536000, #095360);pointer-events:none}.scroll-wheel-bottom-mask{z-index:10;position:absolute;bottom:0;height:40px;width:100%;background:linear-gradient(0deg, #095360, #09536000);pointer-events:none}