@import "tailwindcss";

@layer base {
  form {
    input {
      background-color: var(--color-gray-700);
      border-radius: var(--radius-md);
      padding-inline-start: --spacing(2);
      &:has(+ button) {
        border-radius: var(--radius-md) 0 0 var(--radius-md);
      }
    }
    button {
      background-color: var(--color-gray-600);
      border-radius: var(--radius-md);
      padding: 0 --spacing(2);
      input + & {
        border-radius: 0 var(--radius-md) var(--radius-md) 0;
      }
    }
  }
}