.app__navbar{-webkit-backdrop-filter:blur(4px);z-index:2;background:#ffffff40;border:1px solid #ffffff2e;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed}.app__navbar-logo{justify-content:flex-start;align-items:center;display:flex}.app__navbar-logo img{width:90px;height:20px}@media screen and (min-width:2000px){.app__navbar-logo img{width:180px;height:40px}}.app__navbar-links{flex:1;justify-content:center;align-items:center;list-style:none;display:flex}.app__navbar-links li{cursor:pointer;flex-direction:column;margin:0 1rem}.app__navbar-links li div{background:0 0;border-radius:50%;width:5px;height:5px;margin-bottom:5px}.app__navbar-links li a{color:var(--gray-color);text-transform:uppercase;flex-direction:column;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li:hover div{background:var(--secondary-color)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{background-color:var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:relative}.app__navbar-menu svg{width:70%;height:70%;color:var(--white-color)}.app__navbar-menu div{z-index:5;background:url(/assets/bgWhite.png);background-color:var(--white-color);background-repeat:repeat;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:80%;height:100vh;padding:1rem;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:0 0 20px #a8a8a826}.app__navbar-menu div svg{width:35px;height:35px;color:var(--secondary-color);margin:.5rem 1rem}.app__navbar-menu div ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{color:var(--gray-color);text-transform:uppercase;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--secondary-color)}@media screen and (min-width:900px){.app__navbar-menu div,.app__navbar-menu{display:none}}.app__navbar-right{flex-shrink:0;align-items:center;gap:.6rem;margin-left:auto;display:flex}.app__navbar-tools{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.app__navbar-menu-tools{display:none}.app__navbar-search{height:36px;color:var(--gray-color);cursor:pointer;background:#ffffffb3;border:1px solid #6b768840;border-radius:999px;align-items:center;gap:.5rem;padding:0 .9rem;font-size:.8rem;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.app__navbar-search svg{flex-shrink:0;width:16px;height:16px}.app__navbar-search:hover{color:var(--secondary-color);border-color:var(--secondary-color)}@media screen and (max-width:900px){.app__navbar-search{justify-content:center;width:36px;padding:0}.app__navbar-search span{display:none}}.app__navbar-icon-btn{width:36px;height:36px;color:var(--gray-color);cursor:pointer;background:#ffffffb3;border:1px solid #6b768840;border-radius:50%;place-items:center;transition:border-color .2s,color .2s,background .2s;display:grid}.app__navbar-icon-btn svg{width:18px;height:18px}.app__navbar-icon-btn:hover{color:var(--secondary-color);border-color:var(--secondary-color)}.app__navbar-lang{background:#ffffffb3;border:1px solid #6b768840;border-radius:999px;align-items:center;gap:4px;padding:3px;display:inline-flex}.app__navbar-lang-btn{cursor:pointer;min-width:32px;height:28px;color:var(--gray-color);opacity:.72;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 6px;transition:border-color .2s,background .2s,opacity .2s;display:inline-flex}.app__navbar-lang-btn svg{border-radius:2px;display:block;box-shadow:0 0 0 1px #00000014}.app__navbar-lang-btn:hover{opacity:1;border-color:#6b768859}.app__navbar-lang-btn.is-active{opacity:1;border-color:var(--secondary-color);background:#313bac14}.app__navbar-lang-code{letter-spacing:.04em;font-size:.65rem;font-weight:700;line-height:1}.app__navbar-menu-lang{justify-content:flex-start;width:100%;padding:.75rem 1rem 1.5rem;display:flex}.app__navbar--guides{z-index:50;align-items:center;gap:.75rem;justify-content:initial;grid-template-columns:auto minmax(0,1fr) auto;min-height:64px;top:0;left:0;right:0;display:grid!important}.app__navbar--guides .app__navbar-logo{flex-shrink:0;grid-column:1}.app__navbar--guides .app__navbar-logo h2{font-size:1.35rem;font-weight:800;font-family:var(--font-base),"DM Sans",sans-serif;letter-spacing:-.02em;margin:0;line-height:1}.app__navbar--guides .app__navbar-links{flex:initial;grid-column:2;justify-self:center;width:auto;min-width:0}.app__navbar--guides .app__navbar-right{grid-column:3;justify-self:end;margin-left:0}.app__navbar--guides .app__navbar-search,.app__navbar--guides .app__navbar-icon-btn{font-family:var(--font-base),"DM Sans",sans-serif}@media screen and (max-width:900px){.app__navbar--guides{grid-template-columns:1fr auto}.app__navbar--guides .app__navbar-links{display:none}.app__navbar--guides .app__navbar-right{grid-column:2}}html[data-theme=dark] .app__navbar--guides{background:#141628b8;border-color:#ffffff14}html[data-theme=dark] .app__navbar--guides .app__navbar-logo h2{color:#f2f5fb}html[data-theme=dark] .app__navbar--guides .app__navbar-links li a{color:#9aa3b5}html[data-theme=dark] .app__navbar--guides .app__navbar-links li a:hover{color:#7a88ff}html[data-theme=dark] .app__navbar--guides .app__navbar-links li:hover div{background:#7a88ff}html[data-theme=dark] .app__navbar--guides .app__navbar-search,html[data-theme=dark] .app__navbar--guides .app__navbar-icon-btn,html[data-theme=dark] .app__navbar--guides .app__navbar-lang{color:#9aa3b5;background:#ffffff0f;border-color:#ffffff1f}html[data-theme=dark] .app__navbar--guides .app__navbar-search:hover,html[data-theme=dark] .app__navbar--guides .app__navbar-icon-btn:hover,html[data-theme=dark] .app__navbar--guides .app__navbar-lang:hover{color:#7a88ff;border-color:#7a88ff}html[data-theme=dark] .app__navbar--guides .app__navbar-lang-btn.is-active{background:#7a88ff1f;border-color:#7a88ff}