@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./fa-solid-900.woff2") format("woff2");
}

html {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.kw-thread {
  --kw-topbar-height: 52px;
  --kw-sidebar-width: 180px;
  --kw-main-width: 1180px;
  --kw-aside-width: 261px;
  --kw-page-background: rgb(236, 240, 245);
  --kw-topbar-background: rgb(38, 51, 73);
  --kw-panel-background: rgb(255, 255, 255);
  --kw-border-color: rgb(221, 226, 230);
  --kw-muted-text: rgb(119, 119, 119);
  --kw-accent: rgb(244, 170, 32);
  --kw-link: rgb(66, 139, 202);

  width: 100%;
  height: 100%;
  min-width: 320px;
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  color: rgb(51, 51, 51);
  background-color: rgb(236, 240, 245);
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}

.kw-thread,
.kw-thread *,
.kw-thread *::before,
.kw-thread *::after {
  box-sizing: border-box;
}

.kw-thread button,
.kw-thread input,
.kw-thread select,
.kw-thread textarea {
  font: inherit;
}

.kw-thread button {
  cursor: pointer;
}

.kw-thread button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.kw-thread .kw-thread__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.kw-thread .kw-thread__topbar {
  position: sticky;
  z-index: 30;
  top: 0;
  display: flex;
  width: 100%;
  height: var(--kw-topbar-height);
  color: rgb(255, 255, 255);
  background: var(--kw-topbar-background);
  box-shadow: 0 1px 2px rgb(25 35 52 / 24%);
}

.kw-thread .kw-thread__brand {
  display: flex;
  flex: 0 0 var(--kw-sidebar-width);
  align-items: center;
  min-width: 0;
  padding: 7px 16px;
  border-right: 1px solid rgb(255 255 255 / 8%);
}

.kw-thread .kw-thread__brand-image {
  display: block;
  width: 120px;
  height: 38px;
  object-fit: contain;
  object-position: left center;
}

.kw-thread .kw-thread__topbar-content {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 0 20px;
}

.kw-thread .kw-thread__topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
}

.kw-thread .kw-thread__search {
  position: relative;
  display: block;
  width: 216px;
}

.kw-thread .kw-thread__search-input {
  width: 100%;
  height: 32px;
  padding: 6px 15px;
  color: rgb(72, 78, 89);
  background: rgb(246, 247, 250);
  border: 1px solid rgb(205, 211, 220);
  border-radius: 17px;
  outline: 0;
}

.kw-thread .kw-thread__search-input:focus {
  border-color: rgb(244, 170, 32);
  box-shadow: 0 0 0 2px rgb(244 170 32 / 22%);
}

.kw-thread .kw-thread__topbar-actions,
.kw-thread .kw-thread__actor {
  display: flex;
  align-items: center;
}

.kw-thread .kw-thread__topbar-actions {
  gap: 15px;
}

.kw-thread .kw-thread__tour-button {
  min-width: 82px;
  height: 34px;
  padding: 0 15px;
  color: rgb(43, 53, 74);
  background: rgb(245, 166, 25);
  border: 1px solid rgb(225, 145, 10);
  border-radius: 4px;
  font-weight: 600;
}

.kw-thread .kw-thread__topbar-button {
  padding: 7px 5px;
  color: rgb(255, 255, 255);
  background: transparent;
  border: 0;
}

.kw-thread .kw-thread__mobile-menu {
  display: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  color: rgb(255, 255, 255);
  background: transparent;
  border: 0;
  font-size: 24px;
}

