html body #root#root#root #main-content .review-arrangement-workbench .expert-picker {
  container: expert-picker / inline-size;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  min-width: 0;
  max-width: 100%;
  margin-top: 4px;
  padding: 16px;
  border: 1px solid #e5e5ea;
  border-radius: 12px;
  background: #f7f8fb;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > header {
  flex-direction: row;
  align-items: start;
  flex-wrap: wrap;
  gap: 6px 16px;
  min-width: 0;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > header > div {
  flex: 1 1 260px;
  min-width: 0;
  gap: 5px;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > header :is(b, small, span) {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-search {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #d9dfe8;
  border-radius: 10px;
  background: #fff;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-search > span {
  flex: 0 0 auto;
  color: #636366;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-search > input {
  flex: 1 1 auto;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 42px;
  min-height: 42px;
  max-height: 42px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  font-size: 14px;
  line-height: 1.6;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-search:focus-within {
  border-color: #002fa7;
  outline: 2px solid #002fa7;
  outline-offset: 2px;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-columns {
  display: grid;
  grid-template-columns: 20px minmax(120px, .9fr) minmax(160px, 1.3fr) minmax(110px, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0 16px 0 12px;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  align-content: start;
  gap: 10px;
  min-width: 0;
  min-height: 0;
  max-height: min(65vh, 600px);
  padding: 0 4px 4px 0;
  overflow: auto;
  overscroll-behavior: contain;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label {
  display: grid;
  grid-template-columns: 20px minmax(120px, .9fr) minmax(160px, 1.3fr) minmax(110px, 1fr);
  align-items: center;
  gap: 8px 12px;
  min-width: 0;
  min-height: 76px;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 12px;
  border: 1px solid #e1e5ed;
  border-radius: 10px;
  background: #fff;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label.selected {
  border-color: #9eb5ee;
  background: #eff4ff;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > input[type=checkbox] {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 2px 0 0;
  padding: 0;
  align-self: start;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > :is(b, span, em),
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > b > small {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
  font-size: 14px;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > b {
  display: grid;
  gap: 3px;
  color: #1d1d1f;
  font-weight: 700;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > b > small {
  display: block;
  color: #636366;
  font-weight: 400;
}
html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > em {
  color: #435c8d;
  font-style: normal;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .dialog-body {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 14px;
  min-height: 0;
  margin: 0;
  padding: 20px 24px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > :is(header, .expert-picker-search, .expert-picker-columns) {
  flex: 0 0 auto;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 8px 16px;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > header :is(p, small, b) {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > header small {
  color: var(--ios-secondary, #6e6e73);
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > .expert-picker-list {
  flex: 1 1 auto;
  gap: 0;
  max-height: none;
  min-height: 0;
  padding: 0 4px 0 0;
  overflow-y: auto;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > .expert-picker-columns {
  color: var(--ios-secondary, #6e6e73);
  font-size: 13px;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > .expert-picker-columns > span:first-child {
  white-space: nowrap;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > .expert-picker-list > .expert-picker-option {
  min-height: 72px;
  padding-block: 12px;
  border: 0;
  border-bottom: 1px solid var(--ios-line, #e5e5ea);
  border-radius: 0;
  background: var(--ios-panel, #fff);
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > .expert-picker-list > .expert-picker-option.selected {
  background: var(--ios-accent-soft, #eef5f6);
  box-shadow: inset 3px 0 var(--ios-accent, #0c7180);
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > .expert-picker-list > .expert-picker-option > b {
  font-weight: 600;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker > .expert-picker-list > .expert-picker-option > :is(b, span, em) {
  font-size: 13px;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-selection-footer {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 16px 24px;
  border-top: 1px solid var(--ios-line, #e5e5ea);
  background: var(--ios-panel, #fff);
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-selection-footer > :is(p, span) {
  flex: 1 1 180px;
  margin: 0;
  color: var(--ios-secondary, #6e6e73);
  font-size: 13px;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-selection-footer > .btn-primary {
  min-width: 120px;
}
@container expert-picker (max-width: 680px) {
  html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-columns {
    display: none;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label {
    grid-template-columns: 20px minmax(0, .9fr) minmax(0, 1.3fr);
    grid-template-areas: "check person organization" ". meta meta";
    align-items: start;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > input {
    grid-area: check;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > b {
    grid-area: person;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > span {
    grid-area: organization;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label > em {
    grid-area: meta;
  }
}
@container expert-picker (max-width: 400px) {
  html body #root#root#root #main-content .review-arrangement-workbench .expert-picker > .expert-picker-list > label {
    grid-template-columns: 20px minmax(0, 1fr);
    grid-template-areas: "check person" ". organization" ". meta";
    gap: 6px 10px;
  }
}
@media (max-width: 760px) {
  html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-picker {
    padding: 16px 16px 0;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-selection-footer {
    padding: 14px 16px;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-expert-selection-dialog .expert-selection-footer > :is(p, span) {
    flex-basis: 100%;
  }
}