body.yy-support-page {
  overflow: hidden;
  background: #000000;
}

.yy-support-fallback {
  display: none;
}

body.yy-support-page .site-shell {
  min-height: 100vh;
  background: #000000 !important;
}

html.yy-support-page .yy-support-fallback {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  display: block;
  width: 58px;
  height: 82px;
  transform: translate(-50%, -50%);
}

html.yy-support-page .yy-support-fallback img {
  display: block;
  width: 58px;
  height: 82px;
  border: 0;
}

html.yy-support-page body.yy-chat-open .yy-support-fallback {
  display: none;
}

body.yy-support-page .site-header,
body.yy-support-page .site-footer,
body.yy-support-page .wechat-float,
body.yy-support-page .support-character-float {
  display: none !important;
}

body.yy-support-page main {
  display: grid;
  min-height: 100vh;
  min-height: 100dvh;
  place-items: center;
  background: #000000;
}

body.yy-support-page .page:not(.yy-support-page-stage) {
  display: none !important;
}

body.yy-support-page .yy-support-page-stage {
  width: 100vw;
  min-height: 100vh;
  min-height: 100dvh;
  background: #000000;
}

body.yy-support-page .woot-widget-bubble:not(.woot--close) {
  position: fixed !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  display: block !important;
  width: 58px !important;
  height: 82px !important;
  min-width: 58px !important;
  min-height: 82px !important;
  max-width: 58px !important;
  max-height: 82px !important;
  border-radius: 0 !important;
  background: transparent url("/assets/chatwoot-service-icon.png?v=3") center top / 58px auto no-repeat !important;
  box-shadow: none !important;
  transform: translate(-50%, -50%) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 99 !important;
}

body.yy-support-page .woot-widget-holder {
  z-index: 101 !important;
}

@media (max-width: 767px) {
  body.yy-support-page .woot-widget-bubble:not(.woot--close) {
    top: 50% !important;
    left: 50% !important;
    width: 58px !important;
    height: 82px !important;
    min-width: 58px !important;
    min-height: 82px !important;
    max-width: 58px !important;
    max-height: 82px !important;
    background-size: 58px auto !important;
    transform: translate(-50%, -50%) !important;
  }
}