#root,body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{display:flex;flex-direction:row;width:100%;height:100%;background-color:#181818}.sidebar{width:240px;background-color:#2a2b2d}.homepage{flex:1 1;background-color:#1e1f21}.sidebar-container{flex-direction:column;height:100%}.header,.sidebar-container{display:flex;justify-content:space-between}.header{height:72px;flex-direction:row;align-items:center;padding-left:26px;padding-right:24px}.asana-icon{width:80px}.sidebar-toggle-icon{fill:#a2a0a2;width:25px}.navigation-button-icon{fill:#a2a0a2;width:20px;height:20px;margin-right:8px}.secondary-navigation-button-icon{width:24px;height:24px;margin-right:8px}.navigation-button-container{display:flex;flex-direction:row;height:32px;align-items:center;padding-left:24px;padding-right:24px}.navigation-button-text,.secondary-navigation-button-text,.secondary-navigation-button-text-footer{margin:0;color:#fff;font-size:14px;font-weight:400}.secondary-navigation-button-container,.secondary-navigation-button-container-footer{height:55px;display:flex;flex-direction:row;align-items:center;border:0 solid #424244;border-top:1px;border-top-color:#424244;padding-left:24px}.secondary-navigation-button-text{color:#a2a0a2}.secondary-navigation-button-text-footer{color:#fff}.navigation-container{margin-bottom:16px}.asana-icon:hover{cursor:pointer}.sidebar-toggle-icon:hover{fill:#fff;cursor:pointer}.secondary-navigation-button-container:hover{cursor:pointer}.navigation-button-container:hover,.secondary-navigation-button-container-footer:hover{background-color:#4c4d4f;cursor:pointer}.secondary-navigation-button-container:hover .secondary-navigation-button-text{color:#fff}.container{display:flex;flex-direction:column;height:100%}.header-container{height:72px;border-color:#fff;border-width:2px;justify-content:space-between}.header-container,.main-header{display:flex;flex-direction:row}.main-header{padding-left:24px;padding-right:24px;flex-grow:1;align-items:center}.sub-header{display:flex;flex-direction:column;justify-content:space-between;height:100%}.title-container{height:32px;flex-grow:1;margin-top:8px}.tab-container{display:flex;flex-direction:row}.tab-item,.tab-item-active{font-size:14px;font-weight:500;padding-bottom:10px;margin-right:24px;cursor:pointer}.search-bar-text{font-size:14px;font-weight:500;color:#a2a0a2}.tab-item-active:hover,.tab-item:hover{color:#fff;border-color:#fff}.tab-item{color:#a2a0a2}.tab-item-active{color:#6296f1;border-width:0;border-bottom:2px;border-style:solid}.side-header{display:flex;flex-direction:row-reverse;align-items:center}.profile-icon,.profile-icon-small{background-color:#ffd100;justify-content:center;text-align:center;width:48px;height:48px;border-radius:24px;margin-right:16px}.profile-icon-small{width:28px;height:28px;border-radius:14px;line-height:28px;margin-right:24px}h1{font-size:20px;font-weight:500;color:#fff;margin:0}.small-font{font-size:12px;margin:0}.plan-container{display:flex;flex-direction:column;background-color:#2a3c68;width:130px;height:59px;border-radius:8px;margin-right:12px}.plan-text-container{margin:8px 12px;display:flex;flex-direction:column;flex-grow:1;justify-content:space-around}.plan-text-1,.plan-text-2{font-size:13.7px;margin:0}.plan-text-1{color:#fff}.plan-text-2{color:#6296f1}.plan-text-2:hover{text-decoration:underline;cursor:pointer}.add-icon{width:16px;height:16px;fill:#fff;margin:6px}.add-icon-container{width:28px;height:28px;border-radius:14px;align-items:center;justify-content:center;vertical-align:middle;margin-right:12px;background-image:linear-gradient(to right top,#ff5263 0,#ff7381 35%,#fcbd01)}.add-icon-container:hover{cursor:pointer}.search-bar-container{width:140px;height:32px;border-radius:16px;border:1px solid #424244;margin-right:12px;display:flex;flex-direction:row;align-items:center}.search-icon{fill:#a2a0a2;width:14px;height:14px;margin-left:10px;margin-right:10px}.secondary-header-container{height:41px;border-width:0;border-top:1px;border-bottom:1px;border-style:solid;color:#424244;display:flex;flex-direction:row;padding-left:24px;padding-right:24px}.secondary-header-text{color:#a2a0a2;font-size:12px}.board-container{display:flex;flex-direction:row;flex-grow:1;background-color:#252628}.column-container{display:flex;flex-direction:column;width:280px;padding-top:8px;padding-bottom:8px;padding-left:24px}.empty-tasks-container{background-image:linear-gradient(#2a2b2d,transparent);border-radius:8px;height:100%}h3{font-size:16px;font-weight:500;color:#fff}.add-task-container,.add-task-container-empty-column{display:flex;flex-direction:row;justify-content:center;border-radius:6px;margin-top:8px;height:40px}.add-task-container-empty-column{margin-left:12px;margin-right:12px}.add-task-container-empty-column:hover,.add-task-container:hover{background-color:#323335;cursor:pointer}.add-task-text{color:#a2a0a2;font-size:14px}.add-task-icon{width:12px;margin-right:4px;fill:#a2a0a2}.task-container{display:flex;flex-direction:column;background-color:#2a2b2d;border-radius:8px;border-width:1px;border-style:solid;color:#424244;padding:18px 16px 8px}.task-container:hover{cursor:pointer;border-color:#a2a0a2}.task-title-container{display:flex;flex-direction:row}.task-icon{width:19px;fill:#a2a0a2;margin-right:6px}.task-text{color:#fff;font-size:16px}.task-date-container{padding-left:4px;margin-bottom:16px}.task-date{color:#a2a0a2;font-size:12px;margin:0}.task-project-pill{background-color:#414244;height:6px;width:42px;border-radius:3px}
/*# sourceMappingURL=main.cc201de9.chunk.css.map */