/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@layer reset, tailwind, layout, hubspot, base, utilities, pages;
@layer tailwind {
  :root, :host {
    --color-black: oklch(0 0 0);
    --color-white: oklch(0.9821 0 0);
    --spacing: 0.25rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --color-blue: oklch(0.4847 0.2726 267.17);
    --color-navy: oklch(0.2112 0.1015 269.03);
    --color-aqua: oklch(0.6131 0.211962 256.3304);
    --color-grey: oklch(0.9461 0 0);
    --color-light-grey: oklch(0.9521 0 0);
    --color-red: oklch(0.6083 0.209 27.03);
    --color-purple: oklch(0.5168 0.2151 321.24);
    --color-orange: oklch(0.6792 0.2128 36.53);
    --color-yellow: oklch(0.8391 0.1615 84.38);
    --color-green: oklch(0.6731 0.1624 144.21);
    --color-indigo: oklch(0.4742 0.1862 294.78);
  }
}
@layer tailwind {
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-lead);
      font-size: 1.25em;
      line-height: 1.6;
      margin-top: 1.2em;
      margin-bottom: 1.2em;
    }
    :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-links);
      text-decoration: underline;
      font-weight: 500;
    }
    :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-bold);
      font-weight: 600;
    }
    :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-alpha;
    }
    :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-alpha;
    }
    :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: upper-roman;
    }
    :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: lower-roman;
    }
    :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: decimal;
    }
    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      list-style-type: disc;
      margin-top: 1.25em;
      margin-bottom: 1.25em;
      padding-inline-start: 1.625em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      font-weight: 400;
      color: var(--tw-prose-counters);
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
      color: var(--tw-prose-bullets);
    }
    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.25em;
    }
    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-color: var(--tw-prose-hr);
      border-top-width: 1;
      margin-top: 3em;
      margin-bottom: 3em;
    }
    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-style: italic;
      color: var(--tw-prose-quotes);
      border-inline-start-width: 0.25rem;
      border-inline-start-color: var(--tw-prose-quote-borders);
      quotes: "\201C""\201D""\2018""\2019";
      margin-top: 1.6em;
      margin-bottom: 1.6em;
      padding-inline-start: 1em;
    }
    :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: open-quote;
    }
    :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: close-quote;
    }
    :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 800;
      font-size: 2.25em;
      margin-top: 0;
      margin-bottom: 0.8888889em;
      line-height: 1.1111111;
    }
    :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 900;
      color: inherit;
    }
    :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 700;
      font-size: 1.5em;
      margin-top: 2em;
      margin-bottom: 1em;
      line-height: 1.3333333;
    }
    :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 800;
      color: inherit;
    }
    :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      font-size: 1.25em;
      margin-top: 1.6em;
      margin-bottom: 0.6em;
      line-height: 1.6;
    }
    :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      margin-top: 1.5em;
      margin-bottom: 0.5em;
      line-height: 1.5;
    }
    :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 700;
      color: inherit;
    }
    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      display: block;
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      font-weight: 500;
      font-family: inherit;
      color: var(--tw-prose-kbd);
      box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
      font-size: 0.875em;
      border-radius: 0.3125rem;
      padding-top: 0.1875em;
      padding-inline-end: 0.375em;
      padding-bottom: 0.1875em;
      padding-inline-start: 0.375em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-code);
      font-weight: 600;
      font-size: 0.875em;
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: "`";
    }
    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: "`";
    }
    :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.875em;
    }
    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
      font-size: 0.9em;
    }
    :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: inherit;
    }
    :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-pre-code);
      background-color: var(--tw-prose-pre-bg);
      overflow-x: auto;
      font-weight: 400;
      font-size: 0.875em;
      line-height: 1.7142857;
      margin-top: 1.7142857em;
      margin-bottom: 1.7142857em;
      border-radius: 0.375rem;
      padding-top: 0.8571429em;
      padding-inline-end: 1.1428571em;
      padding-bottom: 0.8571429em;
      padding-inline-start: 1.1428571em;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      background-color: transparent;
      border-width: 0;
      border-radius: 0;
      padding: 0;
      font-weight: inherit;
      color: inherit;
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
      content: none;
    }
    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
      content: none;
    }
    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      width: 100%;
      table-layout: auto;
      margin-top: 2em;
      margin-bottom: 2em;
      font-size: 0.875em;
      line-height: 1.7142857;
    }
    :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-th-borders);
    }
    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-headings);
      font-weight: 600;
      vertical-align: bottom;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 1px;
      border-bottom-color: var(--tw-prose-td-borders);
    }
    :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-bottom-width: 0;
    }
    :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: baseline;
    }
    :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      border-top-width: 1px;
      border-top-color: var(--tw-prose-th-borders);
    }
    :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      vertical-align: top;
    }
    :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      text-align: start;
    }
    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      color: var(--tw-prose-captions);
      font-size: 0.875em;
      line-height: 1.4285714;
      margin-top: 0.8571429em;
    }
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: NaN NaN NaN;
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }
    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      margin-bottom: 0.5em;
    }
    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0.375em;
    }
    :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
    }
    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 1.25em;
    }
    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
    }
    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 1.25em;
      margin-bottom: 1.25em;
    }
    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0.5em;
      padding-inline-start: 1.625em;
    }
    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-top: 0.5714286em;
      padding-inline-end: 0.5714286em;
      padding-bottom: 0.5714286em;
      padding-inline-start: 0.5714286em;
    }
    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-start: 0;
    }
    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      padding-inline-end: 0;
    }
    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 2em;
      margin-bottom: 2em;
    }
    :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-top: 0;
    }
    :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .-mt-5 {
    margin-top: calc(var(--spacing) * -5);
  }
  .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }
  .-mt-7 {
    margin-top: calc(var(--spacing) * -7);
  }
  .-mt-8 {
    margin-top: calc(var(--spacing) * -8);
  }
  .-mt-9 {
    margin-top: calc(var(--spacing) * -9);
  }
  .-mt-10 {
    margin-top: calc(var(--spacing) * -10);
  }
  .-mt-11 {
    margin-top: calc(var(--spacing) * -11);
  }
  .-mt-12 {
    margin-top: calc(var(--spacing) * -12);
  }
  .-mt-14 {
    margin-top: calc(var(--spacing) * -14);
  }
  .-mt-16 {
    margin-top: calc(var(--spacing) * -16);
  }
  .-mt-20 {
    margin-top: calc(var(--spacing) * -20);
  }
  .-mt-24 {
    margin-top: calc(var(--spacing) * -24);
  }
  .-mt-28 {
    margin-top: calc(var(--spacing) * -28);
  }
  .-mt-32 {
    margin-top: calc(var(--spacing) * -32);
  }
  .-mt-36 {
    margin-top: calc(var(--spacing) * -36);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-9 {
    margin-top: calc(var(--spacing) * 9);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-11 {
    margin-top: calc(var(--spacing) * 11);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-24 {
    margin-top: calc(var(--spacing) * 24);
  }
  .mt-28 {
    margin-top: calc(var(--spacing) * 28);
  }
  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }
  .mt-36 {
    margin-top: calc(var(--spacing) * 36);
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .-mb-3 {
    margin-bottom: calc(var(--spacing) * -3);
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .-mb-5 {
    margin-bottom: calc(var(--spacing) * -5);
  }
  .-mb-6 {
    margin-bottom: calc(var(--spacing) * -6);
  }
  .-mb-7 {
    margin-bottom: calc(var(--spacing) * -7);
  }
  .-mb-8 {
    margin-bottom: calc(var(--spacing) * -8);
  }
  .-mb-9 {
    margin-bottom: calc(var(--spacing) * -9);
  }
  .-mb-10 {
    margin-bottom: calc(var(--spacing) * -10);
  }
  .-mb-11 {
    margin-bottom: calc(var(--spacing) * -11);
  }
  .-mb-12 {
    margin-bottom: calc(var(--spacing) * -12);
  }
  .-mb-14 {
    margin-bottom: calc(var(--spacing) * -14);
  }
  .-mb-16 {
    margin-bottom: calc(var(--spacing) * -16);
  }
  .-mb-20 {
    margin-bottom: calc(var(--spacing) * -20);
  }
  .-mb-24 {
    margin-bottom: calc(var(--spacing) * -24);
  }
  .-mb-28 {
    margin-bottom: calc(var(--spacing) * -28);
  }
  .-mb-32 {
    margin-bottom: calc(var(--spacing) * -32);
  }
  .-mb-36 {
    margin-bottom: calc(var(--spacing) * -36);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-11 {
    margin-bottom: calc(var(--spacing) * 11);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-14 {
    margin-bottom: calc(var(--spacing) * 14);
  }
  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }
  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20);
  }
  .mb-24 {
    margin-bottom: calc(var(--spacing) * 24);
  }
  .mb-28 {
    margin-bottom: calc(var(--spacing) * 28);
  }
  .mb-32 {
    margin-bottom: calc(var(--spacing) * 32);
  }
  .mb-36 {
    margin-bottom: calc(var(--spacing) * 36);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .max-w-none {
    max-width: none;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .scroll-smooth {
    scroll-behavior: smooth;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .bg-aqua {
    background-color: var(--color-aqua);
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-blue {
    background-color: var(--color-blue);
  }
  .bg-green {
    background-color: var(--color-green);
  }
  .bg-grey {
    background-color: var(--color-grey);
  }
  .bg-indigo {
    background-color: var(--color-indigo);
  }
  .bg-light-grey {
    background-color: var(--color-light-grey);
  }
  .bg-navy {
    background-color: var(--color-navy);
  }
  .bg-orange {
    background-color: var(--color-orange);
  }
  .bg-purple {
    background-color: var(--color-purple);
  }
  .bg-red {
    background-color: var(--color-red);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-yellow {
    background-color: var(--color-yellow);
  }
  .fill-aqua {
    fill: var(--color-aqua);
  }
  .fill-black {
    fill: var(--color-black);
  }
  .fill-blue {
    fill: var(--color-blue);
  }
  .fill-green {
    fill: var(--color-green);
  }
  .fill-grey {
    fill: var(--color-grey);
  }
  .fill-indigo {
    fill: var(--color-indigo);
  }
  .fill-light-grey {
    fill: var(--color-light-grey);
  }
  .fill-navy {
    fill: var(--color-navy);
  }
  .fill-orange {
    fill: var(--color-orange);
  }
  .fill-purple {
    fill: var(--color-purple);
  }
  .fill-red {
    fill: var(--color-red);
  }
  .fill-white {
    fill: var(--color-white);
  }
  .fill-yellow {
    fill: var(--color-yellow);
  }
  .stroke-aqua {
    stroke: var(--color-aqua);
  }
  .stroke-black {
    stroke: var(--color-black);
  }
  .stroke-blue {
    stroke: var(--color-blue);
  }
  .stroke-green {
    stroke: var(--color-green);
  }
  .stroke-grey {
    stroke: var(--color-grey);
  }
  .stroke-indigo {
    stroke: var(--color-indigo);
  }
  .stroke-light-grey {
    stroke: var(--color-light-grey);
  }
  .stroke-navy {
    stroke: var(--color-navy);
  }
  .stroke-orange {
    stroke: var(--color-orange);
  }
  .stroke-purple {
    stroke: var(--color-purple);
  }
  .stroke-red {
    stroke: var(--color-red);
  }
  .stroke-white {
    stroke: var(--color-white);
  }
  .stroke-yellow {
    stroke: var(--color-yellow);
  }
  .object-contain {
    object-fit: contain;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .text-center {
    text-align: center;
  }
  .text-aqua {
    color: var(--color-aqua);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue {
    color: var(--color-blue);
  }
  .text-green {
    color: var(--color-green);
  }
  .text-grey {
    color: var(--color-grey);
  }
  .text-indigo {
    color: var(--color-indigo);
  }
  .text-light-grey {
    color: var(--color-light-grey);
  }
  .text-navy {
    color: var(--color-navy);
  }
  .text-orange {
    color: var(--color-orange);
  }
  .text-purple {
    color: var(--color-purple);
  }
  .text-red {
    color: var(--color-red);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow {
    color: var(--color-yellow);
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-5 {
    opacity: 5%;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-95 {
    opacity: 95%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .group-hover\:bg-aqua {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-aqua);
      }
    }
  }
  .group-hover\:bg-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .group-hover\:bg-blue {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-blue);
      }
    }
  }
  .group-hover\:bg-green {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-green);
      }
    }
  }
  .group-hover\:bg-grey {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-grey);
      }
    }
  }
  .group-hover\:bg-indigo {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-indigo);
      }
    }
  }
  .group-hover\:bg-light-grey {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-light-grey);
      }
    }
  }
  .group-hover\:bg-navy {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-navy);
      }
    }
  }
  .group-hover\:bg-orange {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-orange);
      }
    }
  }
  .group-hover\:bg-purple {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-purple);
      }
    }
  }
  .group-hover\:bg-red {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-red);
      }
    }
  }
  .group-hover\:bg-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .group-hover\:bg-yellow {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-yellow);
      }
    }
  }
  .group-hover\:fill-aqua {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-aqua);
      }
    }
  }
  .group-hover\:fill-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-black);
      }
    }
  }
  .group-hover\:fill-blue {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-blue);
      }
    }
  }
  .group-hover\:fill-green {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-green);
      }
    }
  }
  .group-hover\:fill-grey {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-grey);
      }
    }
  }
  .group-hover\:fill-indigo {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-indigo);
      }
    }
  }
  .group-hover\:fill-light-grey {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-light-grey);
      }
    }
  }
  .group-hover\:fill-navy {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-navy);
      }
    }
  }
  .group-hover\:fill-orange {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-orange);
      }
    }
  }
  .group-hover\:fill-purple {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-purple);
      }
    }
  }
  .group-hover\:fill-red {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-red);
      }
    }
  }
  .group-hover\:fill-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-white);
      }
    }
  }
  .group-hover\:fill-yellow {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        fill: var(--color-yellow);
      }
    }
  }
  .group-hover\:stroke-aqua {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-aqua);
      }
    }
  }
  .group-hover\:stroke-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-black);
      }
    }
  }
  .group-hover\:stroke-blue {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-blue);
      }
    }
  }
  .group-hover\:stroke-green {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-green);
      }
    }
  }
  .group-hover\:stroke-grey {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-grey);
      }
    }
  }
  .group-hover\:stroke-indigo {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-indigo);
      }
    }
  }
  .group-hover\:stroke-light-grey {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-light-grey);
      }
    }
  }
  .group-hover\:stroke-navy {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-navy);
      }
    }
  }
  .group-hover\:stroke-orange {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-orange);
      }
    }
  }
  .group-hover\:stroke-purple {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-purple);
      }
    }
  }
  .group-hover\:stroke-red {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-red);
      }
    }
  }
  .group-hover\:stroke-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-white);
      }
    }
  }
  .group-hover\:stroke-yellow {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        stroke: var(--color-yellow);
      }
    }
  }
  .group-hover\:text-aqua {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-aqua);
      }
    }
  }
  .group-hover\:text-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .group-hover\:text-blue {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-blue);
      }
    }
  }
  .group-hover\:text-green {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-green);
      }
    }
  }
  .group-hover\:text-grey {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-grey);
      }
    }
  }
  .group-hover\:text-indigo {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-indigo);
      }
    }
  }
  .group-hover\:text-light-grey {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-light-grey);
      }
    }
  }
  .group-hover\:text-navy {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-navy);
      }
    }
  }
  .group-hover\:text-orange {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-orange);
      }
    }
  }
  .group-hover\:text-purple {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-purple);
      }
    }
  }
  .group-hover\:text-red {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-red);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-hover\:text-yellow {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-yellow);
      }
    }
  }
  .hover\:bg-aqua {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-aqua);
      }
    }
  }
  .hover\:bg-black {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .hover\:bg-blue {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue);
      }
    }
  }
  .hover\:bg-green {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-green);
      }
    }
  }
  .hover\:bg-grey {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-grey);
      }
    }
  }
  .hover\:bg-indigo {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-indigo);
      }
    }
  }
  .hover\:bg-light-grey {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-light-grey);
      }
    }
  }
  .hover\:bg-navy {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-navy);
      }
    }
  }
  .hover\:bg-orange {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-orange);
      }
    }
  }
  .hover\:bg-purple {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-purple);
      }
    }
  }
  .hover\:bg-red {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-yellow {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow);
      }
    }
  }
  .hover\:fill-aqua {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-aqua);
      }
    }
  }
  .hover\:fill-black {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-black);
      }
    }
  }
  .hover\:fill-blue {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-blue);
      }
    }
  }
  .hover\:fill-green {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-green);
      }
    }
  }
  .hover\:fill-grey {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-grey);
      }
    }
  }
  .hover\:fill-indigo {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-indigo);
      }
    }
  }
  .hover\:fill-light-grey {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-light-grey);
      }
    }
  }
  .hover\:fill-navy {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-navy);
      }
    }
  }
  .hover\:fill-orange {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-orange);
      }
    }
  }
  .hover\:fill-purple {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-purple);
      }
    }
  }
  .hover\:fill-red {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-red);
      }
    }
  }
  .hover\:fill-white {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-white);
      }
    }
  }
  .hover\:fill-yellow {
    &:hover {
      @media (hover: hover) {
        fill: var(--color-yellow);
      }
    }
  }
  .hover\:stroke-aqua {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-aqua);
      }
    }
  }
  .hover\:stroke-black {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-black);
      }
    }
  }
  .hover\:stroke-blue {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-blue);
      }
    }
  }
  .hover\:stroke-green {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-green);
      }
    }
  }
  .hover\:stroke-grey {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-grey);
      }
    }
  }
  .hover\:stroke-indigo {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-indigo);
      }
    }
  }
  .hover\:stroke-light-grey {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-light-grey);
      }
    }
  }
  .hover\:stroke-navy {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-navy);
      }
    }
  }
  .hover\:stroke-orange {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-orange);
      }
    }
  }
  .hover\:stroke-purple {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-purple);
      }
    }
  }
  .hover\:stroke-red {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-red);
      }
    }
  }
  .hover\:stroke-white {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-white);
      }
    }
  }
  .hover\:stroke-yellow {
    &:hover {
      @media (hover: hover) {
        stroke: var(--color-yellow);
      }
    }
  }
  .hover\:text-aqua {
    &:hover {
      @media (hover: hover) {
        color: var(--color-aqua);
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-blue {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue);
      }
    }
  }
  .hover\:text-green {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green);
      }
    }
  }
  .hover\:text-grey {
    &:hover {
      @media (hover: hover) {
        color: var(--color-grey);
      }
    }
  }
  .hover\:text-indigo {
    &:hover {
      @media (hover: hover) {
        color: var(--color-indigo);
      }
    }
  }
  .hover\:text-light-grey {
    &:hover {
      @media (hover: hover) {
        color: var(--color-light-grey);
      }
    }
  }
  .hover\:text-navy {
    &:hover {
      @media (hover: hover) {
        color: var(--color-navy);
      }
    }
  }
  .hover\:text-orange {
    &:hover {
      @media (hover: hover) {
        color: var(--color-orange);
      }
    }
  }
  .hover\:text-purple {
    &:hover {
      @media (hover: hover) {
        color: var(--color-purple);
      }
    }
  }
  .hover\:text-red {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:text-yellow {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow);
      }
    }
  }
  .focus\:bg-aqua {
    &:focus {
      background-color: var(--color-aqua);
    }
  }
  .focus\:bg-black {
    &:focus {
      background-color: var(--color-black);
    }
  }
  .focus\:bg-blue {
    &:focus {
      background-color: var(--color-blue);
    }
  }
  .focus\:bg-green {
    &:focus {
      background-color: var(--color-green);
    }
  }
  .focus\:bg-grey {
    &:focus {
      background-color: var(--color-grey);
    }
  }
  .focus\:bg-indigo {
    &:focus {
      background-color: var(--color-indigo);
    }
  }
  .focus\:bg-light-grey {
    &:focus {
      background-color: var(--color-light-grey);
    }
  }
  .focus\:bg-navy {
    &:focus {
      background-color: var(--color-navy);
    }
  }
  .focus\:bg-orange {
    &:focus {
      background-color: var(--color-orange);
    }
  }
  .focus\:bg-purple {
    &:focus {
      background-color: var(--color-purple);
    }
  }
  .focus\:bg-red {
    &:focus {
      background-color: var(--color-red);
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:bg-yellow {
    &:focus {
      background-color: var(--color-yellow);
    }
  }
  .focus\:fill-aqua {
    &:focus {
      fill: var(--color-aqua);
    }
  }
  .focus\:fill-black {
    &:focus {
      fill: var(--color-black);
    }
  }
  .focus\:fill-blue {
    &:focus {
      fill: var(--color-blue);
    }
  }
  .focus\:fill-green {
    &:focus {
      fill: var(--color-green);
    }
  }
  .focus\:fill-grey {
    &:focus {
      fill: var(--color-grey);
    }
  }
  .focus\:fill-indigo {
    &:focus {
      fill: var(--color-indigo);
    }
  }
  .focus\:fill-light-grey {
    &:focus {
      fill: var(--color-light-grey);
    }
  }
  .focus\:fill-navy {
    &:focus {
      fill: var(--color-navy);
    }
  }
  .focus\:fill-orange {
    &:focus {
      fill: var(--color-orange);
    }
  }
  .focus\:fill-purple {
    &:focus {
      fill: var(--color-purple);
    }
  }
  .focus\:fill-red {
    &:focus {
      fill: var(--color-red);
    }
  }
  .focus\:fill-white {
    &:focus {
      fill: var(--color-white);
    }
  }
  .focus\:fill-yellow {
    &:focus {
      fill: var(--color-yellow);
    }
  }
  .focus\:stroke-aqua {
    &:focus {
      stroke: var(--color-aqua);
    }
  }
  .focus\:stroke-black {
    &:focus {
      stroke: var(--color-black);
    }
  }
  .focus\:stroke-blue {
    &:focus {
      stroke: var(--color-blue);
    }
  }
  .focus\:stroke-green {
    &:focus {
      stroke: var(--color-green);
    }
  }
  .focus\:stroke-grey {
    &:focus {
      stroke: var(--color-grey);
    }
  }
  .focus\:stroke-indigo {
    &:focus {
      stroke: var(--color-indigo);
    }
  }
  .focus\:stroke-light-grey {
    &:focus {
      stroke: var(--color-light-grey);
    }
  }
  .focus\:stroke-navy {
    &:focus {
      stroke: var(--color-navy);
    }
  }
  .focus\:stroke-orange {
    &:focus {
      stroke: var(--color-orange);
    }
  }
  .focus\:stroke-purple {
    &:focus {
      stroke: var(--color-purple);
    }
  }
  .focus\:stroke-red {
    &:focus {
      stroke: var(--color-red);
    }
  }
  .focus\:stroke-white {
    &:focus {
      stroke: var(--color-white);
    }
  }
  .focus\:stroke-yellow {
    &:focus {
      stroke: var(--color-yellow);
    }
  }
  .focus\:text-aqua {
    &:focus {
      color: var(--color-aqua);
    }
  }
  .focus\:text-black {
    &:focus {
      color: var(--color-black);
    }
  }
  .focus\:text-blue {
    &:focus {
      color: var(--color-blue);
    }
  }
  .focus\:text-green {
    &:focus {
      color: var(--color-green);
    }
  }
  .focus\:text-grey {
    &:focus {
      color: var(--color-grey);
    }
  }
  .focus\:text-indigo {
    &:focus {
      color: var(--color-indigo);
    }
  }
  .focus\:text-light-grey {
    &:focus {
      color: var(--color-light-grey);
    }
  }
  .focus\:text-navy {
    &:focus {
      color: var(--color-navy);
    }
  }
  .focus\:text-orange {
    &:focus {
      color: var(--color-orange);
    }
  }
  .focus\:text-purple {
    &:focus {
      color: var(--color-purple);
    }
  }
  .focus\:text-red {
    &:focus {
      color: var(--color-red);
    }
  }
  .focus\:text-white {
    &:focus {
      color: var(--color-white);
    }
  }
  .focus\:text-yellow {
    &:focus {
      color: var(--color-yellow);
    }
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-outline-style: solid;
    }
  }
}