.kw-thread .kw-thread__mobile-menu::before {
  content: "\f0c9";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.kw-thread .kw-thread__actor {
  gap: 8px;
  max-width: 190px;
}

.kw-thread .kw-thread__actor-name {
  overflow: hidden;
  color: rgb(255, 255, 255);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kw-thread .kw-thread__avatar {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  color: rgb(255, 255, 255);
  background: rgb(81, 113, 145);
  border-radius: 50%;
  font-weight: 600;
}

.kw-thread .kw-thread__avatar--topbar {
  width: 28px;
  height: 28px;
  color: rgb(43, 53, 74);
  background: rgb(244, 196, 151);
  border: 2px solid rgb(255 255 255 / 70%);
  font-size: 12px;
}

.kw-thread .kw-thread__layout {
  display: grid;
  grid-template-columns: minmax(0, var(--kw-main-width));
  justify-content: center;
  min-height: calc(100vh - var(--kw-topbar-height));
}

.kw-thread .kw-thread__sidebar {
  display: none;
}

.kw-thread .kw-thread__sidebar-nav {
  min-height: 100%;
  padding: 14px 0 30px;
}

.kw-thread .kw-thread__sidebar-items {
  display: flex;
  flex-direction: column;
}

.kw-thread .kw-thread__new-project {
  align-self: center;
  width: 134px;
  height: 38px;
  margin: 0 0 14px;
  color: rgb(255, 255, 255);
  background: rgb(65, 139, 230);
  border: 1px solid rgb(52, 124, 213);
  border-radius: 4px;
  font-weight: 600;
}

.kw-thread .kw-thread__sidebar-item {
  position: relative;
  width: 100%;
  min-height: 38px;
  padding: 8px 18px 8px 22px;
  color: rgb(65, 70, 78);
  text-align: left;
  background: rgb(255, 255, 255);
  border: 0;
  border-left: 3px solid transparent;
}

.kw-thread .kw-thread__sidebar-item:hover,
.kw-thread .kw-thread__sidebar-item.is-active {
  color: rgb(45, 115, 191);
  background: rgb(247, 249, 252);
  border-left-color: rgb(244, 170, 32);
}

.kw-thread .kw-thread__task-main {
  width: 100%;
  max-width: var(--kw-main-width);
  min-width: 0;
  padding: 28px 30px 48px;
}

.kw-thread .kw-thread__task-summary {
  min-height: 196px;
  background: var(--kw-panel-background);
  border: 1px solid var(--kw-border-color);
  border-bottom: 0;
}

.kw-thread .kw-thread__task-header {
  min-height: 196px;
  padding: 15px 14px 12px;
  color: rgb(68, 68, 68);
}

.kw-thread .kw-thread__task-heading {
  min-height: 49px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgb(241, 241, 241);
}

.kw-thread .kw-thread__task-title {
  margin: 0 0 5px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kw-thread .kw-thread__task-updated {
  margin: 0;
  color: rgb(125, 131, 138);
  font-size: 12px;
}

.kw-thread .kw-thread__progress {
  position: relative;
  height: 31px;
  padding: 15px 34px 0;
}

.kw-thread .kw-thread__progress-line {
  display: block;
  height: 2px;
  background: rgb(218, 224, 229);
}

.kw-thread .kw-thread__progress-value {
  position: absolute;
  top: 4px;
  left: 20%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: rgb(72, 76, 82);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(215, 221, 226);
  border-radius: 50%;
  font-size: 10px;
  transform: translateX(-50%);
}

.kw-thread .kw-thread__task-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px 18px;
  margin: 8px 0 0;
}

.kw-thread .kw-thread__definition {
  display: grid;
  grid-template-columns: minmax(72px, auto) minmax(0, 1fr);
  gap: 7px;
  align-items: baseline;
  min-width: 0;
}

.kw-thread .kw-thread__definition-label,
.kw-thread .kw-thread__definition-value {
  margin: 0;
}

.kw-thread .kw-thread__definition-label {
  color: rgb(101, 106, 112);
  font-weight: 400;
}

.kw-thread .kw-thread__definition-value {
  min-width: 0;
  overflow: hidden;
  color: rgb(67, 67, 67);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kw-thread .kw-thread__conversation {
  min-height: 650px;
  background: var(--kw-panel-background);
  border: 1px solid var(--kw-border-color);
  border-top: 0;
}

.kw-thread .kw-thread__task-tabs {
  min-height: 58px;
  padding: 0 14px;
  border-bottom: 1px solid rgb(237, 237, 237);
}

.kw-thread .kw-thread__tabs {
  display: flex;
  align-items: flex-end;
  gap: 1px;
  min-height: 57px;
  overflow-x: auto;
}

.kw-thread .kw-thread__tab {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 5px;
  align-items: center;
  height: 57px;
  padding: 12px 10px 10px;
  color: rgb(38, 38, 38);
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  font-size: 14px;
}

.kw-thread .kw-thread__tab:hover,
.kw-thread .kw-thread__tab.is-active {
  color: rgb(52, 73, 94);
  border-bottom-color: rgb(244, 170, 32);
}

.kw-thread .kw-thread__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  color: rgb(255, 255, 255);
  background: rgb(34, 190, 208);
  border-radius: 9px;
  font-size: 10px;
}

.kw-thread .kw-thread__conversation-tabs {
  display: flex;
  align-items: flex-start;
  gap: 0;
  min-height: 44px;
  margin: 30px 14px 17px;
  padding: 0;
  border-bottom: 0;
}

.kw-thread .kw-thread__conversation-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 15px;
  color: rgb(51, 51, 51);
  background: transparent;
  border: 0;
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
}

.kw-thread .kw-thread__conversation-tab:hover,
.kw-thread .kw-thread__conversation-tab:focus-visible {
  color: var(--kw-link);
}

.kw-thread .kw-thread__conversation-tab:focus-visible {
  outline: 2px solid rgb(66 139 202 / 45%);
  outline-offset: 2px;
}

.kw-thread .kw-thread__conversation-tab--active,
.kw-thread .kw-thread__conversation-tab[aria-selected="true"] {
  color: rgb(70, 100, 142);
}

.kw-thread .kw-thread__conversation-tab--active::before,
.kw-thread .kw-thread__conversation-tab[aria-selected="true"]::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  height: 2px;
  background: rgb(246, 145, 29);
  content: "";
}

