.pi{--pi-rim:#ffffff24;--pi-shadow:0 10px 24px -10px #000000b3, 0 2px 6px -2px #00000073;inline-size:var(--pi,4rem);block-size:var(--pi,4rem);object-fit:cover;background:rgb(var(--cx-card-rgb,11 24 38));box-shadow:0 0 0 1px var(--pi-rim), var(--pi-shadow);transition:box-shadow .3s ease, transform .4s var(--cx-ease,ease);border-radius:22.5%;flex:none;display:block}.cx[data-theme=light] .pi,html[data-theme=light] .pi{--pi-rim:#0b17261a;--pi-shadow:0 10px 22px -10px #202c4280, 0 2px 6px -2px #202c4240}@media (hover:hover) and (pointer:fine){:is(.hs-card,.c1-node,.pt,.fi,.pp-card,.hf-switch__btn):hover .pi{box-shadow:0 0 0 1.5px var(--cx-gold), 0 0 0 4px rgb(var(--cx-gold-rgb) / .18), var(--pi-shadow)}}:is(.hs-card,.c1-node,.pp-card,.hf-switch__btn):focus-within .pi,.c1-node:focus-visible .pi{box-shadow:0 0 0 1.5px var(--cx-gold), 0 0 0 4px rgb(var(--cx-gold-rgb) / .18), var(--pi-shadow)}@media (forced-colors:active){.pi{forced-color-adjust:none;outline:1px solid canvastext}}