html {
  font-family: Outfit, system-ui, sans-serif;
  -webkit-tap-highlight-color: transparent;
}

code,
kbd,
pre,
samp,
.font-mono {
  font-family: "JetBrains Mono", monospace;
}

.js-methods code,
.js-methods pre {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.js-methods code::-webkit-scrollbar,
.js-methods pre::-webkit-scrollbar {
  display: none;
}

#copyToast {
  z-index: 9999;
}

@media (max-width: 767px) {
  #preview-symbol,
  #preview-container #preview-symbol,
  #preview-symbol.text-5xl,
  #preview-symbol.text-6xl,
  #preview-symbol.text-7xl,
  #preview-symbol.text-8xl {
    font-size: initial !important;
    line-height: initial !important;
  }

  #preview-symbol[style*="font-size"] {
    font-size: inherit !important;
  }

  .copy-btn-primary {
    width: auto;
    min-width: 11rem;
    height: auto;
    padding: 0.75rem 1.25rem;
    display: inline-flex;
    justify-content: center;
    gap: 0.5rem;
    line-height: 1.25rem;
  }

  .copy-btn-primary svg {
    width: 1rem;
    height: 1rem;
  }
}