.Window{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background-color:#000000bf;z-index:997}.Window.open{display:flex}.Window .content{position:relative;max-width:calc(100% - 160px);display:flex;flex-direction:column;align-items:flex-start;padding:40px;border-radius:10px;background-color:#fff;color:#333}.Window .content .icon-close{position:absolute;top:15px;right:15px;background-color:transparent;font-size:22px;color:#333;cursor:pointer}.Window.full-height .content{height:calc(100% - 160px)}.add-user-component{display:flex;flex-direction:column;margin-top:20px}.add-user-component span{font-size:10px;font-weight:700}.add-user-component .input{position:relative;margin-top:5px}.add-user-component .input .placeholder{position:absolute;top:55%;left:10px;transform:translateY(-50%)}.add-user-component .input input{width:200px;max-width:calc(100% - 20px);padding:10px;border-radius:5px;background-color:#f0f0f0;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.add-user-component .input .suggestions{position:absolute;top:calc(100% - 3px);left:0;width:220px;max-height:220px;overflow-y:auto;display:none;flex-direction:column;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#f0f0f0;color:#333;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.add-user-component .input .suggestions .suggestions__item{padding:10px;cursor:pointer}.add-user-component .input .suggestions .suggestions__item.active{background-color:#ccc}.add-user-component .input .suggestions.open{display:flex}.add-user-component .btn-add-user{border-radius:4px;background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;font-size:13px;width:100%;max-width:220px;display:flex;justify-content:center;align-items:center;margin-top:10px;padding:10px 0}.add-user-component .btn-add-user span{margin-left:5px}.Dashboard{position:relative;width:1280px;max-width:100%;height:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto}.Dashboard .btn-new-board{padding:10px;border-radius:4px;background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer}.Dashboard .btn-new-board span{margin-left:5px}.Dashboard .boards-list{max-width:calc(100% - 120px);padding:0 30px 30px;border-radius:10px;background-color:#fff;color:#333;box-shadow:#00000059 0 5px 15px;width:425px;height:calc(100% - 140px);display:flex;flex-direction:column;overflow-y:auto;margin-top:20px}.Dashboard .boards-list::-webkit-scrollbar{width:5px;height:5px}.Dashboard .boards-list::-webkit-scrollbar-track{background:transparent}.Dashboard .boards-list::-webkit-scrollbar-thumb{background:#43bd87;border-radius:3px}.Dashboard .boards-list::-webkit-scrollbar-thumb:hover{background:#43bd87}.Dashboard .boards-list .boards-list__header{position:sticky;top:0;display:flex;justify-content:space-between;padding:20px 0;background-color:#fff}.Dashboard .boards-list .boards-list__header span{font-size:10px;font-weight:700}.Dashboard .boards-list .board-list__item{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:10px;border-radius:5px;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.Dashboard .boards-list .board-list__item a{text-decoration:underline}.Dashboard .boards-list .board-list__item:last-of-type{margin-bottom:0}.Dashboard .boards-list .board-list__item .btn-settings{background-color:transparent;color:#333;cursor:pointer}.Dashboard .boards-list .no-boards-yet-message,.Dashboard .boards-list .fetching-boards-message{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#888}.Dashboard .boards-list .no-boards-yet-message span,.Dashboard .boards-list .fetching-boards-message span{margin-top:10px;text-align:center}.Dashboard .create-board-dialog .title{font-size:18px;font-weight:700}.Dashboard .create-board-dialog .input{width:100%;display:flex;flex-direction:column;margin-top:50px}.Dashboard .create-board-dialog .input span{font-size:10px;font-weight:700}.Dashboard .create-board-dialog .input input{width:200px;max-width:calc(100% - 20px);margin-top:5px;padding:10px;border-radius:5px;background-color:#f0f0f0;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.Dashboard .create-board-dialog .btn-create-board{padding:10px;border-radius:4px;background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;width:100%;margin-top:30px}.Dashboard .create-board-dialog .btn-create-board svg{margin-right:5px}.Dashboard .board-settings-window .content{width:425px}.Dashboard .board-settings-window .title{font-size:18px;font-weight:700}.Dashboard .board-settings-window .controls{flex:1;width:100%;display:flex;flex-direction:column}.Dashboard .board-settings-window .controls .change-name-input{display:flex;flex-direction:column;margin-top:50px}.Dashboard .board-settings-window .controls .change-name-input span{font-size:10px;font-weight:700}.Dashboard .board-settings-window .controls .change-name-input input{width:200px;max-width:calc(100% - 20px);margin-top:5px;padding:10px;border-radius:5px;background-color:#f0f0f0;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.Dashboard .board-settings-window .controls .btn-update-name{border-radius:4px;background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;padding:7px;font-size:13px;width:100%;max-width:220px;margin-top:10px}.Dashboard .board-settings-window .controls .btn-update-name span{margin-left:5px}.Dashboard .board-settings-window .btn-close{border-radius:4px;background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;background-color:#ccc;color:#333;align-self:center;padding:10px 30px}.Dashboard .btn-logout{background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;border:1px solid #43bd87;background-color:transparent;box-shadow:none;color:#43bd87;color:#333;border-color:#ccc;padding:5px;border-radius:3px;font-size:11px;position:absolute;top:0;right:0}.Dashboard .btn-logout:hover{background-color:#43bd87;color:#fff}.Dashboard .btn-logout:hover{background-color:#ccc;color:#333}.Login{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Login .form{max-width:calc(100% - 120px);padding:30px;border-radius:10px;background-color:#fff;color:#333;box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Login .form .title{align-self:flex-start;margin-left:10px;margin-bottom:15px;font-size:11px}.Login .form .input{width:100%;display:flex;flex-direction:column;margin:10px 0}.Login .form .input span{margin-left:10px;font-size:10px;font-weight:700}.Login .form .input input{width:275px;max-width:calc(100% - 30px);margin-top:5px;padding:10px 15px;background-color:#f0f0f0;border-radius:27px;color:#333;font-size:14px;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.Login .form .btn-login{width:295px;max-width:100%;margin-top:20px;padding:10px;border-radius:4px;background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer}.Login .form .message{height:15px;margin-top:10px;color:#888}.Login .btn-view-demo{padding:10px;border-radius:4px;background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;border:1px solid #43bd87;background-color:transparent;box-shadow:none;color:#43bd87;position:absolute;top:0;right:20px;width:150px;max-width:calc(100% - 40px)}.Login .btn-view-demo:hover{background-color:#43bd87;color:#fff}@media screen and (max-width: 425px){.Login .form .message{font-size:10px}}.ContextMenu{position:fixed;display:none;transform:translate(-50%);padding:10px;border-radius:5px;background-color:#fff;box-shadow:#00000059 0 5px 15px;z-index:997}.ContextMenu.open{display:flex}.Story{display:flex;flex-direction:column;align-items:flex-start;border-radius:5px;background-color:#fff;box-shadow:#3c40434d 0 1px 2px,#3c404326 0 2px 6px 2px;font-size:14px;cursor:pointer;z-index:1}.Story.open{padding:7px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:unset}.Story .name-wrapper{width:100%;display:flex}.Story .name-wrapper .btn-toggle-open{padding:0 7px}.Story .name-wrapper .input-name{width:calc(100% - 20px);padding:10px;border-radius:5px;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset;font-size:14px}.Story .name-wrapper .name{flex:1;padding:8px 8px 8px 10px;cursor:pointer}.Story .name-wrapper .btn-edit-name{padding:0 7px}.Story .btn-save{border-radius:4px;background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;border:1px solid #43bd87;background-color:transparent;box-shadow:none;color:#43bd87;padding:7px;font-size:13px}.Story .btn-save:hover{background-color:#43bd87;color:#fff}.Story .btn-cancel{border-radius:4px;background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;background-color:#ccc;border:1px solid #43bd87;background-color:transparent;box-shadow:none;color:#43bd87;color:#333;border-color:#ccc;padding:7px;font-size:13px;margin-left:5px}.Story .btn-cancel:hover{background-color:#43bd87;color:#fff}.Story .btn-cancel:hover{background-color:#ccc;color:#333}.Story .type-container,.Story .points-container,.Story .state-container{width:calc(100% - 20px);display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:0 10px;font-size:14px}.Story .description-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-top:10px}.Story .description-wrapper .header{margin-left:5px;font-weight:700;font-size:11px}.Story .description-wrapper textarea{width:calc(100% - 20px);margin-top:3px;padding:10px;border-radius:5px;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.Story .description-wrapper textarea::-webkit-scrollbar{width:5px;height:5px}.Story .description-wrapper textarea::-webkit-scrollbar-track{background:transparent}.Story .description-wrapper textarea::-webkit-scrollbar-thumb{background:#43bd87;border-radius:3px}.Story .description-wrapper textarea::-webkit-scrollbar-thumb:hover{background:#43bd87}.Story .description-wrapper .btn-update-description{background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;border:1px solid #43bd87;background-color:transparent;box-shadow:none;color:#43bd87;padding:5px;border-radius:3px;font-size:11px;align-self:flex-end;margin-top:5px}.Story .description-wrapper .btn-update-description:hover{background-color:#43bd87;color:#fff}.loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading span{margin-left:5px}.Board{max-width:calc(100% - 60px);height:calc(100% - 30px);display:flex;overflow-x:auto;padding:0 30px 30px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Board::-webkit-scrollbar{width:5px;height:5px}.Board::-webkit-scrollbar-track{background:transparent}.Board::-webkit-scrollbar-thumb{background:#43bd87;border-radius:3px}.Board::-webkit-scrollbar-thumb:hover{background:#43bd87}.Board .left{max-width:300px;display:flex;flex-direction:column}.Board .left .board-name{display:flex;justify-content:center;align-items:center;padding:15px;border-radius:10px;background-color:#fff;box-shadow:#00000059 0 5px 15px;font-size:18px;font-weight:700}.Board .left .menu{display:flex;flex-direction:column;margin-top:20px;padding:15px;border-radius:10px;background-color:#fff;box-shadow:#00000059 0 5px 15px}.Board .left .menu .btn-add-column{display:flex;align-items:center;cursor:pointer}.Board .left .menu .btn-add-column span{margin-left:5px;white-space:nowrap}.Board .column{max-width:calc(100% - 120px);padding:0 30px 30px;border-radius:10px;background-color:#fff;color:#333;box-shadow:#00000059 0 5px 15px;min-width:300px;max-width:300px;height:calc(100% - 30px);overflow-y:auto;margin-left:20px}.Board .column::-webkit-scrollbar{width:5px;height:5px}.Board .column::-webkit-scrollbar-track{background:transparent}.Board .column::-webkit-scrollbar-thumb{background:#43bd87;border-radius:3px}.Board .column::-webkit-scrollbar-thumb:hover{background:#43bd87}.Board .column .header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding-top:15px;padding-bottom:15px;background-color:#fff;z-index:10}.Board .column .header .input-name{width:calc(100% - 20px);padding:10px;border-radius:5px;box-shadow:#0000000d 0 0 0 1px,#d1d5db 0 0 0 1px inset}.Board .column .header .name{max-width:80px;overflow-x:hidden;font-weight:700}.Board .column .header .btn-add-story{background-color:#43bd87;color:#fff;font-size:15px;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;cursor:pointer;border:1px solid #43bd87;background-color:transparent;box-shadow:none;color:#43bd87;padding:5px;border-radius:3px;font-size:11px}.Board .column .header .btn-add-story:hover{background-color:#43bd87;color:#fff}.Board .column .header .btn-add-story span{margin-left:5px}.Board .column .header .btn-settings{margin-left:10px;padding:0 7px}.Board .column .header .btn-settings .ContextMenu{cursor:default}.Board .column .header .btn-settings .ContextMenu .column-settings-options{display:flex;flex-direction:column;align-items:flex-start}.Board .column .header .btn-settings .ContextMenu .column-settings-options button{margin:5px 0;white-space:nowrap}.Board .column .stories-list{position:relative;display:flex;flex-direction:column;margin-top:10px;padding-left:5px;padding-right:5px;z-index:5}.Board .column .stories-list .Story{margin:8px 0}@media screen and (max-width: 425px){.Board .left{display:none}.Board .left.no-columns{display:flex}.Board .column{min-width:max(100% - 30px - 30px,200px);margin:unset}.Board .column:not(:nth-child(2)){margin-left:30px}}#app{width:100%;height:100%;display:flex;flex-direction:column;background-color:#e0e0e0;color:#333}#app header{display:flex;justify-content:space-between;padding:20px}#app header .logo{color:#43bd87;font-weight:700;font-size:22px}#app main{width:100%;height:calc(100% - 75px)}@media screen and (max-width: 425px){#app header{flex-direction:column}}a,button{color:#333}@font-face{font-family:Google Sans;src:url(/assets/GoogleSans-7165713d.woff2)}@font-face{font-family:Google Sans Greek;src:url("./fonts/Google Sans Greek.woff2")}html,body{width:100%;height:100%}body{margin:0;line-height:1.6;font-family:Google Sans,Google Sans Greek,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea{font-family:Google Sans,Google Sans Greek,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input,button,textarea{all:none;outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;background-color:transparent}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button{cursor:pointer}a{text-decoration:none}.w-100{width:100%!important}.hide{visibility:hidden!important}.d-none{display:none!important}.d-flex{display:flex!important}.justify-content-end{justify-content:flex-end!important}.mt-1{margin-top:10px!important}