/*! _variables.scss | Vuero | Css ninja 2020-2021 *//*! _right-panel.scss | Vuero | Css ninja 2020-2021 */.right-panel-wrapper.is-active .panel-overlay{opacity:.8;pointer-events:all}.right-panel-wrapper.is-active .right-panel{transform:translate(0)}.right-panel-wrapper.is-left.is-active .right-panel{transform:translate(0)!important}.right-panel-wrapper.is-left .right-panel{right:unset;left:0;transform:translate(-100%)}.right-panel-wrapper .panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#232326;opacity:0;pointer-events:none;z-index:101;transition:all .3s}.right-panel-wrapper .right-panel{position:fixed;top:0;right:0;width:360px;height:100%;background:#fff;transform:translate(100%);z-index:102;transition:all .3s}.right-panel-wrapper .right-panel .right-panel-head{position:relative;height:60px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.right-panel-wrapper .right-panel .right-panel-head h3{color:#999;font-family:Montserrat,sans-serif;font-size:1.2rem}.right-panel-wrapper .right-panel .right-panel-head>img{max-width:36px}.right-panel-wrapper .right-panel .right-panel-head .close-panel{height:32px;width:32px;display:flex;justify-content:center;align-items:center;border-radius:9999px;transition:all .3s;color:#999}.right-panel-wrapper .right-panel .right-panel-head .close-panel:hover{background:#ededed}.right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg{color:#41b883}.right-panel-wrapper .right-panel .right-panel-head .close-panel svg{color:#a2a5b9;height:22px;width:22px;transition:stroke .3s}.right-panel-wrapper .right-panel .right-panel-body{position:relative;height:calc(100% - 60px);width:100%}.is-dark .right-panel-wrapper .right-panel{background:#232326}.is-dark .right-panel-wrapper .right-panel .right-panel-head h3{color:#aaaab3}.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover{background:#323236}.is-dark .right-panel-wrapper .right-panel .right-panel-head .close-panel:hover svg{color:#41b883}.right-panel-wrapper.is-languages .right-panel-head{padding:0 30px}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes{display:flex;flex-wrap:wrap;padding:30px 0}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box{margin:8px 8px 16px;width:calc(33.3% - 16px);display:flex;justify-content:center;align-items:center}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option{position:relative}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:3}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input:checked+.language-option-inner{border-color:#41b883}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input:checked+.language-option-inner .indicator{display:flex}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner{position:relative;display:flex;justify-content:center;align-items:center;height:55px;width:55px;border-radius:9999px;border:1.6px solid #ededed;background:#fff;box-shadow:-1px 3px 10px #0000000f;transition:all .3s}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner img{display:block;width:40px;min-width:40px;height:40px;border-radius:9999px}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner .indicator{position:absolute;top:-4px;right:-4px;height:26px;width:26px;border-radius:9999px;display:none;justify-content:center;align-items:center;background:#41b883;border:3px solid #fff}.right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner .indicator svg{height:10px;width:10px;stroke-width:3px;color:#fff}.right-panel-wrapper.is-languages .right-panel-body .img-wrap>img{display:block;max-width:280px;margin:0 auto}.is-dark .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option input:checked+.language-option-inner{border-color:#41b883}.is-dark .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner{border-color:#404046;background:#232326}.is-dark .right-panel-wrapper.is-languages .right-panel-body .languages-boxes .language-box .language-option .language-option-inner .indicator{background:#41b883;border-color:#232326}.right-panel-wrapper.is-activity .right-panel .right-panel-head{padding:0 30px}.right-panel-wrapper.is-activity .right-panel .right-panel-body{padding:0 30px;height:calc(100% - 55px)}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card{display:flex!important;align-items:center;padding:16px!important;margin-bottom:16px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta{margin-left:12px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span{display:block}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span:first-child{color:#283252;font-weight:500}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span:nth-child(2){color:#a2a5b9;font-size:.9rem}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .meta span:nth-child(2) svg{height:12px;width:12px;stroke-width:1.4px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link{display:flex;justify-content:center;align-items:center;margin-left:auto;height:34px;width:34px;background:#fff;border:1px solid #e5e5e5;border-radius:9999px;transition:all .3s}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link:hover{border-color:#41b883;box-shadow:-1px 3px 10px #0000000f}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link:hover svg{color:#41b883}.right-panel-wrapper.is-activity .right-panel .right-panel-body .team-card .link svg{height:16px;width:16px;color:#a2a5b9}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card{padding:16px!important;margin-bottom:16px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner{display:flex;align-items:center}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .project-avatar{display:block;height:38px;width:38px;border-radius:12px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta{margin-left:12px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta span{display:block}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta span:first-child{color:#283252;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .meta span:nth-child(2){font-family:Roboto,sans-serif;color:#a2a5b9;font-size:.9rem}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link{display:flex;justify-content:center;align-items:center;margin-left:auto;height:34px;width:34px;background:#fff;border:1px solid #e5e5e5;border-radius:9999px;transition:all .3s}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link:hover{border-color:#41b883;box-shadow:-1px 3px 10px #0000000f}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link:hover svg{color:#41b883}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-inner .link svg{height:16px;width:16px;color:#a2a5b9}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot{margin-top:12px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot .progress{margin-bottom:10px;margin-top:18px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot .foot-stats{display:flex;align-items:flex-end;justify-content:space-between}.right-panel-wrapper.is-activity .right-panel .right-panel-body .project-card .project-foot .foot-stats span{font-family:Roboto,sans-serif;color:#a2a5b9}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline{margin-top:30px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item{position:relative;display:flex;padding-bottom:30px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item:after{content:"";position:absolute;top:36px;left:18px;width:1px;height:calc(100% - 36px);border-left:1px solid #e5e5e5}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon{position:relative;height:36px;width:36px;display:flex;justify-content:center;align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:9999px;color:#a2a5b9;box-shadow:-1px 3px 10px #0000000f}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon:after{content:"";position:absolute;top:17px;left:40px;width:20px;height:1px;border-top:1px solid #e5e5e5}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon img{display:block;height:28px;width:28px;border-radius:9999px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-icon svg{height:16px;width:16px;stroke-width:1.6px}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-content{margin-left:34px;line-height:1.2}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-content p{font-size:.95rem;font-family:Montserrat,sans-serif}.right-panel-wrapper.is-activity .right-panel .right-panel-body .icon-timeline .timeline-item .timeline-content span{font-size:.85rem;color:#a2a5b9}.right-panel-wrapper.is-activity .right-panel .tabs-wrapper{height:calc(100% - 60px)}.right-panel-wrapper.is-activity .right-panel .tabs-wrapper .tabs-inner .tabs{margin-left:auto;margin-right:auto}.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card,.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card{background:#28282b!important;border-color:#37373b!important}.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .meta span:first-child,.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .meta span:first-child{color:#aaaab3}.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .link,.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .link{background:#323236!important;border-color:#404046!important}.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .link:hover,.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .link:hover{border-color:#41b883!important}.is-dark .right-panel-wrapper.is-activity .right-panel-body .team-card .link:hover svg,.is-dark .right-panel-wrapper.is-activity .right-panel-body .project-card .project-inner .link:hover svg{color:#41b883!important}.is-dark .right-panel-wrapper.is-activity .right-panel-body .icon-timeline .timeline-item:after{border-color:#404046!important}.is-dark .right-panel-wrapper.is-activity .right-panel-body .icon-timeline .timeline-item .timeline-icon{background:#323236!important;border-color:#404046!important}.is-dark .right-panel-wrapper.is-activity .right-panel-body .icon-timeline .timeline-item .timeline-icon:after{border-color:#404046!important}.right-panel-wrapper.is-task .right-panel{width:420px}.right-panel-wrapper.is-task .right-panel .right-panel-head,.right-panel-wrapper.is-task .right-panel .right-panel-body{padding:0 30px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group{margin-bottom:20px;padding-bottom:20px;border-bottom:1.6px dashed #e5e5e5}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h3{text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:.8rem;font-weight:600;color:#41b883;margin-bottom:10px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h4{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:600;color:#283252;margin-bottom:5px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h5{text-transform:uppercase;font-family:Roboto,sans-serif;font-size:.8rem;color:#a2a5b9}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-description{margin-bottom:20px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-description p{margin-bottom:10px;font-size:.95rem}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-description p a{text-transform:uppercase;font-family:Roboto,sans-serif;font-weight:600;font-size:.75rem;color:#a2a5b9}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner{display:flex;align-items:center;justify-content:space-between}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button{height:40px;width:40px;border-right:50%;background:none;border:1.8px dashed #a2a5b9;border-radius:9999px;color:#a2a5b9;cursor:pointer;outline:none;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button:hover{border:1.8px solid #41b883;color:#41b883}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button svg{height:18px;width:18px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats{display:flex}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats *:last-child{margin-left:auto}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat,.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a{display:flex;align-items:center;color:#a2a5b9}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat span,.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a span{margin-left:3px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat svg,.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a svg{height:18px;width:18px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats .task-stat{margin-right:15px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a{text-transform:uppercase;font-family:Roboto,sans-serif;font-weight:600;font-size:.75rem;color:#41b883}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a span{margin-left:5px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats a svg{height:14px;width:14px;stroke-width:3px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box{display:flex;align-items:center;padding:8px;background:#fff;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box:hover{border-color:#e5e5e5;box-shadow:-1px 3px 10px #0000000f}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box img{display:block;width:38px;min-width:38px;height:38px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta{margin-left:12px;line-height:1.3}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span{display:block}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:first-child{font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;color:#283252}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:nth-child(2){font-size:.9rem;color:#a2a5b9}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:nth-child(2) i{position:relative;top:-3px;font-size:.3rem;color:#a2a5b9;margin:0 4px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .dropdown{margin-left:auto}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end{display:flex;align-items:center}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .message-action{height:32px;width:32px;display:flex;justify-content:center;align-items:center;color:#a2a5b9;border-radius:9999px;border:1px solid transparent;transition:all .3s}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .message-action:hover{border-color:#e3e3e3;box-shadow:-1px 3px 10px #0000000f;color:#41b883}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .message-action svg{height:16px;width:16px}.right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .has-textarea-addon .control .end .button{margin-left:10px}.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group{border-color:#404046!important}.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h3{color:#41b883}.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group h4{color:#aaaab3}.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner .avatar-stack .v-avatar img{border-color:#232326}.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-participants .participants-inner button:hover{border-color:#41b883;color:#41b883}.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-stats>a{color:#41b883}.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box{background:#232326!important;border-color:#232326!important}.is-dark .right-panel-wrapper.is-task .right-panel .right-panel-body .task-group .task-files .file-box .meta span:first-child{color:#aaaab3}.right-panel-wrapper.is-search .right-panel{width:420px}.right-panel-wrapper.is-search .right-panel .right-panel-head{padding:0 30px}.right-panel-wrapper.is-search .right-panel .right-panel-body{padding:20px 30px}.right-panel-wrapper.is-search .right-panel .right-panel-body .field{position:relative;margin-bottom:30px}.right-panel-wrapper.is-search .right-panel .right-panel-body .field .control .input{min-height:48px;padding-left:48px}.right-panel-wrapper.is-search .right-panel .right-panel-body .field .control .form-icon{height:48px;width:48px}.right-panel-wrapper.is-search .right-panel .right-panel-body .recent{font-family:Roboto,sans-serif;margin-bottom:30px;padding:0 20px}.right-panel-wrapper.is-search .right-panel .right-panel-body .recent h4{text-transform:uppercase;font-size:.8rem;color:#a2a5b9;margin-bottom:12px}.right-panel-wrapper.is-search .right-panel .right-panel-body .recent .media-flex-center .flex-meta span:first-child{font-weight:500}@media only screen and (max-width: 767px){.right-panel-wrapper .right-panel{width:100%;max-width:100%}}