.dock-outer{align-items:center;max-width:100%;margin:0 .5rem;display:flex}.dock-panel{isolation:isolate;-webkit-backdrop-filter:blur(24px);background-color:#fff;border:1px solid #0000001a;border-radius:1.25rem;align-items:flex-end;gap:.2rem;width:fit-content;max-width:98vw;padding:0 .45rem .45rem;transition:background-color .2s,border-color .2s;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)translateZ(0);box-shadow:0 16px 40px #0000001f,inset 0 0 0 1px #0000000a}.dark .dock-panel{background-color:#121215;border:1px solid #ffffff1f;box-shadow:0 20px 60px #000000e6,inset 0 0 0 1px #ffffff0f}.dock-item{cursor:pointer;touch-action:manipulation;border-radius:12px;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.dock-icon{color:hsl(var(--muted-foreground));justify-content:center;align-items:center;transition:color .15s;display:flex}.dock-item:hover .dock-icon{color:hsl(var(--foreground))}.dock-label{white-space:nowrap;border:1px solid hsl(var(--border));background-color:hsl(var(--popover));width:max-content;color:hsl(var(--popover-foreground));letter-spacing:.01em;pointer-events:none;transform-origin:bottom;border-radius:.375rem;padding:.15rem .5rem;font-size:.7rem;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}@media (max-width:640px){.dock-outer{max-width:100vw;margin:0 .25rem}.dock-panel{border-radius:1rem;gap:.08rem;max-width:96vw;padding:0 .25rem .25rem;bottom:.5rem}.dock-label{display:none}}