.navbar{position:fixed;top:0;z-index:1000;margin-block:1rem}.navbar .wrapper{position:relative;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-radius:15px;box-shadow:var(--shadow-md);padding-block:clamp(10px, 2vw, 15px);padding-inline:clamp(15px, 2vw, 30px);z-index:2}.navbar .nav-items{display:flex;gap:2rem}.navbar .nav-items_mobile{display:flex;flex-direction:column;gap:3rem}.navbar .nav-panel_mobile{display:flex;justify-content:center;text-align:center;position:absolute;bottom:0;left:0;width:100%;padding:30px;border-radius:15px;background:var(--surface);box-shadow:var(--shadow-md);opacity:0;transform:translateY(0);pointer-events:none;visibility:hidden;transition:opacity 200ms ease,transform 200ms ease;z-index:1000}.navbar #nav-toggle-icon{display:none;border:none;background:none}.navbar .nav-panel_mobile.is-open{opacity:1;transform:translateY(101%);pointer-events:auto;visibility:visible}.navbar #nav-toggle-icon .ham{cursor:pointer;-webkit-tap-highlight-color:#fff0;transition:transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;.top{stroke-dasharray:40 121}.bottom{stroke-dasharray:40 121}&.active .top{stroke-dashoffset:-68px}&.active .bottom{stroke-dashoffset:-68px}}.navbar #nav-toggle-icon .hamRotate.active{transform:rotate(45deg)}.navbar #nav-toggle-icon .hamRotate180.active{transform:rotate(180deg)}.navbar #nav-toggle-icon .line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:var(--accent);stroke-width:5.5;stroke-linecap:round}@media (max-width:1080px){.navbar .nav-panel.desktop,.navbar .buttons.desktop{display:none}.navbar #nav-toggle-icon{display:block}}