.ar-line-control{position:relative;height:8px;border-radius:5px;background-color:#e6e6e6}.ar-line-control__head{position:absolute;height:inherit;background-color:#616161;border-radius:inherit}.ar-volume{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:10px}.ar-volume-bar{width:50px;height:6px;background:#e6e6e6;border-radius:4px;position:relative}.ar-volume__icon{fill:#747474;width:24px;height:24px;padding:0;margin-right:3px}.ar-player,.ar-volume__icon{border:0;border-radius:0;background-color:unset}.ar-player{width:380px;height:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Roboto,sans-serif}.ar-player>.ar-player-bar{border:1px solid #e8e8e8;border-radius:24px;margin:0 0 0 0}.ar-player>.ar-player-bar>.ar-player__progress{width:125px}.ar-player-bar{height:38px;padding:0 12px;margin:0 5px}.ar-player-actions,.ar-player-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ar-player-actions{width:55%;-ms-flex-pack:distribute;justify-content:space-around}.ar-player__progress{width:160px;margin:0 8px}.ar-player__time{color:rgba(84,84,84,.5);font-size:16px;width:41px}.ar-player__play{width:45px;height:45px;background-color:#fff;-webkit-box-shadow:0 2px 11px 11px rgba(0,0,0,.07);box-shadow:0 2px 11px 11px rgba(0,0,0,.07)}.ar-player__play--active{fill:#fff!important;background-color:#05cbcd!important}.ar-player__play--active:hover{fill:#505050!important}.ar{width:420px;font-family:Roboto,sans-serif;border-radius:16px;background-color:#fafafa;-webkit-box-shadow:0 4px 18px 0 rgba(0,0,0,.17);box-shadow:0 4px 18px 0 rgba(0,0,0,.17);position:relative;-webkit-box-sizing:content-box;box-sizing:content-box}.ar-content{padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ar-records{height:138px;padding-top:1px;overflow-y:auto;margin-bottom:20px}.ar-records__record{width:320px;height:45px;padding:0 10px;margin:0 auto;line-height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e8e8e8;position:relative}.ar-records__record--selected{border:1px solid #e8e8e8;border-radius:24px;background-color:#fff;margin-top:-1px;padding:0 34px}.ar-recorder{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ar-recorder__duration{color:#aeaeae;font-size:32px;font-weight:500;margin-top:20px;margin-bottom:16px}.ar-recorder__stop{position:absolute;top:10px;right:-52px}.ar-recorder__time-limit{position:absolute;top:128px}.ar-recorder__time-limit,.ar-recorder__warn-limit{color:#aeaeae;font-size:12px}.ar-recorder__records-limit{position:absolute;color:#aeaeae;font-size:13px;top:78px}.ar-spinner{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:144px;z-index:10}.ar-spinner__dot{display:block;margin:0 8px;border-radius:50%;width:30px;height:30px;background:#05cbcd;-webkit-animation-name:blink;animation-name:blink;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ar-spinner__dot:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.ar-spinner__dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.ar__text{color:rgba(84,84,84,.5);font-size:16px}.ar__blur{-webkit-filter:blur(2px);filter:blur(2px);opacity:.7}.ar__overlay{position:absolute;width:100%;height:100%;z-index:10}.ar__upload-status{text-align:center;font-size:10px;padding:2px;letter-spacing:1px;position:absolute;bottom:0}.ar__upload-status--success{color:green}.ar__upload-status--fail{color:red}.ar__rm{cursor:pointer;width:6px;height:6px;padding:6px;line-height:6px;left:10px;color:#f4785a}.ar__downloader,.ar__rm,.ar__uploader{position:absolute;margin:auto;bottom:0;top:0}.ar__downloader{right:115px}.ar__uploader{right:85px}.ar-icon{fill:#747474;border-radius:50%;border:1px solid #05cbcd;background-color:#fff;padding:5px;cursor:pointer;-webkit-transition:.2s;transition:.2s}.ar-icon:hover{fill:#505050}.ar-icon--no-border{border:0;border-radius:0;padding:0}.ar-icon--rec{fill:#fff;background-color:#ff6b64;border-color:transparent}.ar-icon--pulse{-webkit-animation:ripple .5s linear infinite;animation:ripple .5s linear infinite}@-webkit-keyframes ripple{0%{-webkit-box-shadow:0 0 0 0 rgba(255,0,0,.1),0 0 0 1px rgba(255,0,0,.1),0 0 0 5px rgba(255,0,0,.1);box-shadow:0 0 0 0 rgba(255,0,0,.1),0 0 0 1px rgba(255,0,0,.1),0 0 0 5px rgba(255,0,0,.1)}to{-webkit-box-shadow:0 0 0 0 rgba(255,0,0,.1),0 0 0 10px rgba(255,0,0,.1),0 0 0 20px rgba(255,0,0,0);box-shadow:0 0 0 0 rgba(255,0,0,.1),0 0 0 10px rgba(255,0,0,.1),0 0 0 20px rgba(255,0,0,0)}}@keyframes ripple{0%{-webkit-box-shadow:0 0 0 0 rgba(255,0,0,.1),0 0 0 1px rgba(255,0,0,.1),0 0 0 5px rgba(255,0,0,.1);box-shadow:0 0 0 0 rgba(255,0,0,.1),0 0 0 1px rgba(255,0,0,.1),0 0 0 5px rgba(255,0,0,.1)}to{-webkit-box-shadow:0 0 0 0 rgba(255,0,0,.1),0 0 0 10px rgba(255,0,0,.1),0 0 0 20px rgba(255,0,0,0);box-shadow:0 0 0 0 rgba(255,0,0,.1),0 0 0 10px rgba(255,0,0,.1),0 0 0 20px rgba(255,0,0,0)}}.ar-icon__xs{width:18px;height:18px;line-height:18px}.ar-icon__sm{width:30px;height:30px;line-height:30px}.ar-icon__lg{width:45px;height:45px;line-height:45px;-webkit-box-shadow:0 2px 5px 1px hsla(0,0%,62%,.5);box-shadow:0 2px 5px 1px hsla(0,0%,62%,.5)}