/* Pause decorative work without affecting profile requests or layout. */
html.dev-decoration-paused .particles .particle,
html.dev-decoration-paused #shopContent *,
html.dev-decoration-paused #shopContent *::before,
html.dev-decoration-paused #shopContent *::after,
html.dev-decoration-paused .dev-shop-loading *,
html.dev-decoration-paused .dev-shop-loading *::after,
html.dev-decoration-paused .catalog-marquee > span,
html.dev-decoration-paused .shop-preview-shell::after,
html.dev-decoration-paused .shop-preview-skeleton,
html.dev-decoration-paused .shop-preview-skeleton::after {
  animation-play-state: paused !important;
}
.catalog-track-title:not(.dev-in-viewport) > span {
  animation-play-state: paused !important;
}
.shop-preview-shell:not(.dev-in-viewport)::after,
.shop-preview-shell:not(.dev-in-viewport) .shop-preview-skeleton,
.shop-preview-shell:not(.dev-in-viewport) .shop-preview-skeleton::after,
.shop-preview-shell[data-image-state="loaded"]::after,
.shop-preview-shell[data-image-state="error"]::after,
.shop-preview-shell.is-loaded::after,
.shop-preview-shell.is-error::after,
.shop-preview-shell.is-loaded .shop-preview-skeleton,
.shop-preview-shell.is-error .shop-preview-skeleton {
  animation: none !important;
}
@media (pointer:coarse), (prefers-reduced-motion:reduce) {
  .particles .particle { animation: none !important; opacity: 0; }
}
@media (prefers-reduced-motion:reduce) {
  .catalog-marquee > span,
  .shop-preview-shell::after,
  .shop-preview-skeleton,
  .shop-preview-skeleton::after { animation: none !important; }
}