.dock-outer{justify-content:center;align-items:flex-end;min-width:0;display:flex}.dock-panel{-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12);background:#fffdf16b;border:1px solid #ffffffc2;border-radius:999px;justify-content:center;align-items:flex-end;gap:7px;width:max-content;max-width:100%;padding:7px 9px;display:flex;box-shadow:inset 0 1px #fffc,0 12px 28px #526f431a}.dock-item{color:#2f3a27b8;cursor:pointer;background:#fffdf1b3;border:1px solid #526f431f;border-radius:50%;outline:none;flex:none;place-items:center;padding:0;display:inline-grid;position:relative;box-shadow:inset 0 1px #ffffffd1,0 6px 14px #526f4314}.dock-item.is-active{color:var(--ink);background:#fff4bdf0;border-color:#cca62680;box-shadow:inset 0 1px #ffffffe6,0 8px 18px #c29d272e}.dock-item:focus-visible{outline-offset:3px;outline:3px solid #f7d84abd}.dock-icon{place-items:center;display:grid}.dock-label{z-index:2;color:var(--cream);font:800 12px/1 var(--font-body);pointer-events:none;white-space:nowrap;background:#2f3a27f0;border:1px solid #526f4324;border-radius:6px;padding:5px 9px;position:absolute;bottom:-34px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.dock-item{transition:none}}