.kw-thread .kw-thread__tab-count {
  position: absolute;
  top: 0;
  right: -3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 5px;
  color: rgb(255, 255, 255);
  background: rgb(0, 188, 213);
  border-radius: 50%;
  font-size: 9px;
  font-weight: 700;
  line-height: 9px;
  pointer-events: none;
}

.kw-thread [data-thread-role="internal-tab"] .kw-thread__tab-count {
  color: rgb(53, 53, 53);
  background: rgb(243, 226, 98);
}

.kw-thread .kw-thread__tab-count:empty {
  display: none;
}

.kw-thread .kw-thread__comment-list {
  min-height: 0;
  padding: 16px 14px 0;
}

.kw-thread .kw-thread__comment-card {
  margin: 0 0 18px;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(211, 216, 221);
}

.kw-thread .kw-thread__comment-header {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 52px;
  padding: 8px 12px;
  border-bottom: 1px solid rgb(232, 234, 237);
}

.kw-thread .kw-thread__comment-author {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.kw-thread .kw-thread__comment-author strong {
  overflow: hidden;
  color: rgb(50, 50, 50);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kw-thread .kw-thread__comment-time {
  color: rgb(128, 133, 139);
  font-size: 12px;
}

.kw-thread .kw-thread__comment-body {
  min-height: 52px;
  padding: 16px 18px;
  color: rgb(58, 58, 58);
  line-height: 1.55;
  white-space: pre-wrap;
}

.kw-thread .kw-thread__attachment-list {
  display: grid;
  gap: 8px;
  padding: 0 18px 18px;
}

.kw-thread .kw-thread__attachment {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  min-height: 66px;
  padding: 10px 12px;
  background: rgb(242, 245, 249);
  border: 1px solid rgb(235, 238, 242);
}

.kw-thread .kw-thread__attachment-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: rgb(107, 118, 132);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(214, 220, 226);
  border-radius: 50%;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.kw-thread .kw-thread__attachment-details {
  min-width: 0;
}

.kw-thread .kw-thread__attachment-name {
  display: block;
  overflow: hidden;
  color: rgb(62, 68, 75);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kw-thread .kw-thread__attachment-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 12px;
  margin: 0;
  color: rgb(124, 131, 139);
  font-size: 11px;
}

.kw-thread .kw-thread__attachment-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 9px;
  align-items: baseline;
  margin-top: 3px;
}

.kw-thread .kw-thread__attachment-meta .kw-thread__definition {
  display: flex;
  gap: 3px;
}

.kw-thread .kw-thread__attachment-meta .kw-thread__definition-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.kw-thread .kw-thread__attachment-action {
  min-height: 0;
  padding: 0;
  color: rgb(52, 58, 64);
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  white-space: nowrap;
}

.kw-thread .kw-thread__attachment-action:hover,
.kw-thread .kw-thread__attachment-action:focus-visible {
  color: var(--kw-link);
  text-decoration: underline;
}

.kw-thread .kw-thread__empty {
  margin: 8px 0;
  color: rgb(128, 133, 139);
  font-style: italic;
}

.kw-thread .kw-thread__composer {
  position: relative;
  min-height: 310px;
  margin: 18px 30px 28px 74px;
  padding: 20px;
  background: rgb(255, 255, 255);
  border: 1px solid var(--kw-border-color);
}

.kw-thread .kw-thread__composer--public {
  background: rgb(255, 255, 255);
}

.kw-thread .kw-thread__composer--internal {
  background: rgb(255, 246, 178);
  border-color: rgb(222, 201, 94);
}

.kw-thread .kw-thread__comment-list--internal .kw-thread__comment-card {
  background: rgb(255, 246, 178);
  border-color: rgb(226, 209, 121);
}

.kw-thread .kw-thread__composer-avatar {
  position: absolute;
  top: 0;
  left: -61px;
  width: 48px;
  height: 48px;
  background: rgb(81, 113, 145);
  border: 3px solid rgb(255, 255, 255);
  box-shadow: 0 1px 3px rgb(0 0 0 / 28%);
}

.kw-thread .kw-thread__composer-title {
  margin: 0 0 6px;
  color: rgb(83, 88, 94);
  font-size: 12px;
  font-weight: 400;
}

.kw-thread .kw-thread__editor-shell {
  margin-bottom: 18px;
  border: 1px solid rgb(209, 214, 219);
}

.kw-thread .kw-thread__rich-toolbar {
  display: none;
  min-height: 34px;
  padding: 3px 6px;
  background: rgb(248, 249, 250);
  border-bottom: 1px solid rgb(220, 223, 227);
}

.kw-thread .kw-thread__format-button {
  min-width: 34px;
  height: 27px;
  padding: 3px 7px;
  color: rgb(75, 80, 86);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  font-size: 11px;
}

.kw-thread .kw-thread__format-button:hover,
.kw-thread .kw-thread__format-button:focus-visible {
  background: rgb(237, 240, 243);
  border-color: rgb(210, 215, 220);
}

.kw-thread .kw-thread__reply-editor {
  min-height: 96px;
  padding: 10px;
  color: rgb(55, 55, 55);
  background: rgb(255, 255, 255);
  outline: 0;
  white-space: pre-wrap;
}

.kw-thread .kw-thread__reply-editor:focus {
  box-shadow: inset 0 0 0 1px rgb(66 139 202 / 45%);
}

.kw-thread .kw-thread__composer-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 64px;
  margin-bottom: 24px;
}

