.component-tasksboard-h1{display:inline-block;min-width:300px;padding-right:20px;border-bottom:1px solid var(--border-color-gray)}.component-taskboard-header{display:grid;grid-template-columns:max-content max-content 1fr;align-items:center;grid-gap:8px;font-size:18px;padding:12px 0 12px 12px}.component-taskboard-header>div:nth-child(2){line-height:1rem}.component-taskboard-header>div:last-child>span{display:inline-block;min-width:150px;padding-right:20px;border-bottom:1px solid var(--border-color-gray)}.component-taskboard-header i{font-size:14px;width:20px;text-align:center}.component-taskboard-header .pickr .pcr-button{display:block;width:20px;height:20px}.component-taskboard-group+.component-taskboard-group{margin-top:20px}.component-taskboard-group.component-taskboard-group-closed+.component-taskboard-group{margin-top:0}.component-taskboard-group-closed .component-taskboard-list{display:none}.component-taskboard-new-group-button{padding:12px;margin-top:20px}.component-taskboard-list{position:relative;background:var(--background-color);padding:px 0;border-left:4px solid #00f;border-radius:8px;animation:component-item-fade-in .35s;box-shadow:0 2px 4px #eaeaff}.component-taskboard-list-item{background-color:#fff}.component-taskboard-list-header,.component-taskboard-list-item{display:grid;grid-template-columns:30px 30px minmax(100px,450px) 175px 175px 125px 175px 1fr;border-bottom:1px solid var(--border-color-gray)}.component-taskboard-list-item-new{border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.component-taskboard-list-item-new input[type=text]{padding:12px}.component-taskboard-list-item:not(.component-taskboard-list-item-new)>div:nth-child(3){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-clamp:1}@keyframes component-item-fade-in{0%{opacity:0}100%{opacity:1}}.component-taskboard-list-item-checked{background-color:#f0ecff;border-color:var(--background-color)!important}.component-taskboard-list-item-checked>div{border-color:var(--background-color)!important}.component-taskboard-list-item-saving{animation:component-taskboard-item-saving 1s infinite}.component-taskboard-list-item i.fa-spin{--fa-animation-duration:0.9s}@keyframes component-taskboard-item-saving{0%,100%{opacity:1}50%{opacity:.6}}.component-taskboard-list-header>div{padding:12px;font-size:14px;color:#494949}.component-taskboard-list-header>div:not(:first-child,:nth-child(2),:nth-child(3)),.component-taskboard-list-item>div:not(:first-child,:nth-child(2),:nth-child(3)){text-align:center;border-left:1px solid var(--border-color-gray)}.component-taskboard-list-item>div{padding:12px}.component-taskboard-list-header>div:nth-child(2),.component-taskboard-list-item>div:nth-child(2){padding:12px 0;text-align:center}.component-taskboard-list-item-new>div:nth-child(3){padding:0}.component-taskboard-list-item-new>div:nth-child(3) input[type=text]{width:100%;border:0}.component-taskboard-list-item [data-role]{position:relative;cursor:pointer}.component-taskboard-list-item [data-role]:not(.component-taskboard-status:not(:empty),[data-role=priority]):hover{background-color:rgba(0,0,255,.05)}.component-taskboard-list-item [data-role=drag]{color:#737373;opacity:0;transition:opacity .35s;cursor:grab}.component-taskboard-list-item:hover [data-role=drag]{opacity:1}.component-taskboard-list-item:hover [data-role=drag]:active{cursor:grabbing}.component-taskboard-cell-options{position:absolute;right:0;top:100%;min-width:100%;border-top:1px solid var(--border-color-gray);background-color:#fff;padding:20px;z-index:1;box-shadow:0 4px 4px rgba(0,0,0,.1);border-radius:4px}.component-taskboard-cell-options-status{display:grid;grid-template-rows:1fr max-content;padding:0}.component-taskboard-cell-options-status>div:first-child{max-height:300px;overflow:auto;padding:8px}.component-taskboard-cell-options-status>div:first-child>div{padding:8px;border-radius:4px;margin:4px 0}.component-taskboard-list [data-role=status]:empty,.component-taskboard-status{--component-taskboard-status-background:transparent;--component-taskboard-status-color:var(--text-color);background-color:var(--component-taskboard-status-background);color:var(--component-taskboard-status-color)}.component-taskboard-cell-options-status>div:last-child{border-top:1px solid var(--border-color-gray);padding:12px;text-align:left;font-size:14px;color:#737373}[data-role=assignment]{padding:0!important}[data-role=assignment]>div:first-child{padding:12px;display:inline-flex;line-height:20px;height:20px;gap:4px}[data-role=assignment]>div>img{flex:1;width:20px;height:20px;border-radius:50%;object-fit:cover;display:block}.component-taskboard-cell-options-assignment{display:grid;grid-template-rows:max-content 1fr;text-align:left;width:400px;padding:0!important;cursor:default}.component-taskboard-cell-options-assignment img{width:20px;height:20px;border-radius:50%;object-fit:cover;display:block}.component-taskboard-cell-options-assignment>div:first-child{padding:12px}.component-taskboard-cell-options-assignment>div:last-child{padding:12px;max-height:250px;overflow:auto}.component-taskboard-assigned{display:inline-grid;margin-right:4px;margin-bottom:4px;font-size:14px;grid-template-columns:max-content 1fr max-content;align-items:center;background-color:var(--secondary-color-lightest);padding:8px 12px;grid-gap:8px;border-radius:12px}.component-taskboard-assigned i{cursor:pointer}.component-taskboard-cell-options-title{color:#737373;margin-top:20px}.component-taskboard-cell-options-title:first-child{margin-top:0}.component-taskboard-cell-options-assignment-suggestions>div:first-child{padding-bottom:4px!important}.component-taskboard-assigned img{display:block}.component-taskboard-assignee{display:grid;align-items:center;grid-gap:8px;grid-template-columns:max-content 1fr;padding:8px}.component-taskboard-assignee img{width:24px;height:24px;border-radius:50%}.component-taskboard-assignee:hover{cursor:pointer;background-color:#f4f4f4;border-radius:4px}.component-taskboard-cell-options-priority{padding:8px}.component-taskboard-cell-options-priority>div{padding:8px;border-radius:4px;margin:4px 0}.component-taskboard [data-role=priority]{text-transform:capitalize}.component-taskboard [data-priority=high]{background:#ee3030;color:#fff}.component-taskboard [data-priority=medium]{background:#ffa815;color:#fff}.component-taskboard [data-priority=low]{background:#acacac;color:#fff}.component-taskboard-list-item-dragging{opacity:.5}