[data-radial-slider-init] {
  --slider-rotate: 18deg;
  --slider-radius: 375%;
}

[data-radial-slider-list] > :first-child {
  position: relative;
}

.radial-gsap-slider__control-dot[data-radial-slider-control-status="active"] {
  color: #ABA994;
}

@media screen and (max-width: 767px) {
  [data-radial-slider-init] {
    --slider-rotate: 12deg;
    --slider-radius: 475%;
  }

  .demo-card {
    width: 15em;
  }
}


/* Show Cards in a row Webflow Designer */
:is(.wf-design-mode, .wf-editor) [data-radial-slider-list] {
  justify-content: flex-start;
  overflow: scroll;
  gap: 1.5em;
}

:is(.wf-design-mode, .wf-editor) [data-radial-slider-item] {
  position: relative;
}

[data-image-cycle-item="active"] {
  transition: opacity 0.4s ease 0s, visibility 0s ease 0s;
  opacity: 1;
  visibility: visible;
  z-index: 3;
}

[data-image-cycle-item="previous"] {
  transition: opacity 0.4s ease 0.4s, visibility 0s ease 0.4s;
  opacity: 0;
  visibility: visible;
  z-index: 2;
}

[data-image-cycle-item="not-active"] {
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}

/* Clipboard Success Icon */
[data-social-share-type="clipboard"] .social-share__icon {
  transition: transform 0.4s cubic-bezier(0.625, 0.05, 0, 1);
  transform: translateY(0%) rotate(0.001deg);
}

[data-social-share-type="clipboard"] .social-share__icon.is--success {
  color: #009E3B;
  transform: translateY(200%) rotate(0.001deg);
}

[data-social-share-type="clipboard"][data-social-share-success] .social-share__icon {
  transform: translateY(-200%) rotate(0.001deg);
}

[data-social-share-type="clipboard"][data-social-share-success] .social-share__icon.is--success {
  transform: translateY(0%) rotate(0.001deg);
}

/* Optional hover styling */
[data-social-share-type] {
  transition: all 0.4s cubic-bezier(0.625, 0.05, 0, 1);
  transform: scale(1) rotate(0.001deg);
}

[data-social-share]:has([data-social-share-type]:hover) [data-social-share-type] {
  transform: scale(0.9) rotate(0.001deg);
}

[data-social-share]:has([data-social-share-type]:hover) [data-social-share-type]:hover  {
  transform: scale(1.1) rotate(0.001deg);
}

/* Optional color styling */
[data-social-share-type="linkedin"] {color: #0A66C2;}
[data-social-share-type="x"] {color: #000000;}
[data-social-share-type="facebook"] {color: #1877F2;}
[data-social-share-type="pinterest"] {color: #E60023;}
[data-social-share-type="whatsapp"] {color: #25D366;}
[data-social-share-type="reddit"] {color: #FF4500;}
[data-social-share-type="telegram"] {color: #0088CC;}