[x-cloak] { display: none !important; }

.input {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgb(203 213 225);
  border-radius: 0.5rem;
  background: #fff;
  font: inherit;
}
.input:focus {
  outline: none;
  border-color: rgb(15 23 42);
  box-shadow: 0 0 0 2px rgb(15 23 42 / 0.15);
}

.pb-safe {
  padding-bottom: calc(env(safe-area-inset-bottom, 0) + 0.25rem);
}