.kw-thread .kw-thread__field {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.kw-thread .kw-thread__field-label {
  color: rgb(94, 99, 105);
  font-size: 12px;
}

.kw-thread .kw-thread__field--status-field {
  grid-column: 1;
  grid-row: 1;
}

.kw-thread .kw-thread__field--assignee-field {
  grid-column: 2;
  grid-row: 1;
}

.kw-thread .kw-thread__field--priority-field {
  grid-column: 1;
  grid-row: 2 / span 2;
}

.kw-thread .kw-thread__field--due-date-field {
  grid-column: 2;
  grid-row: 2;
}

.kw-thread .kw-thread__field--estimated-hours-field {
  grid-column: 2;
  grid-row: 3;
}

.kw-thread .kw-thread__priority-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.kw-thread .kw-thread__priority-option {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  color: rgb(65, 69, 74);
  font-size: 12px;
  white-space: nowrap;
}

.kw-thread .kw-thread__priority-option input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: rgb(0, 177, 120);
}

.kw-thread .kw-thread__select,
.kw-thread .kw-thread__input {
  width: 100%;
  height: 34px;
  padding: 5px 9px;
  color: rgb(70, 70, 70);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(201, 207, 213);
  border-radius: 0;
}

.kw-thread .kw-thread__composer-subtitle {
  margin: 0;
  color: rgb(94, 99, 105);
  font-size: 12px;
  font-weight: 400;
}

