html, body { max-width: 100%; margin: 0; overflow-x: hidden; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
input, textarea, select { font-size: 16px !important; }
#offline-demo-banner { position: fixed; top: calc(env(safe-area-inset-top, 0px) + 4px); left: 50%; z-index: 2147483646; transform: translateX(-50%); display: flex; align-items: center; height: 20px; max-width: calc(100% - 32px); padding: 0 9px; border: 1px solid rgba(77,59,0,.18); border-radius: 999px; background: rgba(255,243,205,.92); color: #4d3b00; font: 700 9px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: .04em; white-space: nowrap; pointer-events: none; }
#offline-demo-toast { position: fixed; right: 16px; bottom: calc(82px + env(safe-area-inset-bottom, 0px)); left: 16px; z-index: 2147483646; padding: 12px 14px; border-radius: 12px; background: rgba(32,33,34,.94); color: #fff; font: 500 14px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: center; opacity: 0; pointer-events: none; }
#offline-demo-toast.show { opacity: 1; }
#QSIFeedbackButton-btn, .QSIFeedbackButton, [id^="QSIFeedbackButton"] { display: none !important; }
@media (max-width: 767.98px) {
  body.demo-shared-tabs { --demo-hotbar-total: calc(56px + env(safe-area-inset-bottom, 0px)); }
  body.demo-shared-tabs ion-tab-bar.bottombar__tabbar, body.demo-shared-tabs #demo-mobile-hotbar, body.demo-shared-tabs #demo-fallback-nav { display: none !important; }
  #demo-shared-hotbar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 2147483647; display: flex; align-items: flex-start; justify-content: center; height: var(--demo-hotbar-total); padding: 0 0 env(safe-area-inset-bottom, 0px); box-sizing: border-box; gap: 2px; margin: 0; border-top: 1px solid hsl(219,17%,26%); background: hsl(219,17%,13%); color: hsl(219,17%,88%); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
  #demo-shared-hotbar .dsh-item { display: flex; flex: 1 1 0; flex-direction: column; align-items: center; justify-content: flex-start; min-width: 0; max-width: 72px; height: 56px; padding: 0 4px; border-radius: 8px; color: inherit; font-size: 14px; font-weight: 400; line-height: 16px; text-align: center; text-decoration: none; white-space: nowrap; touch-action: manipulation; }
  #demo-shared-hotbar .dsh-item.active { background: hsl(219,17%,10%); color: hsl(219,100%,64%); }
  #demo-shared-hotbar .dsh-icon { display: block; flex: 0 0 24px; width: 24px; height: 24px; margin: 6px 0 2px; }
  #demo-shared-hotbar .dsh-icon svg { display: block; width: 24px; height: 24px; fill: currentColor; }
  #demo-shared-hotbar .dsh-label { display: block; height: 16px; margin: 0 0 6px; line-height: 16px; }
  body.demo-shared-tabs rds-template-app-default.ion-content-scroll-host, body.demo-shared-tabs .ion-content-scroll-host, body.demo-shared-tabs .inner-scroll.scroll-y, body.demo-shared-tabs [data-senses="layout-wrapper"] { padding-bottom: var(--demo-hotbar-total) !important; box-sizing: border-box; }
  html.demo-embedded-frame #demo-shared-hotbar, html.demo-embedded-frame #demo-mobile-hotbar, html.demo-embedded-frame #demo-fallback-nav, html.demo-embedded-frame ion-tab-bar.bottombar__tabbar, html.demo-embedded-frame #offline-demo-banner { display: none !important; }
  html.demo-embedded-frame rds-template-app-default.ion-content-scroll-host, html.demo-embedded-frame .ion-content-scroll-host, html.demo-embedded-frame .inner-scroll.scroll-y, html.demo-embedded-frame [data-senses="layout-wrapper"] { padding-bottom: var(--demo-hotbar-total) !important; box-sizing: border-box; }
}