.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}}@media screen and (max-width:22rem){.nav-dock{gap:.2rem}.nav-dock-item{width:2.8rem;height:2.8rem}}
@keyframes nav-fade{0%{opacity:0}to{opacity:1}}@keyframes nav-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-drawer{z-index:130;position:fixed;inset:0}.nav-drawer-overlay{background:rgba(var(--tutti-ink-rgb), .45);animation:.2s nav-fade;position:absolute;inset:0}.nav-drawer-panel{background:var(--tutti-body);width:83%;max-width:22rem;box-shadow:-10px 0 40px rgba(var(--tutti-ink-rgb), .25);padding:3.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;animation:.26s cubic-bezier(.22,1,.36,1) nav-slide-in;display:flex;position:absolute;top:0;bottom:0;right:0}.nav-drawer-header{justify-content:space-between;align-items:center;padding:0 .375rem .5rem;display:flex}.nav-drawer-header .nav-brand{padding:0}@media screen and (min-width:60rem){.nav-drawer{display:none}}