.ph{width:100%;display:block;position:relative}.ph__skeleton{border-radius:inherit;background:linear-gradient(100deg, transparent 20%, #ffffff6b 42%, transparent 64%), var(--mist-deep);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(--mist-deep)}}