.course-builder-lesson-node[data-lesson-order-item]{
  grid-template-columns:24px 28px minmax(0,1fr) auto;
}
.course-builder-drag-handle{
  width:24px;
  height:32px;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#7b8790;
  font-size:20px;
  line-height:1;
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.course-builder-drag-handle:hover,
.course-builder-drag-handle:focus-visible{
  background:rgba(20,119,58,.1);
  color:#14773a;
  outline:none;
}
.course-builder-drag-handle:active{
  cursor:grabbing;
  transform:scale(.96);
}
.course-builder-drag-handle:disabled{
  cursor:wait;
  opacity:.45;
}
.course-builder-lessons.lesson-order-is-reordering{
  user-select:none;
  -webkit-user-select:none;
}
.course-builder-lesson-node.lesson-order-is-dragging{
  opacity:.42;
  pointer-events:none;
  border-style:dashed;
  border-color:rgba(20,119,58,.65);
  background:rgba(32,147,69,.08);
  box-shadow:0 10px 28px rgba(20,119,58,.16);
}
.lesson-order-body-dragging,
.lesson-order-body-dragging *{
  cursor:grabbing!important;
}
.lesson-order-status{
  min-height:18px;
  margin:2px 2px 4px 34px;
  font-size:11px;
  line-height:1.35;
  font-weight:800;
  color:#667085;
}
.lesson-order-status[data-state="saving"]{color:#9a6700;}
.lesson-order-status[data-state="success"]{color:#14773a;}
.lesson-order-status[data-state="error"]{color:#b42318;}
.lesson-order-is-saving .course-builder-lesson-node{
  opacity:.72;
}
body[data-theme="dark"] .course-builder-drag-handle{
  color:#a9b8ae;
}
body[data-theme="dark"] .course-builder-drag-handle:hover,
body[data-theme="dark"] .course-builder-drag-handle:focus-visible{
  background:rgba(83,201,119,.14);
  color:#7ee29c;
}
body[data-theme="dark"] .course-builder-lesson-node.lesson-order-is-dragging{
  border-color:rgba(126,226,156,.7);
  background:rgba(53,150,82,.14)!important;
}
body[data-theme="dark"] .lesson-order-status{color:#aebdb4;}
body[data-theme="dark"] .lesson-order-status[data-state="saving"]{color:#f6c76d;}
body[data-theme="dark"] .lesson-order-status[data-state="success"]{color:#7ee29c;}
body[data-theme="dark"] .lesson-order-status[data-state="error"]{color:#ff9b92;}
@media (max-width:560px){
  .course-builder-lesson-node[data-lesson-order-item]{
    grid-template-columns:22px 26px minmax(0,1fr) 24px;
    gap:8px;
  }
  .course-builder-drag-handle{width:22px;height:30px;}
  .lesson-order-status{margin-left:30px;}
}