.inline-form {
  --dropdown-height: var(--inline-form-height, 8.4rem);
  --icon-button-size: var(--inline-form-button-size, 6.2rem);

  padding-inline-end: calc(var(--icon-button-size) / 2);
  position: relative;
  z-index: #{z-index('default')};
}

.inline-form--small {
  --large-input-padding-block: 1.2rem;
  --large-input-padding-inline: 1.6rem;
  --large-input-font-size: 1.6rem;
  --large-input-height: 6rem;
  --large-input-label-font-size: 1.2rem;
  --icon-button-size: 4.8rem;
}

.inline-form__large-input {
  position: relative;
  z-index: 1;
}

.inline-form__submit {
  inset-block-start: 50%;
  inset-inline-end: 0;
  position: absolute;
  transform: translateY(-50%);
  z-index: 2;
}