.agora-video-player{background-color:#000;position:relative;width:100%}.agora-video-player div[id*=player]{margin:0 auto;padding-bottom:50vh;width:100vh!important}.agora-video-player .video-controls{bottom:16px;position:absolute;right:16px;z-index:1}.workout-area{display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;padding:16px 8px}.shared-workout{height:100%;left:316px;max-width:300px;overflow:auto;position:absolute;scrollbar-color:transparent transparent;scrollbar-width:none;top:0;transition:.15s;width:300px;z-index:2}.shared-workout.collapsed{left:66px}.shared-workout::-webkit-scrollbar{display:none}.shared-workout .shared-workout--content{display:flex;flex-direction:column;overflow:auto;padding:16px 0}.shared-workout .shared-workout--content .circuit-header{align-items:center;display:flex}.shared-workout .shared-workout--content .circuit-header .circuit-header--title{margin-left:4px;margin-right:8px}.shared-workout .shared-workout--content .circuit-header .description{margin-left:auto}.shared-workout .shared-workout--content .el-card{color:#000;font-weight:500;margin-bottom:16px}.shared-workout .shared-workout--content .el-card .el-card__body,.shared-workout .shared-workout--content .el-card .el-card__header{font-size:14px;letter-spacing:.25px;padding:8px 16px}.shared-workout .shared-workout--content .el-card .el-card__body .description{margin-left:0}.shared-workout .shared-workout--content .el-card .el-card__body .exercises hr{margin:16px 0}.shared-workout .shared-workout--content .el-card .el-card__body .exercises:last-child hr{display:none}.shared-workout .shared-workout--content .el-card .el-card__body .exercises .exercise-info{margin-bottom:4px}.shared-workout .shared-workout--content .el-card .el-card__body .exercises .exercise-info:last-child{margin-bottom:0}.shared-workout .shared-workout--content .el-card .el-card__body .exercises .exercise-info .exercise-name{font-size:16px}.shared-workout .shared-workout--content .el-card .el-card__body .exercises .exercise-info .exercise-sets{display:flex;flex-direction:row}.shared-workout .shared-workout--content .el-card .el-card__body .exercises .exercise-info .exercise-sets:first-child{margin-bottom:8px}.shared-workout .shared-workout--content .el-card .el-card__body .exercises .exercise-info .exercise-sets>div{display:flex;flex-direction:column;justify-content:space-between;width:100%}.main-area{height:100%;opacity:0;visibility:hidden;transition:.5s}.main-area.in{opacity:1;visibility:visible}.left-sidebar{background-color:#fff;box-shadow:3px 0 5px rgba(0,0,0,.16);display:flex;flex-direction:column;height:100%;max-width:300px;min-width:300px;overflow-x:hidden;padding:16px 0 0;transition:.15s;width:300px;z-index:1}.left-sidebar.collapsed{max-width:50px;min-width:50px;width:50px}.left-sidebar--logo{margin-bottom:8px;padding:0 8px}.left-sidebar.collapsed .left-sidebar--logo{margin-bottom:0}.left-sidebar--logo img{width:100%}.left-sidebar--title h1{margin:0}.left-sidebar--inputs{padding:0 8px}.left-sidebar--inputs .channel-name-tooltip{display:block}.left-sidebar--inputs input[type=text]{margin-bottom:16px}.left-sidebar--actions{display:flex;height:41px;overflow:hidden;padding:0 8px;transition:.15s}.left-sidebar--actions .el-popover__reference-wrapper>button{width:100%}.left-sidebar--actions .left-sidebar--action-btns{display:inline-block;min-height:40px;width:50%}.left-sidebar--actions .left-sidebar--action-btns+.left-sidebar--action-btns{margin-left:8px}.left-sidebar--actions.invisible-actions{height:0}.left-sidebar--actions.invisible-actions+hr{margin-top:0;transition:.15s}.active-users{padding:0 8px}.active-users--creator{margin-bottom:8px}.active-users--list{display:flex;flex-wrap:wrap}.active-users--list .el-avatar{margin-bottom:8px;margin-right:8px}.active-users--list .el-avatar:nth-child(4n){margin-right:0}.view{-webkit-animation:gradient 30s ease infinite;animation:gradient 30s ease infinite;background:linear-gradient(-45deg,#e020aa,#efa829);background-size:400% 400%;display:flex;flex-direction:row;flex-wrap:wrap;position:relative}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.view .title-area{color:#fff;padding:64px}.view .title-area p{margin-bottom:8px}.view .title-area h1{font-size:40px;font-weight:600;margin-top:0}.view .video{max-height:50%}.view .video.local{width:100%}.view .video.remote{align-items:center;display:flex;justify-content:center;width:25%;flex-direction:row;flex-grow:1;flex-wrap:wrap}.view .video .agora-video-player{display:flex;width:100%}.view .video .agora-video-player div[id*=player]{max-width:100%!important;max-height:100%!important}.view .video .agora-video-player div[id*=player] video[id*=video]{-o-object-fit:contain!important;object-fit:contain!important}.hide-sidebar{margin-top:auto}.hide-sidebar .hide-sidebar--btn{border-color:transparent;width:100%;overflow:hidden}.hide-sidebar .hide-sidebar--btn span{white-space:nowrap;text-overflow:ellipsis}.price{position:relative}.price:before{content:"$";font-size:16px;left:16px;pointer-events:none;position:absolute;top:21px;transform:translate(-50%,-50%);z-index:1}.price.el-input-number.is-controls-right .el-input__inner{padding-left:30px}.el-popper[x-placement^=right]{margin-left:20px!important}.share-status{display:flex!important;margin:16px 0;width:100%}.share-status label.el-radio-button,.share-status label.el-radio-button .el-radio-button__inner{width:100%}.el-tag{margin-bottom:8px;margin-left:8px}.el-button.button-new-tag{margin-left:10px}.el-input.input-new-tag{width:90px;margin-left:8px;vertical-align:middle}.el-input.input-new-tag input{margin-bottom:0!important;padding-left:8px;padding-right:8px}.el-avatar>img{width:100%}@media (max-width:991px){.main-area{background-color:#fff;flex-direction:column-reverse;justify-content:space-between}.left-sidebar{box-shadow:none;height:auto;max-width:100%;min-width:100%;overflow:visible;padding:16px 16px;position:relative;width:100%;z-index:2}.left-sidebar hr{display:none}.left-sidebar .left-sidebar--actions{margin-bottom:16px}.view{background:linear-gradient(0deg,#e020aa,#e47ec7);background-size:100% 100%;border-radius:0 0 32px 32px;flex-grow:1;overflow:hidden;z-index:1}.view .title-area{padding:64px 24px 0}.view .title-area h1{font-size:32px}.view .video{height:100%;left:0;position:absolute;top:0;width:100%}.view .video.local{display:flex;max-width:100%;max-height:100%}}@media (max-height:667px){.view .title-area{padding:48px 24px 0}}#forgotPassForm>input:first-child,#loginForm>input:first-child,#registerForm>input:first-child{display:none}.login-register{align-items:center;background:linear-gradient(0deg,#e020aa,#e47ec7);display:flex;flex-direction:column;height:100%;justify-content:center;position:fixed;width:100%}.login-register .logo{width:258px;margin-bottom:16px}.login-register .login-register--container{max-width:300px}.login-register .login-register--container .login-title{margin-bottom:8px}.pass-check{color:red;font-size:12px}.pass-check div:last-child{margin-bottom:16px}.el-link.forgot-pass{margin-left:12px}@media (max-width:991px){.login-register{justify-content:flex-end}.login-register .login-register--container{border:0;border-radius:32px 32px 0 0;box-shadow:none;max-width:100%;padding:8px 0 64px;width:100%}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;position:absolute;width:100%}