.navbar-wrapper{width:100cqw;min-height:60px;position:fixed;top:0;z-index:100}@container (width >=900px){.navbar-wrapper{min-height:80px}}.navbar-background{position:absolute;z-index:-1;width:100%;height:100%;background-color:var(--color-background)}.navbar-shadow{box-shadow:0 0 20px rgba(0,0,0,.133)}.navbar-wrapper .desktop-navbar{display:none}.navbar-wrapper .mobile-navbar{height:100%;width:100%;min-height:60px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}@container (width >=900px){.navbar-wrapper .mobile-navbar{display:none}.navbar-wrapper .desktop-navbar{height:100%;width:100%;min-height:80px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}}.navbar-wrapper .desktop-navbar .navbar-item{transition:all .2s;border:2px solid rgba(0,0,0,0);padding:10px 20px;border-radius:20px}.navbar-wrapper .desktop-navbar .navbar-item:hover{cursor:pointer;border:2px solid var(--color-primary);box-shadow:0 0 20px rgba(0,0,0,.132)}.navbar-wrapper .desktop-navbar .navbar-logo{margin:0 40px;box-shadow:0 0 20px rgba(251,251,251,.697);border-radius:100%}.navbar-wrapper .navbar-dropdown{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-background);color:var(--color-textPrimary)}.navbar-wrapper .navbar-dropdown .navbar-dropdownpage{position:relative;display:flex;flex-direction:row;width:100%;height:100%;max-width:1000px;padding:20px}.navbar-wrapper .navbar-dropdown .navbar-dropdownpage .image-container{position:relative;width:100%;max-width:300px;height:100%;aspect-ratio:3/2;overflow:hidden;border-radius:15px 4px 15px 4px}.navbar-spacer{height:60px}@container (width >= 900px){.navbar-spacer{height:80px}}