/* Small read-only-demo controls; the application provides all screen styling. */
@media(max-width:1023px){.fi-topbar-open-sidebar-btn{display:inline-flex!important}.fi-topbar-close-sidebar-btn{display:none!important}.native-demo-menu-open .fi-topbar-open-sidebar-btn{display:none!important}.native-demo-menu-open .fi-topbar-close-sidebar-btn{display:inline-flex!important}}
.fi-loading-indicator,.pf-muted[role=status]{display:none!important}
@media(max-width:1023px){.fi-sidebar:not(.native-demo-sidebar-open){visibility:hidden!important;pointer-events:none!important;transform:translateX(-100%)!important}.fi-sidebar-close-overlay{display:none!important}html[dir=rtl] .fi-sidebar:not(.native-demo-sidebar-open){transform:translateX(100%)!important}.fi-sidebar.native-demo-sidebar-open{visibility:visible!important;pointer-events:auto!important}}
[hidden]{display:none!important}.native-demo-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;color:#f4f2e9;padding-inline:10px}.native-demo-controls button{min-width:44px;min-height:44px;font:inherit;font-size:13px;color:inherit;cursor:pointer}.native-demo-badge{padding:3px 7px;border:1px solid #dfbd3266;color:#dfbd32;border-radius:5px;font-size:10px;letter-spacing:.08em}.native-demo-note{font-size:12px;color:#69717e;margin:0 0 18px;line-height:1.6}.dark .native-demo-note{color:#b0b7c3}.native-demo-attribution{padding-block:24px;font-size:12px;color:#69717e}.native-demo-status{position:fixed;inset-inline-end:20px;bottom:20px;max-width:calc(100vw - 40px);padding:14px 18px;border:1px solid #dfbd32;border-radius:8px;background:#17191c;color:#fff;font-size:14px;z-index:1000;box-shadow:0 8px 30px #0005}.native-demo-controls button:focus-visible{outline:2px solid #dfbd32;outline-offset:2px}@media(max-width:1023px){.native-demo-sidebar-open{display:flex!important;transform:translateX(0)!important;translate:0!important;z-index:100!important;position:fixed!important;inset-block:64px 0!important;inset-inline-start:0!important;height:calc(100dvh - 64px)!important}.native-demo-controls{gap:4px}.native-demo-badge{display:none}.native-demo-note{font-size:11px}.fi-global-search-field{max-width:160px}}@media(max-width:600px){.fi-global-search{display:none!important}.native-demo-controls{margin-inline-start:auto}.native-demo-controls button{font-size:12px}.fi-topbar nav{gap:6px!important}}