@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap);.reactour__helper.reactour__helper--is-open{background:#2f3336;border-radius:10px;padding:20px;text-decoration:none;min-width:280px;max-width:320px}.reactour__helper.reactour__helper--is-open p{margin:0}.reactour__helper.reactour__helper--is-open p,.reactour__helper.reactour__helper--is-open span:not(.reactour-buttons span){font-size:14px}.reactour__helper.reactour__helper--is-open p{font-weight:700;color:#fff;margin-bottom:5px}.reactour-mask{color:#111;opacity:.8}#___reactour button.reactour-back:hover svg{fill:#333}.reactour__helper .reactour-badge{background:#e5ab42;font-size:14px;padding:0;width:40px;height:25px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;border-radius:30px;position:absolute;top:-15px;left:-15px}#___reactour button{height:32px}#___reactour button.reactour-skip{color:#333}#___reactour button.reactour-back{margin-left:auto;margin-right:10px}.reactour-buttons{display:flex;align-items:center;justify-content:flex-start;margin-top:20px}.reactour__helper button[disabled]{opacity:.2;pointer-events:none}.reactour__helper .sumo-btn{width:auto;min-width:auto;margin:0}:root{--color1:#e5ab42;--color2:#c3ced7;--color3:#454a4e;--color4:#2f3336;--color5:#232527;--color6:#e5ab42;--color7:#fff}*{box-sizing:border-box;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-font-smoothing:grayscale;font-family:"Quicksand"!important}a,div,h1,h2,h3,h4,h5,h6,input,p,span,textarea{font-family:"Quicksand";color:#c3ced7;font-size:11px}html{background:#111}p{color:#c3ced7}.sumo-text-small{font-size:11px}.sumo-text-default{font-size:14px}.sumo-text-regular{font-weight:500}.sumo-text-bold{font-weight:700}.sumo-blue-title{font-size:11px;text-transform:uppercase;color:#549ce2}.sumo-paint-text{color:#2da7cb}.sumo-tunes-text{color:#e5ab42}.sumo-3d-text{color:#3389c9}.sumo-code-text{color:#22cc71}.sumo-photo-text{color:#30b7a7}.sumo-audio-text{color:#7c60d9}.sumo-video-text{color:#c62e2d}.sumo-icon-normal{width:24px;height:24px;cursor:pointer;fill:#c3ced7}.sumo-icon-normal:hover{fill:#fff}.sumo-icon-small{width:16px;height:16px;cursor:pointer}.sumo-rounded-icon{width:30px;height:30px;border-radius:30px}.sumo-rounded-icon,.sumo-square-icon,.sumo-square-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer}.sumo-square-icon,.sumo-square-toggle{width:42px;height:42px;position:relative}.sumo-square-highlighted{box-shadow:inset 0 -4px #e5ab42}.sumo-square-highlighted-right{box-shadow:inset -4px 0 #e5ab42}.sumo-btn{font-family:"Quicksand";padding:8px 20px;font-weight:700;color:#fff;font-size:11px;border:1px solid;border-radius:100px;min-width:90px;text-align:center;display:inline-block;width:auto;outline:none;cursor:pointer;transition:all .1s ease-in-out}.sumo-btn-paint{background-color:#2da7cb;border-color:#2da7cb}.sumo-btn-tunes{background-color:#e5ab42;border-color:#e5ab42}.sumo-btn-3d{background-color:#3389c9;border-color:#3389c9}.sumo-btn-code{background-color:#22cc71;border-color:#22cc71}.sumo-btn-photo{background-color:#30b7a7;border-color:#30b7a7}.sumo-btn-audio{background-color:#7c60d9;border-color:#7c60d9}.sumo-btn-video{background-color:#c62e2d;border-color:#c62e2d}.sumo-btn-transparent{color:#c3ced7;background-color:#2f3336;border-color:#c3ced7}.sumo-btn-transparent:hover{background:#c3ced7;border-color:#c3ced7;color:#222527}.sumo-btn-colored:hover,.sumo-rounded-icon:hover,.sumo-square-icon:hover{filter:brightness(1.1)}.sumo-square-toggle:hover{filter:none}.sumo-input{width:auto;display:inline-block;background:#222527;color:#c3ced7;border:none;border-radius:100px;height:24px;padding:0 15px;outline:none;font-size:11px}.sumo-input::placeholder{opacity:.4}.sumo-select select{background:#222527;border:none;outline:none;color:#c3ced7;font-size:11px;padding:0 30px 0 15px;height:24px;border-radius:100px;-webkit-appearance:none;cursor:pointer}.sumo-select{position:relative;display:inline-block}.sumo-select:after{content:"";transform:rotate(45deg);width:5px;height:5px;border:solid #c3ced7;border-width:0 1.5px 1.5px 0;display:inline-block;position:absolute;right:10px;top:6px}.sumo-checkbox{width:24px;height:24px}.sumo-checkbox label{display:block;position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;width:-webkit-max-content;width:max-content;height:100%}.sumo-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;top:0;left:0}.sumo-checkbox p{margin:0;font-size:11px;color:#c3ced7;display:inline-block}.checkmark:after{left:9px;top:5px;width:4px;height:9px;border:solid #c3ced7;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkmark{position:absolute;top:0;left:0;background:#222527;width:24px;height:24px;border-radius:24px;cursor:pointer}.checkmark:after{content:"";position:absolute;display:none}.sumo-checkbox input:checked~.checkmark:after{display:block}.sumo-radio{width:24px;height:24px;border-radius:24px;background:#222527}.sumo-radio label{width:100%;height:100%;cursor:pointer}.sumo-radio input,.sumo-radio label{display:flex;align-items:center;justify-content:center}.sumo-radio input{width:12px;height:12px;-webkit-appearance:none;border-radius:12px;outline:none;margin:0}.sumo-radio input:checked{background:#c3ced7}.modal-content .modal-content-highlighted{font-size:14px;font-weight:700;margin-bottom:10px}.sumo-input-wrapper{display:flex;align-items:center;justify-content:space-between}body{margin:0;padding:0;font-family:"Quicksand",sans-serif;background:#2f3336;overflow:auto;touch-action:manipulation;position:fixed;width:100%;height:100%;overflow:hidden}::-webkit-scrollbar{width:6px;height:0}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#222527;border-radius:100px}button,button:focus,input,input:focus,textarea,textarea:focus{outline:none}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 5px 0 hsla(0,0%,100%,.2)}button:active,input:active,textarea:active{box-shadow:none}:focus:not(input,button,div){text-decoration:underline}.rotate-animation{animation:rotate .8s linear infinite;transform-origin:center center!important}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}ul{list-style:none;padding:0;margin:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:default}#root,#root .App{height:100%}#root .App{display:grid;grid-template-rows:42px auto 60px;padding-top:env(safe-area-inset-top)}.rangeslider *{outline:none}.rangeslider{margin:0!important}.rangeslider__fill{background:#e5ab42!important;border-radius:15px}.rangeslider-vertical{border-radius:15px;background:hsla(0,0%,100%,.15)!important;max-width:8px!important}.transport .rangeslider-vertical{height:150px!important;max-width:8px}.rangeslider-vertical:not(#bottom-bar .rangeslider-vertical){max-width:8px!important}.rangeslider-horizontal .rangeslider__handle,.rangeslider-vertical .rangeslider__handle{width:18px!important;height:18px!important;border-radius:50%!important;background:#c3ced7!important}#bottom-bar .rangeslider-vertical .rangeslider__handle,.rangeslider-vertical .rangeslider__handle{left:-5px!important}#bottom-bar .rangeslider{margin:0!important}.rangeslider-horizontal{width:100%;max-height:8px}.rangeslider-horizontal .rangeslider__handle:after{display:none!important}.rangeslider__labels{width:30px!important}.rangeslider__handle-label{font-size:11px;width:50px;position:absolute!important;top:32px!important;color:#fff}.pro-effect-holder .rangeslider-horizontal .rangeslider__handle{height:20px}.recorder-dropzone{top:80px;width:calc(50% - 2px);height:216px;background:#1d2a33;border:3px dashed #fff;margin:2px;border-radius:10px;z-index:1000;position:fixed;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;padding-top:20px}.drop-zone-left{left:0}.drop-zone-right{left:calc(50% - 2px)}.react-tagsinput-tag{background-color:#1170b4!important;border:1px solid #1170b4!important;color:#fff!important}.react-tagsinput--focused{border-color:#ddd!important}.react-tagsinput-input{padding:0!important;width:150px!important}.joyride-beacon{z-index:999999}@media only screen and (max-width:767px){.joyride-overlay{zoom:.75}}@-moz-document url-prefix(){.note-length-selector select{padding:0;text-align:center}}.onboarding-selected{position:relative!important;z-index:99999!important}[class*=" icon-"],[class^=icon-]{font-family:"icomoon"!important;speak:none;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-help:before{content:"\e934";color:#fff}.icon-warning:before{content:"\e930";color:red}.icon-check:before{content:"\e92c";color:#fff}.icon-check2:before{content:"\e92d";color:#fff}.icon-closeview:before{content:"\e931";color:#fff}.icon-clear:before{content:"\e900";color:#fff}.icon-copy:before{content:"\e901";color:#fff}.icon-cut:before{content:"\e902";color:#fff}.icon-drums:before{content:"\e903";color:#fff}.icon-eject:before{content:"\e904"}.icon-facebook:before{content:"\e905";color:#fff}.icon-folder:before{content:"\e906";color:#fff}.icon-gear:before{content:"\e907";color:#fff}.icon-google:before{content:"\e908";color:#fff}.icon-hamburger:before{content:"\e909";color:#fff}.icon-info:before{content:"\e90a";color:#fff}.icon-magic:before{content:"\e90d";color:#fff}.icon-menu:before{content:"\e90e"}.icon-minus-circled:before{content:"\e90f";color:#fff}.icon-next:before{content:"\e910";color:#fff}.icon-notation:before{content:"\e911";color:#fff}.icon-paste-contains:before{content:"\e912";color:#fff}.icon-paste:before{content:"\e913";color:#6e777c}.icon-play-white:before{content:"\e914";color:#fff}.icon-plus-circled:before{content:"\e916";color:#fff}.icon-plus:before{content:"\e917";color:#fff}.icon-power:before{content:"\e918";color:#fff}.icon-record:before{content:"\e919";color:#fff}.icon-recorder_add:before{content:"\e91a";color:#fff}.icon-recorder_folder:before{content:"\e91b";color:#8fa5af}.icon-recorder_play:before{content:"\e91c";color:#fff}.icon-recorder_record:before{content:"\e91d";color:#fff}.icon-recorder_reverse:before{content:"\e91e";color:#fff}.icon-recorder_stop:before{content:"\e91f";color:#fff}.icon-recorder_trash:before{content:"\e920";color:#fff}.icon-recorder_trim:before{content:"\e921";color:#fff}.icon-remove:before{content:"\e922";color:#fff}.icon-share:before{content:"\e923"}.icon-stop-white:before{content:"\e924";color:#fff}.icon-tape:before{content:"\e926";color:#fff}.icon-text:before{content:"\e928";color:#fff}.icon-trash:before{content:"\e929";color:#fff}.icon-user:before{content:"\e92b";color:#fff}.icon-valid .path1:before{content:"\e92e";color:#060}.icon-valid .path2:before{content:"\e932";margin-left:-1.2666015625em;color:#000}.icon-valid .path3:before{content:"\e933";margin-left:-1.2666015625em;color:#000}.modal-content a{color:#e5ab42}nav.sumo-navbar{justify-content:flex-start!important}.pattern-library svg.add-btn-rotated{transform:rotate(45deg);width:40px;height:40px;zoom:1!important}.modal-content .field{width:100%;display:flex;justify-content:space-around;align-items:center;line-height:32px;height:32px}.modal-content .field label{width:90px;color:var(--color2)}.rc-slider-handle{border-color:var(--color2)!important}.add-instrument-track{display:flex;align-items:center;justify-content:center;padding:0 15px;border:2px dashed var(--color2);width:-webkit-max-content;width:max-content;border-radius:10px;grid-gap:10px;gap:10px;margin:25px auto 15px;cursor:pointer}.add-instrument-track:hover{border-color:var(--color1);color:var(--color1)}.add-instrument-track p{font-size:14px;font-weight:700}.add-instrument-track:hover>p{color:var(--color1)}.add-instrument-track:hover *{fill:var(--color1)}.part-move-left,.part-move-right{position:absolute;border-radius:15px;margin:auto;background:transparent;top:0;bottom:0;display:none;width:14px;height:100%;align-items:center;justify-content:center}.part-move-right{right:0}.tab.part:hover .part-move-left,.tab.part:hover .part-move-right{display:flex}.part-move-left:hover,.part-move-right:hover{background:rgba(0,0,0,.06666666666666667);opacity:1!important}.part-move-left svg,.part-move-right svg{width:12px;height:12px;fill:var(--color7);cursor:pointer}.rc-slider.track-volume-slider{width:10px}.rc-slider.track-volume-slider .rc-slider-rail{width:10px;height:180px}.rc-slider.track-volume-slider .rc-slider-track{background:var(--color1);width:10px;height:unset}@media (max-width:767px){.rc-slider.track-volume-slider{width:125px}.rc-slider.track-volume-slider .rc-slider-rail{width:125px;height:10px}.rc-slider.track-volume-slider .rc-slider-track{height:10px;width:unset}}.grid-bg-row{pointer-events:none}.grid-bg-row div{border-right:1px solid #000}.grid-bg-row:nth-child(2n) div{background:#3a3a3a}.grid-bg-row:nth-child(odd) div{background:#595959}