.dashboard-blocks {
  @apply -relative;
}
.dashboard-block-cell {
  @apply -absolute -transition-[left,top];
}
.dashboard-block {
  @apply -absolute -inset-2 -transition-opacity -bg-canvas -rounded;
}
.dashboard-block.is-dragging {
  @apply -opacity-0 -z-overlay;
}
.dashboard-block-header {
  @apply -absolute -top-0 -left-0 -right-0 -flex -flex-row -items-center -justify-between -p-3 -rounded-t -pointer-events-none -z-10;
}
.dashboard-block-header > * {
  @apply -pointer-events-auto;
}
.dashboard-block-title {
  @apply -font-bold -text-md;
}
.dashboard-block-body {
  @apply -absolute -inset-0;
}
.dashboard-block-body > .panel {
  @apply -w-full -h-full -flex -flex-col;
  --tw-shadow: 0px 6px 16px rgba(202, 215, 235, 0.25);
}
.dashboard-block-body .panel-heading {
  @apply -flex-none -cursor-move;
}
.dashboard-block-body .panel-body {
  @apply -flex-auto -overflow-y-auto;
}
.has-more-menu > .dashboard-block-body .panel-heading {
  @apply -pr-12;
}
.dashboard-block-body .panel-title {
  @apply -h-8 -text-md;
}
.dashboard-block-actions .btn {
  @apply -opacity-60 hover:-opacity-100;
}
.dashboard-drop-shadow {
  @apply -absolute -transition-[left,top];
}
.dashboard-drop-shadow::before {
  @apply -content-[''] -absolute -inset-2 -rounded -shadow-inner -bg-inverse/5;
}
