/* Scoped to the rear product layer; the foreground form never rotates. */
[data-component-name="home-stats-section"] [data-component-name="checkout-products-orbit"] {
  position: relative;
  width: 100%;
  aspect-ratio: 1394 / 1338;
  pointer-events: none;
}
[data-component-name="checkout-products-orbit"] > img {
  display: block;
  width: 100%;
  height: auto;
}
[data-component-name="checkout-products-orbit"] > [data-component-name="checkout-orbit-item"] {
  display: none;
}
@supports (offset-path: circle(10% at 50% 50%)) {
  [data-component-name="checkout-products-orbit"] > img {
    opacity: 0;
  }
  [data-component-name="checkout-products-orbit"] > [data-component-name="checkout-orbit-item"] {
    display: block;
    position: absolute;
    left: var(--slot-left);
    top: var(--slot-top);
    width: var(--slot-width);
    height: var(--slot-height);
  }
  [data-component-name="checkout-orbit-item"] > span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 22%;
    background-image: url("/koltukta/media/barber-products-collage.png");
    background-repeat: no-repeat;
    background-size: var(--sprite-size);
    background-position: var(--sprite-position);
    /* A small orbit around each old slot, not around the central form. */
    offset-path: circle(10% at 50% 50%);
    offset-anchor: 50% 50%;
    offset-rotate: 0deg;
    animation: kt-checkout-product-orbit 10s linear infinite;
    animation-delay: calc(var(--orbit-index) * -10s / 12);
    animation-play-state: paused;
  }
  [data-component-name="checkout-products-orbit"][data-running="true"] > [data-component-name="checkout-orbit-item"] > span {
    animation-play-state: running;
  }
}
@keyframes kt-checkout-product-orbit {
  from { offset-distance: 0%; }
  to { offset-distance: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  [data-component-name="checkout-products-orbit"] > [data-component-name="checkout-orbit-item"] > span {
    animation: none;
    offset-path: none;
  }
}
