/* Classes used for UIOverlay and AnimatedPrompt components. */

.ui-overlay .animate-type, .animated-prompt .animate-type {
  color: transparent;
  background: linear-gradient(
        hsl(
            var(--twc-copy-primary) /
              var(--twc-copy-primary-opacity, var(--tw-text-opacity))
          )
          0 0
      )
      0 0;
  background-size: calc(var(--n) * 1em) 200%;
  -webkit-background-clip: text;
          background-clip: text;
  background-repeat: no-repeat;
  animation: type calc(var(--n) * 0.02s) steps(var(--n)) forwards var(--delay);
  position: relative;
  word-break: break-word;
}

.ui-overlay .stagger-display, .animated-prompt .stagger-display {
  opacity: 0;
  animation: showContent 0.2s forwards;
  animation-delay: 0.6s;
}

.ui-overlay .expand-content, .animated-prompt .expand-content {
  display: grid;
  grid-template-rows: 0fr;
  animation: scaleUp 0.2s forwards;
}

.ui-overlay .rich-text p, .animated-prompt .rich-text p {
  font-size: inherit;
}

.ui-overlay .rich-text ul, .animated-prompt .rich-text ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

@keyframes type {
  from {
    background-size: 0 200%;
  }
}

@keyframes scaleUp {
  to {
    grid-template-rows: 1fr;
  }
}

@keyframes showContent {
  to {
    opacity: 1;
  }
}

@keyframes shrinkOut {
  to {
    transform: translateX(24px) scale(0);
  }
}

/* Structured Output-specific code */

.code-preview {
  --hljs-keyword: #3470e4;
  --hljs-number: #dd0e96;
  --hljs-string: #007f41;
  --hljs-comment: #616161;
  --hljs-variable: #8b741f;
  --hljs-title-function: #7d51fb;
  --hljs-params: #027f41;
  --hljs-punctuation: #999;
}

@media (prefers-color-scheme: dark) {
  .code-preview :root {
    --hljs-keyword: #5294e2;
    --hljs-number: #f185d7;
    --hljs-string: #8db28b;
    --hljs-comment: #a1a1a1;
    --hljs-variable: #c6b06e;
    --hljs-title-function: #b39af9;
    --hljs-params: #69c267;
    --hljs-punctuation: #ccc;
  }
}

.instruction-following tspan,
.instruction-following {
  color: #6e6e80;
}

@media (prefers-color-scheme: dark) {
  .instruction-following tspan,
  .instruction-following {
    color: #b4b4b4;
  }
}

.chatgpt-conversation p.animating-element::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-bottom: -4px;
  background-color: hsl(
      var(--twc-copy-primary) /
        var(--twc-copy-primary-opacity, var(--tw-text-opacity))
    );
}

.chatgpt-conversation .rich-text-code-example {
  width: 100%;
  min-width: unset;
}

/* fixes some code example text rendered dark blue in dark mode */

@media (min-width: 48rem) {
  .m\:prose strong,
  .m\:prose button {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-copy-secondary) / var(--twc-copy-secondary-opacity, var(--tw-text-opacity)));
  }

  .m\:prose code {
    --tw-text-opacity: 1;
    color: hsl(var(--twc-copy-primary) / var(--twc-copy-primary-opacity, var(--tw-text-opacity)));
  }
}

dialog {
  margin: 0;
}

/*
     FILE ARCHIVED ON 16:47:56 Jan 28, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:57:35 Oct 23, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.547
  exclusion.robots: 0.066
  exclusion.robots.policy: 0.052
  esindex: 0.008
  cdx.remote: 25.18
  LoadShardBlock: 165.225 (3)
  PetaboxLoader3.datanode: 81.23 (4)
  load_resource: 115.254
  PetaboxLoader3.resolve: 30.131
*/