@layer components{.navigation{height:var(--navigation-height);background-color:var(--grey-100);border-bottom:var(--layout-border);z-index:2;position:sticky;top:0}@media (width>=700px){.navigation{opacity:.95}}.navigation__inner{--padding:20px;width:min(calc(100% - var(--padding)),var(--layout-width));border-left:var(--layout-border);border-right:var(--layout-border);align-items:center;gap:16px;margin-inline:auto;padding:10px 16px;display:flex;position:relative}@media (width>=520px) and (width<=920px){.navigation__inner{--padding:50px}}.navigation__brand{border-radius:var(--radius-200);will-change:transform;transition:transform .32s var(--transition-easing);text-decoration:none}.navigation__brand:is(:hover,:focus){transform:scale(1.2)}.navigation__brand .logo__text{will-change:transform;transition:transform .32s var(--transition-easing)}.navigation__brand:is(:hover,:focus) .logo__text{transform:scale(.84)}.navigation__toggle,.navigation__toggle-button{display:none}.navigation__links{align-items:center;gap:8px;list-style:none;display:flex}@media (width<=699px){.navigation__toggle{appearance:none;opacity:0;z-index:1;cursor:pointer;border:0;width:35px;height:35px;margin:0;display:block;position:absolute;top:14px;right:16px}.navigation__toggle-button{order:1;display:flex}.navigation__toggle-icon{display:none}.navigation__toggle:not(:checked)+.navigation__toggle-button .navigation__toggle-icon--closed,.navigation__toggle:checked+.navigation__toggle-button .navigation__toggle-icon--open{display:block}.navigation__toggle:not(:checked)+.navigation__toggle-button .navigation__toggle-icon--open,.navigation__toggle:checked+.navigation__toggle-button .navigation__toggle-icon--closed{display:none}.navigation__toggle:checked{appearance:none;opacity:1;z-index:4;background-color:#00000080;border:0;border-radius:0;width:100%;height:100%;margin:0;position:fixed;top:0;left:0}.navigation__links{background-color:var(--grey-000);border-radius:var(--radius-300)var(--radius-300)0 0;width:100%;box-shadow:var(--shadow-200);opacity:0;transition:.16s var(--transition-easing);pointer-events:none;flex-direction:column;padding:20px;transition-property:opacity,transform;position:fixed;bottom:0;left:0;transform:translateY(10px)}.navigation__toggle:checked+.navigation__toggle-button+.navigation__links{z-index:5;opacity:1;pointer-events:auto;display:flex;transform:none}}.navigation__item{width:100%}@media (width>=700px){.navigation__item{width:auto}}.navigation__link{width:100%;font-family:var(--monospace-font);font-size:var(--label);color:var(--primary);border-radius:var(--radius-100);transition:background-color .16s var(--transition-easing);border:1px solid #0000;align-items:center;gap:9px;padding:4px 6px;text-decoration:none;display:flex}.navigation__link:not([aria-current=page]):is(:hover,:focus){background-color:var(--grey-200)}.navigation__link-icon,.navigation__link-arrow{flex:0 0 16px;width:16px;height:16px}@media (width>=699px){.navigation__link-icon,.navigation__link-arrow{display:none}}.navigation__link-icon{fill:var(--magenta)}.navigation__link-arrow{fill:var(--primary);margin-left:auto}.navigation__rss{margin-left:auto}}