.shopify-app-block[id*="recomma_product_quiz_builder_recommenda_inline_quiz"] {
  width: 100%;
}

.shopify-app-block[id*="recomma_product_quiz_builder_recommenda_inline_quiz"] iframe {
  block-size: inherit !important;
}

.shopify-app-block:has(.recommenda-quiz-frame),
.shopify-block.shopify-app-block[data-block-handle="recommenda_popup_quiz"] {
  position: fixed;
  z-index: 999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 21px;
  display: none;
  justify-content: center;
  align-items: center;
  background: #0000009e;
  height: 100dvh;
}

.shopify-app-block:has(.recommenda-quiz-frame) iframe,
.shopify-block.shopify-app-block[data-block-handle="recommenda_popup_quiz"]
  iframe {
  border-radius: 20px;
  overflow: hidden;
  /* height: 65vh; */
  display: inline;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

.shopify-block.shopify-app-block .recommenda-close {
  text-align: right;
  margin-bottom: -40px;
  position: absolute;
  right: 13px;
  z-index: 999999;
  top: 20px;
  height: fit-content;
}

div[data-block-handle="recommenda_popup_quiz"] > div.recommenda-quiz-frame,
.shopify-block.shopify-app-block[data-block-handle="recommenda_link_quiz"]
  > .recommenda-quiz-link {
  position: relative;
}

div[data-block-handle="recommenda_popup_quiz"]
  > div.recommenda-quiz-frame
  .recommenda-close {
  right: 10px;
  top: 10px;
}

div[data-block-handle="recommenda_popup_quiz"]
  > div.recommenda-quiz-frame
  .recommenda-close
  > span {
  padding: 0;
}

div[data-block-handle="recommenda_link_quiz"] .recommenda-close {
  top: 20px !important;
}

.shopify-block.shopify-app-block .recommenda-close span {
  padding: 0 15px;
  line-height: 0;
  cursor: pointer;
  font-size: 32px;
  color: #838383;
}

.shopify-app-block:has(.recommenda-quiz-link),
.shopify-block.shopify-app-block[data-block-handle="recommenda_link_quiz"] {
  position: fixed;
  z-index: 999999 !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  background: #0000009e;
}

.shopify-app-block:has(.recommenda-quiz-link) iframe,
.shopify-block.shopify-app-block[data-block-handle="recommenda_link_quiz"] iframe {
  margin: 0;
  border-radius: 0;
}