.nav-dock{left:0;right:0;bottom:calc(.3rem + env(safe-area-inset-bottom));z-index:120;-webkit-backdrop-filter:blur(16px);width:max-content;box-shadow:0 12px 34px -12px rgba(var(--tutti-ink-rgb), .45);view-transition-name:nav-dock;background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;margin:0 auto;padding:.2375rem;display:flex;position:fixed}@media (max-height:30rem){body:has(input:focus,textarea:focus) .nav-dock{display:none}}.nav-dock-item{width:3.2rem;height:3.2rem;color:rgba(var(--tutti-ink-rgb), .55);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.nav-dock-item--active{background:var(--tutti-button);color:var(--tutti-surface)}.nav-dock-item-status{display:contents}.nav-dock-item:has(.nav-dock-item-status--pending){background:var(--tutti-button);color:var(--tutti-surface)}.nav-dock-item:has(.nav-dock-item-status--pending) svg{opacity:0}.nav-dock-item-status-spinner{border:.15625rem solid #ffffff59;border-top-color:var(--tutti-surface);border-radius:50%;width:1.125rem;height:1.125rem;margin:-.5625rem 0 0 -.5625rem;animation:.7s linear infinite nav-dock-item-status-spin;position:absolute;top:50%;left:50%}@keyframes nav-dock-item-status-spin{to{transform:rotate(360deg)}}.nav-dock-item--locked{color:rgba(var(--tutti-ink-rgb), .25)}@media screen and (min-width:60rem){.nav-dock{display:none}}