@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";

/* src/style.css */
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.static {
  position: static;
}

.isolate {
  isolation: isolate;
}

.container {
  width: 100%;
}

.block {
  display: block;
}

.contents {
  display: contents;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.rounded-\[5px\] {
  border-radius: 5px;
}

.rounded-full {
  border-radius: 3.40282e38px;
}

.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.from-transparent {
  --tw-gradient-from: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.leading-none {
  --tw-leading: 1;
  line-height: 1;
}

.uppercase {
  text-transform: uppercase;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
}

.underline {
  text-decoration-line: underline;
}

.opacity-50 {
  opacity: .5;
}

.ring {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
}

.ring-inset {
  --tw-ring-inset: inset;
}

@layer base {
  *, *:before, *:after {
    box-sizing: border-box;
  }

  html {
    scroll-behavior: smooth;
  }

  body {
    color: #f5f4f2;
    letter-spacing: -.002em;
    font-feature-settings: "calt", "kern", "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    position: relative;
    background-color: #0a0a0a;
    min-height: 100vh;
    font-family: IBM Plex Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }

  body:before {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(circle, #f5f4f20a 1px, #0000 1px) 0 0 / 24px 24px, radial-gradient(at 12% -8%, #ff4d001a 0%, #0000 55%), radial-gradient(at 92% 110%, #048eff0d 0%, #0000 60%);
    inset: 0;
  }

  ::selection {
    color: #fff;
    background-color: #ff4d0066;
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-track {
    background: none;
  }

  ::-webkit-scrollbar-thumb {
    background: #ffffff14;
    border: 2px solid #0a0a0a;
    border-radius: 9999px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #ffffff24;
  }
}

@layer components {
  .hawk-card {
    background-color: #141414;
    border: 1px solid #ffffff14;
    border-radius: 16px;
    box-shadow: inset 0 1px #ffffff0a, 0 1px 2px #0000004d;
  }

  .hawk-corners {
    position: relative;
  }

  .hawk-corners:before, .hawk-corners:after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 1;
    border-style: solid;
    border-color: #ff4d00;
    width: 10px;
    height: 10px;
  }

  .hawk-corners:before {
    border-width: 1.5px 0 0 1.5px;
    top: -1px;
    left: -1px;
  }

  .hawk-corners:after {
    border-width: 0 1.5px 1.5px 0;
    bottom: -1px;
    right: -1px;
  }

  .eyebrow {
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #8a8a8a;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
  }

  .eyebrow-marker {
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #8a8a8a;
    position: relative;
    padding-left: 10px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
  }

  .eyebrow-marker:before {
    content: "";
    position: absolute;
    background-color: #ff4d00;
    border-radius: 1px;
    width: 2px;
    height: 10px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .mono-tag {
    letter-spacing: .18em;
    text-transform: uppercase;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 10px;
    font-weight: 500;
  }

  .codeline {
    color: #f5f4f2;
    background-color: #181818;
    border: 1px solid #ffffff14;
    border-radius: 4px;
    padding: 2px 6px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 11px;
    font-weight: 400;
    line-height: 16px;
  }

  .big-number {
    letter-spacing: -.035em;
    font-variant-numeric: tabular-nums;
    color: #f5f4f2;
    font-family: IBM Plex Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 48px;
    font-weight: 300;
    line-height: 1;
  }

  .display-hero {
    letter-spacing: -.025em;
    color: #f5f4f2;
    font-family: IBM Plex Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: clamp(40px, 6vw, 72px);
    font-weight: 300;
    line-height: .95;
  }

  .btn-primary {
    display: inline-flex;
    color: #0a0a0a;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    background-color: #ff4d00;
    border: none;
    border-radius: 8px;
    align-items:  center;
    gap: 6px;
    height: 36px;
    padding: 0 16px;
    transition: background-color .15s;
    font-family: IBM Plex Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .btn-primary:hover {
    background-color: #e64500;
  }

  .btn-primary:focus-visible {
    outline: 3px solid #ff4d0066;
    outline-offset: 2px;
  }

  .btn-outline {
    display: inline-flex;
    color: #f5f4f2;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
    background-color: #101010;
    border: 1px solid #ffffff1f;
    border-radius: 8px;
    align-items:  center;
    gap: 6px;
    height: 36px;
    padding: 0 16px;
    transition: border-color .15s, background-color .15s;
    font-family: IBM Plex Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
  }

  .btn-outline:hover {
    background-color: #181818;
    border-color: #ffffff3d;
  }

  .btn-outline:focus-visible {
    outline: 3px solid #ff4d0066;
    outline-offset: 2px;
  }

  .badge-signal {
    display: inline-flex;
    letter-spacing: .1em;
    color: #cf0;
    text-transform: uppercase;
    background-color: #ccff0014;
    border: 1px solid #cf03;
    border-radius: 9999px;
    align-items:  center;
    gap: 5px;
    padding: 3px 8px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 10px;
    font-weight: 500;
  }

  .badge-info {
    display: inline-flex;
    letter-spacing: .1em;
    color: #048eff;
    text-transform: uppercase;
    background-color: #048eff14;
    border: 1px solid #048eff33;
    border-radius: 9999px;
    align-items:  center;
    gap: 5px;
    padding: 3px 8px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 10px;
    font-weight: 500;
  }

  .pulse-orb {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
  }

  .pulse-orb:before {
    content: "";
    position: absolute;
    opacity: 0;
    animation: pulse-ring 2s ease-out infinite;
    background-color: currentColor;
    border-radius: 50%;
    inset: -3px;
  }

  @keyframes pulse-ring {
    0% {
      transform: scale(.6);
      opacity: .6;
    }

    100% {
      transform: scale(2.2);
      opacity: 0;
    }
  }

  .hairline {
    background: #ffffff0f;
    border: none;
    height: 1px;
  }

  .code-block {
    overflow-x: auto;
    color: #f5f4f2;
    background-color: #00000080;
    border: 1px solid #ffffff14;
    border-radius: 8px;
    padding: 16px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
  }

  .code-block .comment {
    color: #4a4a4a;
  }

  .code-block .key {
    color: #8a8a8a;
  }

  .code-block .value {
    color: #f5f4f2;
  }

  .code-block .accent {
    color: #ff4d00;
  }

  .code-block .signal {
    color: #cf0;
  }

  .code-block .blue {
    color: #048eff;
  }

  .icon-tile {
    display: flex;
    border: 1px solid #ffffff14;
    border-radius: 8px;
    flex-shrink: 0;
    justify-content: center;
    align-items:  center;
    width: 36px;
    height: 36px;
  }

  .eco-pill {
    display: inline-flex;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #8a8a8a;
    background-color: #141414;
    border: 1px solid #ffffff14;
    border-radius: 9999px;
    align-items:  center;
    gap: 5px;
    padding: 4px 10px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 10px;
    font-weight: 500;
  }
}

@layer utilities {
  #root {
    position: relative;
    z-index: 1;
  }

  .font-numeral {
    font-variant-numeric: tabular-nums;
    letter-spacing: -.035em;
    font-weight: 300;
  }
}

@layer components {
  .stage-chip {
    display: inline-flex;
    letter-spacing: .1em;
    color: #8a8a8a;
    white-space: nowrap;
    background: #141414;
    border: 1px solid #ffffff14;
    border-radius: 6px;
    align-items:  center;
    gap: 6px;
    padding: 5px 11px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 10px;
  }

  .stage-chip .stage-dot {
    background: #ff4d00;
    border-radius: 50%;
    flex-shrink: 0;
    width: 5px;
    height: 5px;
  }

  .stage-chip.is-bg {
    color: #6a6a6a;
    border-style: dashed;
  }

  .stage-chip.is-bg .stage-dot {
    background: #048eff;
  }

  .pg-chip {
    appearance: none;
    cursor: pointer;
    display: inline-flex;
    color: #8a8a8a;
    background: #181818;
    border: 1px solid #ffffff14;
    border-radius: 6px;
    align-items:  center;
    gap: 6px;
    height: 28px;
    padding: 0 12px;
    transition: color .12s, border-color .12s, background-color .12s;
    font-family: IBM Plex Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 500;
  }

  .pg-chip:hover {
    color: #f5f4f2;
    border-color: #fff3;
  }

  .pg-chip[aria-pressed="true"] {
    color: #ff4d00;
    background: #ff4d001a;
    border-color: #ff4d0066;
  }

  .pg-chip:focus-visible {
    outline: 3px solid #ff4d0066;
    outline-offset: 2px;
  }

  .pg-editor {
    position: relative;
    overflow: hidden;
    background: #0000008c;
    border: 1px solid #ffffff14;
    border-radius: 8px;
  }

  .pg-editor-bar {
    display: flex;
    background: #1a1a1a;
    border-bottom: 1px solid #ffffff0f;
    align-items:  center;
    gap: 8px;
    padding: 8px 12px;
  }

  .pg-tab {
    display: inline-flex;
    color: #f5f4f2;
    align-items:  center;
    gap: 6px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 11px;
  }

  .pg-surface {
    position: relative;
    height: 360px;
  }

  .pg-code, .pg-ta {
    letter-spacing: 0;
    tab-size: 2;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word;
    border: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 14px 16px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 12px;
    line-height: 20px;
  }

  .pg-code {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    color: #f5f4f2;
    overflow: auto;
    inset: 0;
  }

  .pg-ta {
    position: absolute;
    z-index: 2;
    color: #0000;
    caret-color: #ff4d00;
    resize: none;
    outline: none;
    overflow: auto;
    background: none;
    inset: 0;
  }

  .pg-ta::selection {
    background: #ff4d004d;
  }

  .tok-comment {
    color: #4a4a4a;
    font-style: italic;
  }

  .tok-str {
    color: #cf0;
  }

  .tok-key {
    color: #ff7a40;
  }

  .tok-api, .tok-bool {
    color: #048eff;
  }

  .pg-input, .pg-sel {
    color: #f5f4f2;
    outline: none;
    background: #181818;
    border: 1px solid #ffffff14;
    border-radius: 8px;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    transition: border-color .12s, box-shadow .12s;
    font-family: IBM Plex Sans, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: 12px;
  }

  .pg-input:focus, .pg-sel:focus {
    border-color: #ff4d0066;
    box-shadow: 0 0 0 3px #ff4d001f;
  }

  .pg-sel {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 28px;
  }

  .pg-label {
    display: block;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #8a8a8a;
    margin-bottom: 6px;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 9px;
  }

  .pg-toggle {
    display: inline-flex;
    cursor: pointer;
    letter-spacing: .06em;
    color: #8a8a8a;
    background: none;
    border: 0;
    align-items:  center;
    gap: 8px;
    padding: 0;
    transition: color .12s;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 10px;
  }

  .pg-toggle:hover {
    color: #f5f4f2;
  }

  .pg-toggle[aria-pressed="true"] {
    color: #ff4d00;
  }

  .pg-toggle .pg-switch {
    position: relative;
    background: #ffffff1f;
    border-radius: 9999px;
    flex-shrink: 0;
    width: 26px;
    height: 14px;
    transition: background-color .12s;
  }

  .pg-toggle[aria-pressed="true"] .pg-switch {
    background: #ff4d00;
  }

  .pg-toggle .pg-knob {
    position: absolute;
    background: #0a0a0a;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    transition: left .12s;
    top: 2px;
    left: 2px;
  }

  .pg-toggle[aria-pressed="true"] .pg-knob {
    left: 14px;
  }

  .pg-toggle:focus-visible {
    outline: 3px solid #ff4d0066;
    outline-offset: 3px;
    border-radius: 4px;
  }

  .pg-range {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    background: #ffffff1f;
    border-radius: 2px;
    width: 100%;
    height: 2px;
  }

  .pg-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #ff4d00;
    border: 2px solid #0a0a0a;
    border-radius: 50%;
    width: 12px;
    height: 12px;
  }

  .pg-range::-moz-range-thumb {
    background: #ff4d00;
    border: 2px solid #0a0a0a;
    border-radius: 50%;
    width: 12px;
    height: 12px;
  }

  .pg-result {
    border-left: 2px solid #2a2a2a;
    padding: 14px 16px;
    transition: border-color .15s;
  }

  .pg-result[data-effect="ALLOW"] {
    border-left-color: #cf0;
  }

  .pg-result[data-effect="DENY"] {
    border-left-color: #f43f5e;
  }

  .pg-result[data-effect="ERROR"] {
    border-left-color: #ff4d00;
  }

  .pg-verdict {
    letter-spacing: .18em;
    color: #8a8a8a;
    font-family: JetBrains Mono, ui-monospace, monospace;
    font-size: 11px;
  }

  .pg-grid {
    display: grid;
    grid-template-columns: 1fr 340px;
  }

  @media (max-width: 880px) {
    .pg-grid {
      grid-template-columns: 1fr;
    }

    .pg-grid > .pg-grid-left {
      border-bottom: 1px solid #ffffff0f;
      border-right: 0 !important;
    }
  }

  .pg-result[data-effect="ALLOW"] .pg-verdict {
    color: #cf0;
  }

  .pg-result[data-effect="DENY"] .pg-verdict {
    color: #f43f5e;
  }

  .pg-result[data-effect="ERROR"] .pg-verdict {
    color: #ff4d00;
  }
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@layer properties {
  @supports ((-webkit-hyphens: none) and ( not (margin-trim: inline))) or ((-moz-orient: inline) and ( not (color:rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}