.kw-thread .kw-thread__upload {
  display: grid;
  grid-template-columns: 88px minmax(0, 250px);
  gap: 9px;
  align-items: center;
  margin: 0 0 20px;
}

.kw-thread .kw-thread__upload-control {
  padding: 12px 10px 9px;
  text-align: center;
  background: rgb(248, 249, 251);
  border: 1px solid rgb(173, 184, 198);
  border-radius: 4px;
}

.kw-thread .kw-thread__upload-control--drag-active {
  background: rgb(245, 250, 255);
  border-color: rgb(65, 139, 230);
  box-shadow: 0 0 0 2px rgb(65 139 230 / 18%);
}

.kw-thread .kw-thread__file-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 30px;
  padding: 5px 10px;
  color: rgb(85, 91, 98);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(205, 211, 218);
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
}

.kw-thread .kw-thread__file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.kw-thread .kw-thread__help {
  margin: 5px 0 0;
  color: rgb(246, 145, 29);
  font-size: 11px;
}

.kw-thread .kw-thread__upload-progress {
  margin-top: 10px;
  text-align: left;
}

.kw-thread .kw-thread__upload-progress-copy {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  color: rgb(86, 94, 104);
  font-size: 11px;
}

.kw-thread .kw-thread__upload-progress-status {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kw-thread .kw-thread__upload-progress-track {
  height: 6px;
  margin-top: 5px;
  overflow: hidden;
  background: rgb(221, 227, 234);
  border-radius: 3px;
}

.kw-thread .kw-thread__upload-progress-fill {
  display: block;
  height: 100%;
  background: rgb(65, 139, 230);
  border-radius: inherit;
  transition: width 120ms linear;
}

.kw-thread .kw-thread__upload-progress-fill.is-indeterminate {
  width: 45%;
  animation: kw-thread-upload-progress 900ms ease-in-out infinite alternate;
}

@keyframes kw-thread-upload-progress {
  from { transform: translateX(-15%); }
  to { transform: translateX(135%); }
}

@media (prefers-reduced-motion: reduce) {
  .kw-thread .kw-thread__upload-progress-fill {
    transition: none;
  }

  .kw-thread .kw-thread__upload-progress-fill.is-indeterminate {
    animation: none;
    transform: translateX(60%);
  }
}

.kw-thread .kw-thread__draft-attachments {
  display: grid;
  gap: 6px;
  margin-top: 9px;
}

.kw-thread .kw-thread__draft-attachment {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 9px;
  align-items: center;
  padding: 8px 10px;
  background: rgb(242, 245, 249);
  border: 1px solid rgb(224, 229, 234);
}

.kw-thread .kw-thread__draft-attachment-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kw-thread .kw-thread__draft-ready {
  color: rgb(54, 128, 84);
  font-size: 11px;
}

.kw-thread .kw-thread__draft-remove {
  color: rgb(72, 121, 148);
  background: transparent;
  border: 0;
  font-size: 11px;
}

.kw-thread .kw-thread__notifications {
  display: grid;
  grid-template-columns: 88px repeat(3, minmax(0, 1fr));
  gap: 6px 20px;
  margin: 0 0 20px;
  padding: 4px 0 0;
  border: 0;
}

.kw-thread .kw-thread__notifications legend {
  grid-column: 1;
  grid-row: 1 / span 20;
  width: 88px;
  margin: 0;
  padding: 0;
  color: rgb(94, 99, 105);
  font-size: 12px;
}

.kw-thread .kw-thread__notification-person {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  min-width: 0;
  color: rgb(72, 77, 83);
  font-size: 12px;
}

.kw-thread .kw-thread__notification-person input {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: rgb(0, 177, 120);
}

.kw-thread .kw-thread__notification-person span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kw-thread .kw-thread__composer-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.kw-thread .kw-thread__composer-or {
  color: rgb(90, 94, 99);
  font-size: 12px;
}

.kw-thread .kw-thread__post-button {
  min-width: 69px;
  height: 30px;
  color: rgb(255, 255, 255);
  background: rgb(65, 139, 230);
  border: 1px solid rgb(52, 124, 213);
  border-radius: 3px;
  font-weight: 600;
}

.kw-thread .kw-thread__cancel-button {
  padding: 0;
  color: rgb(72, 121, 148);
  background: transparent;
  border: 0;
  font-size: 12px;
}

.kw-thread .kw-thread__error {
  margin: 10px 14px;
  padding: 10px 12px;
  color: rgb(151, 45, 45);
  background: rgb(254, 239, 239);
  border: 1px solid rgb(239, 194, 194);
}

.kw-thread .kw-thread__task-aside {
  display: none;
}

.kw-thread .kw-thread__sidebar,
.kw-thread .kw-thread__task-aside {
  display: none;
}

.kw-thread .kw-thread__aside-section {
  margin: 0 0 21px;
}

.kw-thread .kw-thread__aside-title {
  position: relative;
  margin: 0 0 12px;
  padding-bottom: 7px;
  color: rgb(113, 148, 188);
  border-bottom: 1px solid rgb(213, 216, 220);
  font-size: 16px;
  font-weight: 400;
}

.kw-thread .kw-thread__aside-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.kw-thread .kw-thread__aside-list .kw-thread__definition {
  grid-template-columns: 93px minmax(0, 1fr);
  gap: 8px;
  font-size: 12px;
}

.kw-thread .kw-thread__aside-list .kw-thread__definition-value {
  white-space: normal;
}

.kw-thread .kw-thread__label-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.kw-thread .kw-thread__label {
  padding: 4px 7px;
  color: rgb(118, 123, 130);
  background: rgb(249, 250, 251);
  border: 1px solid rgb(218, 222, 226);
  border-radius: 2px;
  font-size: 11px;
}

.kw-thread.kw-thread--editor-open {
  overflow: hidden;
}

.kw-thread .kw-thread__editor-overlay {
  position: fixed;
  z-index: 100;
  inset: 0;
  padding: 0;
  background: rgb(21 29 42 / 72%);
}

.kw-thread .kw-thread__editor-overlay[hidden] {
  display: none;
}

.kw-thread .kw-thread__editor-dialog {
  display: grid;
  grid-template-rows: 48px minmax(0, 1fr);
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  background: rgb(255, 255, 255);
  border: 0;
  box-shadow: none;
}

.kw-thread .kw-thread__editor-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 0 14px;
  color: rgb(255, 255, 255);
  background: rgb(43, 53, 74);
}

