body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}:root{--bg:#242526;--bg-accent:#484a4d;--text-color:#dadce1;--nav-size:60px;--border:1px solid #474a4d;--border-radius:8px;--speed:5000ms}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.swiper-container{width:100%}.section{width:50%;display:inline-block}.sound-wave{height:50px;position:absolute;top:0;left:33%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}kbd{padding:.1em .5em .25em;color:#fff;background-color:grey;border-radius:5px;margin:0 .2em}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.shortcuts{margin:1em auto;justify-content:center;flex-flow:row wrap}.shortcuts,.shortcuts__item{display:flex;align-items:center}.shortcuts__item{margin-left:2em}.shortcuts__item:first-child{margin-left:0}.shortcuts__item__button{background:none;border:none;outline:none;padding:0}.navbar__hr{width:0;transition:width 1s ease-in-out;border-width:1px 0}.nav-hr,.navbar__hr--active{width:90%}.nav-hr{margin:0 auto 10px;height:1px}.nav-hr__line{height:100%;width:0;transition:width .6s ease-in-out;background-color:grey}.nav-hr__line--active{width:100%}.navbar{margin:0 auto;display:flex;width:80%}.navbar--buttons,.navbar--links{width:90%}.navbar__back{background:none;border:none;outline:none}.navbar__back,.navbar__links{transition:opacity .2s ease-in-out;opacity:1}.navbar__links{display:flex}.navbar__links ul{padding:0;align-self:center}.navbar__links li,.navbar__links ul{margin:0;display:flex}.navbar__links__link{outline:none;padding:1.2em;background-color:transparent;transition:all .4s ease-in-out;color:grey;text-decoration:none}.navbar__links__link:after,.navbar__links__link:before{transition:opacity .2s ease-in-out}.navbar__links__link:before{content:"> ";opacity:0}.navbar__links__link:after{content:" <";opacity:0}.navbar__links__link--active:after,.navbar__links__link--active:before{opacity:1}.navbar__links__link:hover{text-decoration:underline}.navbar--buttons .navbar__links,.navbar--links .navbar__back{opacity:0;visibility:hidden}.button-circle{position:relative;margin:5px;border-radius:50%;border:1px solid grey;height:70px;width:70px;background-color:#fff;transition:opacity .2s;font-size:1rem}.button-circle:hover{background-color:rgba(0,0,0,.02)}.button-circle .fa-play{margin-left:4px}.button-circle:focus{outline:1px dashed #d2d2d2}.button-circle:disabled{opacity:.5}.button-circle__icon{opacity:1;transition:all .3s;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.button-circle__icon--hidden{opacity:0;-webkit-transform:translate(-50%,-50%) rotateX(90deg);transform:translate(-50%,-50%) rotateX(90deg)}.control-panel{position:fixed;bottom:0;width:100%;background-color:#fff;z-index:100}.control-panel__controls{margin:10px;display:flex;align-items:center}.control-panel__controls__volume{margin-top:10px;margin-left:32px;display:flex;flex-direction:column;color:grey;text-align:center}.control-panel__controls__summary{margin-left:auto;font-size:25px;color:grey}.swiper-container{margin:10px}.swiper-container .swiper-wrapper{align-items:center}.swiper-container .swiper-slide{border:1px solid grey;border-radius:20px;padding:20px;color:grey}.swiper-container .swiper-slide__text{color:grey;text-align:center;margin-top:0;font-size:2.5rem;margin-bottom:2px}.swiper-container .swiper-slide__controls{display:flex;justify-content:center}.swiper-container .swiper-slide__controls__source{margin-right:30px;flex-direction:column;display:flex;text-align:center}.swiper-container .swiper-slide__controls__source__label{margin-top:5px}.swiper-container .swiper-slide__controls__record__label{display:block;text-align:center;margin-top:5px}.swiper-button-next:after,.swiper-button-prev:after{padding:10px;background-color:hsla(0,0%,100%,.85);color:grey}.source-player{border-radius:20px;overflow:hidden;margin:0 auto 20px}.display{display:flex;justify-content:center;margin-top:30px;color:grey;font-size:30px}.display__message{margin-top:20px}.dashboard{display:flex;width:90%;margin:0 auto;flex-wrap:wrap}.dashboard__card{font-size:24px;width:10em;height:7em;border:1px solid grey;border-radius:10px;text-decoration:none;display:flex;margin:.5em;background-color:transparent;transition:all .3s ease;color:grey}.dashboard__card:hover{transition:none;-webkit-transform:translateY(-.2em);transform:translateY(-.2em)}.dashboard__card--dashed{border-style:dashed}.dashboard__card__text{flex-grow:1;align-self:center;text-align:center}.basic-controls,.dashboard__card__text{display:flex;justify-content:center}.basic-controls__source{margin-right:30px;flex-direction:column;display:flex;text-align:center}.basic-controls__source__label{margin-top:5px}.basic-controls__record__label{display:block;text-align:center;margin-top:5px}.basic-player{margin:0 auto}.basic-player__bookmark-slider{-webkit-appearance:none;outline:none;transition:opacity .2s}.basic-player__bookmark-slider--hidden{visibility:hidden}.basic-player__bookmark-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4px;height:4px;border-radius:50%;background:grey;cursor:pointer}.basic-player__bookmark-slider:hover::-webkit-slider-thumb{width:10px;height:10px}.basic-player__position-slider{-webkit-appearance:none;width:100%;height:2px;background:rgba(0,0,0,.07);outline:none;opacity:.7;transition:opacity .2s}.basic-player__position-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4px;height:25px;background:grey;cursor:pointer}.basic-player{border-radius:20px;overflow:hidden}.multi-card{margin:80px 2px 0;height:calc(100vh - 150px);min-height:600px}.multi-card,.recorder-page{display:flex;flex-direction:column}.recorder-page{justify-content:center;align-items:center;width:100%;height:75vh}.recorder-page__footer{position:absolute;bottom:0;width:100%}
/*# sourceMappingURL=main.dc5e31c7.chunk.css.map */