#signup_form ul,
#login_form ul {
  list-style: disc;
}

#signup_form input:not([type="checkbox"]),
#login_form input:not([type="checkbox"]) {
  cursor: text;
  border: var(--border) solid #0000;
  position: relative;
  display: inline-flex;
  flex-shrink: 1;
  appearance: none;
  align-items: center;
  gap: calc(0.25rem * 2);
  background-color: var(--color-base-100);
  padding-inline: calc(0.25rem * 3);
  vertical-align: middle;
  white-space: nowrap;
  width: clamp(3rem, 20rem, 100%);
  height: var(--size);
  font-size: 0.875rem;
  touch-action: manipulation;
  border-start-start-radius: var(--join-ss, var(--radius-field));
  border-start-end-radius: var(--join-se, var(--radius-field));
  border-end-start-radius: var(--join-es, var(--radius-field));
  border-end-end-radius: var(--join-ee, var(--radius-field));
  border-color: var(--input-color);
  box-shadow: 0 1px var(--input-color) inset,
    0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
  padding-block: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 4);
  width: 100%;
  display: block;
  margin-bottom: calc(var(--spacing) * 4);
  box-shadow: 0 1px
      color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)
      inset,
    0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
}
.pointer-events-none.absolute.inset-y-0.right-0.flex.items-center.px-2.text-gray-700 {
  display: none;
}