html{--grey-dim:rgba(150,140,170,0.15);--green:#2fde7e;--green-dark:#28aa63;--red:#e80c30;--primary:#711be4;--primary-3q:rgba(113,27,228,0.75);--primary-half:rgba(113,27,228,0.5);--primary-third:rgba(113,27,228,0.33);--primary-quarter:rgba(113,27,228,0.25);--primary-dark:#3c0a63;--primary-dark-half:rgba(60,10,99,0.5);--primary-darker:#220844;--primary-darkest:#130425;--primary-darkest-half:rgba(19,4,37,0.9);--fg:#fff;--fg90:hsla(0,0%,100%,0.9);--fg3q:hsla(0,0%,100%,0.75);--fgHalf:hsla(0,0%,100%,0.5);--fgQuarter:hsla(0,0%,100%,0.25);--bgHTML:#000;--bgHTML90:rgba(0,0,0,0.9);--bgHTML3q:rgba(0,0,0,0.75);--bgHTMLHalf:rgba(0,0,0,0.5);--bg:#151318;--bg90:rgba(21,19,24,0.9);--bg3q:rgba(21,19,24,0.75);--bgHalf:rgba(21,19,24,0.5);--color0:#e70f6f;--color1:#e612ad;--color2:#e315e6;--color3:#a918e5;--color4:#3a1ee3;--color5:#213ce2;--color6:#2473e1;--color7:#27a9e1;--color8:#29dde0}#preparing .prepBg0,.bg0{background:#e70f6f!important;background:var(--color0)!important}.border0{border:1px solid #e70f6f!important;border:1px solid var(--color0)!important}.fill0{fill:#e70f6f!important;fill:var(--color0)!important}#preparing .prepBg1,.bg1{background:#e612ad!important;background:var(--color1)!important}.border1{border:1px solid #e612ad!important;border:1px solid var(--color1)!important}.fill1{fill:#e612ad!important;fill:var(--color1)!important}#preparing .prepBg2,.bg2{background:#e315e6!important;background:var(--color2)!important}.border2{border:1px solid #e315e6!important;border:1px solid var(--color2)!important}.fill2{fill:#e315e6!important;fill:var(--color2)!important}#preparing .prepBg3,.bg3{background:#a918e5!important;background:var(--color3)!important}.border3{border:1px solid #a918e5!important;border:1px solid var(--color3)!important}.fill3{fill:#a918e5!important;fill:var(--color3)!important}#preparing .prepBg4,.bg4{background:#3a1ee3!important;background:var(--color4)!important}.border4{border:1px solid #3a1ee3!important;border:1px solid var(--color4)!important}.fill4{fill:#3a1ee3!important;fill:var(--color4)!important}#preparing .prepBg5,.bg5{background:#213ce2!important;background:var(--color5)!important}.border5{border:1px solid #213ce2!important;border:1px solid var(--color5)!important}.fill5{fill:#213ce2!important;fill:var(--color5)!important}#preparing .prepBg6,.bg6{background:#2473e1!important;background:var(--color6)!important}.border6{border:1px solid #2473e1!important;border:1px solid var(--color6)!important}.fill6{fill:#2473e1!important;fill:var(--color6)!important}#preparing .prepBg7,.bg7{background:#27a9e1!important;background:var(--color7)!important}.border7{border:1px solid #27a9e1!important;border:1px solid var(--color7)!important}.fill7{fill:#27a9e1!important;fill:var(--color7)!important}#preparing .prepBg8,.bg8{background:#29dde0!important;background:var(--color8)!important}.border8{border:1px solid #29dde0!important;border:1px solid var(--color8)!important}.fill8{fill:#29dde0!important;fill:var(--color8)!important}#errorHandler .container,#fullScreenPortal,#mobileConsole,#overGridPortal,#popupMenuPortal,#preparing .prepBgColor,#preparing .prepGrid .prepCell,#root,#samplePanel .border,#samplePanel .detail,#samplePanel .detail .middle,#samplePanel .modBtns,#samplePanel .modWrapper,#samplePanel .modWrapper .modSliderThumbWrapper,#samplePanel .modWrapper .modSliderWrapper,#samplePanel .modWrapper .modValueWrapper,#samplePanel .spTop,.changeKit,.changeKit .kits,.changeKit .kits .btn,.editMenu,.grid,.grid .cell,.grid .cell .bg,.grid .cell .border,.grid .cell .pitch,.grid .cell .slice,.grid .cellWrapper,.grid .sample-cells,.loadSequence,.menuItems,.mixer,.mixer .mixItemWrapper,.mixer .mixItemWrapper .mixItem,.mixer .mixItemWrapper .mixItem .mixItemBorder,.mixer .mixItemWrapper .mixItem .mixProperties,.pastePattern,.pastePattern .samples .sample .cells,.pastePattern .samples .sample .cells .cell,.sampleBtns,.sampleBtns #sampleBtnsBorder,.sampleBtns .sampleBtn .bgFlash,.sampleBtns .sampleBtn .bgSelected,.sampleBtns .sampleBtn .border,.saveSequence,.saveSequence .download .downloadMain,.saveSequence .save .saveInputWrapper .nameInput,.saveSequence .share .socialLinks a,.visualPanel,.visualPanel .analyzer,.visualPanel .freq,.visualPanel .info,body,button.pressed:before,html{position:relative;width:100%;height:100%;border-radius:.5rem}#fullScreenPortal,#mobileConsole,#overGridPortal,#popupMenuPortal,#samplePanel .border,#samplePanel .detail,#samplePanel .modWrapper .modSliderThumbWrapper,.changeKit,.editMenu,.grid .cell .bg,.grid .cell .border,.grid .cell .pitch,.grid .cell .slice,.grid .sample-cells,.mixer,.mixer .mixItemWrapper .mixItem .mixItemBorder,.pastePattern .samples .sample .cells,.sampleBtns #sampleBtnsBorder,.sampleBtns .sampleBtn .bgFlash,.sampleBtns .sampleBtn .bgSelected,.sampleBtns .sampleBtn .border,.visualPanel,.visualPanel .info,body,button.pressed:before,html{position:absolute}#fullScreenPortal,#mobileConsole,#overGridPortal,#popupMenuPortal,#samplePanel .border,#samplePanel .modWrapper .modSliderThumbWrapper,.grid .cell .bg,.grid .cell .border,.grid .cell .pitch,.grid .cell .slice,.grid .sample-cells,.mixer .mixItemWrapper .mixItem .mixItemBorder,.pastePattern .samples .sample .cells,.sampleBtns #sampleBtnsBorder,.sampleBtns .sampleBtn .bgFlash,.sampleBtns .sampleBtn .bgSelected,.sampleBtns .sampleBtn .border,.visualPanel,button.pressed:before{pointer-events:none}.changeKit .kits .btn p.ready.show,.grid .cell.countIn .bg,.grid .cell.flash .bg,.pastePattern .samples .sample .cells.selected,.statusBar .status.fadeOut{transition:none;opacity:1}.changeKit .kits .btn p.ready.show.hide{transition:none;opacity:0}.loadSequence .defaultSequences .title,.loadSequence .userSequences .title,.notLoggedIn .sub{padding:.5rem;text-align:center}#errorHandler .container button,#preparing .btn,#samplePanel .detail .btn,#samplePanel .modBtns .btn,.bottomBtn .btn,.infoPage .coin .coinContainer #copyAddress,.loadSave .tabs .tab,.loadSequence .defaultSequences .confirm-delete .btn,.loadSequence .userSequences .confirm-delete .btn,.loggedIn .btn,.menuItems .menuBtn,.menuItems .menuBtnWrapper,.mixer .mixItemWrapper .mixItem .reset,.notLoggedIn .loginBtn,.popupMenu .popupMenuBtn,.saveSequence .download .downloadMain .countAndDuration .btn,.saveSequence .download .downloadMain .downloadBtn,.saveSequence .save .saveInputWrapper .btn,.saveSequence .share .shareLink .btn{font-family:inherit;font-style:inherit;font-size:.8rem;text-transform:capitalize;letter-spacing:3px}#errorHandler .container button,#preparing .btn,#samplePanel .detail .btn,#samplePanel .modBtns .btn,.bottomBtn .btn,.infoPage .coin .coinContainer #copyAddress,.infoPage .coin .coinContainer #walletAddress,.loadSequence .defaultSequences .confirm-delete .btn,.loadSequence .userSequences .confirm-delete .btn,.loggedIn .btn,.menuItems .menuBtn,.menuItems .menuBtnWrapper,.mixer .mixItemWrapper .mixItem .reset,.notLoggedIn .loginBtn,.popupMenu .popupMenuBtn,.saveSequence .download .downloadMain .countAndDuration .btn,.saveSequence .download .downloadMain .downloadBtn,.saveSequence .save .saveInputWrapper .btn,.saveSequence .save .saveInputWrapper .nameInput,.saveSequence .share .shareLink #sequence-link,.saveSequence .share .shareLink .btn,.transportWrapper .inputWrapper .input{padding:.5rem;outline:none;border:1px solid #fff;border:1px solid var(--fg);border-radius:.3rem;color:#fff;color:var(--fg);background:#000;background:var(--bgHTML)}.loadSave .tabs .tab{cursor:pointer;-webkit-appearance:none;width:100%;padding:.75rem;outline:none;border:none;opacity:.5}.loadSave .tabs .tab:disabled{cursor:auto}#errorHandler .container button,#preparing .btn,#samplePanel .detail .btn,#samplePanel .modBtns .btn,.bottomBtn .btn,.infoPage .coin .coinContainer #copyAddress,.loadSequence .defaultSequences .confirm-delete .btn,.loadSequence .userSequences .confirm-delete .btn,.loggedIn .btn,.menuItems .menuBtn,.menuItems .menuBtnWrapper,.mixer .mixItemWrapper .mixItem .reset,.notLoggedIn .loginBtn,.popupMenu .popupMenuBtn,.saveSequence .download .downloadMain .countAndDuration .btn,.saveSequence .download .downloadMain .downloadBtn,.saveSequence .save .saveInputWrapper .btn,.saveSequence .share .shareLink .btn{cursor:pointer;width:auto;height:auto;min-height:2rem}#errorHandler .container button:disabled,#preparing .btn:disabled,#samplePanel .detail .btn:disabled,#samplePanel .modBtns .btn:disabled,.bottomBtn .btn:disabled,.infoPage .coin .coinContainer #copyAddress:disabled,.loadSequence .defaultSequences .confirm-delete .btn:disabled,.loadSequence .userSequences .confirm-delete .btn:disabled,.loggedIn .btn:disabled,.menuItems .menuBtn:disabled,.menuItems .menuBtnWrapper:disabled,.mixer .mixItemWrapper .mixItem .reset:disabled,.notLoggedIn .loginBtn:disabled,.popupMenu .popupMenuBtn:disabled,.saveSequence .download .downloadMain .countAndDuration .btn:disabled,.saveSequence .download .downloadMain .downloadBtn:disabled,.saveSequence .save .saveInputWrapper .btn:disabled,.saveSequence .share .shareLink .btn:disabled{cursor:auto}#samplePanel .detail .close.btn,.editMenu .close.btn,.infoPage .coin .coinContainer .close.btn{cursor:pointer;z-index:2;position:absolute;top:.25rem;left:.25rem;width:3rem;height:3rem;padding:0;background:none;fill:#fff;fill:var(--fg);color:#fff;color:var(--fg);border:none}#samplePanel .detail .close.btn .chevron-left,.editMenu .close.btn .chevron-left,.infoPage .coin .coinContainer .close.btn .chevron-left{width:100%}#samplePanel .detail .dummy{width:4rem;height:100%}.bottomBtn{pointer-events:auto;cursor:pointer;position:fixed;z-index:101;bottom:0;width:100%;padding:.5rem;background:rgba(0,0,0,.75);background:var(--bgHTML3q)}.bottomBtn:disabled{cursor:auto}.loadSequence .defaultSequences .defaultSequence,.loadSequence .defaultSequences .userSequence,.loadSequence .userSequences .defaultSequence,.loadSequence .userSequences .userSequence,.notLoggedIn .loginBtn{cursor:pointer;min-height:3rem;width:100%;margin:.25rem 0;padding:.25rem .5rem;border-radius:.5rem;-webkit-transform:scale(1);transform:scale(1)}.loadSequence .defaultSequences .defaultSequence:disabled,.loadSequence .defaultSequences .userSequence:disabled,.loadSequence .userSequences .defaultSequence:disabled,.loadSequence .userSequences .userSequence:disabled,.notLoggedIn .loginBtn:disabled{cursor:auto}.customSelectWrapper{position:relative;width:50%;padding:.5rem;color:#fff;color:var(--fg);outline:none;border:none;border-radius:.3rem}.customSelectWrapper.disabled{opacity:.5;pointer-events:none}.customSelectWrapper .customSelect{cursor:pointer;-webkit-appearance:none;width:100%;padding:.5rem;font-size:1.25rem;border:1px solid #711be4;border:1px solid var(--primary);border-radius:.5rem;background:#000;background:var(--bgHTML);color:#fff;color:var(--fg);overflow:hidden}.customSelectWrapper .chevron-down{pointer-events:none;position:absolute;top:50%;right:.75rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:2rem;fill:#fff;fill:var(--fg);width:auto}.statusBar{pointer-events:none;position:fixed;height:2.5rem;width:100%;z-index:201;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.statusBar .status{display:inline-block;padding:.5rem;font-size:1rem;font-family:Orbitron,Roboto,sans-serif;color:#e80c30;color:var(--red);letter-spacing:2px;text-align:center;background:rgba(0,0,0,.9);background:var(--bgHTML90);opacity:0;transition:1.5s}.statusBar .status.fadeOut2{opacity:1}#sequencer{position:relative;margin:0 auto;width:100%;height:100%;max-width:1440px;overflow:hidden}#fullScreenPortal{top:0}.mainContainer{position:relative;top:0;width:100%;height:100%;overflow:hidden;padding:.25rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;touch-action:none}@media(orientation:landscape){.mainContainer{-webkit-flex-direction:row;flex-direction:row}}#main{max-height:70%;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}#main,#samplePanel{position:relative;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#samplePanel{max-height:30%;overflow:hidden;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly}#samplePanel .border{border:1px solid #fff;border:1px solid var(--fg);top:0;opacity:0}#menuBar{border-top:1px solid #3c0a63;border-top:1px solid var(--primary-dark)}#popupMenuPortal{max-width:1440px;top:0;z-index:1000;overflow:hidden}@media(orientation:landscape){.mainContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}#main,#samplePanel{max-width:48%;max-height:800px}}.loadSave{position:absolute;pointer-events:auto;z-index:101;min-height:100%;padding-top:2.5rem;padding-bottom:2.5rem;background:rgba(0,0,0,.9);background:var(--bgHTML90);-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.loadSave,.loadSave .tabs{width:100%;display:-webkit-flex;display:flex}.loadSave .tabs{position:fixed;z-index:2;top:0;left:0;height:2.5rem;background:#151318;background:var(--bg)}.loadSave .tabs .tab{color:#fff;color:var(--fg);border-radius:0;background:rgba(60,10,99,.5);background:var(--primary-dark-half)}.loadSave .tabs .tab.selected{opacity:1;background:#3c0a63;background:var(--primary-dark)}.top{width:100%;max-width:600px}.notLoggedIn{width:100%;padding:1rem;-webkit-flex-direction:column;flex-direction:column}.notLoggedIn,.notLoggedIn .loginBtn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.notLoggedIn .loginBtn{background:#3c0a63;background:var(--primary-dark);max-width:450px;-webkit-flex-direction:row;flex-direction:row;color:#fff;color:var(--fg);border:none}.bottomBtn .btn,.loggedIn{width:100%}.loggedIn{margin-top:.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.loggedIn .user{font-size:.9rem}.loggedIn .online{font-size:.8rem;font-weight:400;color:#2fde7e;color:var(--green)}.loggedIn .online.error{color:#e80c30;color:var(--red)}.loggedIn .btn{border-radius:.5rem;font-size:.8rem;border:none;background:transparent;text-decoration:underline}.loadSequence,.saveSequence,.top{background:#151318;background:var(--bg);border-radius:0}@media(orientation:landscape){.loadSequence,.saveSequence,.top{margin:0 auto;max-width:600px;padding:0 2rem}.tabs{max-width:50%;position:absolute!important;left:50%!important;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bottomBtn{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.bottomBtn .btn{max-width:50%}}.loadSequence{max-width:600px;padding:1rem .5rem}.loadSequence .defaultSequences,.loadSequence .userSequences{border:1px solid rgba(113,27,228,.5);border:1px solid var(--primary-half);margin-bottom:1rem;padding-bottom:1rem}.loadSequence .defaultSequences .sub,.loadSequence .userSequences .sub{padding:1rem 0 0 1rem}.loadSequence .defaultSequences .title,.loadSequence .userSequences .title{border-bottom:1px solid rgba(113,27,228,.5);border-bottom:1px solid var(--primary-half)}.loadSequence .defaultSequences .bpm,.loadSequence .defaultSequences .sync,.loadSequence .userSequences .bpm,.loadSequence .userSequences .sync{justify-self:center}.loadSequence .defaultSequences .delete,.loadSequence .userSequences .delete{justify-self:end}.loadSequence .defaultSequences .defaultColumnTitles,.loadSequence .userSequences .defaultColumnTitles{width:100%;margin:.25rem auto;max-width:90%;padding:.5rem;display:grid;grid-template-columns:1fr .75fr .5fr .5fr;-webkit-align-items:center;align-items:center;border-right:none!important;border-left:none!important}.loadSequence .defaultSequences .defaultSequence,.loadSequence .userSequences .defaultSequence{grid-template-columns:1fr .75fr .5fr .5fr}.loadSequence .defaultSequences .userColumnTitles,.loadSequence .userSequences .userColumnTitles{width:100%;margin:.25rem auto;max-width:90%;padding:.5rem;display:grid;grid-template-columns:1fr .75fr .5fr .5fr;justify-items:start;border-right:none!important;border-left:none!important}.loadSequence .defaultSequences .userSequence,.loadSequence .userSequences .userSequence{grid-template-columns:1fr .75fr .5fr .5fr}.loadSequence .defaultSequences .userSequence.deleting,.loadSequence .userSequences .userSequence.deleting{opacity:.5}.loadSequence .defaultSequences .userSequence .icon,.loadSequence .userSequences .userSequence .icon{max-height:1.75rem;max-width:1.75rem}.loadSequence .defaultSequences .userSequence .icon.check,.loadSequence .userSequences .userSequence .icon.check{fill:#2fde7e;fill:var(--green);max-height:1rem}.loadSequence .defaultSequences .userSequence .icon.cloud.fetching,.loadSequence .userSequences .userSequence .icon.cloud.fetching{-webkit-animation:flashing .4s infinite alternate;animation:flashing .4s infinite alternate}.loadSequence .defaultSequences .userSequence .icon.cloud.unavailable,.loadSequence .userSequences .userSequence .icon.cloud.unavailable{opacity:.25}.loadSequence .defaultSequences .userSequence .delete,.loadSequence .defaultSequences .userSequence .sync,.loadSequence .userSequences .userSequence .delete,.loadSequence .userSequences .userSequence .sync{background:transparent;outline:none;border:none}.loadSequence .defaultSequences .defaultSequence,.loadSequence .defaultSequences .userSequence,.loadSequence .userSequences .defaultSequence,.loadSequence .userSequences .userSequence{background:#3c0a63;background:var(--primary-dark);display:grid;-webkit-align-items:center;align-items:center;margin:.25rem auto;max-width:90%;-webkit-transform:scale(1);transform:scale(1)}.loadSequence .defaultSequences .defaultSequence.selected,.loadSequence .defaultSequences .userSequence.selected,.loadSequence .userSequences .defaultSequence.selected,.loadSequence .userSequences .userSequence.selected{background:#28aa63;background:var(--green-dark)}.loadSequence .defaultSequences .defaultSequence.fetching,.loadSequence .defaultSequences .userSequence.fetching,.loadSequence .userSequences .defaultSequence.fetching,.loadSequence .userSequences .userSequence.fetching{background:#28aa63;background:var(--green-dark);-webkit-animation:flashing .4s infinite alternate;animation:flashing .4s infinite alternate}.loadSequence .defaultSequences .confirm-delete,.loadSequence .userSequences .confirm-delete{width:100%;padding:.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;background:#3c0a63;background:var(--primary-dark)}.loadSequence .defaultSequences .confirm-delete .btn.red,.loadSequence .userSequences .confirm-delete .btn.red{background:#e80c30;background:var(--red)}.saveSequence{max-width:600px;padding:1rem .5rem}.saveSequence .download,.saveSequence .save,.saveSequence .share{border:1px solid rgba(113,27,228,.5);border:1px solid var(--primary-half);margin-bottom:1rem;padding:2rem}.saveSequence .download .header,.saveSequence .save .header,.saveSequence .share .header{padding:0 0 .5rem;width:100%;text-align:left;font-size:1.25rem;border-bottom:1px solid rgba(113,27,228,.5);border-bottom:1px solid var(--primary-half)}.saveSequence .share p{margin-top:1rem;color:hsla(0,0%,100%,.5);color:var(--fgHalf)}.saveSequence .share .shareLink{padding:.5rem;display:-webkit-flex;display:flex}.saveSequence .share .shareLink #sequence-link{width:100%}.saveSequence .share .shareLink .btn{margin-left:.25rem;max-width:5rem}.saveSequence .share .socialLinks{margin-top:.25rem;height:2.5rem;-webkit-justify-content:space-evenly;justify-content:space-evenly}.saveSequence .share .socialLinks,.saveSequence .share .socialLinks .btn{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.saveSequence .share .socialLinks .btn{height:100%;padding:1rem;background:none;border:none;-webkit-justify-content:center;justify-content:center;-webkit-justify-content:flex-start;justify-content:flex-start}.saveSequence .share .socialLinks .btn span{color:#fff;color:var(--fg);margin-left:.5rem}.saveSequence .share .socialLinks .btn .icon{height:2rem;width:2rem}.saveSequence .save .header{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.saveSequence .save .header .saveLocation{font-size:.8rem;font-weight:lighter;color:hsla(0,0%,100%,.5);color:var(--fgHalf)}.saveSequence .save .saveInputWrapper{width:100%;margin:1rem 0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.saveSequence .save .saveInputWrapper .nameInput{margin:.5rem 0;overflow:hidden;font-size:1.25rem}.saveSequence .save .saveInputWrapper .btn{width:100%}.saveSequence .save .fileLimit p{padding-top:.5rem}.saveSequence .save .fileLimit span{margin-left:.5rem;font-size:1.25rem;color:#2fde7e;color:var(--green)}.saveSequence .save .fileLimit span.error{color:#e80c30;color:var(--red)}.saveSequence .download .downloadMain .notSupported{color:hsla(0,0%,100%,.5);color:var(--fgHalf);margin:1rem 0}.saveSequence .download .downloadMain .sub{padding:1rem}.saveSequence .download .downloadMain .downloadInputs{width:100%}.saveSequence .download .downloadMain .countAndDuration{margin:1rem 0 .5rem;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.saveSequence .download .downloadMain .countAndDuration .btn{margin-left:1rem}.saveSequence .download .downloadMain .downloadBtn{margin:.5rem 0;width:100%}.grid{display:grid;-webkit-align-items:center;align-items:center;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:3px;gap:3px;padding:.25rem}@media(hover:hover){.grid .cellWrapper:hover{border:1px solid #fff;border:1px solid var(--fg)}}.grid .cell{cursor:pointer;opacity:1;background:rgba(150,140,170,.15);background:var(--grey-dim);-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);transition:.2s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.grid .cell.pulse{transition:none;-webkit-transform:scale(.8) rotate(2deg);transform:scale(.8) rotate(2deg)}.grid .cell .bg{background:#711be4;background:var(--primary);opacity:0;-webkit-transform-origin:left;transform-origin:left}.grid .cell.countIn .bg,.grid .cell.flash .bg{transition:none}.grid .cell[data-cursor=true] .bg{-webkit-animation:flashing .2s infinite alternate;animation:flashing .2s infinite alternate}.grid .cell .border{border:1px solid #fff;border:1px solid var(--fg);opacity:0;background:transparent}.grid .cell.flashing .border{-webkit-animation:flashing .5s infinite alternate;animation:flashing .5s infinite alternate}.grid .cell.flashing.pause .border{-webkit-animation:none;animation:none}.grid .cell .pitch{z-index:5;font-size:5vw;padding:.15rem;color:#3c0a63;color:var(--primary-dark)}@media(max-width:280px){.grid .cell .pitch{font-size:14px}}@media(min-width:720px){.grid .cell .pitch{font-size:36px}}.grid .slice{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;z-index:2;padding:.25rem;-webkit-transform:scale(0);transform:scale(0);transition:.25s ease-out}.grid .slice.slice-2,.grid .slice.slice-3{opacity:1}.grid .slice.slice-2{-webkit-transform:scale(.5);transform:scale(.5)}.grid .slice.slice-3{-webkit-transform:scale(1);transform:scale(1)}.grid .slice svg{width:100%;height:100%;stroke-width:2px;fill:transparent;stroke:#3c0a63;stroke:var(--primary-dark);-webkit-transform:rotate(0);transform:rotate(0);transition:.3s ease-out}.grid .cell.pulse .slice svg{transition:none;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.grid .sample-cells{display:grid;-webkit-align-items:center;align-items:center;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,auto);grid-gap:1px;gap:1px;-webkit-align-items:initial;align-items:normal;padding:.25rem;opacity:.5}.grid .sample-cells .sample-cell{color:transparent;-webkit-transform:scale(.5);transform:scale(.5);border:1px solid;border-radius:50%;transition:.2s}.grid .cell.flash .sample-cell,.grid .cell.pulse .sample-cell{transition:none;-webkit-transform:scale(2);transform:scale(2)}.pastePattern{pointer-events:auto;background:rgba(0,0,0,.9);background:var(--bgHTML90)}.pastePattern .samples{position:relative;min-width:100%;min-height:100%;padding:.25rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.2rem;gap:.2rem}.pastePattern .samples .sample{position:relative;background:none;border:1px solid rgba(113,27,228,.5);border:1px solid var(--primary-half);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}@media(hover:hover){.pastePattern .samples .sample:hover{border-color:#fff;border-color:var(--fg)}}.pastePattern .samples .sample.flashing{-webkit-animation:flashing .45s infinite alternate;animation:flashing .45s infinite alternate}.pastePattern .samples .sample p{padding:.5rem;text-align:center;background:rgba(21,19,24,.75);background:var(--bg3q);border-radius:.5rem;z-index:3;color:#fff;color:var(--fg)}.pastePattern .samples .sample .icon-wrapper{height:25%;width:25%;z-index:3}.pastePattern .samples .sample .cells{display:grid;-webkit-align-items:center;align-items:center;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));grid-gap:5px;gap:5px;padding:.25rem;opacity:.35;transition:.5s}.pastePattern .samples .sample .cells .cell{opacity:0}.pastePattern .samples .sample .cells .cell.on{opacity:1}.changeKit{pointer-events:auto;background:rgba(0,0,0,.9);background:var(--bgHTML90)}.changeKit .kits{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px;padding:.25rem}.changeKit .kits,.changeKit .kits .btn{-webkit-align-items:center;align-items:center}.changeKit .kits .btn{cursor:pointer;padding:.5rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;border:1px solid #711be4;border:1px solid var(--primary);color:#fff;color:var(--fg);background:none;font-size:1rem;-webkit-transform:scale(1);transform:scale(1)}.changeKit .kits .btn:disabled{opacity:1}.changeKit .kits .btn.selected{border:1px solid #fff;border:1px solid var(--fg);border-width:2px!important}.changeKit .kits .btn.borderDim{border:1px solid rgba(113,27,228,.5);border:1px solid var(--primary-half)}.changeKit .kits .btn .dummy,.changeKit .kits .btn .icon,.changeKit .kits .btn p{height:100%}.changeKit .kits .btn p{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.changeKit .kits .btn p.ready,.changeKit .kits .btn p.selected{font-size:.8rem;font-weight:400}.changeKit .kits .btn p.ready{opacity:0;transition:1.5s;color:#2fde7e;color:var(--green)}.changeKit .kits .btn .icon.flashing,.changeKit .kits .btn p.flashing{-webkit-animation:flashing .4s infinite alternate;animation:flashing .4s infinite alternate}.mixer{pointer-events:auto;background:rgba(0,0,0,.75);background:var(--bgHTML3q)}.mixer .mixItemWrapper{padding:.25rem}.mixer .mixItemWrapper.main{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px}.mixer .mixItemWrapper.main,.mixer .mixItemWrapper.mixSamples{display:grid;-webkit-align-items:center;align-items:center;grid-template-rows:repeat(3,minmax(0,1fr));gap:5px}.mixer .mixItemWrapper.mixSamples{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px}.mixer .mixItemWrapper .mixItem{margin:0 auto;border:1px solid rgba(113,27,228,.5);border:1px solid var(--primary-half);color:#fff;color:var(--fg);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;font-style:italic;font-weight:700;text-transform:capitalize}.mixer .mixItemWrapper .mixItem.editing{border:1px solid #711be4;border:1px solid var(--primary)}.mixer .mixItemWrapper .mixItem.editing .mixItemName{background:#711be4;background:var(--primary)}.mixer .mixItemWrapper .mixItem .mixItemName{width:100%;padding:.5rem;justify-self:flex-start;background:#220844;background:var(--primary-darker);border-radius:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.mixer .mixItemWrapper .mixItem .mixProperties{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.mixer .mixItemWrapper .mixItem .mixProperties.main{-webkit-flex-direction:row;flex-direction:row}.mixer .mixItemWrapper .mixItem .mixProperties .mixItemProperty{cursor:pointer;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;padding:.25rem 0;width:100%;border:1px solid rgba(113,27,228,.5);border:1px solid var(--primary-half);border-left-color:transparent!important;border-right-color:transparent!important;font-size:2vw;background:rgba(21,19,24,.75);background:var(--bg3q)}@media(max-width:700px){.mixer .mixItemWrapper .mixItem .mixProperties .mixItemProperty{font-size:14px}}@media(min-width:900px){.mixer .mixItemWrapper .mixItem .mixProperties .mixItemProperty{font-size:18px}}.mixer .mixItemWrapper .mixItem .mixProperties .mixItemProperty.editing{background:#711be4;background:var(--primary)}.mixer .mixItemWrapper .mixItem .knob{max-height:50%;max-width:50%}.mixer .mixItemWrapper .mixItem .reset{border:none}.mixer .mixItemWrapper .mixItem .mixItemBorder{top:0;left:0;opacity:0;transition:.4s}.mixer .mixItemWrapper .mixItem.flash .mixItemBorder,.mixer .mixItemWrapper .mixItem.pulse .mixItemBorder{transition:none;opacity:1}.knob{cursor:pointer;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.knob,.knob svg{width:100%;height:100%}.knob svg{-webkit-flex:0 1 auto;flex:0 1 auto}.knob .arrowUpDown,.knob label{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.arc{stroke-dasharray:126px;color:#711be4;color:var(--primary)}.icon.arrowUpDown{height:1rem;width:1rem}.sampleBtns{padding:.25rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr 1fr;grid-gap:.2rem;gap:.2rem}.sampleBtns #sampleBtnsBorder{top:0;border:1px solid transparent}.sampleBtns #sampleBtnsBorder.highlight{border-color:initial}.sampleBtns .sampleBtn{cursor:pointer;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:1px solid #711be4;border:1px solid var(--primary);background:#220844;background:var(--primary-darker)}@media(hover:hover){.sampleBtns .sampleBtn:hover{border:1px solid #fff;border:1px solid var(--fg)}}.sampleBtns .sampleBtn .icon{position:relative;z-index:2;height:5vw;max-height:2rem;width:5vw;max-width:2rem}.sampleBtns .sampleBtn .bgFlash,.sampleBtns .sampleBtn .bgSelected,.sampleBtns .sampleBtn .border{opacity:0;transition:.4s;border-radius:0}.sampleBtns .sampleBtn .bgFlash{background:#711be4;background:var(--primary)}.sampleBtns .sampleBtn .bgSelected{transition:none}.sampleBtns .sampleBtn.flash .bgFlash,.sampleBtns .sampleBtn.flash .border,.sampleBtns .sampleBtn.pulse .bgFlash,.sampleBtns .sampleBtn.pulse .border,.sampleBtns .sampleBtn.selected .bgSelected{transition:none;opacity:1}.sampleBtns .sampleBtn.selected .icon{fill:#3c0a63!important;fill:var(--primary-dark)!important}.editMenu{top:0;left:0;z-index:5;background:rgba(0,0,0,.75);background:var(--bgHTML3q);white-space:nowrap;overflow-x:auto;overflow-y:hidden;border:1px solid rgba(113,27,228,.5);border:1px solid var(--primary-half);border-radius:0}.editMenu.dark{background:rgba(0,0,0,.9);background:var(--bgHTML90)}.editMenu.flex{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly}.editMenu.flex,.editMenu .sampleMenuBtn{-webkit-align-items:center;align-items:center}.editMenu .sampleMenuBtn{width:5rem;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;background:transparent;border:1px solid transparent;border-radius:.5rem}.editMenu .sampleMenuBtn.dummy{min-height:100%;width:3.5rem;border:none!important}@media(hover:hover){.editMenu .sampleMenuBtn:hover{border:1px solid #fff;border:1px solid var(--fg)}}.editMenu .sampleMenuBtn .icon{max-height:4rem}.editMenu .sampleMenuBtn p{padding:.25rem;width:100%;color:#fff;color:var(--fg)}#samplePanel .detail{top:0;left:0;z-index:5;background:rgba(0,0,0,.75);background:var(--bgHTML3q);border:1px solid rgba(113,27,228,.5);border:1px solid var(--primary-half);border-radius:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;overflow:hidden}#samplePanel .detail.dark{background:rgba(0,0,0,.9);background:var(--bgHTML90)}@media(orientation:landscape){#samplePanel .detail{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-justify-content:center;justify-content:center}#samplePanel .detail .dummy{display:none}#samplePanel .detail .middle{max-height:50%}}#samplePanel .detail .icon{height:auto;max-width:5rem}#samplePanel .detail .icon.chevron-down{max-height:2rem;max-width:2rem}#samplePanel .detail.col,#samplePanel .detail .middle{-webkit-flex-direction:column;flex-direction:column}#samplePanel .detail .middle{max-width:50%;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;text-align:center;white-space:normal}@media(orientation:landscape){#samplePanel .detail .middle{max-width:100%}}#samplePanel .icon.slicing{-webkit-animation:slicing 2s linear infinite;animation:slicing 2s linear infinite}#samplePanel .modWrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;font-size:4vw}@media(orientation:landscape){#samplePanel .modWrapper{max-height:250px}}@media(max-width:350px){#samplePanel .modWrapper{font-size:14px}}@media(min-width:500px){#samplePanel .modWrapper{font-size:20px}}#samplePanel .modWrapper .modSliderWrapper{max-width:50%;min-height:25%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#samplePanel .modWrapper #modSlider{width:100%;height:10%;background:#711be4;background:var(--primary);border-radius:.25rem;-webkit-transform-origin:left;transform-origin:left}#samplePanel .modWrapper .modSliderThumbWrapper{width:100%;height:50%;left:-1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start}#samplePanel .modWrapper .modSliderThumbWrapper .modSliderThumb{background:#711be4;background:var(--primary);width:1rem;height:1rem;border-radius:50%}#samplePanel .modWrapper .applyInfo,#samplePanel .modWrapper .customSelectWrapper,#samplePanel .modWrapper .selectLabel{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#samplePanel .modWrapper .customSelectWrapper{width:50%}#samplePanel .modWrapper .modValueWrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#samplePanel .modWrapper .modLabel{display:inline-block;text-align:right}#samplePanel .modWrapper .modValue{min-width:20%;display:inline-block;text-align:center}#samplePanel .modWrapper input[type=range]{height:100%;width:50%;cursor:pointer}#samplePanel .modWrapper .applyInfo{opacity:0;transition:2s}#samplePanel .modWrapper .applyInfo.show{transition:none;opacity:1}#samplePanel .modBtns{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}@media(orientation:landscape){#samplePanel .modBtns{padding:2rem 0}}#samplePanel .modBtns .btn.bgGreen{color:#151318;color:var(--bg);background:#2fde7e;background:var(--green)}.visualPanel{top:0;z-index:0;border-radius:0;background:transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.visualPanel.overGrid{position:absolute;display:none}.visualPanel.overGrid.show{display:-webkit-flex;display:flex;background:rgba(0,0,0,.75);background:var(--bgHTML3q)}.visualPanel.overGrid .analyzer.ripple,.visualPanel.overGrid .analyzer.wave{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.visualPanel .info{top:0;left:0;z-index:3;opacity:0;transition:none;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:0}.visualPanel .info.show{opacity:1;transition:1s}.visualPanel .info .infoText{font-size:2vw;opacity:0;transition:2s}@media(max-width:750px){.visualPanel .info .infoText{font-size:15px}}@media(min-width:1200px){.visualPanel .info .infoText{font-size:24px}}.visualPanel .info .infoText.show{transition:none;opacity:1}.visualPanel .info .countIn{font-size:60px;opacity:0;transition:.9s}.visualPanel .info .countIn.show{transition:none;opacity:1}.visualPanel .analyzer{pointer-events:none;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0;border-radius:0}.visualPanel .analyzer.bg3q{background:rgba(0,0,0,.75);background:var(--bgHTML3q)}.visualPanel .analyzer.hide{opacity:0}.visualPanel .freq{transition-timing-function:ease-out;border-radius:0;-webkit-transform:scaleY(0) translate(0);transform:scaleY(0) translate(0);-webkit-transform-origin:center;transform-origin:center;background:linear-gradient(var(--gradient1),var(--gradient2),var(--gradient3));transition-property:opacity,-webkit-transform,-webkit-filter;transition-property:opacity,transform,filter;transition-property:opacity,transform,filter,-webkit-transform,-webkit-filter;opacity:.15}.visualPanel .freq.pause{-webkit-animation:none;animation:none}.visualPanel .analyzer.bars .freq{-webkit-transform-origin:bottom;transform-origin:bottom}.visualPanel .analyzer.ripple .freq{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0)}.menuItems{scroll-snap-align:start;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;vertical-align:top;overflow:visible}@media(min-width:768px){.menuItems{-webkit-flex-shrink:1;flex-shrink:1;-webkit-justify-content:space-evenly;justify-content:space-evenly}.menuItems.transport{-webkit-flex-shrink:1.25;flex-shrink:1.25}}.menuItems .dummy{width:2rem;text-align:center;font-style:normal}.menuItems .menuBtn,.menuItems .menuBtnWrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100%;background:transparent;border:1px solid transparent}.menuItems .menuBtnWrapper{margin:0 .5rem;padding:0}.menuItems .menuBtn label{letter-spacing:normal}.menuItems .menuBtn .icon{max-width:2rem;min-width:1rem}.menuItems .menuBtn.menuOpen{border:1px solid #fff;border:1px solid var(--fg)}.menuItems .menuBtn.active label{color:#2fde7e;color:var(--green)}.menuItems .menuBtn.active .icon{fill:#2fde7e;fill:var(--green)}.menuItems .menuBtn.active.mixerBtn,.menuItems .menuBtn.active.openPath,.menuItems .menuBtn.active.tap{border-color:#2fde7e;border-color:var(--green)}.menuItems .menuBtn.active.tap{-webkit-animation:flashTapBtn .4s infinite alternate;animation:flashTapBtn .4s infinite alternate}.menuItems .menuBtn.active.tap.record{background:#000;background:var(--bgHTML);border-color:#e80c30;border-color:var(--red)}.menuItems .menuBtn.active.tap.record label{color:#e80c30;color:var(--red)}.menuItems .menuBtn.active.tap.record .icon{fill:#e80c30;fill:var(--red)}.transportWrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.transportWrapper .btn,.transportWrapper .input{max-width:4rem;min-width:2rem;max-height:2rem;min-height:1rem}.transportWrapper .btn{margin:0 .25rem}.transportWrapper .btn .icon{height:1rem}.transportWrapper .btn#pause,.transportWrapper .btn#start,.transportWrapper .btn#stop{background:#711be4;background:var(--primary)}.transportWrapper .btn#pause.flashing{-webkit-animation:dim-flashing .3s infinite alternate;animation:dim-flashing .3s infinite alternate}.transportWrapper .inputWrapper{margin-left:.25rem;width:7rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.transportWrapper .inputWrapper .input{padding:.25rem;overflow:hidden;text-align:center;font-size:1.25rem}.transportWrapper .inputWrapper .input.edited{-webkit-animation:flashing .3s infinite alternate;animation:flashing .3s infinite alternate}.transportWrapper .inputWrapper .bpmOrBtn{width:3rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.transportWrapper .inputWrapper .bpmOrBtn label{display:inline-block;width:100%;font-style:normal;padding:.5rem}.transportWrapper .inputWrapper .bpmOrBtn .btn{background:none;border:1px solid #fff;border:1px solid var(--fg);border-radius:.5rem;outline:none}.transportWrapper .inputWrapper .bpmOrBtn .btn .icon{fill:#2fde7e;fill:var(--green)}#pause .icon,#start .icon,#stop .icon{fill:#fff;fill:var(--fg)}#record,#restart{background:#000;background:var(--bgHTML);border:1px solid #e80c30;border:1px solid var(--red)}#record .icon,#restart .icon{min-height:3rem;fill:#e80c30;fill:var(--red)}#record .icon.restart,#restart .icon.restart{min-height:1.5rem}#preparingPortal,#preparingPortalTop{position:fixed;z-index:201;top:0;left:0;min-width:100%;min-height:100%;background:rgba(0,0,0,.9);background:var(--bgHTML90)}#preparingPortalTop{display:none}#preparing{position:fixed;height:100%;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0 auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}#preparing .prepHeader{font-size:1.25rem;margin:1rem 0}#preparing .prepMsgContainer{margin:1rem 0;padding:1rem}#preparing .prepMsg{text-align:center;line-height:1.5rem;white-space:pre-wrap;display:inline-block;font-size:1rem}#preparing .prepGrid{width:50%;max-width:300px;height:50vw;max-height:300px;padding:.5rem;display:grid;-webkit-align-items:center;align-items:center;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-gap:.25rem;gap:.25rem;border-radius:.5rem;border:1px solid #711be4;border:1px solid var(--primary)}@media(orientation:landscape){#preparing .prepGrid{width:50vh;height:50%}}#preparing .prepGrid .prepCell{border-radius:.25rem;background:rgba(150,140,170,.15);background:var(--grey-dim)}#preparing .prepBgColor{-webkit-animation:colorScroll 1.5s infinite;animation:colorScroll 1.5s infinite;transition:none;opacity:0}#preparing .prepBg0{-webkit-animation-delay:1ms;animation-delay:1ms}#preparing .prepBg1{-webkit-animation-delay:.15s;animation-delay:.15s}#preparing .prepBg2{-webkit-animation-delay:.3s;animation-delay:.3s}#preparing .prepBg3{-webkit-animation-delay:.45s;animation-delay:.45s}#preparing .prepBg4{-webkit-animation-delay:.6s;animation-delay:.6s}#preparing .prepBg5{-webkit-animation-delay:.75s;animation-delay:.75s}#preparing .prepBg6{-webkit-animation-delay:.9s;animation-delay:.9s}#preparing .prepBg7{-webkit-animation-delay:1.05s;animation-delay:1.05s}#preparing .prepBg8{-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes colorScroll{0%{opacity:0}20%{opacity:1}40%{opacity:0}}@keyframes colorScroll{0%{opacity:0}20%{opacity:1}40%{opacity:0}}.popupMenu{pointer-events:auto;position:absolute;width:250px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:1px solid #3c0a63;border:1px solid var(--primary-dark);border-bottom:none;background:#130425;background:var(--primary-darkest);opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:.15s ease}.popupMenu.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.popupMenu .popupMenuBtn{background:rgba(19,4,37,.9);background:var(--primary-darkest-half);border:1px solid transparent;border-radius:0;margin-bottom:.5rem;width:100%}.popupMenu .popupMenuBtn.active{background:#3c0a63;background:var(--primary-dark)}.popupMenu .popupMenuBtn:disabled{opacity:.5}.popupMenu .popupMenuBtn:disabled.noDim{opacity:1}.popupMenu .popupMenuBtn:disabled:hover{border-color:transparent}@media(hover:hover){.popupMenu .popupMenuBtn:hover{border:1px solid #fff;border:1px solid var(--fg)}}.popupMenu .popupMenuSub{cursor:auto;width:100%;padding:.5rem;-webkit-align-self:flex-start;align-self:flex-start;border-bottom:1px solid rgba(113,27,228,.5);border-bottom:1px solid var(--primary-half)}.scrollable{position:fixed;bottom:0;margin:0 auto;width:100%;max-width:1440px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;background:#130425;background:var(--primary-darkest)}@media(min-width:768px){.scrollable{overflow-x:hidden;padding:.25rem;display:-webkit-flex;display:flex}}.scrollbar{pointer-events:none;position:fixed;width:100%;max-width:1440px;bottom:0}@media(min-width:768px){.scrollbar{display:none}}.scrollbar .scrollLeft,.scrollbar .scrollRight{pointer-events:auto;position:absolute;height:100%;width:3rem;background:transparent;border:none;outline:none;cursor:pointer;transition:.15s}.scrollbar .scrollLeft{left:0;padding-right:1rem}.scrollbar .scrollRight{right:0;padding-left:1rem}.scrollbar button.scrollLeft:disabled,.scrollbar button.scrollRight:disabled{pointer-events:none;opacity:0}.loginPage{position:absolute;z-index:201;pointer-events:auto;min-height:100%;width:100%;background:rgba(0,0,0,.9);background:var(--bgHTML90);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}h1{font-size:1rem}.loginMethods,h1{max-width:600px;padding:1rem}.loginMethods{width:100%;background:#151318;background:var(--bg);border-radius:.5rem}.methodBtn{margin:1rem 0;padding:1rem;background:rgba(21,19,24,.9);background:var(--bg90);max-height:5rem;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.methodBtn img{height:2rem;max-height:50px}.methodBtn p{color:#fff;color:var(--fg)}.loginPage .bottomBtn{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.infoPage{pointer-events:auto;position:absolute;min-height:100%;width:100%;z-index:101;background:rgba(0,0,0,.75);background:var(--bgHTML3q);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;letter-spacing:1.25px}.infoPage .container{padding:1rem 1rem 3rem;max-width:600px;border:1px solid #711be4;border:1px solid var(--primary);background:#151318;background:var(--bg)}.infoPage section{margin-bottom:2rem}.infoPage .infoTitle{text-align:center;font-size:1.5rem;font-weight:700}.infoPage .subHeader{padding:.5rem 0;font-size:1rem;border-bottom:1px solid rgba(113,27,228,.5);border-bottom:1px solid var(--primary-half)}.infoPage p{margin:1rem 0;line-height:1.5}.infoPage .link .crypto,.infoPage .link a{padding:.25rem .5rem;border:1px solid rgba(113,27,228,.5);border:1px solid var(--primary-half);color:#fff;color:var(--fg);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;text-decoration:none}.infoPage .link .icon{margin:.25rem;height:1rem;width:1rem}.infoPage .contactLinks,.infoPage .support{width:100%;margin:.5rem 0}.infoPage .contactLinks .link,.infoPage .support .link{cursor:pointer;display:inline-block;margin-right:.5rem;margin-bottom:.5rem}.infoPage .contactLinks .link .crypto,.infoPage .support .link .crypto{text-transform:capitalize}.infoPage .coin{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);background:var(--bgHTML3q)}.infoPage .coin .coinContainer{padding:1.5rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #711be4;border:1px solid var(--primary);background:#151318;background:var(--bg);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.infoPage .coin .coinContainer .coinName{text-transform:capitalize}.infoPage .coin .coinContainer img{width:250px;height:250px}.infoPage .coin .coinContainer #walletAddress{margin:1rem 0}.infoPage .coin .coinContainer #copyAddress{margin-left:.25rem}#errorHandler{width:100vw;height:100vh;-webkit-flex-direction:row;flex-direction:row}#errorHandler,#errorHandler .container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#errorHandler .container{max-width:500px;max-height:500px;-webkit-flex-direction:column;flex-direction:column;background:#151318;background:var(--bg);border:1px solid #711be4;border:1px solid var(--primary)}#errorHandler .container button,#errorHandler .container p{margin:2rem 0}#mobileConsole{background:rgba(0,0,0,.5)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}body,html{background:#000;background:var(--bgHTML);touch-action:pan-y}body{max-width:100%;max-height:100%;color:#fff;color:var(--fg);font-family:"Roboto",sans-serif;font-size:15px;overflow-x:hidden}#root{background:#000;background:var(--bgHTML)}.deg90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.deg180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.deg270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.d-none{display:none!important}input{-webkit-user-select:initial;-ms-user-select:initial;user-select:initial}button{position:relative;font-family:inherit;font-style:inherit;font-weight:700;letter-spacing:2px;border:none}@media(hover:hover){button{cursor:pointer}}button.pressed:before{content:"";top:0;left:0;background:rgba(150,140,170,.15);background:var(--grey-dim)}label{cursor:inherit;pointer-events:none}button:disabled{opacity:.35;cursor:auto}a{text-decoration:none}a.disabled{opacity:.5}.icon{height:100%;width:100%;fill:#fff;fill:var(--fg)}.error{color:#e80c30;color:var(--red)}.confirmation{color:#2fde7e;color:var(--green)}h1{font-weight:400}p.dim{color:hsla(0,0%,100%,.25);color:var(--fgQuarter)}p.dim-2{color:hsla(0,0%,100%,.5);color:var(--fgHalf)}.p-left-25{padding-left:.25rem}.fadeIn{transition:.25s;opacity:1}.fadeOut{transition:.25s;opacity:0}@-webkit-keyframes flashing{0%{opacity:1}to{opacity:.5}}@keyframes flashing{0%{opacity:1}to{opacity:.5}}@-webkit-keyframes flashTapBtn{0%{opacity:1}to{opacity:.75}}@keyframes flashTapBtn{0%{opacity:1}to{opacity:.75}}@-webkit-keyframes dim-flashing{0%{opacity:.25}to{opacity:.5}}@keyframes dim-flashing{0%{opacity:.25}to{opacity:.5}}@-webkit-keyframes slicing{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes slicing{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.b55f3907.chunk.css.map */