#app,body,html{width:100%;height:100%}#app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#app main{height:100%}#app a,#app strong{color:#41b883!important}#app section{margin:40px 0}.header{padding:20px 10px;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header .navbar-brand img{height:64px;margin-right:20px;width:64px}.vue-audio-recorder,.vue-video-recorder{margin-right:16px}.record-settings{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.recorded-audio{margin:0 auto;height:200px;overflow:auto;border:thin solid #eee;background-color:#f7f7f7;padding:10px 5px}.recorded-audio .recorded-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16px}.recorded-audio .audio-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:54px;margin-right:16px}.recorded-video video{width:100%;max-height:400px}.footer{background-color:#eee}.vue-audio-recorder{position:relative;background-color:#4db6ac;border-radius:50%;width:64px;height:64px;display:inline-block;cursor:pointer;-webkit-box-shadow:0 0 0 0 rgba(232,76,61,.7);box-shadow:0 0 0 0 rgba(232,76,61,.7)}.vue-audio-recorder:hover{background-color:#26a69a}.vue-audio-recorder.active{background-color:#ef5350;-webkit-animation:pulse 1.25s cubic-bezier(.66,0,0,1) infinite;animation:pulse 1.25s cubic-bezier(.66,0,0,1) infinite}.vue-audio-recorder:after,.vue-audio-recorder:before{content:"";position:absolute;background-color:#fff}.vue-audio-recorder:after{top:30%;left:43%;height:15%;width:14%;border-top-left-radius:50%;border-top-right-radius:50%}.vue-audio-recorder:before{top:40%;left:43%;height:15%;width:14%;border-bottom-left-radius:50%;border-bottom-right-radius:50%}.vue-audio-recorder span{position:absolute;top:50%;left:36%;height:24%;width:28%;overflow:hidden}.vue-audio-recorder span:after,.vue-audio-recorder span:before{content:"";position:absolute;background-color:#fff}.vue-audio-recorder span:before{bottom:50%;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:.125em solid #fff;background:none;left:0}.vue-audio-recorder span:after{top:50%;left:40%;width:20%;height:25%}@-webkit-keyframes pulse{to{-webkit-box-shadow:0 0 0 10px rgba(239,83,80,.1);box-shadow:0 0 0 10px rgba(239,83,80,.1);background-color:#e53935;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes pulse{to{-webkit-box-shadow:0 0 0 10px rgba(239,83,80,.1);box-shadow:0 0 0 10px rgba(239,83,80,.1);background-color:#e53935;-webkit-transform:scale(.9);transform:scale(.9)}}.vue-video-recorder{color:#fff;padding:16px;border-radius:18px;position:relative;background-color:#4db6ac;border-radius:50%;width:64px;height:64px;display:inline-block;font-size:16px;cursor:pointer}