:root {
  --animate-duration: 1s;
}

sl-icon-button-copy .label-info {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  color: var(--sdx-color-sc-white);
  font-size: 11px;
  left: -60px;
  padding: 3px;
  text-align: center;
  top: 25px;
  width: 130px;
  z-index: 8;
}
sl-icon-button-copy .z-index-2 {
  z-index: 2;
}
sl-icon-button-copy .position-relative {
  position: relative;
}
sl-icon-button-copy .position-absolute {
  position: absolute;
}
sl-icon-button-copy .visibility-hidden {
  visibility: hidden;
}
sl-icon-button-copy .cursor-pointer {
  cursor: pointer;
}
sl-icon-button-copy .disabled {
  cursor: not-allowed;
}
sl-icon-button-copy .vertical-center {
  display: inline-flex;
  align-items: center;
}
sl-icon-button-copy .animated {
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
sl-icon-button-copy .faster {
  animation-duration: calc(var(--animate-duration) / 2);
}
@media print, (prefers-reduced-motion: reduce) {
  sl-icon-button-copy .animated {
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-duration: 1ms;
  }
  sl-icon-button-copy .animated[class*=Out] {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
sl-icon-button-copy .fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
sl-icon-button-copy .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
sl-icon-button-copy .fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
sl-icon-button-copy .fadeOutDown {
  animation-name: fadeOutDown;
}