.record-btn-with-progress{padding:0 10px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.has-mouse .record-btn-with-progress:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.record-btn-with-progress .progress-line{position:absolute;z-index:999;margin-top:-4px;margin-left:-4px}.messages-enter-active,.messages-leave-active{-webkit-transition:all .6s ease;transition:all .6s ease;-webkit-transform-origin:left bottom;transform-origin:left bottom}.messages-enter,.messages-leave-to{opacity:0;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transform:translateX(-30px);transform:translateX(-30px);-webkit-transform-origin:left bottom;transform-origin:left bottom}.fade-in-from-left-move{-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.fade-in-from-left-leave-active{position:absolute}.fade-in-from-left-enter-active,.fade-in-from-left-leave-active{-webkit-transition:all .6s ease;transition:all .6s ease;-webkit-transform-origin:left bottom;transform-origin:left bottom}.fade-in-from-left-enter,.fade-in-from-left-leave-to{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px);-webkit-transform-origin:left bottom;transform-origin:left bottom}.fade-in-from-right-enter-active,.fade-in-from-right-leave-active{-webkit-transition:all .5s ease;transition:all .5s ease}.fade-in-from-right-enter,.fade-in-from-right-leave-to{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}.pop-up-in-enter-active,.pop-up-in-leave-active{-webkit-transition:all .15s ease;transition:all .15s ease;-webkit-transform-origin:right bottom;transform-origin:right bottom}.pop-up-in-enter,.pop-up-in-leave-to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .2s;transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.record__record-controls{z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding-bottom:32px;margin-top:auto}.record__record-controls .or-web-icon-button{width:80px;height:80px;background-color:var(--c-primary);-webkit-box-shadow:var(--rwc-shadow-1),var(--rwc-shadow-3);box-shadow:var(--rwc-shadow-1),var(--rwc-shadow-3);-webkit-transition:opacity .2s,visibility .2s,-webkit-transform .2s;transition:opacity .2s,visibility .2s,-webkit-transform .2s;transition:transform .2s,opacity .2s,visibility .2s;transition:transform .2s,opacity .2s,visibility .2s,-webkit-transform .2s}.record__record-controls .or-web-icon-button i{color:#fff}.record__record-controls .or-web-icon-button.white{background-color:#fff}.record__record-controls .or-web-icon-button.white span{color:var(--c-primary)}.has-mouse .record__record-controls .or-web-icon-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.has-mouse .record__record-controls .or-web-icon-button:hover:before{background-color:#fff}.record__record-controls.recording.screen .or-web-icon-button,.record__record-controls.recording.video .or-web-icon-button{background-color:rgba(255,60,76,.8)}.has-mouse .record__record-controls.recording.screen .or-web-icon-button .record-btn-with-progress:hover,.has-mouse .record__record-controls.recording.video .or-web-icon-button .record-btn-with-progress:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.record__record-controls.recording.screen .or-web-progress-circular__determinate circle,.record__record-controls.recording.video .or-web-progress-circular__determinate circle{stroke:rgba(218,30,40,.4)}.record__record-controls.audio .or-web-icon-button{background-color:#fff}.record__record-controls.audio .or-web-icon-button i{color:var(--rwc-color-primary)}.record__record-controls.audio .record-btn-with-progress .progress-line .or-web-progress-circular__determinate circle{stroke:hsla(0,0%,100%,.8)}.has-mouse .record__record-controls.screen:not(.recording) .or-web-icon-button:hover:before,.has-mouse .record__record-controls.video:not(.recording) .or-web-icon-button:hover:before,.record__record-controls.screen:not(.recording) .or-web-icon-button,.record__record-controls.video:not(.recording) .or-web-icon-button{background-color:var(--rwc-color-primary)}