@tailwind base;
@tailwind components;
@tailwind utilities;

.pb-label {
  @apply block text-sm font-medium text-gray-700;
}

.pb-textarea {
  @apply shadow-sm focus:ring-indigo-500 focus:border-indigo-500 mt-1 block w-full sm:text-sm border-gray-300 rounded-md;
}

.pb-select {
  @apply mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm;
}

.pb-input_wrapper {
  @apply mt-1 flex rounded-md shadow-sm;
}

.pb-input {
  @apply focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-md sm:text-sm border-gray-300;
}

.Collapsible {
  background-color: #ddd;
  border-radius: 2px;
}

.Collapsible__trigger {
  padding-left: 6px;
  cursor: pointer;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
}

.Collapsible__trigger.is-closed:before {
  content: '> ';
}

.Collapsible__trigger.is-open:before {
  content: '< ';
}

.Collapsible {
  margin-bottom: 12px;
}

.Collapsible__contentInner {
  background-color: #fff;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 2px;
}