.bottom-nav{position:fixed;z-index:5;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:1px;padding:4px;border:1px solid #41433f;border-radius:999px;background:#252624;color:#eceee8;box-shadow:0 5px 18px #151a1520;view-transition-name:portfolio-navigation}.bottom-nav .dock-item,.bottom-nav .theme-button{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;height:44px;padding:0 9px;border:0;border-radius:999px;color:inherit;background:0 0;text-decoration:none;font-size:13px;line-height:1}.dock-icon{width:24px;height:24px;flex:0 0 24px}.bottom-nav .dock-item[aria-disabled]{color:#a6aaa2}.dock-divider{width:1px;height:20px;margin:0 2px;background:#50524c}.bottom-nav .theme-button{width:42px;padding:0}.theme-button .icon{width:21px;height:21px}.theme-button .icon--sun,.theme-button[aria-pressed=true] .icon--moon-stars{display:none}.theme-button[aria-pressed=true] .icon--sun{display:block}@media(hover:hover) and (pointer:fine){.bottom-nav .dock-item:hover,.bottom-nav .theme-button:hover{background:#383b35;color:#fff}}@media(prefers-reduced-motion:no-preference){.bottom-nav .dock-item,.bottom-nav .theme-button{transition:background-color 160ms ease,color 160ms ease}}@media(max-width:600px){.bottom-nav{bottom:max(12px,env(safe-area-inset-bottom));gap:1px;padding:4px}.bottom-nav .dock-item{padding-inline:8px;font-size:11px}.dock-icon{width:23px;height:23px;flex-basis:23px}.bottom-nav .theme-button{width:35px}.dock-divider{margin-inline:2px}}@media(forced-colors:active){.bottom-nav{border-color:ButtonText}.bottom-nav .dock-item[aria-current=page]{outline:1px solid Highlight}}.bottom-nav .dock-item[aria-current=page] .dock-shape{fill:currentColor}.bottom-nav .dock-item[aria-current=page] .dock-detail{stroke:#252624}::view-transition-group(portfolio-navigation){animation:none}::view-transition-old(portfolio-navigation){display:none}::view-transition-new(portfolio-navigation){animation:none}.bottom-nav .language-switch{width:42px;padding:0}.language-switch .language-symbol--letters{display:block;font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.7px}@media(max-width:600px){.bottom-nav .language-switch{width:35px}}html.has-js .bottom-nav .theme-button[hidden]{display:flex!important;visibility:hidden;pointer-events:none}