.nav-tools{position:relative}.nav-tools-trigger{display:inline-flex;align-items:center;gap:5px;padding:8px 0;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;white-space:nowrap}.nav-tools-trigger svg{transition:transform .18s}.nav-tools.is-open .nav-tools-trigger svg{transform:rotate(180deg)}.nav-tools-menu{position:absolute;z-index:40;top:calc(100% + 12px);left:50%;display:none;min-width:210px;padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 30px #11151320;transform:translate(-50%)}.nav-tools-menu:before{content:"";position:absolute;left:0;right:0;top:-13px;height:13px}.nav-tools.is-open .nav-tools-menu,.nav-tools:focus-within .nav-tools-menu{display:grid}.nav-tools-menu>a{padding:11px 12px;border-radius:6px;white-space:nowrap}.nav-tools-menu>a:hover,.nav-tools-menu>a:focus-visible{background:var(--surface)}@media(max-width:900px){.site-header nav.nav-open .nav-tools{flex:0 0 100%;order:20}.site-header nav.nav-open .nav-tools-trigger{padding:0}.site-header nav.nav-open .nav-tools-menu{position:static;transform:none;box-shadow:none;margin-top:8px;min-width:0}.site-header nav.nav-open .nav-tools-menu:before{display:none}}@media(max-width:1150px){header.site-header{height:75px;padding:0 25px}header.site-header>nav{display:none}header.site-header .menu-toggle{display:flex}header.site-header>nav.nav-open{position:absolute;top:74px;right:24px;left:24px;z-index:30;background:var(--paper);border:1px solid var(--line);border-radius:8px;display:flex;flex-wrap:wrap;padding:24px;gap:22px;box-shadow:0 12px 30px #11151320}.site-header nav.nav-open .nav-tools{flex:0 0 100%;order:20}.site-header nav.nav-open .nav-tools-menu{position:static;transform:none;box-shadow:none;margin-top:8px;min-width:0}.site-header nav.nav-open .nav-tools-menu:before{display:none}}.nav-generators{display:flex;flex-wrap:wrap;gap:18px}@media(min-width:1151px){header.site-header{height:auto;min-height:106px;padding-block:18px;align-items:flex-start}header.site-header>nav{flex-wrap:wrap;justify-content:flex-end;row-gap:14px;column-gap:16px}header.site-header>nav>.nav-generators{order:10;flex-basis:100%;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--line)}}@media(max-width:1150px){header.site-header nav.nav-open>.nav-generators{flex-basis:100%;padding-bottom:14px;border-bottom:1px solid var(--line)}}header.site-header>.logo{flex-shrink:0}
