/* The embedded app chooses its shell from the frame width, not the page viewport. */
@container hire-product-preview (max-width: 860px) {
  .hire-product-preview {
    --hire-preview-padding-top: 48px;
    --hire-preview-padding-inline: 48px;
    --hire-preview-page-radius: 16px;
  }

  .hire-product-preview > .hire-preview-team-modal {
    padding: var(--hire-preview-padding-top) var(--hire-preview-padding-inline);
  }

  .hire-preview-team-modal__dialog.ov-dialog {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    border-radius: var(--hire-preview-page-radius);
  }

  .hire-preview-team-modal__content {
    width: calc(100% * var(--hire-preview-inverse-scale));
    height: calc(100% * var(--hire-preview-inverse-scale));
    transform: scale(var(--hire-preview-scale));
    transform-origin: left top;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hire-preview-team-modal,
  .hire-preview-team-modal__dialog,
  .hire-preview-team-modal .ov-btn,
  .hire-preview-cursor,
  .hire-preview-cursor__pointer,
  .hire-preview-cursor__click-ring {
    animation: none;
    transition: none;
  }

  .hire-preview-cursor {
    display: none;
  }

  .hire-button {
    transition: none;
  }

  .hire-button:not(:disabled):not([aria-disabled="true"]):active {
    transform: none;
  }
}