@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);.navbar{position:relative;height:8.33333rem;width:100%}.navbar a{text-align:center}.navbar a,.navbar a:active,.navbar a:hover,.navbar a:visited{text-decoration:none}.navbar .brand,.navbar .btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.navbar .brand{font-size:2.5rem;color:#70afef}.navbar .intro{position:absolute;top:70%;color:#ccc;margin:0}.navbar .btn{display:inline-block;width:100px;box-sizing:border-box;padding:0 10px;border:1px solid #ccc;font-size:1rem;line-height:2rem;color:#70afef;font-weight:lighter}.navbar .btn:hover{background-color:#70afef;color:#fff}.navbar .btn-logout{right:0}.navbar .btn-cancel,.navbar .btn-new-video{right:214px}.navbar .btn-video-feed{right:324px}.navbar .btn-profile{right:107px}.post-info{position:relative;padding:1rem 1.5rem;-webkit-flex:0 1 7rem;flex:0 1 7rem;box-sizing:border-box}.post-info .detail{font-size:14px}.post-info .author,.post-info .created-time,.post-info .views{display:inline-block;color:#2d2f3c}.post-info .author{cursor:pointer;margin-right:10px}.post-info .created-time{color:#ccc}.post-info .counts{float:right;color:#2d2f3c;font-weight:400;margin-left:15px}.post-info .counts:first-child{margin-left:0}.post-info .counts svg{margin-right:5px}.post-info .counts .btn-thumbs-up{cursor:pointer}.post-info .counts .btn-thumbs-up.liked{color:#70afef}.post-info .counts .btn-thumbs-up:hover{color:#2496ec}.post-info .actions{float:right;margin-top:1rem}.post-info .actions .btn-actions{font-size:1.2rem;color:#ccc;cursor:pointer}.post-info .actions .btn-actions:hover{color:#2d2f3c}.panel{position:relative;box-sizing:border-box;-webkit-flex:1 1 auto;flex:1 1 auto;top:0;bottom:0;left:0;right:0;overflow:hidden}.panel-prev-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.panel-next-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.panel-next-enter.panel-next-enter-active,.panel-prev-enter.panel-prev-enter-active{-webkit-transform:translateX(0);transform:translateX(0);transition:all .4s ease-in}.panel-prev-leave.panel-prev-leave-active{-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .4s ease-in}.panel-next-leave.panel-next-leave-active{-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .4s ease-in}.comment-box{width:100%;padding:10px 0}.comment-box .note{margin:0 0 5px;padding-left:1rem;font-size:13px;font-weight:400;color:#2d2f3c}.comment-box .note>span{color:#70afef}.comment-box>span{display:inline-block;width:100%;font-size:0}.comment-box .btn-cancel,.comment-box .btn-send,.comment-box .comment-input{box-sizing:border-box;display:inline-block;vertical-align:middle}.comment-box .comment-input{width:calc(100% - 1.5rem - 5px);height:2rem;line-height:2rem;text-indent:1rem;font-size:14px;border-radius:50px;border:1px solid #ccc;box-shadow:none;outline:none;transition:.2s ease-in}.comment-box .comment-input::-webkit-input-placeholder{color:#ccc}.comment-box .comment-input::-ms-input-placeholder{color:#ccc}.comment-box .comment-input::placeholder{color:#ccc}.comment-box.replying .comment-input{width:calc(100% - 3rem - 5px)}.comment-box .btn-send{float:right;width:1.5rem;height:2rem;margin-left:5px;color:#70afef;line-height:2rem;font-size:1rem}.comment-box .btn-send:hover{color:#2496ec}.comment-box .btn-cancel{width:1.5rem;line-height:1.5rem;height:1.5rem;color:#ccc;overflow:hidden}.comment-box .btn-cancel:hover{color:#e62a3f}.comment-box .iconfont-cancel{font-size:2rem}.comment-box .iconfont-cancel:before{content:"\F126"}.comment-box .cancel-appear,.comment-box .cancel-enter{width:0;-webkit-transform:scale(0);transform:scale(0)}.comment-box .cancel-appear.cancel-appear-active,.comment-box .cancel-enter.cancel-enter-active{-webkit-transform:scale(1);transform:scale(1);transition:.2s ease-in}.comment-box .cancel-leave{-webkit-transform:scale(1);transform:scale(1)}.comment-box .cancel-leave.cancel-leave-active{width:0;-webkit-transform:scale(0);transform:scale(0);transition:.15s ease-in}.comments{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:stretch;justify-content:stretch}.comments .loader{margin-top:-50px;z-index:3}.comments .loading-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fff;opacity:.3;z-index:2}.comments .comment-list{padding-top:.5rem;-webkit-flex:1 1;flex:1 1;overflow-y:hidden;overflow-x:hidden}.comments .comment-list.scrolled{overflow-y:auto;margin-right:-1.2rem}.comments .comment-list.scrolled .list-container{margin-right:.3rem}.comments .comment{box-sizing:border-box;width:100%;padding:15px 10px;transition:background-color .2s ease-in}.comments .comment.reply{padding:10px 10px 10px 1.8rem}.comments .comment:not(.reply){border-top:1px dashed #ccc}.comments .comment:first-of-type{border-top:none}.comments .comment.highlight{background-color:rgba(112,175,239,.1)}.comments .content{grid-column-start:2;grid-column-end:10;font-size:14px;position:relative}.comments .avatar-container{width:2rem;height:2rem;border-radius:50%;overflow:hidden}.comments .avatar-container>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.comments .name,.comments .time{vertical-align:text-bottom}.comments .name{cursor:pointer;margin-left:9px;font-weight:400}.comments .time{margin-left:10px;font-size:12px;color:#ccc}.comments .text{margin:7px 0 0;padding-left:10px;white-space:pre-wrap}.comments .actions{position:relative}.comments .btn-delete,.comments .btn-edit,.comments .btn-reply{position:absolute;right:0;background-color:inherit}.comments .btn-reply{bottom:0;color:#70afef;vertical-align:middle}.comments .btn-reply:hover{font-weight:700}.comments .btn-delete,.comments .btn-edit{display:inline-block;color:#ccc;text-align:right;font-size:.8rem;vertical-align:middle}.comments .btn-delete{top:-3px;right:-7px;text-indent:2px}.comments .btn-delete:hover{color:#e62a3f}.comments .btn-edit{right:1.2rem}.comments .btn-edit:hover{color:#70afef}.comments .edit-actions{width:100%;margin-top:.5rem}.comments .edit-actions .btn-edit-confirm,.comments .edit-actions .btn-edit-discard{float:right;font-size:.9rem;line-height:1rem;color:#ccc}.comments .edit-actions .btn-edit-confirm{margin-right:1rem}.comments .edit-actions .btn-edit-confirm:hover{color:#37bf56}.comments .edit-actions .btn-edit-confirm:disabled:hover{color:#ccc;cursor:not-allowed}.comments .edit-actions .btn-edit-discard{margin-right:10px}.comments .edit-actions .btn-edit-discard:hover{color:#e62a3f}.comments .iconfont-delete{font-size:1.5rem}.comments .comment-appear,.comments .comment-enter{opacity:.01}.comments .comment-appear.comment-appear-active,.comments .comment-enter.comment-enter-active{opacity:1;transition:.5s ease-in}.comments .comment-leave{opacity:1}.comments .comment-leave.comment-leave-active{opacity:.01;transition:.5s ease-in}.load-container{position:relative;height:2rem}.load-container .btn-loadmore{display:block;width:8rem;height:2rem;padding:0 10px;margin:5px auto 0;text-align:center;font-size:1rem;line-height:2rem;color:#70afef;border:1px solid #70afef;cursor:pointer}.load-container .btn-loadmore:hover{background-color:#70afef;color:#fff}.load-container .loader{top:0;margin-top:-1.5em}.load-container .loader,.load-container .loader:after,.load-container .loader:before{width:1em;height:1em}.load-container .loader:before{left:-2em}.load-container .loader:after{left:2em}.load-container .btn-loadmore:hover+.loader{color:#fff}.statistics{overflow-y:auto}.statistics-list{padding-top:.5rem}.statistics.scrolled{margin-right:-1rem}.statistics.scrolled .statistics-list{margin-right:.1rem}.statistics-table{width:100%;border-spacing:0;font-size:14px;margin:0}.statistics-table tr{height:1.7rem;line-height:1.7rem}.statistics-table .name{text-align:left}.statistics-table .percentage{text-align:center}.statistics-table .name{width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statistics-table .percentage{width:10%}.statistics-table .time{text-align:right;width:40%}.attachments{overflow-y:scroll}.attachment-list .attachment{margin-top:5px}.attachment-list .attachment .deletable-item-container{display:inline-block;width:100%;box-sizing:border-box;padding:0 20px}.attachment-list .attachment .deletable-item-container:hover{background-color:rgba(112,175,239,.1)}.attachment-list .attachment .btn-delete,.attachment-list .attachment .fileicon,.attachment-list .attachment .text{height:4rem}.attachment-list .attachment .text{display:inline-block;width:100%;max-width:328px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}.attachment-list .attachment .text:hover{cursor:pointer}.attachment-list .attachment p{margin:0}.attachment-list .attachment .fileicon{float:left;margin-right:15px;font-size:1.7rem;opacity:.7}.attachment-list .attachment .filename{padding-top:8px;color:#2496ec}.attachment-list .attachment .time,.attachment-list .attachment .uploader{font-size:14px;margin-right:10px}.attachment-list .attachment .btn-delete{margin-left:10px;background-color:initial}.attachment-list .attachment .btn-delete i{color:#ccc;font-size:1.5rem}.attachment-list .attachment .btn-delete i:hover{color:#2496ec}.post{height:100%;background-color:#fff;position:relative;z-index:1}.post .overlay{position:absolute;top:0;bottom:0;left:0;right:0;font-size:1em;background:rgba(0,0,0,.8);z-index:1}.post .section-left,.post .section-right{height:100%}.post .section-left{float:left;width:650px}.post .section-right{margin-left:650px;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.post .empty-message{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-size:1.5rem;font-weight:400;color:#ccc;margin-top:-50px}.post .draft-actions,.post .publish-actions{height:100%;position:relative;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column}.post .draft-actions{-webkit-justify-content:center;justify-content:center}.post .draft-actions .btn-publish{width:10em;height:2.5em;line-height:2.5em;margin:0 auto;font-size:1em;font-weight:lighter;border:1px solid #ccc;color:#ccc}.post .draft-actions .btn-publish:hover{border:1px solid #70afef;color:#70afef}.post .draft-actions .btn-publish:disabled:hover{border:1px solid #ccc;color:#ccc}.avatar-uploader{background-color:#fff;height:100%;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;padding:1em}.avatar-uploader .avatar-container{position:relative;box-sizing:border-box;width:100%;height:400px}.avatar-uploader .avatar-container img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}.avatar-uploader .avatar-container .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6)}.avatar-uploader .avatar-container .overlay p{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.avatar-uploader .action-container{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center;text-align:center}.avatar-uploader .upload{height:4.5em}.avatar-uploader .avatar-input{visibility:hidden;position:absolute;z-index:-1}.avatar-uploader .avatar-input+label,.avatar-uploader .btn-cancel,.avatar-uploader .btn-update{display:inline-block;line-height:1.5;cursor:pointer}.avatar-uploader .avatar-input+label{width:100%;padding:5px 0;font-size:1.25em;background-color:#70afef;color:#fff}.avatar-uploader .avatar-input+label:hover,.avatar-uploader .avatar-input:focus+label{background-color:#3a84c1}.avatar-uploader .icon-avatar-upload{margin-right:15px;line-height:1.5em}.avatar-uploader .error-msg{font-size:14px;color:#e62a3f;margin:5px 0 0}.avatar-uploader .btn-cancel,.avatar-uploader .btn-update{padding:5px 15px;width:45%;font-size:1em}.avatar-uploader .btn-cancel{margin-right:2em;color:#ccc;border:1px solid #ccc}.avatar-uploader .btn-cancel:hover{border:1px solid #2d2f3c;color:#2d2f3c}.avatar-uploader .btn-update{color:#70afef;border:1px solid #70afef}.avatar-uploader .btn-update:hover{color:#fff;background-color:#70afef}.avatar-uploader .btn-update:disabled,.avatar-uploader .btn-update:disabled:hover{color:#ccc;border:1px solid #ccc;background-color:#fff;cursor:default}.switch{position:relative;box-sizing:border-box;height:30px;line-height:30px;padding:0 15px 0 30px;transition:all .2s ease-in;background-color:#ccc;color:#fff;border-radius:15px;cursor:pointer}.switch,.switch .handle{display:inline-block}.switch input[type=checkbox]{display:none}.switch .handle{position:absolute;width:24px;height:24px;margin:0 3px;background-color:#fff;border-radius:100%;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .2s ease-in}.switch.checked{background-color:#70afef;padding:0 30px 0 15px}.switch.checked .handle{left:100%;-webkit-transform:translate(-30px,-50%);transform:translate(-30px,-50%)}.form-group-input{position:relative;border-bottom:1px solid rgba(0,0,0,.1);width:100%}.form-group-input .input-wrapper{display:-webkit-flex;display:flex}.form-group-input input:-webkit-autofill,.form-group-input input:-webkit-autofill:focus,.form-group-input input:-webkit-autofill:hover{line-height:3rem;height:3rem;padding-top:0;padding-bottom:0;background-color:#70afef!important;-webkit-box-shadow:inset 0 0 0 30px #70afef;overflow:hidden;-webkit-text-fill-color:#fff!important;border:none;outline:none;outline-width:0}.form-group-input input,.form-group-input label{display:inline-block;height:3rem;line-height:3rem;font-size:1rem;font-family:Open Sans,sans-serif}.form-group-input label{font-weight:700}.form-group-input .error-msg,.form-group-input input{display:inline-block;-webkit-flex:2 1;flex:2 1;margin-left:15px}.form-group-input input{box-sizing:border-box;background:none;border:none}.form-group-input input:focus{outline:none;outline-width:0}.form-group-input.required:before{content:"*";position:absolute;line-height:3rem;left:-15px;color:#ccc}.form-group-input.error.required:before,.form-group-input.error input::-webkit-input-placeholder{color:#e62a3f;opacity:.6}.form-group-input.error.required:before,.form-group-input.error input::-ms-input-placeholder{color:#e62a3f;opacity:.6}.form-group-input.error.required:before,.form-group-input.error input::placeholder{color:#e62a3f;opacity:.6}.channel-create-form .form-group{margin-bottom:20px}.channel-create-form .switch{width:95px;margin-top:20px}.channel-create-form .note{font-size:14px;color:#70afef}.channel-create-form .actions{margin-top:30px}.channel-create-form .btn-cancel,.channel-create-form .btn-create{float:right}.channel-create-form .btn-cancel{margin-right:15px}.channel-create-modal{height:100%;overflow:auto;background-color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.channel-create-modal h1{text-align:left}.channel-create-modal .channel-create-form,.channel-create-modal h1{width:80%}.channel-browse-modal{height:100%;background-color:#fff;padding:40px 80px;box-sizing:border-box}.channel-browse-modal h1{text-align:left}.channel-browse-modal h3{font-weight:400;font-size:18px;margin:0;color:#2d2f3c}.channel-canjoin-list{margin-top:10px;max-height:77%;overflow-y:scroll}.channel-browse-item{position:relative}.channel-browse-item a{display:block;padding:10px 20px;border-bottom:1px solid #ccc;font-weight:400;font-size:18px}.channel-browse-item a:hover{text-decoration:none}.channel-browse-item a .icon{margin-right:15px;color:#ccc;font-size:1rem}.channel-browse-item a .hint{display:none;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:.4}.channel-browse-item p{margin:0}.channel-browse-item p.name{line-height:35px}.channel-browse-item p.purpose{line-height:20px;color:#ccc;font-weight:lighter;font-size:1rem;padding-left:31px;max-width:550px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-browse-item:hover{background-color:rgba(36,150,236,.02)}.channel-browse-item:hover .icon,.channel-browse-item:hover a{color:#2496ec}.channel-browse-item:hover .hint{display:inline-block}.select-group .select-display{min-height:28px;padding:10px;border:1px solid rgba(0,0,0,.3)}.select-group .select-display-item{background-color:rgba(111,187,255,.2);padding:2px 10px;margin:2px;font-size:14px;cursor:default}.select-group .select-display-item .btn-delete{font-size:0}.select-group .select-options-list{overflow-y:scroll}.select-group .select-option{cursor:pointer;transition:all .1s ease-in;padding:5px}.select-group .select-option.selected{background-color:rgba(111,187,255,.1);font-weight:400}.select-group .select-option:hover{background-color:rgba(54,151,255,.3)}.add-user-select-container .btn-cancel,.add-user-select-container .btn-create{float:right}.add-user-select-container .btn-cancel{margin-right:20px}.add-user-select-container .user-item{padding-left:10px}.channel-add-users-modal{height:100%;background-color:#fff;padding:50px 80px}.video-item{float:left;box-sizing:border-box;padding:16px;overflow:hidden;color:#fff}.video-item .video-item-container{position:relative}.video-item .video-item-container.completed{cursor:pointer}.video-item .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);font-size:0;transition:.2s ease-in}.video-item .completed .overlay:hover{opacity:0}.video-item .text{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center;font-weight:lighter;font-size:.8rem}.video-item img{width:100%;display:block}.video-item .title{font-weight:400;width:100%;font-size:1.2rem;margin:0 0 .4rem}.video-item .uploader{font-size:.9rem}.video-item .time,.video-item .uploader{margin:0 0 .1rem}.video-item .progress{display:inline-block;width:60%;height:.5rem;margin-top:5px;border:1px solid #fff;border-radius:10px;overflow:hidden;text-align:left}.video-item .bar{display:inline-block;width:80%;height:.5rem;vertical-align:top;content:" ";background-color:#fff}.video-item .actions{margin-top:10px}.video-item .actions span{margin-left:15px}.video-item .actions span:first-child{margin-left:0}.video-item .actions span svg{margin-right:5px}.video-item .duration{position:absolute;display:inline-block;bottom:0;right:0;padding:.5rem 1rem;height:1.5rem;line-height:1.5rem;text-align:right;font-size:.8rem}.video-item .deleted .overlay,.video-item .published .overlay{background-color:rgba(0,0,0,.8);cursor:auto}.video-item .deleted .overlay .text,.video-item .published .overlay .text{margin:0;font-size:14px}.video-item .deleted .overlay:hover,.video-item .published .overlay:hover{opacity:1}.video-item .deleted .overlay .line1,.video-item .deleted .overlay .line2{position:absolute;width:142%;height:100%;border-bottom:1px solid #fff;opacity:.6}.video-item .deleted .overlay .line1{-webkit-transform:rotate(45deg) translateX(-10%) translateY(-35%);transform:rotate(45deg) translateX(-10%) translateY(-35%)}.video-item .deleted .overlay .line2{-webkit-transform:rotate(-45deg) translateX(-10%) translateY(-65%);transform:rotate(-45deg) translateX(-10%) translateY(-65%)}.video-item:before{content:"";padding-top:100%;float:left}.video-list{margin-left:-16px;margin-right:-16px}.video-feed{position:relative;min-height:37.5rem;overflow:hidden}.video-feed .message{margin-top:15rem;text-align:center;color:#70afef}.video-feed.col-1 .video-item{width:100%}.video-feed.col-2 .video-item{width:50%}.video-feed.col-3 .video-item{width:33.33333%}.video-feed.col-4 .video-item{width:25%}.video-feed.col-5 .video-item{width:20%}.channel-nav .header .action .btn,.channel-nav .header h3{height:40px;line-height:40px;vertical-align:middle}.channel-nav .header h3{float:left;margin:0;padding-left:14px;font-weight:400;color:#70afef}.channel-nav .header .action{float:right}.channel-nav .header .action .btn{font-size:16px;margin-left:10px}.channel-nav .header .action .btn:hover{color:#70afef}.channel-nav .channel-nav-tab{display:block;box-sizing:border-box;max-width:270px;height:30px;line-height:30px;padding-left:10px;border-left:4px solid transparent;font-size:.875rem;font-weight:400;text-decoration:none;transition:all .1s ease-in-out;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-nav .channel-nav-tab .icon{font-size:11px;vertical-align:0;color:#ccc;margin-right:5px}.channel-nav .channel-nav-tab.selected{background:linear-gradient(90deg,rgba(112,175,239,.2) 0,rgba(125,185,232,0))}.channel-nav .channel-nav-tab.selected,.channel-nav .channel-nav-tab.selected .icon{color:#70afef}.channel-nav .channel-nav-tab:hover{border-left:4px solid #70afef;color:#2496ec}.feed-page-header{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;padding:16px 0}.feed-page-header .profile-pic{width:10em;height:10em;border-radius:100%;overflow:hidden}.feed-page-header .profile-pic img{display:inline-block;object-position:50% 50%;width:100%;height:100%}.feed-page-header .profile-pic img.authorized{cursor:pointer}.feed-page-header .content{padding-left:20px;padding-bottom:20px}.exception,.feed-page-header .content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.exception{margin-top:10rem;-webkit-align-items:center;align-items:center;text-align:center;color:#ccc}.exception h1{margin:0;font-size:150px;font-weight:700}.exception p{margin:0;font-size:1.2rem;white-space:pre-line}.channel-feed h2,.channel-feed p{margin:0}.channel-feed .name{line-height:46px}.channel-feed .status{color:#70afef}.channel-feed .status .icon{vertical-align:middle;margin-right:5px;font-size:12px}.channel-feed .purpose{margin-top:10px}.channel-feed .feed-page-header .actions{display:inline-block;margin-left:10px}.channel-feed .feed-page-header .btn-actions{width:46px;height:46px;font-size:1.2rem;color:#ccc}.channel-feed .feed-page-header .btn-actions:hover{color:#000}.channel-feed .feed-page-header .dropdown-menu-content{font-weight:lighter}.home{display:-webkit-flex;display:flex;position:relative;z-index:0}.home>.sidebar{padding-top:16px;box-sizing:border-box;-webkit-flex:1 1 25%;flex:1 1 25%;padding-right:32px}.home .fixed-container{position:fixed}.home .nav-tab-all{display:block;margin-top:10px}.home>.content{position:relative;-webkit-flex:3 1 75%;flex:3 1 75%;min-height:20rem}.user-feed-page{padding-bottom:3rem}.user-feed-page .feed-page-header .email{margin:0;color:#2d2f3c}.user-feed-page .user-feed-body{margin-top:2rem}.user-feed-page .videos-container{min-height:37.5rem;display:-webkit-flex;display:flex}.user-feed-page .draft,.user-feed-page .publish{height:100%}.user-feed-page .tabs{padding:0 15rem}.template-page{height:37.5rem;padding:0 .84375rem 2rem 2.34375rem;background-color:#2d2f3c;box-sizing:border-box}.template-page .title{height:6.25rem;line-height:6.25rem;color:#fff;letter-spacing:.2rem;font-weight:lighter;margin:0}.template-page .template-list{font-size:0;height:29.75rem;overflow-y:auto}.template-page .template{vertical-align:middle;position:relative;display:inline-block;width:33.98438rem;height:4.9rem;box-sizing:border-box;padding:.5rem 1rem;border-bottom:1px solid hsla(0,0%,80%,.2);cursor:pointer}.template-page .template .icon{display:inline-block;vertical-align:top;width:13%;height:100%}.template-page .template .icon svg{width:100%;fill:#fff}.template-page .template .info{display:inline-block;width:65%;margin-left:2rem;vertical-align:top;color:#fff}.template-page .template .info .name{margin:0;font-size:1.2rem;letter-spacing:.5px}.template-page .template .info .description{margin:0;font-size:.9rem}.template-page .template:hover{background-color:#70afef}.template-page .template:nth-child(2n){margin-left:2.34375rem}.loading-bar{position:relative}.loading-bar .text{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#70afef}.media-window{position:relative}.media-window.cropped{display:-webkit-flex;display:flex}#webcam-video{height:100%;width:auto;margin-left:-16%;object-fit:cover}.cropped #webcam-video{-webkit-flex:1 1;flex:1 1;margin-left:0}#webcam-video::-webkit-media-controls-panel{margin-left:12%;margin-right:12%}.cropped #webcam-video::-webkit-media-controls-panel{margin-left:0;margin-right:0}.status-window{position:absolute;width:90%;height:30px;left:50%;bottom:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;padding:0 5px}.dot,.timer{display:inline-block}.dot{float:left;content:" ";font-size:0;width:15px;height:15px;margin-top:7.5px;border-radius:50%;background-color:#e62a3f}.timer{float:right;line-height:30px;color:#ccc}.control-panel{position:relative}.control-panel .btn{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-sizing:border-box}.control-panel .btn:hover{fill:#fff;stroke:none;background-color:#70afef}.control-panel .btn-preview.disable{fill:#ccc;stroke:#ccc;background-color:#fff;cursor:not-allowed}.control-panel .btn-next,.control-panel .btn-prev,.control-panel .btn-preview{width:2.5rem;height:2.5rem;background-color:#fff;stroke:#000;border-radius:50%}.control-panel .btn-record{left:50%;width:5rem;height:5rem;background-color:initial;fill:#fff}.control-panel .btn-prev{left:35%}.control-panel .btn-next,.control-panel .btn-preview{left:65%}.progress-bar{text-align:center}.progress-bar .bar{display:inline-block;width:2rem;fill:#fff}.videoinfo-form{width:80%;height:100%;overflow-y:auto;margin:0 auto}.videoinfo-form .form-group{position:relative;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.videoinfo-form input,.videoinfo-form label,.videoinfo-form select{color:#fff;line-height:3rem;height:3rem;font-weight:lighter}.videoinfo-form .custom-select-input,.videoinfo-form input{text-align:right;text-align-last:right}.videoinfo-form input#title{padding-right:35px}.videoinfo-form input#attachments{display:none}.videoinfo-form .input-file{float:right;width:150px;height:2rem;line-height:2rem;text-align:center;-webkit-transform:translateY(25%);transform:translateY(25%)}.videoinfo-form .input-file .fa-plus{margin-left:10px}.videoinfo-form .input-file:hover{cursor:pointer;background-color:rgba(0,0,0,.1)}.videoinfo-form .attachment{text-align:right}.videoinfo-form .attachment .deletable-item-container{margin:3px 0 5px;padding:0 10px 0 20px;background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6);font-size:14px}.videoinfo-form .attachment .text{display:inline-block;max-width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}.videoinfo-form .attachment .btn{margin-left:5px;color:#fff}.videoinfo-form .attachment .btn:hover{font-weight:700}.videoinfo-form .error .custom-select-input span,.videoinfo-form .error input::-webkit-input-placeholder{font-weight:400}.videoinfo-form .error .custom-select-input span,.videoinfo-form .error input::-ms-input-placeholder{font-weight:400}.videoinfo-form .error .custom-select-input span,.videoinfo-form .error input::placeholder{font-weight:400}.videoinfo-form .action{position:absolute;width:100%;bottom:115px;left:0}.videoinfo-form .action .action-container{position:relative}.videoinfo-form .action .btn{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-sizing:border-box}.videoinfo-form .action .btn:hover{fill:#fff;stroke:none}.videoinfo-form .btn-confirm,.videoinfo-form .btn-review{width:8rem;height:2.5rem;border-radius:20px;font-size:1.2rem;font-weight:lighter;letter-spacing:2px}.videoinfo-form .btn-review,.videoinfo-form .btn-review:hover{left:36%;background-color:#000;color:#fff}.videoinfo-form .btn-confirm,.videoinfo-form .btn-draft{left:64%}.videoinfo-form .btn-confirm{background-color:#fff;color:#70afef}.videoinfo-form .btn-confirm:hover{background-color:#37bf56;color:#fff}.videoinfo-form .btn-draft{margin-top:2.2rem;background:none;border-bottom:2px solid;font-size:.9rem;color:rgba(0,0,0,.4);line-height:1.5rem}.videoinfo-form .btn-draft:hover{color:rgba(0,0,0,.6)}.videoinfo-form .iconfont-delete{font-size:1.5rem}.video-form-overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.form-group-select{position:relative;border-bottom:1px solid rgba(0,0,0,.1);width:100%}.form-group-select .input-wrapper{display:-webkit-flex;display:flex}.form-group-select .custom-select,.form-group-select .custom-select-input>span,.form-group-select label{height:3rem;line-height:3rem;font-size:1rem}.form-group-select .custom-select-input>span{display:inline-block;vertical-align:top;color:#fff;padding-right:15px}.form-group-select .custom-select{position:relative;-webkit-flex:2 1;flex:2 1}.form-group-select .custom-select .custom-select-input{height:100%;margin-left:15px;padding-right:10px;box-sizing:border-box;cursor:pointer}.form-group-select .custom-select .custom-select-wrapper{display:none}.form-group-select .custom-select .custom-select-wrapper.opened{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1}.form-group-select .custom-select .custom-select-dropdown{display:none;position:absolute;max-height:17rem;overflow-y:scroll;top:3rem;right:0;z-index:2;background-color:#70afef;color:#fff;border:1px solid rgba(0,0,0,.1)}.form-group-select .custom-select .custom-select-dropdown.opened{display:block}.form-group-select .custom-select .custom-select-dropdown .option-item{padding:0 15px;border-bottom:1px solid rgba(0,0,0,.1);cursor:pointer}.form-group-select .custom-select .custom-select-dropdown .option-item:hover{background-color:rgba(0,0,0,.1)}.form-group-select.required:before{content:"*";position:absolute;line-height:3rem;left:-15px;color:#ccc}.form-group-select.error .custom-select-input span{color:#e62a3f;opacity:.6}.form-group-select .fa-chevron-right{height:3rem;color:#fff}.console-window{background-color:#70afef}.console-window .section-1{margin-top:2rem}.console-window .section-2{height:5rem}.console-window .section-3{margin-top:1.84375rem}.console-window .header{height:25rem}.console-window .header .description,.console-window .header .label{display:inline-block;box-sizing:border-box;vertical-align:top;color:#fff}.console-window .header .description{width:75%;padding:0 1rem 0 2rem;font-size:1.2rem}.console-window .header .description p{margin:0}.console-window .header .label{width:25%;padding:0 1.5rem;border-left:1px solid #fff;font-weight:400;font-size:1.5rem;line-height:1.5rem}.console-window .header .label span{display:inline-block}.console-window .header .label .label-step{width:100%;letter-spacing:1.5px;font-size:2rem;line-height:2rem}.console-window .header .label .label-of{margin:0 .5rem}.console-window .control-panel{height:5rem}@font-face{font-family:icon;src:url(/static/media/icons_font.6eab5d04.woff) format("woff")}body,html{font-family:Open Sans,sans-serif;font-size:16px;font-weight:lighter;margin:0;padding:0}body.scroll-lock{overflow:hidden}button,h1,h2,h3,h4,h5{font-family:Open Sans,sans-serif}h2.title{margin:1rem 0 .5rem;line-height:2rem;font-weight:400}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.btn{border:none;cursor:pointer;padding:0;background-color:initial}.btn:focus{outline:0}.container{margin:0 auto;width:75rem;min-width:75rem}.app{width:100%}.fill-height,.flex-grid{display:-webkit-flex;display:flex}.fill-height{-webkit-flex-direction:column;flex-direction:column}.col,.fill-height>div{-webkit-flex:1 1;flex:1 1}.col{position:relative}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.clearfix:after{content:"";display:block;font-size:0;visibility:hidden;clear:both}.grid-wrapper{display:grid;grid-template-columns:repeat(10,1fr)}.default-header{height:28.125rem;background-color:#70afef;display:-webkit-flex;display:flex;-webkit-flex-flow:column;flex-flow:column;-webkit-justify-content:center;justify-content:center}.default-header h1{margin:0;padding-top:.5em;color:#fff;text-align:center;font-weight:400;font-size:2.5rem;letter-spacing:.1rem}.default-header p{margin-top:1em;text-align:center;color:#fff;font-weight:lighter}.default-footer{height:9.375rem;background-color:#2d2f3c;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.tabs{padding:0 1.5rem;-webkit-flex:0 1 2.5rem;flex:0 1 2.5rem}.tabs .tab{line-height:2.5rem}.tabs .tab.active,.tabs .tab:hover{color:#70afef}.tabs .tab.active{border-bottom:3px solid #70afef}.panel>span>div{position:absolute;top:0;bottom:0;left:0;right:0;padding:0 1.5rem}.empty-message{position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-size:1.5rem;font-weight:400;color:#ccc;margin-top:-50px}.dashboard{height:37.5rem;transition:height .2s ease-in}.dashboard.studio{overflow:hidden}.dashboard.feed{height:100%;overflow-y:auto;overflow-x:hidden}.btn-create-new{background-color:#70afef;color:#fff;font-size:1.5rem;line-height:3rem;padding:0 2em;border-radius:6px;font-weight:lighter;letter-spacing:.1rem}.btn-create-new:hover{background-color:#2496ec}[class*=iconfont-]{display:inline-block;font-family:icon;font-style:normal;font-size:1rem;vertical-align:middle;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.iconfont-delete:before{content:"\F126"}
/*# sourceMappingURL=main.1aba0f9a.chunk.css.map */