.companion{--size:72px;z-index:30;width:var(--size);height:var(--size);pointer-events:none;opacity:0;transform:translate3d(var(--tx,8px), var(--ty,70vh), 0);will-change:transform;position:fixed;inset:0 auto auto 0}@media (max-width:1439.98px){.companion{display:none!important}}@media (min-width:1440px){.companion{--size:min(104px, calc((100vw - 1240px) / 2 - 24px))}}.companion[hidden]{display:none}.companion[data-awake]{opacity:1;transition:opacity .32s ease-out}.companion[data-landed],.companion[data-leaving]{opacity:0;transition:opacity .24s ease-out}.companion[data-landed] .companion-anchor{visibility:hidden;transition:visibility 0s .24s}@media (prefers-reduced-motion:no-preference){.companion[data-awake]{transition:opacity .32s ease-out,transform .95s cubic-bezier(.22,1,.36,1)}.companion-bob{animation:3.8s ease-in-out infinite companion-bob}}@keyframes companion-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.companion-anchor{pointer-events:auto;width:100%;height:100%;position:relative}.companion-bader{border-radius:40%;width:100%;height:100%;display:block;position:relative}.companion-bader:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.companion-bob{position:absolute;inset:0}.companion-jelly{transform-origin:50% 96%;position:absolute;inset:0}.companion-jelly img{opacity:0;width:100%;height:100%;transition:opacity .22s ease-out;position:absolute;inset:0}.companion-jelly img[data-on]{opacity:1}.companion-bader:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--color-bader-halo) 22%, transparent), color-mix(in srgb, var(--color-bader-halo) 7%, transparent) 60%, transparent);opacity:0;border-radius:50%;transition:opacity .3s ease-out;position:absolute;inset:4% 2% 0}.companion[data-dark] .companion-bader:before{opacity:1}.companion-hide{top:-4px;border:1px solid var(--color-border);background:var(--color-surface);width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;place-items:center;transition:opacity .16s ease-out;display:grid;position:absolute;inset-inline-end:-6px}.companion-anchor:hover .companion-hide,.companion-anchor:focus-within .companion-hide{opacity:1;pointer-events:auto}@media (hover:none){.companion-hide{opacity:.85;pointer-events:auto}}.companion-hide:hover{color:var(--color-text)}.companion-tip{border:1px solid var(--color-border);background:var(--color-surface);width:max-content;max-width:200px;color:var(--color-text);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;border-radius:12px;padding:8px 12px;font-size:.78rem;line-height:1.45;transition:opacity .2s ease-out;display:none;position:absolute;bottom:calc(100% + 8px)}.companion[data-side=left] .companion-tip{inset-inline-start:0}.companion[data-side=right] .companion-tip{inset-inline-end:0}.companion-tip:empty{display:none!important}@media (min-width:1440px){.companion-tip{display:block}.companion[data-tip] .companion-tip{opacity:1}.companion:has(.companion-anchor:hover,.companion-anchor:focus-within) .companion-tip{opacity:1}}@media (prefers-reduced-motion:reduce){.companion,.companion-jelly img,.companion-tip{transition:none!important}}.peek{flex:none;width:44px;height:44px;display:block;position:relative}.peek[hidden]{display:none}.peek img{opacity:0;width:100%;height:100%;position:absolute;inset:0}.peek img[data-on]{opacity:1}@media (prefers-reduced-motion:no-preference){.peek img{transition:opacity .32s ease-out}.peek[data-state] img[data-on]{animation:.52s cubic-bezier(.22,1,.36,1) peek-pop}}@keyframes peek-pop{0%{transform:translateY(6px)scale(.92)}to{transform:none}}
