.zoom-buttons-container{z-index:2;position:absolute;top:2px;left:2px;width:30px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:2px 0px;background-color:rgba(255,255,255,0.690196);border:1px solid rgba(51,119,189,0.878431)}.zoom-button{height:24px;width:24px;cursor:pointer;background-color:#3377BD;border-radius:6px}.zoom-button svg{fill:#fff;height:24px;width:24px}

.sound-wave{position:relative}.sound-wave canvas{border:2px solid #d0d0ff;background-color:#F0F0F0}.sound-wave.interactive canvas{touch-action:none}.sound-wave.zoomed-in-view canvas{background-color:#fff;border-color:#ea6d2f}.sound-wave .frequency{font:14px Comfortaa, cursive;color:#892be2;position:absolute;top:10px;left:10px;background:#ffffffb0}

.buttonGroupButton{margin-left:-1px;padding-top:2px;height:24px;min-width:30px;font-size:16px;letter-spacing:0.5px;background-color:#3377BD;color:white;border:1.5px solid #d0d0ff;cursor:pointer}.buttonGroupButton.disabled{color:#aaa}.active{background-color:white;color:#3377BD}button:first-of-type{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px}button:last-of-type{border-top-right-radius:5px;border-bottom-right-radius:5px}

.carrier-wave-container{height:calc(50% - 45px);margin:10px 5px 0 5px;padding:5px 8px 10px 8px;border-radius:10px;background-color:#024059}.carrier-wave-container .carrier-picker-container{display:flex;justify-content:space-around;color:#fff}.carrier-wave-container .carrier-picker-container .modulation-container,.carrier-wave-container .carrier-picker-container .frequency-container{display:flex;flex-direction:column;align-items:center}.carrier-wave-container .carrier-picker-container .modulation-container .carrier-picker-caption,.carrier-wave-container .carrier-picker-container .frequency-container .carrier-picker-caption{padding-bottom:2px;font-size:70%}.carrier-wave-container .carrier-picker-container .modulation-container .freq-mod-container,.carrier-wave-container .carrier-picker-container .frequency-container .freq-mod-container{font-size:70%}.carrier-wave-container .carrier-wave-graph-container{margin:10px 0 0 0}

.application-header-container{height:30px;color:#fff;background-color:#024059;font-size:20px;display:flex;align-items:center}

.sound-picker-container{height:30px;padding:5px 10px 5px 5px;display:flex;justify-content:space-between;align-items:center}.sound-picker-container .sound-picker-mid-label{padding:2px 5px 0 2px;font-size:90%}.sound-picker-container .sound-picker-select-container{width:100%}.sound-picker-container .sound-picker-select-container .sound-picker{min-width:140px;width:100%;height:28px;background-color:#024059;color:#fff}.sound-picker-container .icons-container{height:30px}.sound-picker-container .icons-container button{min-width:100px !important;padding:0;border-radius:10px;line-height:1;background-color:#024059;color:#fff;white-space:nowrap}.sound-picker-container .icons-container button[disabled]{color:#aaa}.sound-picker-container .icons-container .icon{position:relative;top:2px;height:24px;width:24px;cursor:pointer;fill:white}.sound-picker-container .icons-container .icon.recording{fill:red;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.sound-picker-container .icons-container .icon.labelling{fill:blueviolet}.sound-picker-container .icons-container .icon.disabled{fill:#aaa;cursor:default}.sound-picker-container .icons-container .caption{position:relative;top:-5px}@-webkit-keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}

HTML{height:100%}BODY{background-color:#fff;height:100%}#app{overflow:hidden;height:100%}.app{height:100%;display:flex;flex-direction:column}.app>DIV{flex-grow:0;flex-shrink:1;flex-basis:auto}.app .non-header-container{height:100%;margin:6px;padding:3px 3px 6px 3px;border:2px solid #d0d0ff;border-radius:10px}.app .main-controls-and-waves-container{height:calc(50% - 45px);margin:5px 5px;padding:5px 8px 10px 8px;border-radius:10px;background-color:#024059}.app .playback-and-volume-controls{margin:0;padding:0;display:flex;flex:5;border-radius:10px}.app .playback-and-volume-controls .play-pause{margin:0}.app .playback-and-volume-controls .play-pause.disabled>svg{fill:#aaa;cursor:default}.app .playback-and-volume-controls .play-pause .pause-play-icons{fill:#fff}.app .playback-and-volume-controls .button{width:48px;height:48px;cursor:pointer}.app .playback-and-volume-controls .button.disabled{fill:#aaa;cursor:default}.app .playback-and-volume-controls .volume-controls{max-width:120px;min-width:calc(80% - 120px);width:calc(100% - 120px);padding-right:15px;padding-left:5px;display:flex}.app .playback-and-volume-controls .volume-controls>*{margin:0}.app .playback-and-volume-controls .volume-controls .volume-icon{height:48px;width:48px;fill:#fff}.app .playback-and-volume-controls .volume-controls .volume-slider-container{width:100%}.app .playback-and-volume-controls .volume-controls .volume-label{margin-bottom:5px;text-align:center;font-size:70%;color:#fff}.app .playback-and-volume-controls .volume-controls .volume-slider{width:100%}.app .playback-and-volume-controls .volume-controls .volume-slider .rc-slider-track{background-color:#fff;height:6px}.app .playback-and-volume-controls .volume-controls .volume-slider .rc-slider-rail{background-color:#fff;height:6px}.app .playback-and-volume-controls .volume-controls .volume-slider .rc-slider-handle{height:20px;width:20px;margin-top:-7px;border-color:#fff;background-color:#fff}.app .playback-and-volume-controls .volume-controls .volume-slider .rc-slider-handle:active,.app .playback-and-volume-controls .volume-controls .volume-slider .rc-slider-handle:hover{box-shadow:none}.app .playback-and-volume-controls .speed-control{min-width:105px;margin-right:5px;display:flex;flex-direction:column;align-items:center}.app .playback-and-volume-controls .speed-control .speed-label{margin-bottom:5px;text-align:center;font-size:70%;color:#fff}.app .playback-and-volume-controls .speed-control .speed-label.disabled{color:#aaa}.app .rc-slider-mark-text,.app .rc-slider-mark-text-active{color:#fff}.app .rc-slider-disabled .rc-slider-mark-text,.app .rc-slider-disabled .rc-slider-mark-text-active{color:#aaa}.app .sound-wave-container{margin:0}.app .zoomed-out-graph-container{height:40px;background-color:#fff}

.rc-slider{position:relative;height:14px;padding:5px 0;width:100%;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;background-color:#e9e9e9;height:4px;border-radius:6px}.rc-slider-track{position:absolute;left:0;height:4px;border-radius:6px;background-color:#abe2fb}.rc-slider-handle{position:absolute;width:14px;height:14px;cursor:pointer;cursor:-webkit-grab;margin-top:-5px;cursor:grab;border-radius:50%;border:solid 2px #96dbfa;background-color:#fff;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;vertical-align:middle;text-align:center;cursor:pointer;color:#999}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;margin-left:-4px;width:8px;height:8px;border:2px solid #e9e9e9;background-color:#fff;cursor:pointer;border-radius:50%;vertical-align:middle}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{border-color:#ccc;box-shadow:none;background-color:#fff;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed !important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{left:5px;bottom:0;width:4px}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:first-child{margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block !important;-webkit-animation-play-state:paused;animation-play-state:paused}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block !important;-webkit-animation-play-state:paused;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0, 0);-webkit-animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1);animation-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}@-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform-origin:50% 100%;transform:scale(0, 0)}100%{transform-origin:50% 100%;transform:scale(1, 1)}}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform-origin:50% 100%;transform:scale(0, 0)}100%{transform-origin:50% 100%;transform:scale(1, 1)}}@-webkit-keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1, 1)}100%{opacity:0;transform-origin:50% 100%;transform:scale(0, 0)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1, 1)}100%{opacity:0;transform-origin:50% 100%;transform:scale(0, 0)}}.rc-slider-tooltip{position:absolute;left:-9999px;top:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px 0}.rc-slider-tooltip-inner{padding:6px 2px;min-width:24px;height:24px;font-size:12px;line-height:1;color:#fff;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}

html,body{margin:0;padding:0}body{font-family:'Lato', sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}


/*# sourceMappingURL=main.787983d9fc3a5706b52e.css.map*/