.nav-popup-btn{cursor:pointer}.nav-popup-open .nav-popup-btn::after{width:100%}.nav-popup{position:absolute;top:100%;right:0;width:300px;background:var(--color-white-half);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-solid-white);border-radius:15px;box-shadow:var(--shadow-card);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,visibility 0s .25s,transform .25s ease;z-index:101;padding:6px 0;overflow:hidden}.nav-popup .nav-popup-close{display:none}.nav-popup ul{list-style:none;margin:0;padding:0}.nav-popup li{margin:16px;background:var(--color-white-half);border:var(--border-solid-white);border-radius:25px}.nav-popup a{display:block;padding:6px 16px;color:var(--color-text);font-size:.9rem;transition:background .25s ease,color .25s ease;text-decoration:none}.nav-popup a:hover{background:var(--color-primary-eight);color:var(--color-primary);border-radius:25px}.nav-popup .nav-active>a,.nav-popup li.nav-active>a{color:var(--color-primary);font-weight:600;background:var(--color-primary-five)}.nav-popup ul ul{padding-left:16px}.nav-popup ul ul a{font-size:.85rem;color:var(--color-text-light)}.nav-popup-open .nav-popup{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .25s ease,visibility 0s 0s,transform .25s ease}@media(max-width: 768px){.nav-popup{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;height:90vh;padding-top:60px;border-radius:15px;transform:translateY(100%);opacity:0;visibility:hidden;overflow-y:auto}.nav-popup a{padding:16px 24px;font-size:1rem}.nav-popup ul ul a{padding:6px 24px;font-size:.9rem}.nav-popup .nav-popup-close{display:inline-flex;position:absolute;top:12px;right:12px;width:44px;height:44px;align-items:center;justify-content:center;padding:0;background:var(--color-white-fifteen);border:var(--border-solid-white);border-radius:25px;color:var(--color-text-light);font-size:larger;cursor:pointer;transition:background .25s ease,color .25s ease}.nav-popup .nav-popup-close:hover{background:var(--color-black-six);color:var(--color-text)}.nav-popup .nav-popup-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}.nav-popup-open .nav-popup{transform:translateY(0);opacity:1;visibility:visible}}