assistant.module.css

@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg) scale(1.25);
  }
  70% {
    transform: rotate(-5deg) scale(1.25);
  }
  80% {
    transform: rotate(5deg) scale(1.25);
  }
  90% {
    transform: rotate(-5deg) scale(1.25);
  }
  100% {
    transform: rotate(0deg);
  }
}

.AskButtonContainer {
  @apply flex justify-end;
  @apply fixed bottom-4 right-4 sm:bottom-12 sm:right-12 z-20;
}

.AskButton {
  @apply flex items-center justify-center p-0 rounded-md h-8 px-4 cursor-pointer bg-gray-100 text-white hover:opacity-90 hover:shadow-sm;
  animation: wiggle 2s 1;
}

.AskButton:hover {
  transform: scale(1.025);
}

.AskButton:focus,
.AskButton:focus-visible {
  @apply outline-0;
}

:global(.dark) .AskButton {
  @apply text-gray-100 bg-gray-40 !important;
}

.AskIcon {
  @apply text-lg m-0 pr-2 group-hover:opacity-70;
  @apply text-white !important;
}

:global(.dark) .AskIcon {
  @apply text-gray-100 !important;
}

.IframeWrapper {
  @apply flex-1;
  @apply flex;
  @apply -mx-8 -mb-8 sm:-mx-12 sm:-mt-12 sm:-mb-4 sm:z-0;
}

.Iframe {
  @apply flex-1;
  @apply p-0;
}