/* Opt-in exists only on the Chinese homepage product carousel. */
#downloads [data-product-spotlight] .product-showcase-card:hover {
  transform: none;
  border-color: rgba(255, 255, 255, .10);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .30);
}
#downloads [data-product-spotlight] .product-showcase-card:hover .product-image {
  transform: none;
  filter: drop-shadow(0 24px 34px rgba(0, 0, 0, .44));
}
#downloads [data-product-spotlight] .product-showcase-card::before {
  display: block;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: radial-gradient(210px circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%), rgba(230, 0, 33, .16), rgba(230, 0, 33, .06) 45%, transparent 100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 240ms ease;
}
#downloads [data-product-spotlight] .product-showcase-card:focus-visible {
  outline: 2px solid var(--text-dark-primary);
  outline-offset: -4px;
}
/* With no mask support the original physical border remains visible. */
@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
  #downloads [data-product-spotlight] .product-showcase-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    padding: 1.5px;
    border-radius: inherit;
    background: radial-gradient(200px circle at var(--spotlight-x, 50%) var(--spotlight-y, 50%), var(--salang-red) 0%, transparent 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    pointer-events: none;
    transition: opacity 240ms ease;
  }
}
@media (min-width: 640px) and (any-hover: hover) and (any-pointer: fine) and (prefers-reduced-motion: no-preference) {
  #downloads [data-product-spotlight] .product-showcase-card.is-product-spotlit::before,
  #downloads [data-product-spotlight] .product-showcase-card.is-product-spotlit::after {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  #downloads [data-product-spotlight] .product-showcase-card::before,
  #downloads [data-product-spotlight] .product-showcase-card::after {
    transition: none;
  }
}