@import url(https://fonts.googleapis.com/css?family=Nunito);
#root,body,html{height:100%;margin:0;padding:0;width:100%}*{box-sizing:border-box;font-family:proxima-nova,sans-serif;font-weight:400}.join-link{background:green;border-radius:5px;color:#fff;font-size:12px;padding:5px 10px;text-decoration:none}.video-wrapper.split-screen #subscriber{bottom:0;left:50%;position:absolute;right:0;top:0;width:50%}.video-wrapper.split-screen #publisher{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:50%}.site-wrapper{background-size:cover!important;background:url(https://d1e6s5z4lzmgxx.cloudfront.net/71362283-8c76-4e3d-8769-e9b1adc5a630/images/muze-bg.png?a30d6d596e75337df8c462fcae4dde10) 50%;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}.site-wrapper:after{background:rgba(0,0,0,.25);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.video-wrapper{bottom:0;left:81px;position:fixed;right:0;top:0;z-index:2}.video-wrapper #subscriber{background:#000;bottom:0;left:0;position:absolute;right:0;top:0}.video-wrapper #publisher{background:#000;height:240px;left:15px;position:absolute;top:15px;width:320px;z-index:2}#clip-menu{background:#fff;bottom:0;box-sizing:border-box;height:100vh;left:-338px;padding:20px;position:absolute;top:0;transition:all .1s linear;width:338px;z-index:4}#clip-menu #create-new-clip{cursor:pointer;display:inline-block;font-size:18px;font-weight:700;margin-top:20px}#clip-menu #create-new-clip img,#clip-menu #create-new-clip svg{margin-right:8px;position:relative;top:5px}#clip-menu .clips-list .clip h3{font-size:18px;line-height:21px}#clip-menu .clips-list .clip .video{background:gray;padding-top:57%;width:100%}#clip-menu.open{left:0;transition:all .1s linear}#clip-menu .tabs .tab{border-bottom:1px solid gray;cursor:pointer;float:left;font-size:16px;line-height:19px;padding-bottom:20px;text-align:center;width:50%}#clip-menu .tabs .tab.open{border-bottom:5px solid gray;padding-bottom:16px}.site-sidebar{background:#fff;bottom:0;box-shadow:5px 5px 25px rgba(0,0,0,.18);height:100%;left:0;position:fixed;top:0;width:81px;z-index:10}.site-sidebar .top{position:absolute;top:20px;width:100%}.site-sidebar .middle{position:absolute;top:50%;transform:translateY(-50%);width:100%}.site-sidebar .bottom{bottom:20px;position:absolute;width:100%}.site-sidebar a{color:#515151;display:block;font-size:12px;margin-bottom:20px;text-align:center;text-decoration:none}.site-sidebar a.end-button{background:#818181;border-radius:5px;box-sizing:border-box;color:#fff;margin:0 auto;padding:5px;width:64px}.modal-wrapper{background:rgba(0,0,0,.5);bottom:0;display:none;left:81px;position:fixed;right:0;top:0;z-index:2}.modal-wrapper.open{display:block}.modal-wrapper .modal{background:#fff;border-radius:5px;box-sizing:border-box;display:none;height:394px;left:50%;padding:60px 32px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:570px}.modal-wrapper .modal.open{display:block}.modal-wrapper .modal .keep-recording,.modal-wrapper .modal .save-as-new{color:#515151;display:inline-block;float:left;font-size:18px;font-weight:600;line-height:21px;margin-bottom:60px;text-align:center;text-decoration:none;width:50%}.modal-wrapper .modal .keep-recording img,.modal-wrapper .modal .save-as-new img{margin-right:6px;position:relative;top:7px}.modal-wrapper .modal .delete-clip{color:#515151;float:left;font-size:16px;line-height:19px;text-align:center;text-decoration:none;width:100%}.modal-wrapper .modal .close{position:absolute;right:10px;top:10px}.modal-wrapper .modal h2{color:#515151;font-size:24px;line-height:28px}.modal-wrapper .modal input{border:1px solid #979797;box-sizing:border-box;color:#515151;display:block;font-size:20px;height:58px;line-height:24px;margin:0 auto 20px;text-align:center;width:366px}.modal-wrapper .modal button{background:#9a9a9a;border:0;border-radius:5px;color:#fff;cursor:pointer;height:61px;margin:0 auto 33px;text-align:center;width:366px}.modal-wrapper .modal p{color:#515151;font-size:18px;line-height:21px;margin:0 auto;text-align:center;width:286px}.recording-notice{color:#fff;font-size:80px;font-weight:700;left:50%;position:absolute;text-align:center;text-shadow:5px 5px 25px #000;top:50%;transform:translate(-50%,-50%);width:100%}.recording-notice img{display:inline-block;height:66px;position:relative;right:-15px;top:8px;width:66px}.recording-bar{color:#fff;font-size:21px;font-weight:700;line-height:25px;padding:17px}.recording-bar.paused img{top:-3px}.recording-bar button{background:#818181;border:0;border-radius:5px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:18.9px;font-weight:700;line-height:23px;margin-left:18px;padding:9px 15px}.recording-bar img{float:left;height:33px;margin-right:10px;position:relative;top:3px;width:33px}.clip-player{background:#000;bottom:0;left:81px;position:fixed;right:0;top:0}.clip-player.annotations-open{right:348px}.clip-player .clip-wrapper{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:82%}.clip-player .clip-wrapper img{width:100%}.clip-player .clip-wrapper h2{color:#fff;font-size:21px;line-height:25px;position:absolute;top:-55px;z-index:3}.annotations-sidebar{background:#fff;bottom:0;box-shadow:5px 5px 25px rgba(0,0,0,.541);box-sizing:border-box;padding:27px;position:absolute;right:0;top:0;width:348px}.annotations-sidebar h3{color:#515151;font-size:24px;line-height:28px;margin:0;padding:0}.annotations-sidebar h4{color:#515151;font-size:18px;font-weight:600;line-height:21px}.annotations-sidebar p{color:#515151;font-size:14px;line-height:16px}.annotations-sidebar textarea{border:1px solid #979797;box-sizing:border-box;height:142px;width:100%}.annotations-sidebar .types .type img{height:35px;margin-right:15px;width:auto}.annotations-sidebar .time-frame{left:-7px;overflow:auto;position:relative;width:calc(100% + 14px)}.annotations-sidebar .time-frame select{float:left;height:42px;margin:0 7px 15px;width:calc(50% - 14px)}.annotations-sidebar button{background:#818181;border:0;border-radius:5px;box-sizing:border-box;clear:both;color:#fff;float:right;padding:10px}.annotations-sidebar hr{border-bottom:0;clear:both;display:block;margin-top:50px}.annotations-sidebar .annotations-list .annotation{color:#515151;cursor:pointer;font-size:16px;line-height:19px}.annotations-sidebar .annotations-list .annotation:before{background:url(https://d1e6s5z4lzmgxx.cloudfront.net/71362283-8c76-4e3d-8769-e9b1adc5a630/images/icons/edit-icon.png);background-position:50%;background-repeat:no-repeat;content:"";display:block;float:left;height:21px;margin-right:5px;position:relative;top:-4px;width:31px}button{cursor:pointer}#buttonholder{bottom:10px;left:20px;margin-left:auto;margin-right:auto;position:absolute;width:70%;z-index:3}section.welcome{margin-left:80px;padding:0 30px;position:relative;z-index:2}section.welcome .inner{margin:0 auto;max-width:100%;width:789px}section.welcome .inner .logo{display:block;margin:117px auto 72px}section.welcome .inner .quote{color:#fff;font-size:32px;font-weight:700;line-height:38px;margin:0 auto 58px;max-width:100%;text-align:center;text-shadow:5px 5px 8px #000;width:675px}section.welcome .inner .lesson-list ul{float:left;list-style:none;margin:0;padding:0;width:100%}section.welcome .inner .lesson-list ul li{background:#fff;border:1px solid #979797;border-radius:5px;box-sizing:border-box;cursor:pointer;height:96px;margin-bottom:20px;padding:35px 25px;position:relative;width:100%}section.welcome .inner .lesson-list ul li .icon{float:right}section.welcome .inner .lesson-list ul li .time{color:#515151;font-size:24px;font-weight:700;line-height:29px}section.welcome .inner .lesson-list ul li .name{color:#515151;font-size:24px;line-height:28px;padding-left:35px}section.welcome .inner .lesson-list ul li .status{color:#515151;font-size:14px;font-weight:600;padding-left:35px}section.welcome .inner .lesson-list ul li .status.online:before{background:#f6b75d;border-radius:300px;content:"";display:inline-block;height:14px;margin-right:10px;position:relative;top:2px;width:14px}section.welcome .inner .lesson-list h2{color:#fff;float:left;font-size:24px;font-weight:600;line-height:29px;text-shadow:5px 5px 8px #000;width:calc(100% - 35px)}section.welcome .inner .lesson-list h2 .name{text-decoration:underline}section.welcome .inner .lesson-list button.add-lesson{background:#fff;border:none;border-radius:500px;color:#000;float:right;font-size:22px;height:30px;line-height:25px;margin-top:20px;width:30px}.loader-inner{align-items:center;display:flex;justify-content:center;padding:1em}.modal-datetime,.modal-datetime input{bottom:0;left:0;position:absolute!important;right:0;top:0;z-index:9999999}.modal-datetime input{opacity:0}.terms-conditions{bottom:10px;color:#fff;position:fixed;right:10px;text-decoration:none}.OT_mute{display:none!important}

/*# sourceMappingURL=app.css.map*/