.p2p-fig{margin:2rem 0;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#fff;overflow:hidden}.p2p-fig svg{display:block;width:100%;height:auto}.p2p-fig figcaption{border-top:1px solid rgba(15,23,42,.08);padding:.75rem 1rem;font-size:.875rem;color:var(--color-p2p-text-muted);min-height:2.75rem}.p2p-fig .hit{cursor:default;transition:opacity .16s ease,filter .16s ease}.p2p-fig:focus-within .hit,.p2p-fig:hover .hit{opacity:.42}.p2p-fig .hit:focus-visible,.p2p-fig .hit:hover,.p2p-fig .hit[data-active=true]{opacity:1}.p2p-fig .hit:focus-visible{outline:2px solid var(--color-p2p-accent);outline-offset:2px}.p2p-month{cursor:pointer}.p2p-month rect{transition:filter .16s ease}.p2p-month:hover rect,.p2p-month[data-active=true] rect{filter:brightness(1.12)}.p2p-fig .lift{transition:transform .16s ease}.p2p-fig .hit:hover .lift{transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.p2p-fig .hit,.p2p-fig .lift,.p2p-month rect{transition:none}.p2p-fig .hit:hover .lift{transform:none}}@media (hover:none){.p2p-fig:focus-within .hit,.p2p-fig:hover .hit{opacity:1}}