.page {
  @apply relative border pl-4 pb-4 dark:border-neutral-100/10;
  @apply rounded bg-neutral-100 dark:bg-neutral-800;

  .delete {
    @apply opacity-50 hover:opacity-75;
    @apply rotate-0 hover:rotate-90;
    @apply transition-[opacity,transform];
  }

  .container {
    @apply grid grid-cols-2 gap-2;
  }

  .heading {
    @apply relative z-10 my-3;
    @apply text-xs font-semibold;
  }
}

.column {
  @apply relative w-full px-4;

  .heading {
    @apply relative z-10 my-3;
    @apply text-xs font-semibold;
  }

  .base {
    @apply absolute inset-0 w-4/5;
    @apply rounded bg-neutral-200 dark:bg-neutral-700;
  }
}

.section {
  @apply relative my-3 w-full px-4 py-2;
  @apply cursor-move break-all rounded text-xs capitalize;
  @apply bg-neutral-800/90 text-neutral-50 dark:bg-neutral-50/90 dark:text-neutral-800;

  &.disabled {
    @apply opacity-60;
  }
}
