.loading-indicator{min-width:0;max-width:100%;color:var(--muted);font:inherit;vertical-align:middle;overflow-wrap:anywhere;align-items:center;gap:12px;display:inline-flex}.loading-indicator-pixels{color:var(--amber);flex:none;gap:3px;display:inline-flex}.loading-indicator-pixels i{opacity:.3;background:currentColor;width:5px;height:10px;animation:1.2s step-end infinite loading-pixel}.loading-indicator-pixels i:nth-child(2){animation-delay:.15s}.loading-indicator-pixels i:nth-child(3){animation-delay:.3s}.loading-indicator-pixels i:nth-child(4){animation-delay:.45s}.loading-state{min-width:0;padding:20px;font-size:20px}.loading-state>.loading-indicator{margin-bottom:20px}.loading-state-placeholders{gap:12px;display:grid}.loading-state-item{border:1px solid var(--edge);background:hsl(from var(--panel) h s l/.3);align-items:center;gap:16px;min-width:0;padding:16px;display:flex}.loading-state-art{background:repeating-linear-gradient(135deg, hsl(from var(--muted) h s l/.07) 0 1px, transparent 1px 7px), hsl(from var(--muted) h s l/.06);flex:none;width:48px;height:40px;display:block}.loading-state-copy{flex:1;gap:10px;min-width:0;display:grid}.loading-state-line,.loading-state-trailing{background:hsl(from var(--muted) h s l/.18);width:72%;height:10px;animation:2s ease-in-out infinite loading-placeholder;display:block}.loading-state-line--short{width:42%;height:8px}.loading-state-item:nth-child(2n) .loading-state-line{width:60%}.loading-state-item:nth-child(2n) .loading-state-line--short{width:34%}.loading-state-trailing{flex:0 0 48px}.loading-state--cards .loading-state-placeholders,.loading-state--media .loading-state-placeholders{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:18px}.loading-state--cards .loading-state-item,.loading-state--media .loading-state-item{padding:0;display:block;overflow:hidden}.loading-state--cards .loading-state-art,.loading-state--media .loading-state-art{aspect-ratio:16/10;border-bottom:1px solid var(--edge);width:100%;height:auto}.loading-state--cards .loading-state-copy,.loading-state--media .loading-state-copy{gap:14px;padding:18px 14px}.loading-state--media .loading-state-item{padding:10px}.loading-state--media .loading-state-art{aspect-ratio:4/3;border:1px solid var(--edge)}.loading-state--media .loading-state-copy{padding:16px 4px 8px}.loading-state--details .loading-state-item{background:0 0;border:0;padding:10px 0}.loading-state--details .loading-state-art{display:none}.loading-state--details .loading-state-copy{gap:14px}@keyframes loading-pixel{0%,60%,to{opacity:.3}15%,45%{opacity:1}}@keyframes loading-placeholder{0%,to{opacity:.55}50%{opacity:1}}@media (width<=560px){.loading-state{padding:16px}.loading-state-item{gap:12px;padding:12px}.loading-state-trailing{display:none}}@media (prefers-reduced-motion:reduce){.loading-indicator-pixels i,.loading-state-line,.loading-state-trailing{opacity:.7;animation:none}}.reduce-motion .loading-indicator-pixels i,.reduce-motion .loading-state-line,.reduce-motion .loading-state-trailing{opacity:.7;animation:none}