.kw-thread .kw-thread__editor-header h2,
.kw-thread .kw-thread__editor-status {
  margin: 0;
}

.kw-thread .kw-thread__editor-header h2 {
  font-size: 15px;
}

.kw-thread .kw-thread__editor-status {
  overflow: hidden;
  color: rgb(220, 225, 233);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kw-thread .kw-thread__editor-close {
  min-width: 72px;
  height: 32px;
  color: rgb(43, 53, 74);
  background: rgb(245, 166, 25);
  border: 1px solid rgb(225, 145, 10);
  border-radius: 3px;
}

.kw-thread .kw-thread__editor-frame {
  width: 100%;
  height: 100%;
  background: rgb(246, 247, 249);
  border: 0;
}

.kw-thread .kw-thread__boot-error {
  margin: 50px;
  padding: 14px;
  color: rgb(151, 45, 45);
  background: rgb(254, 239, 239);
  border: 1px solid rgb(239, 194, 194);
}

@media (max-width: 1279px) {
  .kw-thread .kw-thread__layout {
    grid-template-columns: minmax(0, var(--kw-main-width));
    justify-content: center;
  }

  .kw-thread .kw-thread__task-main {
    width: 100%;
    max-width: var(--kw-main-width);
  }
}

@media (max-width: 767px) {
  .kw-thread .kw-thread__topbar {
    position: relative;
  }

  .kw-thread .kw-thread__brand {
    flex: 0 0 52px;
    width: 52px;
    padding: 7px 20px 7px 12px;
    overflow: hidden;
  }

  .kw-thread .kw-thread__brand-image {
    flex: 0 0 120px;
    width: 120px;
    max-width: none;
    clip-path: inset(0 92px 0 0);
  }

  .kw-thread .kw-thread__topbar-content {
    justify-content: flex-end;
    padding: 0 8px;
  }

  .kw-thread .kw-thread__topbar-inner {
    justify-content: flex-end;
  }

  .kw-thread .kw-thread__layout {
    display: block;
    min-height: calc(100vh - var(--kw-topbar-height));
  }

  .kw-thread .kw-thread__task-main {
    max-width: none;
    padding: 12px;
  }

  .kw-thread .kw-thread__task-summary {
    min-height: 148px;
  }

  .kw-thread .kw-thread__task-header {
    min-height: 0;
  }

  .kw-thread .kw-thread__task-meta {
    grid-template-columns: 1fr;
  }

  .kw-thread .kw-thread__conversation-tabs {
    min-height: 58px;
    padding-top: 8px;
    overflow-x: auto;
  }

  .kw-thread .kw-thread__comment-list {
    padding-right: 10px;
    padding-left: 10px;
  }

  .kw-thread .kw-thread__composer {
    margin: 16px 10px 24px;
    padding: 14px;
  }

  .kw-thread .kw-thread__composer-avatar {
    position: static;
    width: 42px;
    height: 42px;
    margin-bottom: 8px;
  }

  .kw-thread .kw-thread__composer-fields,
  .kw-thread .kw-thread__notifications {
    grid-template-columns: 1fr;
  }

  .kw-thread .kw-thread__notifications legend {
    grid-column: 1;
    grid-row: auto;
    width: auto;
    margin-bottom: 4px;
  }

  .kw-thread .kw-thread__field--status-field,
  .kw-thread .kw-thread__field--assignee-field,
  .kw-thread .kw-thread__field--priority-field,
  .kw-thread .kw-thread__field--due-date-field,
  .kw-thread .kw-thread__field--estimated-hours-field {
    grid-column: 1;
    grid-row: auto;
  }

  .kw-thread .kw-thread__upload {
    grid-template-columns: 1fr;
  }

  .kw-thread .kw-thread__attachment {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .kw-thread .kw-thread__search,
  .kw-thread .kw-thread__topbar-actions {
    display: none;
  }
}