@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500&family=Poppins:wght@200;300;400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SegoeUI;font-size:14px;font-weight:400;margin:0;overflow-y:hidden}html{overflow:hidden}@font-face{font-family:SegoeUI;font-weight:100;src:local("Segoe UI Light"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype")}@font-face{font-family:SegoeUI;font-weight:200;src:local("Segoe UI Semilight"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype")}@font-face{font-family:SegoeUI;font-weight:400;src:local("Segoe UI"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype")}@font-face{font-family:SegoeUI;font-weight:600;src:local("Segoe UI Bold"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype")}@font-face{font-family:SegoeUI;font-weight:700;src:local("Segoe UI Semibold"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"),url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("truetype")}p{margin:initial}ul{all:unset}body{overflow:auto}li{list-style:none}*~input:focus{outline:none!important}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-thumb{background:#8b8b8b;border-radius:10px}@media only screen and (max-width:56.25em){::-webkit-scrollbar{width:5px}}button{background-color:initial;border:initial;border-radius:5px;cursor:pointer}a{color:inherit;text-decoration:none;text-decoration:initial}button.action{border-radius:5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;max-width:100%;padding:.6rem;transition-duration:.3s;transition-property:color,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}button.action:not(:last-child){margin-right:.4rem}button:disabled{opacity:.5}.action__delete-project,button.action__add-project,button.action__add-task{background-color:#de4c4a;color:#feffff}button.action__cancel{background-color:#f5f5f5}button.action__cancel--dark{background-color:#292929;color:#feffff}.action__add-project{padding:6px 12px 7px!important}.app{color:#e3e3e3;display:flex;min-height:100vh;position:relative;text-rendering:optimizeLegibility;width:100%}.light.app{color:#333}.project__name{color:inherit;font-family:SegoeUI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;font-weight:600}.light .menu__trigger svg{stroke:grey}.light .menu__trigger:hover{background-color:#eee}.light .menu__trigger:hover svg{stroke:#333}.menu__trigger{background-color:inherit;border-radius:2px;cursor:pointer;display:flex;opacity:0;padding:2px;position:absolute;right:-2.4rem}.menu__trigger svg{stroke:grey}.menu__trigger:hover{background-color:#363636}.menu__trigger:hover svg{stroke:#ffffffde}.menu__trigger--header{opacity:1;position:static}.menu__trigger--header:hover{background-color:#4d4d4d}.light .content,.light .view-header__board,.light .view-header__list{background-color:#fff}.light .view-header__action{color:grey}.light .view-header__action:hover{background-color:#eee;color:#202020}.light .view-header__action:hover svg{stroke:#202020}.light .view-header__action svg{stroke:grey}.view-header__board{margin-bottom:20px;padding:0 47px}.view-header__board,.view-header__list{background-color:#1f1f1f;height:3rem;justify-content:space-between;position:-webkit-sticky;position:sticky;top:-20px;z-index:100}.view-header__action,.view-header__board,.view-header__list{align-items:center;display:flex;font-family:SegoeUI,Tahoma,Geneva,Verdana,sans-serif}.view-header__action{border-radius:2px;color:#ffffff8f}.view-header__action:hover{background-color:#4d4d4d;color:#ffffffde}.view-header__action:hover svg{stroke:#ffffffde}.view-header__action:first-of-type{margin-right:.4rem}.view-header__action svg{stroke:#ffffff8f;margin-right:.2rem}.view-header__actions--left,.view-header__actions--right{align-items:center;display:flex}.view-header__actions--left small{color:grey;font-size:12px;font-weight:400;margin-left:6px}.set-project__popper--overlay,.set-schedule__popper--overlay{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:20}.set-project__popper,.set-schedule__popper{background-color:#282828;border-radius:3px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;font-size:13px;font-weight:400;max-height:150px;overflow-y:auto;padding:.4rem 0;position:absolute;width:14rem;z-index:10}.set-project__popper--option,.set-schedule__popper--option{align-items:center;cursor:pointer;display:flex;padding:.5rem .4rem}.set-project__popper--option:hover,.set-schedule__popper--option:hover{background-color:#363636}.set-project__popper--option-icon,.set-schedule__popper--option-icon{align-items:center;display:flex;justify-content:center;margin-right:4px;width:1.4rem}.set-new-task__project,.set-new-task__schedule{color:#fff9;cursor:pointer}.set-new-task__project--weekday,.set-new-task__schedule--weekday{color:#fff9;margin-left:auto}.set-project__project{left:-6rem;top:2.2rem}.set-schedule__popper{left:0;top:2.2rem}.set-schedule__popper--option{cursor:pointer}.light .set-project__popper,.light .set-schedule__popper{background-color:#fff;border-radius:1px solid #ddd;box-shadow:0 1px 8px 0 #00000014,0 0 1px 0 #0000004d}.light .set-project__popper--option:hover,.light .set-schedule__popper--option:hover{background-color:#f3f3f3}.add-task{background-color:inherit;margin:.4rem 0}.add-task__container{border:1px solid #383838;border-radius:10px;cursor:text;margin-bottom:1rem;padding:10px}.add-task__input{background-color:initial;border:none;border-radius:5px;color:#ffffde;font-size:12px;font-weight:600;height:1.6rem;margin-bottom:1rem;width:-webkit-fill-available}.add-task__input:focus{outline:medium none invert;outline:initial}.add-task__attributes{display:flex;justify-content:space-between}.add-task__attributes--left,.add-task__attributes--right{align-items:center;display:flex;flex-direction:row}.add-task__actions{background-color:inherit}.add-task__actions button:not(:last-child){margin-right:.4rem}.add-task__actions--add-task{background-color:#de4c4a;color:#feffff}.add-task__actions--cancel{background-color:#f5f5f5;border:1px solid #555}.add-task__toggle{align-items:center;color:grey;cursor:pointer;display:flex;margin-top:.6rem}.add-task__toggle:hover{color:#de4c4a}.add-task__toggle:hover .add-task__icon{background-color:#de4c4a}.add-task__toggle:hover .add-task__icon svg{stroke:#feffff}.add-task__icon{border-radius:50%;display:flex;margin-right:.4rem;place-items:center}.add-task__icon svg{stroke:#de4c4a}.set-new-task__project,.set-new-task__schedule{align-items:center;border:1px solid #555;border-radius:5px;display:flex;flex-direction:row;font-size:12px;padding:6px;position:relative}.set-new-task__project:not(:last-child),.set-new-task__schedule:not(:last-child){margin-right:.4rem}.set-new-task__project svg,.set-new-task__schedule svg{margin-right:.2rem}.set-new-task__label{margin:0 .4rem}.quick-add__container{border-bottom:initial;margin-bottom:0!important}.light .add-task__container{background-color:#fff;border-color:#ddd}.light .add-task__description,.light .add-task__input{color:#202020}.light .add-task__description::placeholder,.light .add-task__input::placeholder{color:#ada699}.light .set-new-task__project,.light .set-new-task__schedule{border-color:#ccc}.light .add-task__actions--cancel{background-color:initial;border-color:#d6d6d6;color:#000000e0}.light .add-task__actions--cancel:hover{background-color:#ebebeb;border-color:#bdbdbd}.light .quick-add__actions{background-color:#fff;border-color:#ddd}.light .quick-add-task__wrapper{background-color:#fff;box-shadow:0 15px 50px 0 #00000059}.light .set-new-task__project,.light .set-new-task__schedule{color:#555}.light .board-task{background-color:#fff;border:1px solid #0000001f;box-shadow:none}.light .board-task:hover{border-color:#0003;box-shadow:0 2px 8px 0 #0000001a}.board__wrapper{display:flex;flex-direction:row;margin-left:47px;overflow-x:auto;padding-bottom:4rem;scrollbar-width:none}.board__wrapper::-webkit-scrollbar{display:none}.board-column__title{font-size:13px;font-weight:600;margin-bottom:1rem}.board-column__container{min-width:250px}.board-column__container:not(:last-of-type){margin-right:1rem}.board-column__container .tasklist{min-height:1px}.board-task{align-items:center;background-color:#282828;border:1px solid #ffffff1a;border-radius:5px;box-shadow:0 10px 10px #0000001a,0 6px 3px #0000001f;display:flex;margin-bottom:.6rem;padding:12px;position:relative;width:-webkit-fill-available}.board-task .menu__trigger{right:.6rem}.board-task:hover{border-color:#fff3}.board-task:hover .menu__trigger{opacity:1}@media only screen and (max-width:37.5em){.board-task .menu__trigger{display:none}}.board-task__info{margin-top:8px}.board-task .task__checkbox{align-self:flex-start}.light .task{background-color:initial;border-color:#0000001f;box-shadow:none}.light .task:hover{border-color:#0003}.light .task .task__date,.light .task .task__text{color:inherit}.light .task__project-info{color:#555}.light .empty-state__header{color:#202020}.light .empty-state__body{color:#777}.light .date__today{color:#058527!important}.light .date__tomorrow{color:#ad6200!important}.light .date__next-week{color:#692fc2!important}.light .date__weekend{color:#246fe0!important}.light .date__overdue{color:#dd4b39!important}.task{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:row;min-height:1rem;padding:.5rem 0;position:relative;width:-webkit-fill-available}.task:first-of-type{border-top:1px solid #ffffff1a}.task:hover{border-color:#fff3}.task:hover .menu__trigger{opacity:1}.task-list__wrapper{margin:0 auto;max-width:800px;padding-left:55px;padding-right:55px}.task__checkbox{border:1px solid grey;border-radius:50%;cursor:pointer;display:flex;height:17px;justify-content:center;margin-right:.6rem;place-items:center;width:18px}.task__checkbox--icon{opacity:0}.task__checkbox--icon:hover{opacity:1}.task__details{font-size:14px;width:100%}.task__info{display:flex;justify-content:space-between}.task__text{color:#fefbfb;margin-bottom:4px}.task__date{align-items:center;color:#fff9;display:flex;font-size:12px;line-height:12px}.task__date svg{margin-right:2px}.task__project-info{align-items:center;color:#fff9;display:flex;font-size:12px}.empty-state{align-items:center;display:flex;flex-direction:column;width:100%}.empty-state__illustration{height:200px;width:220px}.empty-state__header{color:#ffffffde;font-size:16px;margin:8px 0}.empty-state__body{color:#fff9;font-weight:100}@media only screen and (max-width:56.25em){.empty-state__body{text-align:center}}.empty-state__button{background-color:#de4c4a;border:1px solid #0000;border-radius:3px;color:#ffffffde;color:#fff;cursor:pointer;display:block;font-size:13px;line-height:17px;margin:20px auto 0;padding:6px 12px 7px;text-decoration:none}.date__today{color:#25b84c!important}.date__tomorrow{color:#ff9a14!important}.date__overdue{color:#ff7066!important}.date__next-week{color:#a970ff!important}.date__weekend{color:#5297ff!important}.content{background-color:#1f1f1f;height:100vh;margin-left:284px;overflow-y:auto;padding-top:4rem;position:relative;transition:margin .1s linear;width:100%}@media only screen and (max-width:56.25em){.content{margin-left:0}}.hide-sidebar .content{margin-left:0}.light .header{background-color:#db4c3f;border-color:#f1f1f1;box-shadow:none;color:#fff}.light .header__left svg,.light .header__right svg{stroke:#fff}.header{background-color:#282828;border-bottom:1px solid rgba(0,0,0,.489);box-shadow:0 1px 3px 0 #00000026;height:44px;justify-content:space-between;padding:0 42px;position:fixed;top:0;width:-webkit-fill-available;z-index:310}.header,.header__left,.header__right{align-items:center;display:flex}.header__left *,.header__right *{cursor:pointer;display:block}.header__left * svg,.header__right * svg{stroke:#ffffde}.header__left :not(:last-child),.header__right :not(:last-child){margin-right:6px}@media only screen and (max-width:56.25em){.header{padding:0 12px}}.avatar__img{border:1px solid grey;border-radius:50%}.quick-add-task_dark{height:28px;position:absolute;width:28px}.ring__spinner{animation-duration:1.2s;animation-iteration-count:infinite;animation-name:ring-spinner;animation-timing-function:linear}@keyframes ring-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-screen{display:flex;flex-direction:column;height:100vh;place-items:center;align-items:center;justify-content:center;position:relative;width:100%}.loading-screen .logo__loading{margin-bottom:2rem}.loading-screen__dark{background-color:#1f1f1f}.loading-screen__light{background-color:#fafafa}.light .confirm-delete{background-color:#fff}.light header button:hover{background-color:#e6e6e6}.confirm-delete{background-color:#1f1f1f;border-radius:5px;box-shadow:0 2px 8px 0 #00000029;display:flex;flex-direction:column;left:50%;max-height:74vh;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .2s ease-in-out;width:450px;z-index:2}@media only screen and (max-width:37.5em){.confirm-delete{width:80vw}}.confirm-delete header{align-items:center;display:flex;justify-content:space-between;padding:6px 8px}.confirm-delete header button{align-items:center;color:inherit;display:flex;justify-content:center}.confirm-delete header button:nth-child(2) svg{transform:rotate(45deg)}.confirm-delete header button:hover{background-color:#363636}.confirm-delete__content{padding:8px 16px 32px}.confirm-delete footer{display:flex;justify-content:flex-end;padding:16px}.confirm-delete footer button:first-of-type{margin-right:1rem}.light .menu__list{background-color:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:0 1px 8px 0 #00000014}.light .menu__list--item:hover{background-color:#f3f3f3!important;color:inherit!important}.light .menu__list--item:first-of-type{border-bottom:1px solid #ddd}.option__overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;width:100vw;z-index:301}.menu__list{background-color:#282828;border:1px solid #171717;border-radius:3px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;font-size:13px;min-width:150px;padding:2px;position:fixed}.menu__list--item{align-items:center;cursor:pointer;display:flex;line-height:18px;padding:.2rem .6rem}.menu__list--item:hover{background-color:#4d4d4d;color:#ffffffde}.menu__list--icon{align-items:center;display:flex;justify-content:center;margin-right:10px}.menu__list--content{width:-webkit-fit-content;width:fit-content}.light .user-options{background-color:#fff;border-color:#e6e6e6;box-shadow:0 2px 4px 0 #00000014;color:inherit}.light .user-options__item:first-child{border-color:#e6e6e6}.light .user-options__item:hover{background-color:#f3f3f3}.light .user-options .user-info__name{color:inherit}.light .user-options .user-info__email{color:#9b9b9b}.user-options{background-color:#282828;border:1px solid #ffffff1a;border-radius:5px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;font-size:12px;padding:2px 3px;position:absolute;z-index:30001}.user-options__item{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:.4rem 3px}.user-options__item:first-child{border-bottom:1px solid #ffffff1a;border-radius:0;border-radius:initial}.user-options__item:hover{background-color:#363636}.user-options__icon{margin-right:.4rem}.user-info{display:flex}.user-info__img{border:1px solid grey;border-radius:50%;margin-right:6px}.user-info__name{color:#ffffffde}.user-info__email{color:#9b9b9b}.overlay{background-color:#000000a3;display:flex;height:100vh;justify-content:center;left:0;position:absolute;width:100vw;z-index:340}.quick-add-task__wrapper{background-color:#202020;border-radius:5px;box-shadow:0 1px 4px 0 #00000014,0 15px 50px 0 #0009;width:550px}.quick-add-task__wrapper>.add-task__wrapper>form{margin-bottom:0;margin-top:0}@media only screen and (max-width:56.25em){.quick-add-task__wrapper{position:inherit;width:95%}}.quick-add__actions{border:1px solid #363636;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:0;padding:.8rem}.quick-add__container{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}.add-project{border-radius:5px}.add-project__modal{align-self:center;background-color:#202020;border-radius:5px;box-shadow:0 2px 8px 0 #00000029;width:400px}@media only screen and (max-width:37.5em){.add-project__modal{position:inherit;top:8%;width:92%}}.add-project__modal--header{border-bottom:1px solid #ffffff1a;padding:20px 24px}.add-project__modal--header h4{font-size:16px;margin:initial}.add-project__modal--content{background-color:#282828;height:40vh;overflow-y:scroll;padding:20px 24px}.add-project__modal--footer{border-bottom:initial;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-top:1px solid #ffffff1a;padding:20px 24px}.add-project__modal--buttons{display:flex;justify-content:end}.add-project__modal--buttons .btn__add-project,.add-project__modal--buttons .btn__cancel{border-radius:5px;color:#fefbfb;font-weight:600;padding:.6rem 1rem}.add-project__modal--buttons .btn__add-project{background-color:tomato}.add-project__modal--buttons .btn__cancel{background-color:#353535;margin-right:.4rem;transition-duration:.3s;transition-property:box-shadow,border;transition-timing-function:ease}.add-project__form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:.4rem}.add-project__form-group:not(:last-child){margin-bottom:1rem}.add-project__project-name,.add-project__select-color{background-color:#202020;border:1px solid #333;border-radius:5px;color:#eee;padding:.4rem;position:relative;width:-webkit-fill-available}.add-project__select-color{align-items:center;display:flex}.add-project__selected-color{border-radius:6px;display:inline-block;height:12px;margin-right:.4rem;width:12px}.add-project__set-selected-color{background-color:#282828;border-radius:5px;height:200px;left:0;overflow-y:scroll;padding:1rem .4rem;position:absolute;top:2rem;width:inherit}.add-project__colour-dropdown{border:1px solid #171717;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.add-project__colour-dropdown--option{cursor:pointer;display:flex;padding:.4rem 0}.add-project__colour-dropdown--option:not(:last-child){margin-bottom:.2rem}.add-project__colour-dropdown--option-color{height:12px;margin-right:.4rem;width:12px}.add-project__set-view-type{display:flex;flex:1 1;justify-content:space-between}.add-project__set-view-type--option{cursor:pointer;flex:0 1;width:50%}.add-project__set-view-type--description{align-items:center;display:flex}.add-project__set-view-type--radio{align-items:center;border:1px solid grey;border-radius:50%;display:flex;height:13px;justify-content:center;margin-right:.4rem;width:13px}.add-project__set-view-type--radio svg{opacity:0}.selected .add-project__set-view-type--radio svg{stroke:#fff;opacity:1}.add-project__set-view-type--preview{background-position:5px 5px;background-repeat:no-repeat;border:1px solid #ffffff1a;border-radius:5px;height:120px;margin-bottom:1rem;width:160px}@media only screen and (max-width:37.5em){.add-project__set-view-type--preview{height:25vw;width:34vw}}.add-project__set-view-type .selected.add-project__set-view-type--option .add-project__set-view-type--preview{border-color:tomato}.add-project__set-view-type .selected.add-project__set-view-type--option .add-project__set-view-type--description>.add-project__set-view-type--radio{background-color:tomato;border:2px solid tomato;color:#fefbfb}.preview__list{background-image:url(/static/media/1.f67c3d31c7ace73f5f14.svg)}.preview__list:hover{background-image:url(/static/media/list-hover.c66a3d13cd159a8c8570.svg)!important}.preview__board{background-image:url(/static/media/2.ffb5cbc3aa48ab71e5b7.svg)}.preview__board:hover{background-image:url(/static/media/board-hover.736ea0605c307a754bee.svg)!important}@media only screen and (max-width:37.5em){.preview__board .preview__board,.preview__board .preview__list :hover{all:unset}}.preview__board,.preview__list{background-size:contain}.light .add-project__modal,.light .add-project__modal--content{background-color:#fff}.light .add-project__modal header h4,.light .add-project__modal label{color:#000}.light .add-project__project-name,.light .add-project__select-color,.light .add-project__set-selected-color{background-color:#fff;border:1px solid #ddd;color:inherit}.light .add-project__set-view-type--preview.preview__list{background-image:url(/static/media/list-light.ff392088f3add630376c.svg)!important}.light .add-project__set-view-type--preview.preview__list:hover{background-image:url(/static/media/list-hover-2.0a8cede507e0bf431f9f.svg)!important}.light .add-project__set-view-type--preview.preview__board{background-image:url(/static/media/board-light.d91ef4fefdafb8b394a2.svg)!important}.light .add-project__set-view-type--preview.preview__board:hover{background-image:url(/static/media/board-hover-2.f6e12fe644d9762f6840.svg)!important}.light .add-project__modal--footer{border-top:1px solid #ddd}.light .add-project__modal--header{border-bottom:1px solid #ddd}.light .add-project__set-view-type--preview,.light .btn__cancel{border:1px solid #ddd}.light .btn__cancel{background-color:inherit;color:inherit}.light .btn__cancel:hover{border-color:#999;box-shadow:0 1px 2px #00000026;color:#333;text-decoration:none!important}.light .add-project__set-view-type .selected.add-project__set-view-type--option .add-project__set-view-type--preview{border-color:#d1453b}.light .add-project__set-view-type .selected.add-project__set-view-type--option .add-project__set-view-type--radio{background-color:#d1453b}.light .sidebar{background-color:#fafafa}.light .sidebar .custom-project.active,.light .sidebar .custom-project:hover,.light .sidebar .project-group.active,.light .sidebar .project-group:hover{background-color:#eee}.light .custom-project-group__add-project svg{stroke:#333}.light .custom-project-group__add-project:hover{background-color:#eee}.sidebar{background-color:#282828;display:flex;flex-direction:column;height:100vh;left:0;min-width:248px;overflow-y:scroll;padding:74px 2px 0 35px;position:fixed;transition:left .1s linear;z-index:300}@media only screen and (max-width:56.25em){.sidebar{padding-top:60px}}.sidebar-clickables{height:-webkit-fit-content;height:fit-content}.hide-sidebar .sidebar{left:-284px!important}@media only screen and (max-width:56.25em){.sidebar__overlay{background-color:#000000a6;height:100vh;position:fixed;transition:display .1s ease;width:100%;z-index:299}.hide-sidebar .sidebar__overlay{display:none}}.logo{background-color:#000;height:24px;margin-bottom:2rem;width:100%}.project-group{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:5px 12px 5px 7px;position:relative}.project-group .menu__trigger{right:12px}.project-group:hover{background-color:#363636;border-radius:5px}.project-group:hover .menu__trigger{opacity:1;padding:0}.project-group.active{background-color:#363636;border-radius:5px}.project-group__group{align-items:center;display:flex;flex-direction:row}.project-group__icon{align-items:center;display:flex;margin-right:.6rem;width:-webkit-fit-content;width:fit-content}.project-group__count{border-radius:50%;display:flex;font-size:10px;height:12px;justify-content:center;place-items:center;width:12px}.label{align-items:center;display:flex;flex-direction:row;margin-left:1.5rem}.label__dot{border-radius:50%;height:.4rem;margin-right:.5rem;width:.4rem}.add-project{height:-webkit-fit-content;height:fit-content}.add-project__container{margin-left:1.5rem}.add-project input{background-color:initial;border:1px solid #ffffff1a;border-radius:5px;color:gray;font-size:11px;height:1.2rem;height:1.6rem;margin-bottom:1rem;width:-webkit-fill-available}.add-project__buttons{display:flex;justify-content:space-between}.add-project__buttons button{background-color:initial;border:1px solid #ffffff1a;border-radius:5px;color:gray;font-size:11px;height:1.6rem;width:45%}.task-count{color:#777;font-size:12px;font-weight:100;text-align:center;width:24px}.task-count__red{color:#ff7f74}.custom-project{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin-left:0;padding:5px 12px 5px 7px}.custom-project.active{background-color:#363636;border-radius:5px}.custom-project__info{justify-content:space-between}.custom-project__icon{height:24px;justify-content:center;margin-right:.6rem;width:24px}.custom-project__icon,.custom-project__info{align-items:center;display:flex}.custom-project__dot{background-color:#fefbfb;border-radius:50%;height:10px;width:10px}.custom-project__name{margin:.4rem 0}.custom-project-group__title-group{align-items:center;cursor:pointer;display:flex;flex-direction:row;margin-bottom:.4rem;margin-top:1rem;padding:5px 12px 5px 7px}.custom-project-group__title-group:hover .custom-project-group__add-project{opacity:1}@media only screen and (max-width:56.25em){.custom-project-group__title-group .custom-project-group__add-project{opacity:1}}.custom-project-group__icon{align-items:center;display:flex;margin-right:12px}.custom-project-group__name{font-weight:700}.custom-project-group__wrapper{margin-bottom:1rem}.custom-project-group__add-project{background-color:initial;cursor:pointer;display:flex;margin-left:auto;opacity:0;padding:.2rem;place-items:center}.custom-project-group__add-project svg{stroke:#ddd}.custom-project-group__add-project:hover{background-color:#363636}.custom-project-group__add-project--icon{align-content:center;border-radius:2px;display:flex;height:24px;width:24px}.auth-page{color:#000;display:flex;font-family:Segoe UI,sans-serif;justify-content:center;overflow-x:hidden;width:100%}.auth-page__container{margin:50px auto;min-width:450px}@media only screen and (max-width:37.5em){.auth-page__container{border:initial;border-radius:0;height:100%;margin:0;max-width:100%;min-width:0;min-width:auto;width:100%}}.auth-page__frame{background:#fff;border:1px solid #dbdbdb;border-radius:8px;margin:50px 0;padding:25px}@media only screen and (max-width:37.5em){.auth-page__frame{height:100vh;margin:initial}}.auth-page__logo svg{height:20px;margin-bottom:14px;text-align:left;width:88px}.auth-page__content{box-sizing:border-box;color:#000;font-size:13px;margin:auto;max-width:400px;width:400px}@media only screen and (max-width:37.5em){.auth-page__content{max-width:none;width:auto}}.auth-page h1{color:#000;font-size:26px;margin:0 0 1.1em;padding:0}.auth-page .field{margin-bottom:10px}.auth-page .label{display:block;font-size:13px;font-weight:700;margin-bottom:5px;margin-left:0}.auth-page input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:13px;font-weight:400;padding:.75em 1em;width:100%}.auth-page form{margin-top:30px}.auth-page hr{background-color:#ddd;border:0;color:#ddd;height:1px;margin:1em 0;padding:0}.auth-page .auth-button,.auth-page .google-auth{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;color:#202020;cursor:pointer;display:flex;font-size:13px!important;font-weight:400;justify-content:center;line-height:24px;margin-bottom:14px;min-width:273px;padding:6px!important;text-shadow:none;width:100%}@media only screen and (max-width:37.5em){.auth-page .auth-button,.auth-page .google-auth{min-width:0;min-width:auto}.auth-page .auth-button span,.auth-page .google-auth span{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:fit-content}}.auth-page .auth-button:hover,.auth-page .google-auth:hover{background-color:#eee;box-shadow:none}.auth-page .auth-button img,.auth-page .google-auth img{margin:0 8px 0 0!important}.auth-page .separator{border-bottom:1px solid #fff;border-top:1px solid #ddd;height:0;margin-bottom:30px;margin-top:30px;position:relative}.auth-page .separator .middle_separator{background:#fff;color:#777;font-size:13px;left:41%;padding:0 16px;position:absolute;text-shadow:0 1px 0 #fff;text-transform:uppercase;top:-9px}.auth-page .toggle_password{position:relative}.auth-page .toggle_password input[type=password]{padding-right:40px;width:100%}.auth-page .toggle_password .toggle{border-radius:3px;cursor:pointer;height:24px;margin-top:-12px;position:absolute;right:8px;top:50%;width:24px}.auth-page .submit-button{background:0;background-color:#db4c3f;border:1px solid #0000;color:#fff!important;display:flex;font-weight:700;position:relative;text-shadow:none}.auth-page .submit-button:disabled{opacity:.7}.auth-page .submit-button:hover{background-color:#c53727;border-color:#b0281a;box-shadow:0 1px 2px #00000026}.auth-page p{margin:20px;text-align:center}.auth-page p a{color:#dd4b39;text-decoration:none}.auth-page .has-error{border-color:#dd4b39}.auth-page .error-message{color:#dd4b39;display:flex;padding:.5em 0}.auth-page .error-message svg{margin-right:3px}.auth-page .error-message .error-block{margin-bottom:1em}.signup{color:#000;font-size:13px;margin:auto;max-width:400px;overflow-x:hidden;width:400px}@media only screen and (max-width:37.5em){.signup{width:100%}}.signup.step_one .signup__step-one{animation-name:visible}.signup.in_step_two .signup__wrapper{animation-name:step-two}.signup.in_step_one .signup__wrapper{animation-name:step-one}.signup .signup__wrapper,.signup .step_one,.signup .step_two{animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.2,1)}.signup .step_one,.signup .step_two{box-sizing:border-box;max-width:100%;min-width:100%;padding:0 3px}.signup .step_two{visibility:hidden}.signup.in_step_two .step_two{animation-name:visible}.signup.in_step_two .step_one{animation-name:hidden}.signup.in_step_one .signup_wrapper{animation-name:step-one}.signup.in_step_two .signup_wrapper{animation-name:step-two}.signup__wrapper{display:flex;position:relative}.signup .backlink{align-items:center;color:#000;cursor:pointer;display:inline-flex;margin-bottom:1em;padding:0 .5em}.signup .backlink:hover{background-color:#eee;border-radius:3px;text-decoration:none}.signup .backlink svg{margin-left:-10px}.signup .hint-text{color:#666;margin-bottom:1em;margin-top:.5em}.signup .ring__spinner{margin-left:2em;margin-top:-10px;position:absolute;top:50%}@keyframes visible{0%{visibility:hidden}to{visibility:visible}}@keyframes hidden{0%{visibility:visible}to{visibility:hidden}}@keyframes step-two{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes step-one{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@font-face{font-family:Graphik;src:url(/static/media/Graphik-Regular.42a9b7733ff5f4bc9df8.woff2) format("woff2")}@font-face{font-family:Graphik-semibold;src:url(/static/media/Graphik-Semibold.f9277a68f8dbabfbba24.woff2) format("woff2")}.landing-page{-webkit-font-smoothing:antialiased;color:#575757;font-family:Graphik,sans-serif;overflow:hidden;position:relative;width:100%}.landing-page .intro__header{background-color:#fff;height:4rem;justify-content:center;position:fixed;top:0;width:100%;z-index:4}.landing-page .intro__nav{flex:1 1;height:100%;justify-content:space-between;margin:0 auto;max-width:1088px;min-height:3rem;padding:0 1rem;position:relative}.landing-page .intro__nav,.landing-page .intro__nav--group,.landing-page .intro__nav--group__wrapper{align-items:center;display:flex}@media only screen and (max-width:75em){.landing-page .intro__nav--group__wrapper:nth-child(2){display:none}}.landing-page .intro__nav--item{cursor:pointer;display:flex;font-size:1rem;height:3rem;padding:0 1rem;place-items:center}.landing-page .intro__nav--item a{height:-webkit-fill-available}.landing-page .intro__nav--link:hover{background-color:#fafafa;border-bottom:1px solid #e44232;color:#1f1f1f}.landing-page .intro__nav--cta{align-items:center;background-color:#e44232;border-radius:8px;color:#fff;display:flex;font-family:Graphik-semibold;font-size:1rem;letter-spacing:0;line-height:1.5;min-height:2.5rem;padding:0 1rem}.landing-page .nav-logo{margin-right:1rem}.landing-page .nav-logo .logo__desktop{height:22px;width:127px}@media only screen and (max-width:37.5em){.landing-page .nav-logo .logo__desktop{display:none}}.logo__mobile{display:none}@media only screen and (max-width:37.5em){.logo__mobile{display:block;height:32px;width:32px}}.section__intro{overflow:hidden;position:relative;text-align:center;white-space:pre-line}@media only screen and (max-width:56.25em){.section__intro{height:100vh}}.section__intro .intro__hero{-webkit-margin-after:-10rem;-webkit-margin-before:3rem;margin-block-start:3rem;padding:8rem 1rem 0;position:relative;text-align:center;white-space:pre-line;z-index:2}@media only screen and (max-width:37.5em){.section__intro .intro__hero{padding-top:200px}}.section__intro .intro__hero--cta{-webkit-margin-before:10px;align-items:center;background-color:#e44232;border:1px solid #e44232;border-radius:8px;color:#fff;display:inline-flex;font-family:Graphik-semibold;font-size:1rem;justify-content:center;letter-spacing:0;line-height:1.25;margin-block-start:10px;min-height:2.5rem;min-width:100px;padding:.2rem 1rem}.section__intro .intro__hero--illustration-1{display:block;inline-size:90%;margin:0 auto;max-inline-size:1256px}@media only screen and (max-width:56.25em){.section__intro .intro__hero--illustration-1{bottom:0;margin-bottom:0;position:fixed;right:50%;transform:translateX(50%)}}.section__intro .hero-text{-webkit-margin-after:1rem;color:#1f1f1f;font-family:Graphik-semibold,sans-serif;font-size:3.25rem;font-weight:600;letter-spacing:-.04em;letter-spacing:-.02em;line-height:1.05;margin:auto;margin-block-end:1rem;max-inline-size:46.8rem;text-align:center}@media only screen and (max-width:75em){.section__intro .hero-text{font-size:60px;width:50%}}@media only screen and (max-width:56.25em){.section__intro .hero-text{width:80%}}@media only screen and (max-width:37.5em){.section__intro .hero-text{font-size:30px;width:90%}}.section__intro .hero-text__sub{-webkit-margin-before:.83rem;-webkit-margin-after:1.5rem;-webkit-margin-after:24px;color:#1f1f1f;font-size:19px;font-weight:400;letter-spacing:-.01em;line-height:1.5;margin-block-end:1.5rem;margin-block-start:.83rem;margin-left:auto;margin-right:auto;max-inline-size:480px}@media only screen and (max-width:37.5em){.section__intro .hero-text__sub{font-size:1rem}}
/*# sourceMappingURL=main.feddf1f5.css.map*/