body { padding-top: 58px !important; }
#demo-toolbar { position: fixed; inset: 0 0 auto; min-height: 58px; z-index: 100000; display: flex; align-items: center; gap: 18px; padding: 9px 20px; box-sizing: border-box; background: #242a27; color: #fff; font: 12px/1.4 system-ui,sans-serif; box-shadow: 0 1px 8px #0002; }
#demo-toolbar a { color: #fff; text-decoration: none; white-space: nowrap; }
#demo-toolbar > span { flex:1; } #demo-toolbar strong { margin-right:10px; }
#demo-toolbar button, :is(#demo-help,#demo-reset) button { font: inherit; cursor: pointer; border: 1px solid #ffffff50; border-radius: 5px; padding: 8px 12px; background: transparent; color: inherit; white-space: nowrap; }
#demo-toolbar button:hover { background:#ffffff20; } #demo-toolbar :focus-visible { outline: 2px solid white; outline-offset: 3px; }
:is(#demo-help,#demo-reset) { max-width: 540px; width: calc(100% - 40px); padding:28px; border:1px solid #ddd; border-radius:12px; color:#202620; font:15px/1.6 system-ui,sans-serif; }
:is(#demo-help,#demo-reset) h2 { margin-top:0; } :is(#demo-help,#demo-reset) li { margin-bottom:10px; } :is(#demo-help,#demo-reset) button { background:#242a27; color:white; }
:is(#demo-help,#demo-reset)::backdrop { background:#10181070; }
html[data-demo="hestello"] #sidebar, html[data-demo="hestello"] #map-nav-reveal { top:58px; }
html[data-demo="hestello"] .topbar { top:58px; }
html[data-demo="quotini"] .app-sidebar { top:58px; }
@media(max-width:600px){ body{padding-top:78px!important;} #demo-toolbar{min-height:78px;gap:8px;padding:8px 12px;flex-wrap:wrap;} #demo-toolbar>span{min-width:60%;font-size:10px;} #demo-toolbar>span span{display:block;} #demo-toolbar button{padding:5px 10px;font-size:11px;} html[data-demo="hestello"] #sidebar,html[data-demo="hestello"] #map-nav-reveal,html[data-demo="hestello"] .topbar,html[data-demo="quotini"] .app-sidebar{top:78px;} }
/* Keep rail hit targets inside its clipped width, including touch devices. */
html[data-demo="hestello"] #map-nav-reveal button {width:42px;flex-shrink:0;overflow:visible}
html[data-demo="hestello"] #create-property-import,html[data-demo="hestello"] a[href="#create-property-import"] {display:none}
