.range-slider[data-v-19ee4bbe]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:100%;margin:0;cursor:pointer;height:20px}.range-slider[data-v-19ee4bbe]::-webkit-slider-runnable-track{width:100%;border-radius:0;--bg-opacity:1;background-color:#63b3ed;background-color:rgba(99,179,237,var(--bg-opacity));height:5px}.range-slider[data-v-19ee4bbe]::-webkit-slider-thumb{border-radius:9999px;-webkit-appearance:none;appearance:none;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));height:20px;width:20px;margin-top:-8px}.range-slider[data-v-19ee4bbe]::-moz-range-track{width:100%;border-radius:0;--bg-opacity:1;background-color:#63b3ed;background-color:rgba(99,179,237,var(--bg-opacity));height:5px}.range-slider[data-v-19ee4bbe]::-moz-range-thumb{border-radius:9999px;border-width:0;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));height:20px;width:20px}.range-slider[data-v-19ee4bbe]::-ms-track{width:100%;border-radius:0;--bg-opacity:1;background-color:#63b3ed;background-color:rgba(99,179,237,var(--bg-opacity));height:5px}.range-slider[data-v-19ee4bbe]::-ms-thumb{border-radius:9999px;appearance:none;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));height:20px;width:20px;margin-top:0}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a0aec0}input::-moz-placeholder,textarea::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a0aec0}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#a0aec0}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.bg-transparent{background-color:transparent}.bg-black{--bg-opacity:1;background-color:#000;background-color:rgba(0,0,0,var(--bg-opacity))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-gray-400{--bg-opacity:1;background-color:#cbd5e0;background-color:rgba(203,213,224,var(--bg-opacity))}.bg-gray-600{--bg-opacity:1;background-color:#718096;background-color:rgba(113,128,150,var(--bg-opacity))}.bg-gray-700{--bg-opacity:1;background-color:#4a5568;background-color:rgba(74,85,104,var(--bg-opacity))}.bg-gray-800{--bg-opacity:1;background-color:#2d3748;background-color:rgba(45,55,72,var(--bg-opacity))}.bg-blue-300{--bg-opacity:1;background-color:#90cdf4;background-color:rgba(144,205,244,var(--bg-opacity))}.bg-blue-400{--bg-opacity:1;background-color:#63b3ed;background-color:rgba(99,179,237,var(--bg-opacity))}.active\:bg-gray-600:active{--bg-opacity:1;background-color:#718096;background-color:rgba(113,128,150,var(--bg-opacity))}.rounded-none{border-radius:0}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border-0{border-width:0}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-full{height:100%}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.ml-0{margin-left:0}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.opacity-75{opacity:.75}.p-2{padding:.5rem}.p-5{padding:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-16{padding-left:4rem;padding-right:4rem}.pr-5{padding-right:1.25rem}.pl-5{padding-left:1.25rem}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.text-right{text-align:right}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-gray-300{--text-opacity:1;color:#e2e8f0;color:rgba(226,232,240,var(--text-opacity))}.text-gray-400{--text-opacity:1;color:#cbd5e0;color:rgba(203,213,224,var(--text-opacity))}.text-gray-500{--text-opacity:1;color:#a0aec0;color:rgba(160,174,192,var(--text-opacity))}.italic{font-style:italic}.capitalize{text-transform:capitalize}.w-12{width:3rem}.w-16{width:4rem}.w-32{width:8rem}.w-40{width:10rem}.w-56{width:14rem}.w-1\/5{width:20%}.w-4\/5{width:80%}.w-full{width:100%}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;-webkit-transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ping{75%,to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}body{height:100%;margin:0;padding:0;background-color:#090d11;font-family:Work Sans,sans-serif}.bg-black-900{background-color:#1c1d1e}.bg-black-400{background-color:#24282b}.bg-black-200{background-color:#4f5254}.border-light{border:3px solid #737475}.bg-blue-300{background-image:-webkit-gradient(linear,left top,left bottom,from(#ef7f35),to(#9a4504));background-image:linear-gradient(180deg,#ef7f35,#9a4504);-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #6d2c00}.even-note{background-color:#051427}.odd-note{background-color:#010916}.notes-container{border-image-slice:1;background-image:-webkit-gradient(linear,left top,left bottom,from(#4c4c4c),color-stop(#404040),color-stop(#6b6b6b),to(#61605f));background-image:linear-gradient(#4c4c4c,#404040,#6b6b6b,#61605f);padding:13px}.control-button-container{padding:5px 0;background-image:-webkit-gradient(linear,left top,left bottom,from(#484848),to(#2d2d2d));background-image:linear-gradient(180deg,#484848,#2d2d2d)}.player-container{background-image:-webkit-gradient(linear,left bottom,left top,from(#0f1a1f),to(#1a2228));background-image:linear-gradient(0deg,#0f1a1f,#1a2228);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:350px;height:100%;margin:0 auto;padding:3px;border:5px solid #303e4a;border-radius:5px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:normal;align-content:normal}.beats-container,.player-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.beats-container{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-top-left-radius:3px;border-top-right-radius:3px;-ms-flex-direction:column;flex-direction:column;margin-bottom:35px}.grid-container{padding:2px;background-color:rgba(27,27,27,.6)}.controls-container{width:100%;height:60px;background-image:-webkit-gradient(linear,left bottom,left top,from(#293f56),color-stop(#2d3945),color-stop(#425466),to(#536980));background-image:linear-gradient(0deg,#293f56,#2d3945,#425466,#536980);border-bottom-left-radius:14px;border-bottom-right-radius:14px;background-color:#2a4057;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:space-evenly;align-content:space-evenly;justify-items:center}.logo-left{width:45%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px}.beat-controls-container,.logo-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.beat-controls-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#3e4344;position:relative;top:-30px;border-radius:5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:3px solid #4f5254}.logo-right{width:45%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:10px}.border-grey{border:0 solid #4f5254;margin:1px}.btn-beat-text{padding-left:10px;margin:1px}.btn-beat-text,.btn-beat-text2{background-color:#07080e;border:1px solid #333;font-family:Work Sans,sans-serif}.btn-beat-text2{margin-left:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 5px}.btn-beat-top{border-top:1px solid #333}.top-lane{background-image:-webkit-gradient(linear,left bottom,left top,from(#3b4a5a),color-stop(#1e2f42),color-stop(#293f56),to(#3b4a5a));background-image:linear-gradient(0deg,#3b4a5a,#1e2f42,#293f56,#3b4a5a)}body{color:rgba(0,0,0,.87);font-size:1rem;padding-top:4rem;padding-bottom:4rem;padding-left:4rem;padding-right:4rem}.js-focus-visible :focus:not(.focus-visible){outline:none}