/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./styles/components/code.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.string,
.language-html .tag:not(.punctuation, .attr-name, .attr-value, .special-attr) {
  color: var(--heat-100) !important;
}

.punctuation,
.operator {
  color: #c2c2c2 !important;
}

.language-html .attr-name {
  color: var(--black-alpha-64);
}

.comment {
  color: #999999 !important;
}

code:not(.language-html) .property:not(.literal-property),
.class-name,
code:not(.language-html) .function,
.language-json .boolean {
  color: #9061ff;
  color: color(display-p3 0.566 0.38 1);
}

.language-json .property {
  color: inherit !important;
}

.prismjs {
  padding-top: 20px;
  font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0px;
  font-weight: 400;
}

.prismjs code {
  color: var(--accent-black) !important;
}

.linenumber {
  width: 48px;
  padding: 0;
  font-style: normal;
  padding-left: 20px !important;
  padding-right: 0px !important;
  text-align: left !important;
  color: var(--black-alpha-12) !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/app/(home)/sections/hero-scraping/HeroScraping.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.hero-scraping-highlight::before {
  animation: hero-scraping-highlight-before 1s linear infinite;
  transition: none !important;
}

@keyframes hero-scraping-highlight-before {
  0% {
    border-color: var(--border-loud);
    opacity: 1;
  }

  40% {
    opacity: 0.25;
    border-color: var(--heat-100);
  }

  80% {
    border-color: var(--border-loud);
    opacity: 1;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./components/ui/shadcn/button.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.button {
  transition:
    all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),
    scale 0.1s cubic-bezier(0.25, 0.1, 0.25, 1),
    box-shadow 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.button:active {
  transition:
    all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),
    scale 0.05s cubic-bezier(0.25, 0.1, 0.25, 1),
    box-shadow 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.button-primary {
  background: #ff4c00;
  background: color(display-p3 0.9816 0.3634 0.0984);

  box-shadow:
    0px -6px 12px 0px rgba(255, 0, 0, 0.2) inset,
    0px 2px 4px 0px rgba(255, 77, 0, 0.12),
    0px 1px 1px 0px rgba(255, 77, 0, 0.12),
    0px 0.5px 0.5px 0px rgba(255, 77, 0, 0.16),
    0px 0.25px 0.25px 0px rgba(255, 77, 0, 0.2);

  box-shadow:
    0px -6px 12px 0px color(display-p3 0.9804 0.1127 0.098 / 0.2) inset,
    0px 2px 4px 0px color(display-p3 0.9804 0.3647 0.098 / 0.12),
    0px 1px 1px 0px color(display-p3 0.9804 0.3647 0.098 / 0.12),
    0px 0.5px 0.5px 0px color(display-p3 0.9804 0.3647 0.098 / 0.16),
    0px 0.25px 0.25px 0px color(display-p3 0.9804 0.3647 0.098 / 0.2);
}

.button-primary:hover {
  box-shadow:
    0px -6px 12px 0px rgba(255, 0, 0, 0.2) inset,
    0px 4px 8px 0px rgba(255, 77, 0, 0.16),
    0px 1px 1px 0px rgba(255, 77, 0, 0.12),
    0px 0.5px 0.5px 0px rgba(255, 77, 0, 0.16),
    0px 0.25px 0.25px 0px rgba(255, 77, 0, 0.2);
  box-shadow:
    0px -6px 12px 0px color(display-p3 0.9804 0.1127 0.098 / 0.2) inset,
    0px 4px 8px 0px color(display-p3 0.9804 0.3647 0.098 / 0.16),
    0px 1px 1px 0px color(display-p3 0.9804 0.3647 0.098 / 0.12),
    0px 0.5px 0.5px 0px color(display-p3 0.9804 0.3647 0.098 / 0.16),
    0px 0.25px 0.25px 0px color(display-p3 0.9804 0.3647 0.098 / 0.2);
}

.button-primary:active {
  box-shadow:
    0px -6px 12px 0px rgba(255, 0, 0, 0.2) inset,
    0px 2px 4px 0px rgba(255, 77, 0, 0.12),
    0px 1px 1px 0px rgba(255, 77, 0, 0.12),
    0px 0.5px 0.5px 0px rgba(255, 77, 0, 0.16),
    0px 0.25px 0.25px 0px rgba(255, 77, 0, 0.2);
  box-shadow:
    0px -6px 12px 0px color(display-p3 0.9804 0.1127 0.098 / 0.2) inset,
    0px 2px 4px 0px color(display-p3 0.9804 0.3647 0.098 / 0.12),
    0px 1px 1px 0px color(display-p3 0.9804 0.3647 0.098 / 0.12),
    0px 0.5px 0.5px 0px color(display-p3 0.9804 0.3647 0.098 / 0.16),
    0px 0.25px 0.25px 0px color(display-p3 0.9804 0.3647 0.098 / 0.2);
}

.button-background {
  background: linear-gradient(to bottom, white, transparent);

  opacity: 0.06;

  transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.button:hover .button-background {
  opacity: 0.08;
}

.button:active .button-background {
  opacity: 0;

  transition: opacity 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);
}