@media (min-width:768px){}@media (max-width:440px){.xs-block{display:block}}*,*:hover,*:active,*:focus{outline:none}a,button,.button,label{cursor:pointer;transition:100ms all ease}.mpanel{width:100%;max-width:263px;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f6f6f6;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.cpanel{border-radius:25px;background:#f6f6f6;box-shadow:0 2px 4px rgb(0 0 0 / .2);margin:0 30px;padding:5px;font-weight:700}.controls{margin:0 auto;text-align:center}.controls.layout{display:flex;flex-flow:row;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;padding:0 25px}.layout>*{flex-grow:0}.layout .grow{flex-grow:1}.layout.space-between{justify-content:space-between}.controls.left{width:100%;text-align:left}.tempo-value,.beats-value{//font-family:Arial,Helvetica,sans-serif!important;font-family:"Lucida Console","Courier New",monospace!important;color:#f2711c;font-weight:900;font-size:4rem;margin-left:5px!important}.form-group,.form-check{margin:0}.form-group-layout{display:flex;flex-flow:row;align-items:center}label{margin:5px}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#f26202;background-color:#f2711c}.custom-range{line-height:1rem;height:2rem;margin:0 5px;width:auto;min-width:100px}.custom-range::-webkit-slider-thumb{width:20px;height:20px;cursor:pointer;background:#f2711c;border:solid 0 #f2711c}.custom-range::-moz-range-thumb{width:20px;height:20px;cursor:pointer;background:#f2711c;border:solid 0 #f2711c}.custom-range::-ms-thumb{width:20px;height:20px;cursor:pointer;background:#f2711c;border:solid 0 #f2711c}.custom-switch.custom-switch-md .custom-control-label{padding:.25rem 0 .25rem 1rem;margin:0}.custom-switch.custom-switch-md .custom-control-label::before{height:1.5rem;width:calc(2rem + 0.75rem);border-radius:3rem}.custom-switch.custom-switch-md .custom-control-label::after{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);border-radius:calc(2rem - (1.5rem / 2))}.custom-switch.custom-switch-md .custom-control-input:checked~.custom-control-label::after{transform:translateX(calc(1.5rem - 0.25rem))}input.hidden{display:none}input.hidden[type="radio"]+label{display:inline-block;width:60px;height:60px;padding:5px;margin:5px;cursor:pointer;background:#fff;border:solid 2px #f2711c;border-radius:100%}input.hidden[type="radio"]+label:hover{background-color:#f2711c80;border:solid 2px #f2711c}input.hidden[type="radio"]:checked+label,input.hidden[type="radio"]:checked+label:hover{background-color:#f2711c;border:solid 2px #f2711c}input.hidden[type="radio"]+label img{max-width:100%}input.hidden[type="radio"]:checked+label img{-webkit-filter:invert(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1')}input.hidden[type="checkbox"]+label{display:inline-block;width:80px;height:80px;padding:5px;margin:5px;cursor:pointer;background:#fff;border:solid 2px #f2711c;border-radius:100%}input.hidden[type="checkbox"]+label:hover{background-color:#f2711c80;border:solid 2px #f2711c}input.hidden[type="checkbox"]:checked+label,input.hidden[type="checkbox"]:checked+label:hover{background-color:#f2711c;border:solid 2px #f2711c}input.hidden[type="checkbox"]+label img{max-width:100%}input.hidden[type="checkbox"]:checked+label img{-webkit-filter:invert(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1')}select,option{cursor:pointer}.metronome-button{padding:5px;border:none;border-radius:100%;min-width:40px;width:40px;height:40px;line-height:30px;margin:5px;background-color:#f2711c;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 2px 4px rgb(0 0 0 / .4)}#play-button{width:140px;height:140px;margin:50px;display:flex;align-items:center;justify-content:center;flex-flow:column;border:solid 2px #f2711c;box-shadow:0 0 0 0 #fff0}#play-pause-icon{border:0;background:#fff0;box-sizing:border-box;width:0;height:74px;border-color:#fff0 #fff0 #fff0 #fff;transition:100ms all ease;cursor:pointer;border-style:solid;border-width:37px 0 37px 60px;margin-left:15%;opacity:.9}#play-pause-icon.pause{border-style:double;border-width:0 0 0 60px;margin-left:0}#play-button:hover #play-pause-icon{opacity:1;transform:scale(1.1)}.dots{position:absolute}.dots .dot,.dots #dot-active{position:absolute;top:-20px;left:-20px;width:40px;height:40px;margin:0;-webkit-transform:rotate(0) translateY(-100px);-moz-transform:rotate(0) translateY(-100px);-ms-transform:rotate(0) translateY(-100px);transform:rotate(0) translateY(-100px);background-color:#fff;border:solid 2px #f2711c;border-radius:100%}.dots #dot-active{background-color:#f2711c;border:solid 2px #f2711c;width:30px;height:30px;top:-15px;left:-15px}.no-transition{transition:none!important}.pulse1{animation:pulse1 0.3s normal forwards}.pulse2{animation:pulse2 0.3s normal forwards}@keyframes pulse1{0%{box-shadow:0 0 0 0 #f2711c80}10%{box-shadow:0 0 10px 10px #f2711c}100%{box-shadow:0 0 0 0 #fff0}}@keyframes pulse2{0%{box-shadow:0 0 0 0 #f2711c80}10%{box-shadow:0 0 10px 10px #f2711c}100%{box-shadow:0 0 0 0 #fff0}}