body,html{margin:0;padding:0;color:#3c4052;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-appearance:none;appearance:none;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{height:100%;min-height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-track{border-radius:3px;background:rgba(215,224,234,.3)}::-webkit-scrollbar-thumb{background:#d7e0ea;border-radius:16px;height:2px}::-webkit-scrollbar-thumb:hover{background:#c9d1db}::-webkit-scrollbar-button{display:block;height:4px;width:4px}.loader-container{position:absolute;top:0;bottom:0;left:0;right:0}.loader-container .loader{margin-top:100px}.sign-in-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sign-in-container .ant-form{padding:0 24px;width:100%;max-width:420px}.create-board-card{background-color:#f5faff;border:1px solid #eaeff6;border-radius:12px;color:#3c4052;font-weight:500}.boards-view-container{height:100%}.boards-view-container .boards-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:24px 16px}.boards-view-container .boards-container>a{width:100%;margin-bottom:24px}.boards-view-container .boards-container>a .board-card{height:120px;width:100%}.boards-view-container .boards-container .board-card{width:296px;height:208px;padding:12px 16px;background-color:#fff;border-radius:12px;font-size:1rem;color:#3c4052;font-weight:500;overflow:hidden;white-space:normal}.boards-view-container .boards-container .board-card>span{display:block;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.boards-view-container .boards-container .create-board-card{height:60px;width:100%;padding:12px 16px}@media only screen and (min-width:768px){.boards-view-container .boards-container{display:grid;grid-template-columns:repeat(8,150px);grid-row-gap:12px;grid-column-gap:12px}.boards-view-container .boards-container>a{margin:0}.boards-view-container .boards-container .create-board-card,.boards-view-container .boards-container>a .board-card{height:100px;width:150px}.boards-view-container .boards-container .create-board-card span{word-break:break-word;white-space:none}}.create-card{display:flex;border-radius:12px;font-weight:500;margin:4px 0}.create-card .create-card-form-container{padding-bottom:6px}.create-card .create-card-form-container>textarea{width:100%;resize:none;outline:none;border-radius:14px;background-color:#fff;border:1px solid #e0e5e0;padding:12px 16px;font-weight:500;margin-bottom:12px}.create-card>a{text-align:center;font-size:.875rem;border-radius:3px;color:#5e6c84;display:block;flex:1 0 auto;padding:8px;position:relative;text-decoration:none;-webkit-user-select:none;user-select:none;border-radius:inherit;background-color:#f5faff;border:1px solid #eaeff6}.create-card>a:hover{outline:none;background-color:#eaf5ff}.card-container{margin-bottom:12px;border-radius:12px;background-color:#fff;border:1px solid #e0e5e0}.card-container__content{position:relative;font-weight:500;padding:12px 16px}.card-container__content .card-icons{top:7px;right:8px;position:absolute}.card-container__content .card-icons>button{color:#676b67}.card-container__content .card-icons>button:hover{background-color:#e0e5e0}.card-container__content>form>input{margin:-1px;font-weight:500;padding:0}.card-container:hover{cursor:pointer}.list-container{width:292px;margin:0 4px;padding:16px 0;display:inline-block;vertical-align:top;white-space:nowrap;background-color:#fff;border:1px solid #ccc;border-radius:16px;box-sizing:border-box}.list-container__content{border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;max-height:100%;position:relative;white-space:normal}.list-container__content__header{display:flex;align-items:center;justify-content:space-between;font-size:1.125rem;margin-bottom:12px;padding:0 16px;white-space:normal}.list-container__content__header>.list-title{max-width:200px;overflow:hidden;display:block;text-overflow:ellipsis}.list-container__content__header>form>input{font-size:1.125rem;padding:0;border-radius:8px}.list-container__content__header .list-menu{font-size:18px;padding-right:2px}.list-container__content__header .list-menu:hover{background-color:#f5faff}.list-container__content__cards{padding:0 16px;flex:1 1 auto;margin-bottom:0;overflow-y:auto;overflow-x:hidden;z-index:1;min-height:0}.ant-dropdown-menu{background-color:#fff;box-shadow:none;color:#3c4052;border:1px solid #e0e5e0;border-radius:12px}.ant-dropdown-menu>li{border-radius:8px}.create-list-button{min-width:292px;padding:4px 12px}.create-list-button,.create-list-form>input{margin:0 4px;display:inline-block;font-weight:500;background-color:#f5faff;border:1px solid #eaeff6;border-radius:16px;min-height:48px;font-size:.875rem}.create-list-form>input{min-width:284px;box-sizing:border-box}.board-topbar{padding:8px 16px;display:flex;justify-content:space-between;background-color:#f8f9fb;overflow:hidden}.board-topbar .left{flex-grow:1}.board-topbar .left .board-title{border:none;box-shadow:none;background:none;padding:0 12px;height:38px;font-weight:500;font-size:1.125rem}.board-topbar .left .board-title:hover{background-color:#eaebec}.board-topbar .left .board-title>span{max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.board-topbar .right>button{height:38px;border:none;box-shadow:none;background:none}.board-topbar .right>button:hover{background-color:#eaebec}.board-wrapper{flex:1 1;overflow:auto;white-space:nowrap;margin-bottom:8px;padding:0 4px 0 8px;background-color:#f8f9fb;display:flex}.board-wrapper .create-list,.board-wrapper .lists-container{margin-top:4px}.account-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 24px;max-width:400px;margin:0 auto}.account-container .account-details,.account-container .account-form{width:100%}@media only screen and (min-width:768px){.account-container{width:400px}}.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e0e5e0}
/*# sourceMappingURL=main.85ebb5e2.chunk.css.map */