* {
  border-color: var(--border);
}

html,
body,
#root {
  min-height: 100%;
}

body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
}

@media (pointer: coarse) {
  [data-slot="resizable-handle"]::after {
    width: 36px;
  }

  [data-slot="resizable-handle"][aria-orientation="horizontal"]::after {
    width: 100%;
    height: 36px;
  }
}