.dock{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-fixed);display:flex;width:100%;flex-direction:row;align-items:center;justify-content:space-around;background-color:var(--surface-elevated);padding-inline:var(--gutter);padding-block:var(--space-s);color:var(--fg);border-top:.5px solid var(--border);height:6.4rem;height:calc(6.4rem + env(safe-area-inset-bottom));padding-bottom:calc(var(--space-s) + env(safe-area-inset-bottom))}@supports (color:color-mix(in lab,red,red)){.dock{border-top:.5px solid color-mix(in oklab,var(--border) 50%,transparent)}}.dock--hidden{height:0!important;padding:0!important;border-top:none;overflow:hidden;pointer-events:none}@media (min-width:1024px){.dock{display:none}}.dock>*{position:relative;display:flex;height:100%;max-width:8rem;flex-shrink:1;flex-basis:100%;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;border-radius:var(--radius-s);background-color:transparent;transition:opacity var(--transition-fast);border:none;text-decoration:none;padding:var(--space-3xs);color:var(--fg-subtle)}@media (hover:hover){.dock>:hover{opacity:.8;color:var(--fg)}}.dock>[aria-disabled=true],.dock>[disabled]{pointer-events:none;color:var(--fg-subtle);opacity:.4}@supports (color:color-mix(in lab,red,red)){.dock>[aria-disabled=true],.dock>[disabled]{color:color-mix(in oklab,var(--fg-subtle) 30%,transparent)}}.dock-label{font-size:1.1rem;font-weight:500;color:inherit;white-space:nowrap}.dock>:after{content:"";position:absolute;height:.3rem;width:4.8rem;border-radius:999rem;background-color:transparent;bottom:.2rem;border-top:3px solid transparent;transition:background-color var(--transition-fast),width var(--transition-fast)}.dock-active{color:var(--primary)!important}.dock-active:after{background-color:var(--primary);border-top-color:var(--primary)}.dock svg,.dock-icon{width:2rem;height:2rem;flex-shrink:0}.dock__avatar{width:2.4rem;height:2.4rem;border-radius:var(--radius-full);flex-shrink:0}.dock__profile-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}