.toolbar {
  @apply flex flex-row items-center justify-center gap-1.5 p-1 size-fit rounded-md self-stretch;

  border: 0.0625rem solid theme(colors.off.toolbar_border);
  background: linear-gradient(
    180deg,
    theme(colors.bg.inv.3) 0%,
    theme(colors.bg.inv.4) 100%
  );

  & > hr {
    @apply h-full min-h-8;
  }
}

.toolbar_button {
  @apply w-6 h-6 p-1 rounded-[0.25rem];

  &:hover {
    @apply bg-inv-1;
  }

  &:active {
    @apply bg-inv-4;
  }

  &.selected {
    @apply bg-bg-semantic-success-4;
  }
}
