/* Off-screen effects keep their state and resume when the visitor reaches them. */
.tw-section[data-preview-visible='false'],
.tw-section[data-preview-visible='false'] *,
.tw-section[data-preview-visible='false'] *::before,
.tw-section[data-preview-visible='false'] *::after,
.tw-carousel__slide[data-preview-active='false'],
.tw-carousel__slide[data-preview-active='false'] *,
.tw-carousel__slide[data-preview-active='false'] *::before,
.tw-carousel__slide[data-preview-active='false'] *::after,
#site-sky[data-preview-active='false'],
#site-sky[data-preview-active='false'] *,
#site-sky[data-preview-active='false'] *::before,
#site-sky[data-preview-active='false'] *::after,
html[data-site-hidden='true'],
html[data-site-hidden='true'] *,
html[data-site-hidden='true'] *::before,
html[data-site-hidden='true'] *::after {
  animation-play-state: paused !important;
}

/* Retain slide measurements while letting the browser retire hidden layers. */
.tw-carousel__slide[data-preview-active='false'] .tw-carousel__stage-slot {
  visibility: hidden;
}