/* Homepage only: one borderless, center-focused row for each set of platforms. */
html body#alienme-homepage .top-feature > .panel.welcome .welcome-social-circles,
html body#alienme-homepage .top-feature .feature-card .feature-right > .release-platform-icons.am-stream-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body#alienme-homepage .top-feature > .panel.welcome .welcome-social-circles {
  width: min(396px, calc(100% - 20px)) !important;
}
html body#alienme-homepage .top-feature > .panel.welcome .welcome-social-circles.am-icon-carousel,
html body#alienme-homepage .top-feature .feature-card .feature-right > .release-platform-icons.am-icon-carousel {
  display: block !important;
  grid-template-columns: none !important;
  padding: 0 !important;
  overflow: visible !important;
  isolation: isolate;
  --am-caption-panel-gap: 0px;
}
html body#alienme-homepage .top-feature .am-icon-carousel > .am-icon-carousel__heading.am-stream-group__label {
  position: relative !important;
  top: -4px !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
  font: 400 14px/20px Inter, Arial, sans-serif !important;
  color: #fff !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__stage {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  touch-action: pan-y pinch-zoom;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 9%, #000 91%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 9%, #000 91%, transparent);
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__stage > .am-icon-carousel__item:is(a,button) {
  position: absolute !important;
  inset: 7.8px auto auto 50% !important;
  display: grid !important;
  place-items: center !important;
  flex: none !important;
  width: 48.4px !important;
  min-width: 48.4px !important;
  max-width: 48.4px !important;
  height: 48.4px !important;
  min-height: 48.4px !important;
  max-height: 48.4px !important;
  margin: 0 !important;
  padding: 9.9px !important;
  box-sizing: border-box !important;
  border: 1.1px solid #fff !important;
  border-radius: 50% !important;
  background: #000 !important;
  color: #fff !important;
  box-shadow: none !important;
  opacity: var(--am-icon-opacity, .5) !important;
  visibility: visible !important;
  translate: none !important;
  transform: translateX(calc(-50% + var(--am-icon-x, 0px))) scale(var(--am-icon-scale, .88)) !important;
  transition: transform 600ms ease, opacity 450ms ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__stage > .am-icon-carousel__item.is-wrapping,
html body#alienme-homepage .top-feature .am-icon-carousel:not(.is-ready) .am-icon-carousel__stage > .am-icon-carousel__item {
  transition: none !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__item.is-outside {
  pointer-events: none !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__item[aria-disabled="true"] {
  cursor: default !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__item svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  fill: currentColor !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__item > img.am-icon-carousel__brand {
  display: block !important;
  width: 26.4px !important;
  height: 26.4px !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  filter: grayscale(1) !important;
  pointer-events: none;
  transition: filter 450ms ease !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__item[data-am-carousel-current="true"] > img.am-icon-carousel__brand {
  filter: none !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__item > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
html body#alienme-homepage .top-feature .welcome-social-circles > .social-circle > span,
html body#alienme-homepage .top-feature .release-platform-icons > .am-stream-platform > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__caption-area {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: calc(32px + var(--am-caption-panel-gap)) !important;
  margin: 0 0 calc(-1 * var(--am-caption-panel-gap)) !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__caption {
  display: block !important;
  margin: 0 !important;
  padding: 0 4px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  text-align: center !important;
  font: 500 12px/20px Inter, Arial, sans-serif !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__caption.is-pending {
  color: #a7a7af !important;
}
html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__item:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: 2px !important;
}
@media (min-width:1121px) {
  /* Keep the caption centered above the release panel's bottom edge. */
  html body#alienme-homepage .top-feature .feature-card .feature-right > .release-platform-icons.am-icon-carousel {
    inset: auto 0 0 !important;
  }
}
@media (max-width:1120px) {
  html body#alienme-homepage .top-feature > .panel.welcome .welcome-social-circles.am-icon-carousel {
    width: 100% !important;
    --am-caption-panel-gap: 26px;
  }
  html body#alienme-homepage .top-feature .feature-card .feature-right > .release-platform-icons.am-icon-carousel {
    --am-caption-panel-gap: 24px;
  }
}
@media (max-width:700px) {
  /* Include the panel's bottom padding in the caption space, without an extra bar. */
  html body#alienme-homepage .top-feature > .panel.welcome .welcome-social-circles.am-icon-carousel,
  html body#alienme-homepage .top-feature .feature-card .feature-right > .release-platform-icons.am-icon-carousel {
    --am-caption-panel-gap: 18px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__stage > .am-icon-carousel__item:is(a,button),
  html body#alienme-homepage .top-feature .am-icon-carousel .am-icon-carousel__item > img.am-icon-carousel__brand {
    transition: none !important;
  }
}