.pm{--pm-ball:calc(12px * var(--vp-scale));--pm-tw:calc(64px * var(--vp-scale));--pm-th:calc(42px * var(--vp-scale));--pm-pitch:calc(var(--pm-th) + var(--s2));--pm-out:.55s;z-index:40;top:50%;right:calc(var(--page-pad-x) + var(--pm-ball) / 2);width:0;height:0;position:fixed}.pm-probe{width:0;height:var(--pm-pitch);visibility:hidden;position:absolute}.pm:before{content:"";width:min(calc(440px * var(--vp-scale)), 100vw);opacity:0;transition:opacity .45s var(--ease-site);pointer-events:none;background:linear-gradient(270deg,#000000eb 45%,#0000);position:fixed;top:0;bottom:0;right:0}.pm[data-open=true]:before{opacity:1}.pm-ball{z-index:20;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:-22px;left:-22px}.pm-dot,.pm-hov{place-items:center;display:grid}.pm-dot{transform-origin:50% 100%}.pm-hov{transition:transform .4s var(--ease-site)}.pm[data-open=true] .pm-hov{transform:scale(var(--pm-grow))}@media (hover:hover) and (pointer:fine){.pm-ball:hover .pm-hov{transform:scale(var(--pm-grow))}}.pm-face{width:var(--pm-ball);height:var(--pm-ball);background:var(--cinnabar);border-radius:50%;display:block;position:relative}.pm-ball{opacity:0;pointer-events:none;transition:transform .3s var(--ease-site), opacity .2s var(--ease-site);transform:scale(0)}.pm[data-shown=true] .pm-ball{opacity:1;pointer-events:auto;transition:transform .55s cubic-bezier(.34, 1.56, .64, 1), opacity .2s var(--ease-site);transform:none}.pm[data-bouncing] .pm-ball{opacity:1;transform-origin:50% calc(50% + var(--pm-bb) / 2);transition:none}.pm-ball:focus-visible{outline:2px solid var(--spring);outline-offset:2px;border-radius:50%}.pm-dot{transition:none}.pm{--pm-bb:calc(15px * var(--vp-scale));--pm-grow:1}@media (min-width:1025px){.pm{--pm-bb:calc(17px * var(--vp-scale));--pm-grow:calc(15 / 17)}}.pm-face{width:var(--pm-bb);height:var(--pm-bb);background:0 0}.pm-bb{width:100%;height:100%;display:block;overflow:visible}.pm-bb circle{fill:var(--cinnabar)}.pm-bb path{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round}.pm-rows{top:0;right:calc(var(--pm-ball) / 2 + var(--s4));width:0;height:0;padding:0;list-style:none;position:absolute}.pm-r{right:0;top:calc(var(--pm-th) / -2);height:var(--pm-th);transform-origin:100%;opacity:0;pointer-events:none;transition:transform var(--pm-out) var(--ease-site), opacity .3s var(--ease-site);position:absolute;transform:scale(.4)}.pm[data-open=true] .pm-r{opacity:1;transform:translateY(calc((var(--i) - var(--c)) * var(--pm-pitch) + var(--nudge)));pointer-events:auto;transition-delay:calc(var(--d) * 32ms)}.pm-row{align-items:center;gap:var(--s4);height:100%;color:var(--grey-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:flex}.pm-label{white-space:nowrap;opacity:0;transform:translateX(calc(6px * var(--vp-scale)));transition:opacity .3s var(--ease-site), transform .45s var(--ease-site), color .3s var(--ease-site);margin-left:0;display:block}.pm[data-open=true] .pm-label{opacity:1;transition-delay:calc(var(--d) * 32ms + .14s), calc(var(--d) * 32ms + .14s), 0s;transform:none}.pm-r[data-current] .pm-label{color:var(--spring)}.pm-thumb{width:var(--pm-tw);height:var(--pm-th);background:color-mix(in srgb, var(--grey-soft) 14%, #000);transition:box-shadow .35s var(--ease-site);border-radius:4px;flex:none;overflow:hidden}.pm-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease-site);display:block}.pm-r[data-current] .pm-thumb{box-shadow:0 0 0 2px var(--cinnabar)}@media (hover:hover) and (pointer:fine){.pm-row:hover .pm-label{color:var(--cinnabar)}.pm-row:hover img{transform:scale(1.03)}}.pm-row:focus-visible{outline:2px solid var(--spring);outline-offset:4px;border-radius:4px}@media (prefers-reduced-motion:reduce){.pm *,.pm:before{transition-duration:10ms!important;transition-delay:0s!important;animation:none!important}}
