/* Product 14: a restrained alternating network-status glow. */
@keyframes ms-internet-reset-glow {
  0%, 100% {
    filter: brightness(1) saturate(1);
    box-shadow:
      0 0 10px rgba(64, 247, 255, .32),
      0 0 28px rgba(64, 247, 255, .14);
  }

  50% {
    filter: brightness(1.045) saturate(1.08);
    box-shadow:
      0 0 14px rgba(255, 77, 216, .42),
      0 0 36px rgba(255, 77, 216, .18);
  }
}

@keyframes ms-internet-reset-overlay {
  0%, 100% {
    opacity: .42;
    border-color: rgba(64, 247, 255, .72);
    box-shadow:
      inset 0 0 18px rgba(64, 247, 255, .18),
      0 0 22px rgba(64, 247, 255, .34);
  }

  50% {
    opacity: .92;
    border-color: rgba(255, 77, 216, .88);
    box-shadow:
      inset 0 0 36px rgba(255, 77, 216, .3),
      0 0 36px rgba(255, 77, 216, .5);
  }
}

@keyframes ms-internet-reset-controls {
  0%, 100% {
    opacity: .56;
    filter: hue-rotate(0deg) saturate(1.15);
  }

  50% {
    opacity: .98;
    filter: hue-rotate(120deg) saturate(1.45);
  }
}

body.product-id-14 .product-cover .js-qv-product-cover,
.product-miniature[data-id-product="14"] .product-thumbnail img {
  animation: ms-internet-reset-glow 3.8s ease-in-out infinite;
  border-radius: .2rem;
  will-change: filter, box-shadow;
}

body.product-id-14 .product-cover::before,
.product-miniature[data-id-product="14"] .product-thumbnail::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 52% 42%, rgba(255, 77, 216, .2) 0, rgba(64, 247, 255, .1) 20%, transparent 47%);
  border: 2px solid rgba(64, 247, 255, .72);
  border-radius: .2rem;
  animation: ms-internet-reset-overlay 3.8s ease-in-out infinite;
  will-change: opacity, border-color, box-shadow;
}

body.product-id-14 .product-cover::after,
.product-miniature[data-id-product="14"] .product-thumbnail::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(circle at 50.2% 47.8%, transparent 0 7.5%, rgba(64, 247, 255, .14) 9%, rgba(64, 247, 255, .48) 12.5%, transparent 18%),
    radial-gradient(circle at 32.5% 51.7%, rgba(255, 255, 255, .88) 0 .45%, rgba(64, 247, 255, .95) .65%, rgba(64, 247, 255, .38) 1.5%, transparent 3.3%),
    radial-gradient(circle at 35.8% 70.9%, rgba(255, 255, 255, .84) 0 .42%, rgba(64, 247, 255, .92) .62%, rgba(64, 247, 255, .34) 1.4%, transparent 3.1%),
    radial-gradient(circle at 48.5% 70.3%, rgba(255, 255, 255, .84) 0 .42%, rgba(64, 247, 255, .92) .62%, rgba(64, 247, 255, .34) 1.4%, transparent 3.1%),
    radial-gradient(circle at 61.5% 69.1%, rgba(255, 255, 255, .84) 0 .42%, rgba(64, 247, 255, .92) .62%, rgba(64, 247, 255, .34) 1.4%, transparent 3.1%),
    radial-gradient(circle at 74.1% 68%, rgba(255, 255, 255, .84) 0 .42%, rgba(64, 247, 255, .92) .62%, rgba(64, 247, 255, .34) 1.4%, transparent 3.1%),
    radial-gradient(circle at 35.8% 77.7%, transparent 0 1.2%, rgba(64, 247, 255, .72) 1.55% 2.2%, transparent 3.5%),
    radial-gradient(circle at 48.5% 76.9%, transparent 0 1.2%, rgba(64, 247, 255, .72) 1.55% 2.2%, transparent 3.5%),
    radial-gradient(circle at 61.5% 75.9%, transparent 0 1.2%, rgba(64, 247, 255, .72) 1.55% 2.2%, transparent 3.5%),
    radial-gradient(circle at 74.1% 74.8%, transparent 0 1.2%, rgba(64, 247, 255, .72) 1.55% 2.2%, transparent 3.5%);
  mix-blend-mode: screen;
  animation: ms-internet-reset-controls 3.8s ease-in-out infinite;
  will-change: opacity, filter;
}

body.product-id-14 .product-cover .layer {
  z-index: 2;
}

.product-miniature[data-id-product="14"] .product-thumbnail {
  position: relative;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  body.product-id-14 .product-cover .js-qv-product-cover,
  .product-miniature[data-id-product="14"] .product-thumbnail img {
    animation: none !important;
    filter: none;
    box-shadow: 0 0 12px rgba(64, 247, 255, .22);
  }

  body.product-id-14 .product-cover::before,
  .product-miniature[data-id-product="14"] .product-thumbnail::after {
    opacity: .38;
    animation: none !important;
    border-color: rgba(64, 247, 255, .55);
    box-shadow: inset 0 0 18px rgba(64, 247, 255, .14);
  }

  body.product-id-14 .product-cover::after,
  .product-miniature[data-id-product="14"] .product-thumbnail::before {
    opacity: .5;
    filter: none;
    animation: none !important;
  }
}