@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=swap);.toolbar{width:640px;height:calc(env(safe-area-inset-bottom) + 80px);min-height:80px;position:fixed;z-index:3;bottom:0;left:calc(50% - 320px);padding:5px;display:flex;justify-content:center;align-items:center;background:linear-gradient(0deg,var(--color4),var(--color3));border-top-left-radius:9px;border-top-right-radius:9px}.toolbar.disabled{pointer-events:none}.toolbar .edit-controls button,.toolbar .playback-control button,.toolbar .second-toolbar button{border:none;background:transparent;cursor:pointer;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.toolbar button svg{pointer-events:none}.toolbar button.rewind svg *{fill:#c2ced6}.toolbar button.play svg{width:28px;height:28px}.toolbar .playback-control{display:flex;flex-direction:row;justify-content:center;align-items:center;width:200px;height:74px;margin:0 20px;background:var(--color4)}.toolbar button.record{width:42px;height:42px;cursor:pointer;background:none;border:none;outline:none;box-shadow:none;display:block}.toolbar button.record div{width:24px;height:24px;border:3px solid #c2ced6;background:red;border-radius:50%;color:#fff}.toolbar button.record:hover{opacity:.8}.toolbar button.record div:hover{background:rgba(255,0,0,.8)!important;transition:all 1s ease}.filename{position:absolute;left:8px;top:44px;z-index:9;font-size:11px;text-align:left;pointer-events:none}.duration{z-index:9}.duration,.toolbar .duration{position:absolute;right:8px;top:44px;font-size:11px;text-align:right;pointer-events:none}.toolbar .duration{left:0}.toolbar .process-controls{display:flex;flex-direction:row;width:180px;height:42px;align-items:center}.toolbar .process-controls.disabled button{pointer-events:none;opacity:.3}.toolbar .time-display{color:#c2ced6;font-family:system-ui!important;font-size:14px;height:33px;align-items:center;display:flex;flex-direction:row;left:200px;position:fixed;top:4px;left:50%;transform:translateX(-50%);width:200px;padding:10px 0}.toolbar .time-display span{color:#c2ced6;font-size:13px;font-family:system-ui!important}.toolbar.disabled .time-display,.toolbar.disabled .time-display span{color:transparent!important;display:none}.toolbar .edit-controls{display:flex;flex-direction:row;width:180px;height:42px;align-items:center;padding-left:8px}.toolbar .edit-controls.disabled button{pointer-events:none;opacity:.3}.toolbar .edit-controls svg,.toolbar .process-controls svg{width:24px;height:24px;fill:#ccc}.zoom-control{display:flex;width:200px;height:30px;justify-content:center;align-items:center;position:fixed;bottom:calc(env(safe-area-inset-bottom) + 86px);border-radius:6px;left:calc(50% - 100px);background:#2f3336}.zoom-control button{width:24px;height:24px;border:none;padding:0;margin:3px 5px 0;background-color:var(--color4)}.zoom-control svg{width:20px;height:20px;fill:transparent}.zoom-control button.disabled{pointer-events:none;opacity:.3}.toolbar .selection-display{text-align:center;height:48px;color:#fff;font-family:system-ui;font-size:18px;align-items:center;display:flex;flex-direction:row;justify-content:center;background:transparent;padding:0 10px;border-radius:5px}.toolbar .selection-display span{color:#fff}.compressor-modal,.eq-modal{position:absolute}input[type=range]{-webkit-appearance:none;background:#673ab6;border-radius:10px;margin:10px 0;height:10px}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:#673ab6;border-radius:10px;margin:10px 0;height:10px}input[type=range]::-moz-range-track{-webkit-appearance:none;background:#673ab6;border-radius:10px;margin:10px 0;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;margin-top:-3px;height:16px;width:16px}input[type=range]::-moz-range-thumb{-webkit-appearance:none;background:#fff;border-radius:10px;margin-top:-5px;height:20px;width:20px}input[type=range]::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input:active,input:focus{border:0;outline:none}@keyframes pulse-red{0%{background:#c80000;box-shadow:0 0 0 #c80000}62%{background:red;box-shadow:0 0 30px red}to{background:#c80000;box-shadow:0 0 0 #c80000}}@media (max-width:1200px){.toolbar .selection-display{height:36px;font-size:20px}}@media (max-width:768px){.elements{background:transparent;position:relative;bottom:unset;left:unset;width:unset}}@media (max-width:1000px){.toolbar .selection-display{height:32px;font-size:16px}}@media (max-width:560px){.time-display{bottom:84px!important;padding:10px 0;background:var(--color4)}.toolbar{position:fixed;top:unset;left:0;right:0;bottom:0;justify-content:center;z-index:4;border-top:1px solid var(--color3);width:100%;transform:none;padding:0;border-radius:0}.toolbar .playback-control{bottom:0;top:unset;margin:0 auto;background:transparent;padding:0}.toolbar .process-controls{left:0}.toolbar .edit-controls,.toolbar .process-controls{position:fixed;bottom:80px;background:var(--color4);padding-right:5px;width:50%}.toolbar .edit-controls{right:0;justify-content:flex-end}}@media (max-width:1023px){.toolbar .zoom-control{top:114px;position:fixed;width:100%;display:flex;justify-content:space-between}.toolbar .zoom-control button{background:#000;width:48px;height:48px}.toolbar .zoom-control button img{width:100%;height:100%}.toolbar .zoom-control input{display:none}.toolbar .selection-display{position:fixed;top:unset;left:unset;z-index:2;height:28px;background:#333!important;bottom:8px;right:0;font-size:11px;border-radius:0;flex-wrap:wrap;width:86px;line-height:0}}nav.sumo-navbar .menu li ul{background:#333}nav.sumo-navbar .library,nav.sumo-navbar .user-menu{display:flex;align-items:center;cursor:pointer}nav.sumo-navbar .user-menu{margin:0 5px}.user-menu .menu-items{text-align:left}nav .file-name{position:absolute;top:12px;align-items:center;justify-content:center;cursor:help;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-asset-drop.library-opened{width:100%!important;height:100%!important;top:0}nav.sumo-navbar .zoom-menu{left:-40px}.sumo-rounded-icon,.sumo-square-icon,.sumo-square-toggle{display:flex;align-items:center;justify-content:center;cursor:pointer}.volume-menu{display:flex;align-items:center}.volume-menu .volume-slider{margin-left:10px}@media (max-width:1023px){.nav{right:0}nav.sumo-navbar .bottom-bar{z-index:3}nav.sumo-navbar .menu-opener{pointer-events:all}nav li ul li{font-size:16px;line-height:40px}nav .file-name{opacity:0}}.notifications{position:fixed;z-index:999999;top:48px;left:calc(50% - 143px);width:285px}.notifications .box{display:flex;min-height:48px;background:#c3ced7;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5)}.notifications .box .icon{display:flex;width:42px;height:60px;background:#7c60d9;align-items:center;justify-content:center;border-radius:10px 0 0 10px}.notifications .box.error .icon{background:#d12828}.notifications .box span.title{font-size:16px;color:#fff;margin-top:5px;display:inline-block}.notifications .box p{line-height:14px;font-size:11px;color:#222527;width:calc(100% - 42px)}.modal-container,.notifications .box p{align-items:center;justify-content:center;display:flex}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:11;background:rgba(0,0,0,.6)}.modal{position:relative;width:285px;height:auto;background:#2f3336;box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:15px}.modal .title{width:100%;height:42px;text-align:center;background:#222527;border-radius:14px 14px 0 0;font-family:Quicksand;font-style:normal;font-weight:700;font-size:11px;line-height:14px;text-transform:uppercase}.modal .close,.modal .title{color:#fff;display:flex;justify-content:center;align-items:center}.modal .close{position:absolute;cursor:pointer;right:10px;top:13px;width:16px;height:16px;-webkit-box-align:center}.modal .close svg{width:100%;height:100%}.modal .body{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:20px}.modal .message{color:#c3ced7;font-size:11px;line-height:14px;padding:0}.modal-content .modal-login{display:flex;flex-direction:column}.modal-content .modal-login .field{width:100%;display:flex;justify-content:space-around;align-items:center;line-height:32px;height:32px}.modal-content .modal-login .field label{width:90px;color:var(--color2)}.modal .buttons{width:100%;height:30px;display:flex;flex-direction:row;justify-content:space-between}.modal button{width:33%;text-align:center;cursor:pointer;font-size:11px;line-height:14px;border-radius:15px;border:none}.modal button:active,.modal button:focus{outline:none}#sumo-modal .progress{width:100%;border:2px solid #aaa;height:24px}#sumo-modal .progress .meter{transform-origin:top left;height:100%;background:#7c60d9}.modal button.blue{color:#fff;background:#7c60d9}.modal button.white{border:1px solid rgba(195,206,215,.3);background:transparent;color:#fff}#sumo-modal .tunes-songs{display:flex;flex-direction:column;align-items:center;max-height:250px;overflow-y:scroll;padding-right:5px}#sumo-modal .tunes-songs .song{display:flex;justify-content:space-between;width:100%;align-items:center;border:1px solid var(--color3);border-radius:6px;padding:6px 10px;margin-bottom:6px;cursor:pointer}#sumo-modal .tunes-songs .song img{width:24px;height:24px}#sumo-modal .tunes-songs .song span{margin-left:10px}@media (max-width:1023px){.modal-container{align-items:flex-start;margin-top:50px}}.modal-background{z-index:9999999999}.welcome{position:fixed;width:285px;height:200px;z-index:9;left:calc(50% - 142.5px);top:calc(50% - 100px);background-color:#2f3336;border-radius:15px;box-shadow:0 0 30px rgba(0,0,0,.3)}.welcome h1{font-size:11px;color:#7c60d9;padding:11px 0;text-transform:uppercase;display:block;margin:0;font-weight:600;background:rgba(33,36,38,.5);border-top-left-radius:15px;border-top-right-radius:15px}.welcome-drop-audio{font-weight:400;height:46px;font-size:14px;margin:0 auto;border:1px dashed rgba(195,206,215,.3);line-height:46px;border-radius:15px;color:#c3ced7}.welcome p{font-size:12px;margin:20px 0}.modal-content p.never{cursor:pointer;color:#c3ced7;font-size:11px}.modal-content p.never:hover{color:#fff}.welcome h6{font-size:11px;margin:20px auto;text-align:center;font-weight:400}.welcome h6 a{font-size:14px;width:70%;margin:30px auto;text-align:left;font-weight:400;color:#fff}.test-microphone{max-width:250px;height:46px;margin:10px auto;position:relative;display:flex;align-items:center;justify-content:center}.welcome button.test{margin:auto;position:absolute;top:7px;right:10px;left:10px;font-family:Quicksand,sans-serif}.welcome .close{border:none;border-radius:50%;position:absolute;right:0;top:8px;cursor:pointer;background:transparent}.arrow{position:fixed;top:40px;left:calc(50% + 60px);z-index:999999;transform:rotate(135deg) scale(.8) translateY(10px);animation:pointing 2s infinite}@keyframes pointing{0%{transform:rotate(135deg) scale(.8) translateY(10px)}62%{transform:rotate(135deg) scale(1) translate(0)}to{transform:rotate(135deg) scale(.8) translateY(10px)}}#miniscope{width:250px;height:46px;border-radius:15px;position:absolute;pointer-events:none;left:0;z-index:-1}@media (max-width:1023px){.arrow{position:fixed;bottom:50px;top:unset;left:50%;transform:rotate(-10deg) scale(.8) translateY(10px);animation:pointing-mobile 2s infinite}@keyframes pointing-mobile{0%{transform:rotate(-10deg) scale(.8) translateY(10px)}62%{transform:rotate(-10deg) scale(1) translate(0)}to{transform:rotate(-10deg) scale(.8) translateY(10px)}}}.compressor{position:absolute;top:150px;left:calc(50% - 137px);height:160px;width:272px;z-index:9;border-radius:10px}.compressor button{color:#fff;position:absolute;top:5px;right:-30px}.compressor input[type=slider]{cursor:ns-resize}.visual-guide{position:absolute;left:0;top:50px;display:flex;justify-content:center;align-items:center}.visual-guide svg{position:absolute;top:0;left:10px;z-index:2}.visual-guide canvas{position:absolute;top:0;left:0;z-index:1}.compressor-modal .modal-background{pointer-events:none;background-color:initial}.compressor-modal #sumo-modal{pointer-events:all}.compressor-modal .modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:11;display:flex;justify-content:center;align-items:center}.compressor-modal .modal{position:relative;width:285px;height:auto;background:#2f3336;box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:15px}.compressor-modal .modal .title{width:100%;height:42px;text-align:center;background:#222527;border-radius:14px 14px 0 0;font-family:Quicksand;font-style:normal;font-weight:700;font-size:11px;line-height:14px;text-transform:uppercase}.compressor-modal .modal .close,.compressor-modal .modal .title{color:#fff;display:flex;justify-content:center;align-items:center}.compressor-modal .modal .close{position:absolute;cursor:pointer;right:10px;top:13px;width:16px;height:16px;-webkit-box-align:center}.compressor-modal .modal .close svg{width:100%;height:100%}.compressor-modal .modal .body{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:20px}.compressor-modal .modal-content{padding:25px;height:340px}.compressor-modal .modal .message{color:#c3ced7;font-size:11px;line-height:14px;padding:0}.compressor-modal .item label{color:#ccc;width:80px;display:inline-block;text-align:left}.compressor-modal .modal-buttons{width:100%;height:30px;margin-top:270px;display:flex;flex-direction:row;justify-content:space-between}.compressor-modal .modal-buttons button{width:33%;text-align:center;cursor:pointer;font-size:11px;line-height:14px;border-radius:15px;background-color:#7c60d9;border:#7c60d9}.compressor-modal .modal button:active,.compressor-modal .modal button:focus{outline:none}.compressor-modal .modal button.blue{color:#fff;background:#7c60d9}.compressor-modal .modal button.white{border:1px solid rgba(195,206,215,.3);background:transparent;color:#fff}@media (max-width:1023px){.compressor-modal .modal-container{align-items:flex-start;margin-top:50px}}.equalizer{position:absolute;top:80px;left:calc(50% - 75px);width:150px;height:272px;z-index:10;transform:rotate(-90deg);border-radius:10px}.equalizer button{color:#fff;position:absolute;transform:rotate(90deg);top:5px;right:-30px}.eq-modal input[type=range]{cursor:ns-resize;width:100px}.eq-modal canvas{position:absolute;left:0;top:50px}.eq-modal .modal-background{pointer-events:none;background-color:initial}.eq-modal #sumo-modal{pointer-events:all}.eq-modal .modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:11;display:flex;justify-content:center;align-items:center}.eq-modal .modal{position:relative;width:285px;height:auto;background:#2f3336;box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:15px}.eq-modal .modal .title{width:100%;height:42px;text-align:center;background:#222527;border-radius:14px 14px 0 0;font-family:Quicksand;font-style:normal;font-weight:700;font-size:11px;line-height:14px;text-transform:uppercase}.eq-modal .modal .close,.eq-modal .modal .title{color:#fff;display:flex;justify-content:center;align-items:center}.eq-modal .modal .close{position:absolute;cursor:pointer;right:10px;top:13px;width:16px;height:16px;-webkit-box-align:center}.eq-modal .modal .close svg{width:100%;height:100%}.eq-modal .modal .body{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:20px}.eq-modal .modal-content{padding:25px;height:290px}.eq-modal .modal .message{color:#c3ced7;font-size:11px;line-height:14px;padding:0}.flex-between{align-items:center}.eq-modal .modal-buttons,.flex-between{display:flex;justify-content:space-between}.eq-modal .modal-buttons{width:100%;height:30px;margin-top:220px;flex-direction:row}.eq-modal .modal button.blue{color:#fff;background:#7c60d9}.eq-modal .modal button.white{border:1px solid rgba(195,206,215,.3);background:transparent;color:#fff}.eq-modal .slider{display:flex;align-items:center;justify-content:center}.eq-modal .slider label{transform:rotate(90deg);color:#ccc;height:20px;width:20px;font-size:10px}@media (max-width:1023px){.eq-modal .modal-container{align-items:flex-start;margin-top:50px}}.waveform-container{position:absolute;top:42px;left:0;right:0;bottom:0;background:#443f4d}.zoom-bar{height:50px;background:#2f3336;position:relative;cursor:s-resize;touch-action:none}.map-bar{position:absolute;border:2px solid #fff;left:0;right:0;height:100%;cursor:ew-resize;pointer-events:all}.minutes-bar{height:16px;background:#999;border-top:1px solid #45404e;border-bottom:1px solid #45404e;cursor:e-resize}.seconds-bar{height:10px;background:#45404e;border-bottom:1px solid #2f3336;cursor:e-resize}.selection{position:absolute;top:76px;left:-2px;width:0;height:calc(100% - 76px);background:rgba(124,96,217,.5);border-left:1px solid #7c60d9;border-right:1px solid #7c60d9;pointer-events:none;overflow:hidden}.selection .close{position:absolute;right:5px;top:8px;cursor:pointer;width:20px;height:20px;filter:invert(1);pointer-events:all}.selection .handle{position:absolute;top:calc(50% - 32px);width:24px;height:64px;z-index:2;display:flex;pointer-events:all;background:rgba(124,96,217,.5)}.selection .handle img{pointer-events:none;filter:invert(1);width:18px;height:18px;position:absolute;right:4px;top:calc(50% - 9px)}.selection .handle-left{transform:translate(-24px) rotate(180deg);left:24px;cursor:e-resize;padding-left:5px;border-top-left-radius:10px;border-bottom-left-radius:10px}.selection .handle-left.disabled{pointer-events:none;opacity:.3}.selection .handle-left.disabled img{opacity:0}.selection .handle-right{transform:translate(24px) rotate(180deg);right:24px;cursor:w-resize;padding-left:5px;border-top-right-radius:10px;border-bottom-right-radius:10px}.cursor{top:76px;height:calc(100% - 76px);background:#baa6ff}.cursor,.map-bar-cursor{position:absolute;left:0;width:3px;pointer-events:none}.map-bar-cursor{top:0;height:50px;background:#fff}.recorder{overflow:hidden;position:absolute;top:180px;left:0;right:0}.recorder canvas{position:relative;margin:25px 0}.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:#7c60d9;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}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}:root{--color1:#7c60d9;--color2:#c3ced7;--color3:#454a4e;--color4:#2f3336;--color5:#232527;--color6:#7c60d9;--color7:#fff}button:active,button:focus,input:active,input:focus{outline:none}::-webkit-scrollbar{width:10px;height:4px;background-color:var(--color4);background:transparent}::-webkit-scrollbar-thumb{background:var(--color3)!important;opacity:.3;border-radius:16px}html{background:#111}body,html{overscroll-behavior-x:none}body{color:#fff;margin:0;background:#2f3336;overflow:hidden;touch-action:none!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a,div,h1,h2,h3,h4,h5,h6,input,p,span,textarea{font-family:Quicksand;font-size:11px;color:#c3ced7}.App{font-family:Quicksand,sans-serif;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);letter-spacing:.02em;top:0;padding-top:env(safe-area-inset-top)}.App,.spinner{position:fixed;left:0;right:0;bottom:0}.spinner{top:38px;z-index:9;display:flex;justify-content:center;align-items:center;background:rgba(34,38,39,.85)}.spinner svg{width:64px;height:64px}.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:#7c60d9}.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 #7c60d9}.sumo-square-highlighted-right{box-shadow:inset -4px 0 #7c60d9}.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:#7c60d9;border-color:#7c60d9}.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 a{color:#7c60d9}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 5px 0 hsla(0,0%,100%,.2)}button:active,input:active,textarea:active{box-shadow:none}a:focus{text-decoration:underline}nav.sumo-navbar .unlock-pro{display:none}.audio-sample-container{display:flex;flex-direction:column;align-items:center}.audio-sample-list{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px;justify-items:center}.audio-sample-item{display:flex;flex-direction:column;align-items:center}.play-button{border-radius:50%;border:1px solid #c3ced7;background:transparent;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease}.audio-sample-item .select-button{margin-top:10px}.play-button.playing{background-color:var(--color6);border-color:var(--color6);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tunes-player .grid{background:var(--color3)}.tunes-player .meter{width:0;height:4px;background:#0097fa}.tunes-player .controls{display:flex}.tunes-player .grid .empty{float:left;width:40px;height:40px;cursor:pointer;background:transparent;border:2px solid transparent}.tunes-player .grid .block{display:block;float:left;width:25%;height:70px;color:#fff;background:#555;cursor:pointer;border-radius:9px;border:2px solid #fff}.tunes-player .grid .block.b1{background:#f44336}.tunes-player .grid .block.b2{background:#e91e63}.tunes-player .grid .block.b3{background:#9c27b0}.tunes-player .grid .block.b4{background:#673ab7}.tunes-player .grid .block.b5{background:#3f51b5}.tunes-player .grid .block.b6{background:#2196f3}.tunes-player .grid .block.b7{background:#03a9f4}.tunes-player .grid .block.b8{background:#00bcd4}.tunes-player .grid .block.b9{background:#009688}.tunes-player .grid .block.b10{background:#4caf50}.tunes-player .grid .block.b11{background:#8bc34a}.tunes-player .grid .block.b12{background:#cddc39}.tunes-player .grid .block.b13{background:#ffeb3b}.tunes-player .grid .block.b14{background:#ffc107}.tunes-player .grid .block.b15{background:#ff9800}.tunes-player .grid .block.b16{background:#ff5722}.tunes-player .grid .block.b17{background:#795548}.tunes-player .grid .block.b18{background:#9e9e9e}.tunes-player .grid .block.b19{background:#607d8b}