/* Controls container */
.AppetizeIo-controls form > * {
  @apply me-0;
}

/* Display controls */
.AppetizeIo-displayControls {
  @apply flex items-center;
}

/* Input container */
.AppetizeIo-inputContainer {
  @apply flex items-center py-3;

  input[type='radio'] {
    @apply hidden;
  }

  input[type='radio'] + label {
    @apply inline-block cursor-pointer bg-primary-500 px-2 py-1 text-white;
  }

  input[type='radio']:checked + label {
    @apply bg-primary-700;
  }
}

/* Embedded iframe */
iframe[name='AppetizeIoEmbedded'] {
  @apply h-[5000px] w-full bg-white p-4;
}

/* Scale container */
.AppetizeIo-scale {
  @apply flex items-center;

  input {
    @apply w-[80px];
  }

  span {
    @apply px-2 pr-3 text-sm;
  }
}

/* Rotate and restore page buttons */
.AppetizeIo-rotate,
.AppetizeIo-restorePage {
  @apply btu-button btu-button-text-hidden btu-button-fill-none ps-2 before:btu-icon;
}

.AppetizeIo-restorePage {
  @apply before:btu-icon-rotate-ccw;
}

.AppetizeIo-rotate {
  @apply before:btu-icon-proportions;
}
