/*!
 * Copytron 5k by mr dbelt
 */

/* Define keyframes for the flashing animation */
@keyframes flashAnimation {
  0%,
  100% {
    color: rgb(45, 45, 45); /* Original color */
  }
  50% {
    color: #8fbc8f; /* Flash color */
  }
}

/* Show icon when hovering  */
.topic-full-screen-meta-border-left::after,
.topic-full-screen-desks-label::after,
.topic-full-screen-tags-label::after,
.topic-full-screen-owners-label::after,
.topic-full-screen-accordion-pane-container-property__label::after,
.assignment-full-screen-accordion-pane-container-property__label::after {
  content: "\00a0";
  font-size: 20px;
  cursor: default;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.7s, opacity 0.7s linear; /* Hide after 0.5s */
}

/* Make icon visible when show-copy-icon class is added
.topic-full-screen-meta-border-left.show-copy-icon:hover::after,
.topic-full-screen-desks-label.show-copy-icon:hover::after,
.topic-full-screen-tags-label.show-copy-icon:hover::after,
.topic-full-screen-owners-label.show-copy-icon:hover::after,
.topic-full-screen-accordion-pane-container-property__label.show-copy-icon:hover::after,
.assignment-full-screen-accordion-pane-container-property__label.show-copy-icon:hover::after {
  visibility: visible;
  font-size: 20px;
  content: "\2397";
  cursor: pointer;
  
}
 */

/* Make icon visible when show-copy-icon class is added */
.topic-full-screen-meta-border-left.show-copy-icon::after,
.topic-full-screen-desks-label.show-copy-icon::after,
.topic-full-screen-tags-label.show-copy-icon::after,
.topic-full-screen-owners-label.show-copy-icon::after,
.topic-full-screen-accordion-pane-container-property__label.show-copy-icon::after,
.assignment-full-screen-accordion-pane-container-property__label.show-copy-icon::after {
  visibility: visible;
  font-size: 20px;
  content: "\2397";
  cursor: pointer;
  opacity: 0; /* Start with the icon transparent. */
  transition: opacity 0.3s; /* Transition for the opacity. */
}

.show-copy-icon:hover::after {
  opacity: 1; /* Make the icon fully visible when hovering. */
  transition: opacity 0.2s linear; /* Show immediately */
}

/* Change icon after copy action */
.topic-full-screen-meta-border-left.copied:hover::after,
.topic-full-screen-desks-label.copied:hover::after,
.topic-full-screen-tags-label.copied:hover::after,
.topic-full-screen-owners-label.copied:hover::after,
.topic-full-screen-accordion-pane-container-property__label.copied:hover:hover::after,
.assignment-full-screen-accordion-pane-container-property__label.copied:hover::after {
  content: "\2397"; /* Your copy symbol */
  animation: flashAnimation 1s infinite; /* Adjust timing as needed */
}

.topic-full-screen-meta-border-left::after {
  position: relative;
  left: 25px;
}

.copy-icon {
  font-size: 20px;
  position: absolute;
  left: -10px;
  cursor: pointer;
}
.copy-icon.copied {
  animation: flashAnimation 2s infinite; /* Adjust timing as needed */
}