/* Application styles */

/* Marcador Success Feedback Animation */
.mrkd-success-overlay {
  animation: successFadeIn 0.2s ease-out;
}

.mrkd-success-checkmark {
  animation: successBounce 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes successFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes successBounce {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/* Tag Selector Styles */
.tag-option.selected {
  background-color: #fbf7ee;
  font-weight: 600;
  color: #893819;
}

.tag-option.selected::after {
  content: "✓";
  margin-left: 8px;
  color: #893819;
}