body#front {
  .select,
  .textarea,
  .input {
    @apply border-base-content/20 text-lg px-4;
    --size: 3rem;
  }

  .select {
    @apply pr-10;
  }

  .radio {
    @apply radio-primary radio-sm mt-0.5;
  }

  .checkbox {
    @apply checkbox-primary checkbox-sm mt-0.5;
  }

  .label-text {
    @apply text-primary dark:text-base-content/50 font-medium text-base px-0;
  }

  .helper-text {
    @apply text-sm;
  }

  .radio-buttons-wrapper,
  .checkboxes-wrapper {
    @apply flex flex-col bg-base-100 border-base-content/20 divide-base-content/20 rounded-md divide-y border cursor-pointer;

    > span > label {
      @apply p-3 cursor-pointer gap-3;
    }

    .collection-label {
      @apply font-medium light:text-primary;
    }
  }
}