.cssexy-top-nav{position:fixed;top:0;inset-inline:0;z-index:20;height:calc(var(--spacing) * 14);margin-right:calc(100% - 100vw);padding-inline:calc(var(--spacing) * 4);display:flex;align-items:center;justify-content:space-between;background-color:var(--theme-nav-bg);border-bottom:1px solid var(--theme-border)}@media (min-width:40rem){.cssexy-top-nav{padding-inline:calc(var(--spacing) * 6)}}.cssexy-top-nav a{display:inline-flex;align-items:center;text-decoration:none;color:var(--theme-text);font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.cssexy-top-nav a.active{color:var(--blue-500)}.cssexy-top-nav-dialog{border:0;background-color:var(--theme-surface);color:var(--theme-text)}.cssexy-top-nav-dialog::backdrop{background:rgba(4,9,15,.5)}.cssexy-top-nav .main-sm{display:flex;gap:calc(var(--spacing) * 5)}.cssexy-top-nav .main-xs{display:none}@media (max-width:40rem){.cssexy-top-nav .main-sm{display:none}.cssexy-top-nav .main-xs{display:flex}}@media (min-width:64rem){.cssexy-top-nav .main-sm{gap:calc(var(--spacing) * 5)}}