.ab-subtask-group{display:flex;justify-content:center;align-items:center;width:100%;overflow-x:scroll}.ab-subtask-item{text-decoration:none;border-radius:50%;outline:0;cursor:pointer;background-color:transparent;font-family:var(--ab-font-primary);width:32px;height:32px;min-width:32px;min-height:32px;text-align:center;line-height:27px;font-size:var(--ab-heading-200);color:var(--ab-color-ui-800);font-weight:600;border:2px solid var(--ab-color-ui-800);margin-left:16px;margin-right:16px;position:relative}.ab-subtask-item:hover{color:var(--ab-color-ui-900)}.ab-subtask-item:active,.ab-subtask-item:focus,.ab-subtask-item:hover{border-color:var(--ab-color-active-500)}.ab-subtask-item:before{position:absolute;right:-24px;top:50%;width:12px;height:4px;border-radius:300px;background-color:var(--ab-color-ui-800);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:""}.ab-subtask-item:last-of-type:before{display:none}.ab-subtask-item--active{border-color:var(--ab-color-active-500)}.ab-subtask-item:after{position:absolute;width:18px;height:18px;border-radius:50%;display:block;right:-10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-size:contain}.ab-subtask-item--done:after{content:"";background-color:var(--ab-color-positive-500);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><g fill='none' fill-rule='evenodd'><path d='M0 0h16v16H0z'/><path fill='rgb(255,255,255)' d='M4.884 7.18a.5.5 0 1 0-.768.64l2.5 3a.5.5 0 0 0 .756.014l4.5-5a.5.5 0 1 0-.744-.668l-4.113 4.57-2.13-2.556z'/></g></svg>")}.ab-subtask-item--on-hold:after{content:"";background-color:var(--ab-color-warning-500);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><g fill='none' fill-rule='evenodd'><path d='M0 0h24v24H0z'/><path fill='rgba(255,255,255)' d='M12 2a10 10 0 0 1 10 10c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm3-9a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v4h2z'/></g></svg>")}.ab-subtask-item--in-progress:after{background-color:var(--ab-color-active-500)}.ab-subtask-item--in-progress:after,.ab-subtask-item--not-ok:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><g fill='none' fill-rule='evenodd'><path d='M0 0h24v24H0z'/><path fill='rgb(255,255,255)' d='M12 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 1a1 1 0 0 1 1 1v5a1 1 0 0 1-2 0v-5a1 1 0 0 1 1-1z'/></g></svg>")}.ab-subtask-item--not-ok:after{background-color:var(--ab-color-secondary-500)}