@import "tailwind/_base.css";
@import "tailwind/_components.css";
@import "tailwind/_utilities.css";
@import 'intro.js/introjs.css';
@import "_checkbox-radio-switch.css";
@import "_progress.css";
@import "_scrollbars.css";
@import "_table.css";
@import "_helper.css";
@import '_calendar.css';
@import '_select-dropdown.css';
@import "_theme.css";
@import '_rich-text.css';

 
.introjs-tooltip {
  @apply min-w-[400px] max-w-[480px] p-2 !important;
}

.good-img {
  @apply -mt-96 !important;
}
.end-img {
  @apply -mt-72 !important;
}
.introjs-button {
  @apply bg-blue-600 text-white  !important;
  text-shadow: none !important;
}
.introjs-bullets ul li a.active {
  @apply bg-blue-600  !important;
}
.introjs-prevbutton{
  @apply bg-transparent border border-blue-600 text-blue-600 !important;
}

/* Element appear animation keyframes */
@keyframes element-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes element-slide-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes element-slide-down {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes element-slide-left {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes element-slide-right {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes element-scale-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Instrument Sans font utilities */
.font-instrument-condensed {
  font-family: 'Instrument Sans Variable', sans-serif;
  font-stretch: 75%;
}

.font-instrument {
  font-family: 'Instrument Sans Variable', sans-serif;
  font-stretch: 100%;
}
