.ph{width:100%;display:block;position:relative}.ph__skeleton{border-radius:inherit;background:linear-gradient(100deg, transparent 20%, var(--lightningcss-light,#ffffff6b)var(--lightningcss-dark,#ffffff0f) 42%, transparent 64%), var(--surface-sunk);animation:phShimmer 1.5s var(--ease) infinite;transition:opacity .4s var(--ease);background-size:260% 100%,100% 100%;position:absolute;inset:0}@keyframes phShimmer{0%{background-position:160% 0,0 0}to{background-position:-60% 0,0 0}}.ph--done .ph__skeleton{opacity:0;animation:none}.ph__img{opacity:0;transition:opacity .55s var(--ease)}.ph--done .ph__img{opacity:1}@media (prefers-reduced-motion:reduce){.ph__skeleton{background:var(--surface-sunk)}}