/* QYapi ordinary multimodal backgrounds. Loaded by the host branding entry. */
html body .qy-catalog-experience::before {
  background-color: #f8fafc !important;
  background-image: url('/static/image/brand-20261017/qy-crystal-1920.webp') !important;
  background-image: image-set(
    url('/static/image/brand-20261017/qy-crystal-1920.webp') 1x,
    url('/static/image/brand-20261017/qy-crystal-3840.webp') 2x
  ) !important;
  background-position: right top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html body .qy-catalog-experience:has(.qy-docs-hero)::before {
  background-image: url('/static/image/brand-20261017/qy-ribbon-1920.webp') !important;
  background-image: image-set(
    url('/static/image/brand-20261017/qy-ribbon-1920.webp') 1x,
    url('/static/image/brand-20261017/qy-ribbon-3840.webp') 2x
  ) !important;
}

html body .qy-catalog-experience::after {
  background: rgb(248 250 255 / 10%) !important;
}

html body .qy-app-shell {
  background-color: #f8fafc !important;
  background-image: url('/static/image/brand-20261017/qy-porcelain-1920.webp') !important;
  background-image: image-set(
    url('/static/image/brand-20261017/qy-porcelain-1920.webp') 1x,
    url('/static/image/brand-20261017/qy-porcelain-3840.webp') 2x
  ) !important;
  background-position: right top !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
}

html.dark body .qy-catalog-experience::after {
  background: rgb(20 22 32 / 89%) !important;
}

html.dark body .qy-app-shell {
  background-color: #161820 !important;
  background-image:
    linear-gradient(rgb(20 22 32 / 89%), rgb(20 22 32 / 89%)),
    image-set(
      url('/static/image/brand-20261017/qy-porcelain-1920.webp') 1x,
      url('/static/image/brand-20261017/qy-porcelain-3840.webp') 2x
    ) !important;
}

@media (max-width: 767px) {
  html body .qy-catalog-experience::before {
    background-image: url('/static/image/brand-20261017/qy-crystal-960.webp') !important;
    background-size: auto 460px !important;
  }

  html body .qy-catalog-experience:has(.qy-docs-hero)::before {
    background-image: url('/static/image/brand-20261017/qy-ribbon-960.webp') !important;
    background-size: auto 460px !important;
  }

  html body .qy-catalog-experience::after {
    background: rgb(248 250 255 / 35%) !important;
  }

  html body .qy-app-shell {
    background-image: url('/static/image/brand-20261017/qy-porcelain-960.webp') !important;
    background-size: auto 600px !important;
    background-attachment: scroll !important;
  }

  html.dark body .qy-app-shell {
    background-image:
      linear-gradient(rgb(20 22 32 / 89%), rgb(20 22 32 / 89%)),
      url('/static/image/brand-20261017/qy-porcelain-960.webp') !important;
  }
}