html:has(.public-product-demo){scroll-behavior:auto}.public-product-demo{background:var(--crm-canvas,#f3f8ff);color:var(--crm-ink,#10294b);font-family:var(--crm-font,"Inter", "Segoe UI", sans-serif)}.public-demo-notice{color:#58708f;font:13px/1.5 var(--crm-font,"Inter", "Segoe UI", sans-serif);background:#fff;border-bottom:1px solid #dce8f7;align-items:center;gap:12px;padding:12px 24px;display:flex}.public-demo-notice strong{color:#0066f5;font-weight:600}.public-demo-loading{color:var(--muted);padding:48px}.public-product-demo .product-demo-visit{width:min(640px,100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto}.product-demo-visit>p{color:var(--crm-muted,#58708f);font-size:14px;line-height:1.6}.public-product-demo:not(.admin-presentation-demo) .app-shell{min-height:740px}.public-product-demo:not(.admin-presentation-demo) .app-shell :is(button,input,select,textarea,summary,a):focus-visible{outline-offset:3px;outline:2px solid #0066f5}.embedded-admin-demo .public-demo-notice{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:901px){.public-product-demo:not(.embedded-admin-demo) .public-demo-notice{padding-left:calc(var(--crm-sidebar-width,208px) + 24px)}}@media (max-width:600px){.public-demo-notice{flex-direction:column;align-items:flex-start;gap:3px;padding:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.public-product-demo *,.public-product-demo :before,.public-product-demo :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}