.navbar{position:sticky;top:0;left:0;right:0;z-index:999;justify-content:space-between;padding:10px;backdrop-filter:blur(8px);border-bottom:1px solid var(--color-gray-7);height:60px;transition:all .3s ease}.left-side,.navbar{display:flex;align-items:center}.left-side{gap:4px}.left-side .toggle-menu{background:none;border:none;outline:none;display:flex;padding:7px;border-radius:10px;color:var(--color-gray-1);transition:all .3s ease}.left-side .toggle-menu svg{width:24px;height:24px}.left-side .toggle-menu:hover{background:hsla(115,9%,71%,.169)}.left-side .logo{width:37px;height:37px}.left-side .brand-name{margin-bottom:0;line-height:1;font-size:24px;margin-top:14px}.right-side{display:flex;align-items:center;gap:10px}.right-side .pages-list{display:none;justify-content:center;align-items:center;gap:20px;list-style:none;padding:0}.right-side .pages-list li a{font-size:14px;font-weight:600;padding-bottom:3px;color:var(--color-gray-9);position:relative;transition:all .3s ease}.right-side .pages-list li a:hover{color:var(--color-green-1)}.right-side .divider{width:1px;height:25px;background:var(--color-gray-5);display:none}.right-side .mode,.right-side .search{background:none;border:1px solid transparent;outline:none;display:flex;border-radius:10px;padding:7px;transition:all .3s ease}.right-side .mode svg,.right-side .search svg{width:24px;height:24px;color:var(--color-gray-9)}.right-side .mode:hover,.right-side .search:hover{background:hsla(115,9%,71%,.169)}.right-side .mode:hover svg,.right-side .search:hover svg{color:#000}.right-side .dropdown-button{background:none;border:1px solid transparent;outline:none;display:flex;border-radius:10px;padding:7px;transition:all .3s ease;color:var(--color-gray-9)!important}.right-side .dropdown-button svg{width:24px;height:24px;color:var(--color-gray-9);transition:all .3s ease-in-out}.right-side .dropdown-button:hover{background:hsla(115,9%,71%,.169);color:#000!important}.right-side .dropdown-button:hover svg{color:#000}.right-side .sign-in{display:none;background:none;border-radius:25px;border:1px solid transparent;background:#000;padding:5px 20px;color:#fff;transition:all .3s ease;font-size:14px}.right-side .sign-in:hover{background:#2d2f2d}.right-side .doc-sidebar{display:none}.right-side .sidebar.open .doc-sidebar{display:block}html[data-theme=dark] .navbar{border-bottom:1px solid var(--color-gray-6);color:#fff!important}html[data-theme=dark] .navbar .left-side .toggle-menu{color:hsla(0,0%,100%,.8)}html[data-theme=dark] .navbar .left-side .brand-name,html[data-theme=dark] .navbar .left-side .toggle-menu:hover svg{color:#fff}html[data-theme=dark] .navbar .right-side .pages-list li a{color:#fff;transition:color .3s ease}html[data-theme=dark] .navbar .right-side .pages-list li a:hover{color:var(--color-dark-green)}html[data-theme=dark] .navbar .right-side .divider{background:var(--color-gray-3)}html[data-theme=dark] .navbar .right-side .sign-in{background:rgba(70,118,70,.37);border:1px solid var(--color-green-1);color:var(--color-green-1)}html[data-theme=dark] .navbar .right-side .sign-in:hover{border:1px solid var(--color-green-0);color:var(--color-green-0)}@media(min-width:576px){.navbar .left-side{gap:10px}.navbar .left-side .logo{transform:scale(1.3)}.navbar .right-side .pages-list{display:flex}.navbar .right-side .divider,.navbar .right-side .sign-in{display:inline}}html[data-theme=dark] .right-side .dropdown-button,html[data-theme=dark] .right-side .dropdown-button svg,html[data-theme=dark] .right-side .mode,html[data-theme=dark] .right-side .mode svg,html[data-theme=dark] .right-side .search,html[data-theme=dark] .right-side .search svg{color:var(--color-gray-3)!important}html[data-theme=dark] .right-side .dropdown-button:hover,html[data-theme=dark] .right-side .dropdown-button:hover svg,html[data-theme=dark] .right-side .mode:hover,html[data-theme=dark] .right-side .mode:hover svg,html[data-theme=dark] .right-side .search:hover,html[data-theme=dark] .right-side .search:hover svg{color:#fff!important}html[dir^=ltr] .sidebar{left:0;right:unset;border-left:none;border-right:1px solid transparent}html[dir^=ltr] .sidebar .sidebar-list ul{padding-right:unset;padding-left:15px}html[dir^=ltr] .sidebar .sidebar-list ul:before{right:unset;left:0}html[dir^=ltr] .sidebar .sidebar-list ul li.active:before{right:unset;left:-15px}html[dir^=ltr] .sidebar.open{border-left:unset!important;border-right:1px solid var(--color-gray-7)!important}html[dir^=ltr][data-theme=dark] .sidebar.open{border-right:1px solid var(--color-gray-6)!important}html[dir^=ltr] .brand-name{margin-top:0;font-size:21px}