/*
 * Decorative ellipse/LED layer for Type 11.
 * This file contains only the active variant; the obsolete open-arc rules were removed.
 */

.crevis-concept-slider .main-slider__item .main_info > .img::after {
  display: none;
}

.crevis-concept-slider .concept-orbits {
  height: 1px;
  transform: none;
  width: 1px;
}

.crevis-concept-slider .concept-orbits span {
  background: none;
  border: 1px solid var(--concept-ring);
  border-radius: 50%;
  -webkit-mask: none;
  mask: none;
}

.crevis-concept-slider .concept-orbits span:nth-child(1) {
  border-width: 0.75px;
  height: 538px;
  transform: translate(-50%, -50%) rotate(12deg) scaleX(1.08);
  width: 481px;
}

.crevis-concept-slider .concept-orbits span:nth-child(2) {
  border-width: 1.5px;
  height: 481px;
  transform: translate(-50%, -50%) rotate(-18deg) scaleX(1.16);
  width: 538px;
}

.crevis-concept-slider .concept-orbits span:nth-child(3) {
  border-width: 0.5px;
  height: 556px;
  opacity: 0.65;
  transform: translate(-50%, -50%) rotate(31deg) scaleX(0.94);
  width: 519px;
}

.crevis-concept-slider .concept-orbits span::before,
.crevis-concept-slider .concept-orbits span::after {
  display: none;
}

.crevis-concept-slider .concept-led {
  background: color-mix(in srgb, var(--concept-accent) 62%, #fff);
  border: 0.5px solid color-mix(in srgb, var(--concept-accent) 38%, #fff);
  border-radius: 50%;
  box-shadow:
    0 0 2px 1px color-mix(in srgb, var(--concept-accent) 92%, transparent),
    0 0 7px 2px color-mix(in srgb, var(--concept-accent) 48%, transparent);
  display: block;
  filter: saturate(1.18);
  height: 5px;
  margin-left: -2.5px;
  margin-top: -2.5px;
  pointer-events: none;
  position: absolute;
  width: 5px;
  z-index: 3;
}

.crevis-concept-slider .concept-led--1 {
  left: -95px;
  top: -236px;
}

.crevis-concept-slider .concept-led--2 {
  left: 294px;
  top: -2px;
}

.crevis-concept-slider .concept-led--3 {
  left: 121px;
  top: 215px;
}

.crevis-concept-slider .concept-led--4 {
  left: -214px;
  top: -108px;
}

@media (min-width: 992px) and (max-width: 1600px) {
  .crevis-concept-slider .concept-orbits {
    transform: scaleX(0.88);
  }
}

@media (max-width: 991px) {
  .crevis-concept-slider .concept-orbits {
    transform: scale(0.78);
  }
}

@media (max-width: 767px) {
  .crevis-concept-slider .concept-orbits {
    display: none;
  }
}

@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
  .crevis-concept-slider .main-slider__item:not(.swiper-slide-active) .concept-orbits span,
  .crevis-concept-slider .main-slider__item:not(.swiper-slide-active) .concept-led {
    opacity: 0;
  }

  .crevis-concept-slider .swiper-slide-active .concept-orbits span {
    animation: crevis-arc-reveal 320ms ease-out 650ms both;
  }

  .crevis-concept-slider .swiper-slide-active .concept-orbits span:nth-child(2) {
    animation-delay: 685ms;
  }

  .crevis-concept-slider .swiper-slide-active .concept-orbits span:nth-child(3) {
    animation-delay: 720ms;
  }

  .crevis-concept-slider .swiper-slide-active .concept-led {
    animation:
      crevis-led-reveal 240ms ease-out 850ms both,
      crevis-led-pulse 1.55s ease-in-out 1090ms infinite alternate;
  }

  .crevis-concept-slider .swiper-slide-active .concept-led--2,
  .crevis-concept-slider .swiper-slide-active .concept-led--4 {
    animation-delay: 890ms, 1130ms;
  }
}

@keyframes crevis-arc-reveal {
  from {
    opacity: 0;
  }
}

@keyframes crevis-led-reveal {
  from {
    opacity: 0;
    transform: scale(0.75);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes crevis-led-pulse {
  from {
    opacity: 0.76;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1.08);
  }
}