:root{--alert-error:#d7403a;--alert-success:#4caf50;--bg-primary:#fff;--bg-secondary:#f2f2f2;--bg-hover:#e8e8e8;--border:#eee;--border-primary:#dcdee0;--border-secondary:#e6e7eb;--border-menu:#dadce0;--brand-primary:#31b877;--brand-primary-hover:#269760;--brand-primary-lighter:#47d18e;--bg-control:#38536d;--bg-control-hover:#003c88b3;--dropdown-light:#eef4ff;--font-family:"Mulish",sans-serif;--font-size-base:16px;--font-size-title:16px;--font-weight-base:400;--line-height-base:24px;--nav-color:#1e2736;--nav-color-secondary:#8692b0;--nav-secondary-height:60px;--side-bar-width:132px;--side-panel-width:300px;--side-panel-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;--text-primary:#4e5259;--text-secondary:#6c7183;--text-sidebar:#eee;--warning:#fca426;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-base);line-height:var(--line-height-base);letter-spacing:-.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}iframe{border:none;outline:none}.container{min-width:320px;max-width:1290px;margin:0 auto;padding:0 20px}.content__title{font-size:18px;font-weight:400}img,svg{max-width:100%;max-height:100%}svg{display:block}.header svg{height:100%}a.card{background:var(--bg-primary);border:solid 1px var(--border-primary);-o-transition:top .3s,box-shadow .3s;transition:top .3s,box-shadow .3s,-webkit-box-shadow .3s;border-radius:4px;min-width:0;-webkit-transition:top .3s,box-shadow .3s;position:relative;top:0;box-shadow:0 4px 32px #0a0e1d05,0 8px 64px #0a0e1d14}a.card:hover{top:-5px;box-shadow:0 16px 40px #0a0e1d0a,0 16px 80px #0a0e1d29}.card__detail{border-top:solid 1px var(--border-primary);min-height:50px;padding:10px}.card__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.card__description{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.card__img{-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9}.grid-container{display:-ms-grid;-ms-grid-columns:1fr 24px 1fr 24px 1fr 24px 1fr;-webkit-column-gap:24px;-moz-column-gap:24px;grid-template-columns:1fr 1fr 1fr 1fr;gap:36px 24px;display:grid}.t-right{text-align:right}.t-left{text-align:left}.t-center{text-align:center}a:link,a:visited{color:var(--brand-primary);text-decoration:none}.d-none{display:none}.d-flex{display:flex}input[type=text],input[type=number],input[type=file],input[type=password],input[type=tel],input[type=email],input[type=date],input[type=search],input[type=color],select{border:1px solid var(--border-primary);background-clip:padding-box;background-color:var(--bg-primary);font-size:var(--font-size-base);font-family:var(--font-family);font-weight:inherit;border-radius:5px;outline:0;width:100%;height:50px;padding:15px}input[type=color]{border:1px solid var(--border-primary);background-clip:padding-box;background-color:var(--bg-primary);font-size:var(--font-size-base);font-family:var(--font-family);font-weight:inherit;cursor:pointer;border-radius:5px;outline:0;width:100%;height:50px;padding:5px}input[type=text]:disabled,input[type=email]:disabled{background-color:var(--border)}.form__group{margin:20px 0}form label{color:var(--text-secondary);margin-bottom:5px;display:block}form button{text-transform:uppercase;background:var(--brand-primary);color:var(--white);font-size:var(--font-size-base);-o-transition:all .3s;cursor:pointer;border:0;border-radius:5px;outline:0;width:100%;padding:15px;transition:all .3s}form button:disabled,form button[disabled]{color:#666;cursor:not-allowed;pointer-events:none;background-color:#ccc}.side-bar{width:var(--side-bar-width);z-index:1;text-align:center;color:var(--white);background-color:var(--brand-primary);scrollbar-width:none;overflow:hidden auto;overflow:-moz-scrollbars-none;-ms-overflow-style:none;height:100%;position:fixed}.side-bar .nav-link.has-icon{color:var(--text-sidebar);flex-direction:column;justify-content:center;align-items:center;padding:20px;font-weight:500;display:flex}.side-bar__logo{height:60px;margin:20px 0;display:block}.side-bar__nav-list .nav-link.active{background-color:var(--brand-primary);color:var(--white)}.side-bar__nav-list .nav-link:hover{color:var(--white)}.side-bar__nav-list .nav-link:hover svg{-o-transition:all .3s;transition:all .3s;transform:translateY(-5%)}.side-bar__nav-list svg{fill:var(--white);height:36px}.main{left:var(--side-bar-width);width:calc(100% - var(--side-bar-width));position:relative}.content{margin:36px 0}.header-primary{border-bottom:1px solid var(--border-secondary);width:100%;height:48px;padding:10px 0}.header-primary a:link,.header-primary a:visited{color:var(--text-primary)}.header-primary svg{fill:var(--text-primary);height:100%}.header-secondary{height:var(--nav-secondary-height);background-color:var(--brand-primary);z-index:130;border-bottom:none;align-items:center;padding:10px 12px;display:none;position:relative;box-shadow:0 2px 24px #0b0f1414}.app-single .header-secondary{display:flex;position:relative}.project-single .header-secondary{display:flex}.header-secondary .main-nav__left{flex-shrink:0;align-items:center;display:flex}.header-secondary .nav__logo{flex-shrink:0;height:40px;display:block}.header-secondary .main-nav__title{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:400;overflow:hidden}.header-secondary .main-nav__center{min-width:0;margin:0 20px}.header-secondary .main-nav__right{flex-shrink:0;align-items:center;height:100%;padding:10px 0;display:flex}.main-nav__right__icon-menu{margin-left:30px}.header-secondary .main-nav__right>div{cursor:pointer;-o-transition:background-color .3s;padding:3px;transition:background-color .3s}.header-secondary .main-nav__right>div:hover{background-color:var(--brand-primary-lighter)}.header-secondary svg{fill:#fff}.main-nav{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.main-nav__title{font-size:20px;font-weight:var(--font-weight-base)}.main-nav__right{position:relative}#account_link{align-items:center;height:100%;display:flex}.account__icon-user{background-color:var(--nav-color-secondary);border-radius:50%;height:100%;padding:4px}.account__icon-user>svg{fill:var(--white)}.account__user-name{text-transform:uppercase;margin:0 5px 0 10px}.account__icon-arrow-down{height:16px}.main-nav__right__dropdown{opacity:1;background-color:var(--bg-primary);z-index:2;border:none;min-width:230px;padding:6px 0;position:absolute;top:24px;right:0;box-shadow:0 8px 16px #0a0e1d0a,0 8px 64px #0a0e1d14}.main-nav__right__dropdown .nav-link{color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-base);border-width:0;padding:12px 24px;display:block}.main-nav__right__dropdown .nav-link:hover,.main-nav__right__dropdown .nav-link:active{background-color:var(--dropdown-light)}.main-nav-right__menu-side-bar__block{z-index:99;background:var(--bg-primary);border-left:1px solid var(--border-primary);-o-transition:all ease-in .3s;width:300px;transition:all .3s ease-in;position:fixed;top:0;bottom:0;right:-400px;overflow:hidden;box-shadow:0 2px 24px #0b0f1414}.main-nav-right__menu-side-bar__hide{cursor:pointer;opacity:.4;z-index:100;-o-transition:opacity .3s ease-in;width:16px;height:16px;transition:opacity .3s ease-in;position:absolute;top:16px;left:16px}.main-nav-right__menu-side-bar__hide svg{fill:var(--text-primary)}.main-nav-right__menu-side-bar__hide:hover{opacity:1}.main-nav-right__menu-side-bar__list{text-align:center;padding:40px;font-weight:700}.main-nav-right__menu-side-bar__list>a{color:var(--text-primary);padding:12px 0;display:block}.main-nav-right__menu-side-bar__list>a:link,.main-nav-right__menu-side-bar__list>a:visited{color:var(--text-primary)}.main-nav-right__menu-side-bar__list>a:hover{color:var(--brand-primary);-o-transition:color ease-in .3s;transition:color .3s ease-in}.custom-page{background:var(--brand-primary);flex-direction:column;align-items:center;padding:20px;display:flex}.custom-page .logo{width:112.5px;height:90px;margin-bottom:50px}.custom-page .logo>img{width:100%;height:100%}.page-404{background:var(--white);color:var(--bg-control)}.page-404 h1{font-size:20px}.page-404 a{font-weight:700}.custom-form-container{background-color:var(--bg-primary);text-align:center;border-radius:5px;width:480px;max-width:100%;padding:45px;box-shadow:0 4px 32px #0a0e1d05,0 8px 64px #0a0e1d14}.pass-forget{color:var(--text-secondary)}.forgot-password .spinner{margin-top:16px}.popup-container{z-index:125;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:0 5px;display:flex;position:fixed}.popup-inner{background-color:var(--bg-primary);border-radius:5px;width:500px;max-width:100%;padding:30px 0;position:relative;box-shadow:0 4px 32px #0a0e1d05,0 8px 64px #0a0e1d14}.popup-title{white-space:nowrap;text-overflow:ellipsis;padding:0 24px;font-size:20px;overflow:hidden}.popup-control{-o-transition:background-color .3s;align-items:center;gap:16px;margin:24px 0;padding:10px 24px;transition:background-color .3s;display:flex}.popup-control:hover{background-color:var(--bg-hover)}.popup-control__left-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.popup-control__left-icon.shared{background-color:#31b8774d}.popup-control__left-icon.not-shared{background-color:#e3e3e3}.popup-control__right button{background-color:#0000;border:none;outline:none;justify-content:space-between;align-items:center;gap:6px;display:flex;position:relative}#popupDropdownBtn{-o-transition:background-color .3s;border-radius:3px;padding:5px;transition:background-color .3s}#popupDropdownBtn:hover{cursor:pointer;background-color:#1f1f1f1a}.popup-control__b-text{font-size:16px;font-weight:700}.popup-control__s-text{padding-left:5px;font-size:14px}.popup-control__dropdown-list{background-color:var(--bg-primary);z-index:140;border-radius:4px;width:300px;margin-left:-5px;position:absolute;top:36px;overflow:hidden;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.popup-control__dropdown-list .item-list{padding:10px 0}.popup-control__item{align-items:center;padding:16px;font-size:16px;list-style:none;display:flex}.popup-control__item:hover{background-color:var(--bg-hover);cursor:pointer}.popup-control__item .icon{width:24px;margin-right:16px}.popup-control__button{justify-content:space-between;padding:0 24px;display:flex}.popup-control__button .btn{font-size:var(--font-size-base);-o-transition:all .3s;cursor:pointer;border-radius:50px;padding:10px 24px;transition:all .3s}.popup-control__button .btn.fill{background-color:var(--brand-primary);color:var(--white);font-size:var(--font-size-base);border:0;outline:0}.popup-control__button .btn.fill:hover{background-color:var(--brand-primary-hover)}.popup-control__button .btn.outline{color:var(--brand-primary);background-color:var(--white);border:1px solid #535353;gap:8px;display:flex}.popup-control__button .btn.outline:hover{background-color:var(--bg-hover)}.popup-message{color:var(--white);background-color:#242424;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px 20px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.account-form,.setting-form{max-width:500px}.alert{border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding:10px 20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.alert--success{background-color:var(--alert-success);color:var(--white)}.alert--error{background-color:var(--alert-error);color:var(--white)}.form-message--error{color:var(--alert-error)}@media only screen and (width<=1024px){.grid-container{-ms-grid-columns:1fr 20px 1fr 20px 1fr;-webkit-column-gap:20px;-moz-column-gap:20px;grid-template-columns:1fr 1fr 1fr;gap:30px 20px}}@media only screen and (width<=768px){.grid-container{-ms-grid-columns:1fr 20px 1fr;-webkit-column-gap:20px;-moz-column-gap:20px;grid-template-columns:1fr 1fr;gap:30px 20px}}@media only screen and (width<=640px){.header-primary{display:none}.header-secondary{display:flex}.side-bar{display:none}.main{width:100%;left:0}.project-title{font-size:1em}.header-secondary .main-nav__left{gap:20px}.header-secondary .main-nav__right{padding:10px 0}.main-nav__right__icon-menu{margin-left:10px}.header-secondary .main-nav__left-title{font-size:16px}.grid-container{-ms-grid-columns:1fr;-webkit-column-gap:24px;-moz-column-gap:24px;grid-template-columns:1fr;gap:30px 24px}.login-form,.signup-form{width:100%;max-width:480px;padding:20px}}