.request-appointment {
  max-width: 980px;
}

.request-appointment__intro {
  margin: 0 0 28px;
  font-size: calc(22px * var(--font-scale, 1));
  color: var(--color-blue-dark);
}

.request-appointment__form {
  max-width: 740px;
  padding: 28px;
  border-color: var(--color-blue);
}

.request-appointment__field {
  display: block;
  margin-bottom: 20px;
}

.request-appointment__label {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--color-blue);
  font-size: calc(24px * var(--font-scale, 1));
}

.request-appointment__field input,
.request-appointment__field select {
  width: 100%;
  border: 2px solid var(--color-blue);
  border-radius: 10px;
  min-height: 52px;
  padding: 0 16px;
  font: inherit;
  font-size: calc(20px * var(--font-scale, 1));
  color: var(--color-ink);
  background: #fff;
}

.request-appointment__field--options {
  border: 0;
  padding: 0;
}

.request-appointment__option {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: calc(20px * var(--font-scale, 1));
}

.request-appointment__option input {
  width: 20px;
  height: 20px;
  margin: 0;
}

.request-appointment__week.is-hidden {
  display: none;
}

.request-appointment__helper {
  margin: 8px 0 0;
  color: var(--color-muted);
  font-size: calc(16px * var(--font-scale, 1));
}

.request-appointment__actions {
  margin-top: 24px;
}

@media (max-width: 760px) {
  .request-appointment__form {
    padding: 20px;
  }

  .request-appointment__label {
    font-size: calc(20px * var(--font-scale, 1));
  }

  .request-appointment__field input,
  .request-appointment__field select,
  .request-appointment__option {
    font-size: calc(18px * var(--font-scale, 1));
  }
}