.navdock-icon,.navdock-tip{display:none}@media (min-width:81rem){.navdock[data-docked=true] .navdock-pill{border-radius:2rem;flex-direction:column;justify-content:flex-start;gap:.75rem;width:4rem;height:auto;padding:.5rem 0;position:fixed;top:.75rem;left:max(.5rem,50vw - 41rem)}.navdock[data-docked=true] .navdock-actions{background:var(--secondary);border-radius:2rem;justify-content:center;width:4rem;padding:.5rem 0;position:fixed;bottom:.75rem;left:max(.5rem,50vw - 41rem);box-shadow:0 10px 25px -5px #00000040}.navdock[data-docked=true] :is(.navdock-name,.navdock-label){display:none}.navdock[data-docked=true] .navdock-icon{display:block}.navdock[data-docked=true] .navdock-list,.navdock[data-docked=true] .navdock-actions,.navdock[data-docked=true] .navdock-actions>div{flex-direction:column}@media (min-width:96rem){.navdock[data-docked=true] :is(.navdock-pill,.navdock-actions){left:max(.5rem,50vw - 45rem)}}.navdock[data-docked=true] .navdock-link{padding:.625rem}.navdock[data-docked=true] .navdock-login{justify-content:center;width:2.75rem;padding:0}.navdock[data-docked=true] .navdock-login svg{margin:0}.navdock[data-docked=true] .navdock-tip{background:var(--foreground);color:var(--background);white-space:nowrap;opacity:0;pointer-events:none;border-radius:9999px;margin-left:.85rem;padding:.375rem .75rem;font-size:.75rem;transition:opacity .2s,translate .2s;display:block;position:absolute;top:50%;left:100%;translate:-4px -50%}.navdock[data-docked=true] .navdock-link:is(:hover,:focus-visible) .navdock-tip{opacity:1;translate:0 -50%}}