#nav{border-bottom:1px dashed var(--color-border);border-top:1px dashed var(--color-border);grid-template-columns:auto auto;justify-content:space-between;align-items:center;padding:16px;display:grid}#nav a{letter-spacing:-.04em;font-family:ui-monospace,monospace;text-decoration:none;display:flex}#nav>:first-child{gap:8px;display:flex}@media (max-width:680px){#nav{align-items:flex-start}#nav>:first-child{flex-direction:column;gap:4px}}#nav>:first-child a:before,#nav>:first-child a:after{opacity:.25;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .12s ease-in-out;position:relative}#nav>:first-child a:before{content:"["}#nav>:first-child a:after{content:"]"}@media (hover:hover){#nav>:first-child a:hover:before{transform:translate(-2px)}#nav>:first-child a:hover:after{transform:translate(2px)}}#nav>:nth-child(2) a{background:color-mix(in srgb,var(--color-border)25%,transparent);border:1px solid var(--color-border);border-radius:4px;align-items:center;height:36px;padding-left:8px;padding-right:8px}