/* Isolated presentation of the rendered snippets/_navbar.html. No global framework reset. */
:root{--site-bar-height:64px;--catalogue-bar-height:62px}
.site-navbar{position:sticky;top:0;z-index:30;height:var(--site-bar-height);background:#fff;box-shadow:0 4px 12px #172b4614;color:#1f2937;font:14px/1.45 Arial,Helvetica,sans-serif}
.site-navbar>.container{max-width:1480px;width:calc(100% - 64px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-navbar .flex-1{flex:1}.site-navbar .flex-none{flex:none}.site-navbar a{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;margin:0;font:inherit;color:inherit;text-decoration:none}.site-navbar a:hover,.site-navbar button:hover{background:#f1f3f6}.site-navbar .flex-1>a{display:inline-flex;font-size:20px;font-weight:600;white-space:nowrap;padding:10px 0}.site-navbar .text-primary{color:#0865ec}.site-navbar ul{list-style:none;margin:0;padding:0}.site-navbar .menu-horizontal{display:flex;align-items:center;gap:8px}.site-navbar .dropdown{position:relative}.site-navbar button{font:inherit;min-height:38px;padding:8px 13px;border-radius:8px;color:inherit}.site-navbar .btn-primary{background:#0865ec;color:white;font-weight:600}.site-navbar .btn-primary:hover{background:#0757c9}.site-navbar .dropdown-content{position:absolute;right:0;top:calc(100% + 9px);width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow-y:auto;padding:9px;border:1px solid #e2e7ee;border-radius:14px;background:white;box-shadow:0 14px 40px #192a4426}.site-navbar [hidden]{display:none!important}.site-navbar .dropdown-content a{align-items:flex-start;padding:11px 10px;line-height:1.45}.site-navbar .menu-title{padding:8px 10px;color:#657187;font-size:12px}.site-navbar .text-xs{font-size:12px}.site-navbar .opacity-60{color:#606b7b}.site-navbar .font-semibold{font-weight:600}.site-navbar svg{width:20px;height:20px;flex-shrink:0}.site-navbar .material-symbols-outlined{font-size:21px;flex-shrink:0;line-height:1.25}.site-navbar .menu-horizontal>li>a .material-symbols-outlined{font-size:18px}.site-navbar .md\:hidden{display:none}.site-navbar .btn-circle{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.site-navbar .divider{border-top:1px solid #e2e7ee;margin:7px 0}
.app-shell header{height:var(--catalogue-bar-height);top:var(--site-bar-height);padding:0 30px;gap:20px;background:#fcfbf8f5}.catalogue-home{font-size:16px;font-weight:600;white-space:nowrap}.catalogue-home span{font-size:13px;font-weight:400;color:#647188;margin-left:5px}.app-shell .sidebar{top:calc(var(--site-bar-height) + var(--catalogue-bar-height));height:calc(100vh - var(--site-bar-height) - var(--catalogue-bar-height) - 20px)}.app-shell .search-trigger{padding:8px 15px;font-size:13px}.app-shell .demo{font-size:10px}
@media(max-width:1100px){.site-navbar>.container{width:calc(100% - 40px)}.site-navbar .menu-horizontal{gap:2px}.site-navbar .menu-horizontal>li>a{padding:10px 8px}}
@media(max-width:899px){.site-navbar .md\:hidden{display:block}.site-navbar .menu-horizontal{display:none}.site-navbar>.container{width:calc(100% - 32px)}.site-navbar .menu-sm{width:320px}.site-navbar .menu-sm a{min-height:44px}.site-navbar .flex-1>a{font-size:20px}}
@media(max-width:760px){:root{--site-bar-height:60px;--catalogue-bar-height:52px}.app-shell header{padding:0 20px;gap:10px}.catalogue-home{font-size:15px}.catalogue-home span{display:none}.app-shell .search-trigger{min-width:0;padding:6px 10px}.app-shell .search-trigger>span:nth-child(2){display:inline;font-size:12px}.app-shell .search-trigger kbd{display:none}.app-shell .demo{display:none}.site-navbar .dropdown-content{top:calc(100% + 7px)}.app-shell main{padding-top:24px}}
@media(max-width:359px){.app-shell .search-trigger>span:nth-child(2){display:none}.site-navbar .flex-1>a{font-size:18px}}