.challenge-embed-simulator {
  position: relative;
  width: calc(100% + 8px);
  margin: 35px 0 50px -4px;
  border-top: 1px solid var(--pix-neutral-22);
  border-bottom: 1px solid var(--pix-neutral-22);
}

.challenge-embed-simulator .embed {
  margin-bottom: 0;

  &.hidden-visibility {
    visibility: hidden;
  }

  &.placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: var(--pix-neutral-500);
    font-size: 4.375rem;
    background-color: var(--pix-neutral-20);
  }

  .rounded-panel {
    display: block;
  }
}

.embed__acknowledgment-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 55%);
}

.embed__simulator {
  -webkit-overflow-scrolling: touch;
  overflow: auto;

  &.blurred {
    filter: blur(5px);
  }
}

.embed__iframe {
  position: relative;
  display: block;
  width: 100%;
  border: none;
}

.embed__reboot {
  position: absolute;
  top: calc(100% + var(--pix-spacing-2x));
  right: 0;
  padding-right: var(--pix-spacing-2x);
}

.embed-reboot__content {
  display: flex;
  align-items: center;

  &:active,
  &:hover {
    cursor: pointer;
  }
}

.embed-reboot-content__icon {
  margin-right: var(--pix-spacing-2x);
}
