@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");
/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(0);
      --tw-space-y-reverse: 0;
      --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-font-weight: initial;
      --tw-tracking: 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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --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;
      --tw-duration: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-50: oklch(.971 .013 17.38);
    --color-red-100: oklch(.936 .032 17.717);
    --color-red-500: oklch(.637 .237 25.331);
    --color-red-600: oklch(.577 .245 27.325);
    --color-yellow-50: oklch(.987 .026 102.212);
    --color-yellow-100: oklch(.973 .071 103.193);
    --color-yellow-200: oklch(.945 .129 101.54);
    --color-yellow-300: oklch(.905 .182 98.111);
    --color-yellow-400: oklch(.852 .199 91.936);
    --color-yellow-600: oklch(.681 .162 75.834);
    --color-green-50: oklch(.982 .018 155.826);
    --color-green-100: oklch(.962 .044 156.743);
    --color-green-200: oklch(.925 .084 155.995);
    --color-green-300: oklch(.871 .15 154.449);
    --color-green-400: oklch(.792 .209 151.711);
    --color-green-500: oklch(.723 .219 149.579);
    --color-green-600: oklch(.627 .194 149.214);
    --color-blue-50: oklch(.97 .014 254.604);
    --color-blue-100: oklch(.932 .032 255.585);
    --color-blue-200: oklch(.882 .059 254.128);
    --color-blue-300: oklch(.809 .105 251.813);
    --color-blue-400: oklch(.707 .165 254.624);
    --color-blue-500: oklch(.623 .214 259.815);
    --color-blue-600: oklch(.546 .245 262.881);
    --color-purple-50: oklch(.977 .014 308.299);
    --color-purple-100: oklch(.946 .033 307.174);
    --color-purple-200: oklch(.902 .063 306.703);
    --color-purple-300: oklch(.827 .119 306.383);
    --color-purple-400: oklch(.714 .203 305.504);
    --color-purple-500: oklch(.627 .265 303.9);
    --color-purple-600: oklch(.558 .288 302.321);
    --color-pink-50: oklch(.971 .014 343.198);
    --color-pink-100: oklch(.948 .028 342.258);
    --color-pink-200: oklch(.899 .061 343.231);
    --color-pink-300: oklch(.823 .12 346.018);
    --color-pink-600: oklch(.592 .249 .584);
    --color-gray-50: oklch(.985 .002 247.839);
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-200: oklch(.928 .006 264.531);
    --color-gray-300: oklch(.872 .01 258.338);
    --color-gray-400: oklch(.707 .022 261.325);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-700: oklch(.373 .034 259.733);
    --color-gray-800: oklch(.278 .033 256.848);
    --color-gray-900: oklch(.21 .034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-3xl: 64px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  body {
    line-height: inherit;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    ::placeholder {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: Manrope, sans-serif;
  }

  h1 {
    letter-spacing: -.02em;
    font-family: Schibsted Grotesk, sans-serif;
    font-weight: 800;
  }

  h2 {
    letter-spacing: -.015em;
    font-family: Schibsted Grotesk, sans-serif;
    font-weight: 700;
  }

  h3 {
    letter-spacing: -.01em;
    font-family: Schibsted Grotesk, sans-serif;
    font-weight: 600;
  }

  h4, h5, h6 {
    letter-spacing: -.005em;
    font-family: Schibsted Grotesk, sans-serif;
    font-weight: 500;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h1 {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h2 {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) h4 {
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) p {
    font-size: var(--text-base);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) label, :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) button {
    font-size: var(--text-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
  }

  :where(:not(:has([class*=" text-"]), :not(:has([class^="text-"])))) input {
    font-size: var(--text-base);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
  }
}

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-\[2\.31\%_1\.93\%_26\.94\%_2\.72\%\] {
    inset: 2.31% 1.93% 26.94% 2.72%;
  }

  .inset-\[11\.22\%_5\.31\%_76\.05\%_69\.4\%\] {
    inset: 11.22% 5.31% 76.05% 69.4%;
  }

  .inset-\[14\.54\%_68\.57\%_83\.69\%_30\.01\%\] {
    inset: 14.54% 68.57% 83.69% 30.01%;
  }

  .inset-\[29\.67\%_51\.5\%_69\.87\%_48\.43\%\] {
    inset: 29.67% 51.5% 69.87% 48.43%;
  }

  .inset-\[30\.04\%_51\.77\%_69\.74\%_48\.05\%\] {
    inset: 30.04% 51.77% 69.74% 48.05%;
  }

  .inset-\[30\.5\%_50\.83\%_69\.41\%_48\.8\%\] {
    inset: 30.5% 50.83% 69.41% 48.8%;
  }

  .inset-\[30\.5\%_51\.88\%_69\.41\%_47\.76\%\] {
    inset: 30.5% 51.88% 69.41% 47.76%;
  }

  .inset-\[30\.07\%_51\.15\%_69\.74\%_48\.69\%\] {
    inset: 30.07% 51.15% 69.74% 48.69%;
  }

  .inset-\[30\.29\%_51\.33\%_69\.2\%_48\.26\%\] {
    inset: 30.29% 51.33% 69.2% 48.26%;
  }

  .inset-\[30\.83\%_51\.11\%_68\.93\%_48\.69\%\] {
    inset: 30.83% 51.11% 68.93% 48.69%;
  }

  .inset-\[30\.83\%_51\.77\%_68\.95\%_48\.06\%\] {
    inset: 30.83% 51.77% 68.95% 48.06%;
  }

  .inset-\[30\.97\%_51\.5\%_68\.58\%_48\.43\%\] {
    inset: 30.97% 51.5% 68.58% 48.43%;
  }

  .inset-\[38\.66\%_18\.97\%_58\.4\%_78\.66\%\] {
    inset: 38.66% 18.97% 58.4% 78.66%;
  }

  .inset-\[42\.61\%_71\.66\%_56\.05\%_27\.26\%\] {
    inset: 42.61% 71.66% 56.05% 27.26%;
  }

  .inset-\[43\.28\%_61\.16\%_51\.53\%_34\.14\%\] {
    inset: 43.28% 61.16% 51.53% 34.14%;
  }

  .inset-\[44\.91\%_42\.63\%_54\.87\%_56\.91\%\] {
    inset: 44.91% 42.63% 54.87% 56.91%;
  }

  .inset-\[46\.3\%_77\.35\%_51\.93\%_21\.22\%\] {
    inset: 46.3% 77.35% 51.93% 21.22%;
  }

  .inset-\[49\.83\%_86\.85\%_47\.82\%_11\.26\%\] {
    inset: 49.83% 86.85% 47.82% 11.26%;
  }

  .inset-\[51\.21\%_13\.88\%_15\.64\%_44\.4\%\] {
    inset: 51.21% 13.88% 15.64% 44.4%;
  }

  .inset-\[51\.21\%_14\.27\%_15\.64\%_47\.03\%\] {
    inset: 51.21% 14.27% 15.64% 47.03%;
  }

  .inset-\[51\.23\%_54\.67\%_46\.71\%_44\.4\%\] {
    inset: 51.23% 54.67% 46.71% 44.4%;
  }

  .inset-\[51\.28\%_38\.04\%_15\.62\%_26\.49\%\] {
    inset: 51.28% 38.04% 15.62% 26.49%;
  }

  .inset-\[51\.52\%_68\.1\%_2\.93\%_2\.47\%\] {
    inset: 51.52% 68.1% 2.93% 2.47%;
  }

  .inset-\[51\.52\%_84\.86\%_38\.84\%_6\.53\%\] {
    inset: 51.52% 84.86% 38.84% 6.53%;
  }

  .inset-\[54\.54\%_86\.9\%_41\.93\%_9\.83\%\] {
    inset: 54.54% 86.9% 41.93% 9.83%;
  }

  .inset-\[54\.54\%_87\.13\%_44\.95\%_12\.17\%\] {
    inset: 54.54% 87.13% 44.95% 12.17%;
  }

  .inset-\[54\.58\%_89\.07\%_44\.78\%_10\.12\%\] {
    inset: 54.58% 89.07% 44.78% 10.12%;
  }

  .inset-\[54\.92\%_32\.88\%_43\.01\%_65\.55\%\] {
    inset: 54.92% 32.88% 43.01% 65.55%;
  }

  .inset-\[55\.24\%_76\.45\%_28\.98\%_2\.47\%\] {
    inset: 55.24% 76.45% 28.98% 2.47%;
  }

  .inset-\[55\.24\%_86\.57\%_29\.25\%_2\.47\%\] {
    inset: 55.24% 86.57% 29.25% 2.47%;
  }

  .inset-\[55\.27\%_86\.9\%_43\.88\%_11\.72\%\] {
    inset: 55.27% 86.9% 43.88% 11.72%;
  }

  .inset-\[55\.29\%_86\.9\%_43\.9\%_12\.26\%\] {
    inset: 55.29% 86.9% 43.9% 12.26%;
  }

  .inset-\[55\.41\%_87\.64\%_43\.84\%_11\.74\%\] {
    inset: 55.41% 87.64% 43.84% 11.74%;
  }

  .inset-\[55\.42\%_88\.75\%_43\.87\%_9\.83\%\] {
    inset: 55.42% 88.75% 43.87% 9.83%;
  }

  .inset-\[55\.49\%_88\.78\%_43\.8\%_10\.4\%\] {
    inset: 55.49% 88.78% 43.8% 10.4%;
  }

  .inset-\[55\.49\%_89\.54\%_43\.89\%_9\.86\%\] {
    inset: 55.49% 89.54% 43.89% 9.86%;
  }

  .inset-\[56\.3\%_88\.16\%_43\.02\%_11\.49\%\] {
    inset: 56.3% 88.16% 43.02% 11.49%;
  }

  .inset-\[56\.6\%_26\.56\%_41\.64\%_72\.01\%\] {
    inset: 56.6% 26.56% 41.64% 72.01%;
  }

  .inset-\[57\.11\%_88\.08\%_41\.93\%_10\.84\%\] {
    inset: 57.11% 88.08% 41.93% 10.84%;
  }

  .inset-\[59\.3\%_85\.5\%_29\.01\%_6\.08\%\] {
    inset: 59.3% 85.5% 29.01% 6.08%;
  }

  .inset-\[59\.07\%_53\.15\%_15\.65\%_34\.96\%\] {
    inset: 59.07% 53.15% 15.65% 34.96%;
  }

  .inset-\[59\.7\%_85\.36\%_30\.32\%_11\.32\%\] {
    inset: 59.7% 85.36% 30.32% 11.32%;
  }

  .inset-\[59\.8\%_86\.66\%_28\.98\%_5\.68\%\] {
    inset: 59.8% 86.66% 28.98% 5.68%;
  }

  .inset-\[59\.15\%_90\.69\%_28\.98\%_6\.55\%\] {
    inset: 59.15% 90.69% 28.98% 6.55%;
  }

  .inset-\[59\.31\%_56\.32\%_15\.7\%_34\.52\%\] {
    inset: 59.31% 56.32% 15.7% 34.52%;
  }

  .inset-\[59\.47\%_85\.62\%_29\.06\%_5\.72\%\] {
    inset: 59.47% 85.62% 29.06% 5.72%;
  }

  .inset-\[59\.54\%_86\.44\%_29\.25\%_2\.54\%\] {
    inset: 59.54% 86.44% 29.25% 2.54%;
  }

  .inset-\[59\.54\%_86\.73\%_38\.18\%_7\.36\%\] {
    inset: 59.54% 86.73% 38.18% 7.36%;
  }

  .inset-\[60\.42\%_9\.38\%_3\.34\%_68\.22\%\] {
    inset: 60.42% 9.38% 3.34% 68.22%;
  }

  .inset-\[60\.42\%_24\.14\%_35\.3\%_73\.41\%\] {
    inset: 60.42% 24.14% 35.3% 73.41%;
  }

  .inset-\[60\.67\%_78\.27\%_30\.86\%_11\.51\%\] {
    inset: 60.67% 78.27% 30.86% 11.51%;
  }

  .inset-\[60\.94\%_22\.29\%_35\.71\%_74\.26\%\] {
    inset: 60.94% 22.29% 35.71% 74.26%;
  }

  .inset-\[61\.08\%_94\.74\%_29\.84\%_4\.52\%\] {
    inset: 61.08% 94.74% 29.84% 4.52%;
  }

  .inset-\[61\.66\%_76\.88\%_29\.13\%_18\.71\%\] {
    inset: 61.66% 76.88% 29.13% 18.71%;
  }

  .inset-\[62\.1\%_82\.36\%_29\.13\%_11\.89\%\] {
    inset: 62.1% 82.36% 29.13% 11.89%;
  }

  .inset-\[62\.26\%_76\.45\%_32\.99\%_20\.1\%\] {
    inset: 62.26% 76.45% 32.99% 20.1%;
  }

  .inset-\[62\.43\%_71\.65\%_36\.61\%_27\.57\%\] {
    inset: 62.43% 71.65% 36.61% 27.57%;
  }

  .inset-\[62\.57\%_9\.38\%_3\.34\%_68\.47\%\] {
    inset: 62.57% 9.38% 3.34% 68.47%;
  }

  .inset-\[62\.82\%_79\.58\%_29\.13\%_15\.53\%\] {
    inset: 62.82% 79.58% 29.13% 15.53%;
  }

  .inset-\[64\.77\%_26\.07\%_34\.94\%_73\.69\%\] {
    inset: 64.77% 26.07% 34.94% 73.69%;
  }

  .inset-\[65\.3\%_50\.55\%_33\.36\%_46\.56\%\] {
    inset: 65.3% 50.55% 33.36% 46.56%;
  }

  .inset-\[65\.21\%_27\.64\%_33\.8\%_70\.98\%\] {
    inset: 65.21% 27.64% 33.8% 70.98%;
  }

  .inset-\[65\.62\%_40\.87\%_33\.23\%_58\.26\%\] {
    inset: 65.62% 40.87% 33.23% 58.26%;
  }

  .inset-\[66\.03\%_85\.31\%_29\.41\%_10\.91\%\] {
    inset: 66.03% 85.31% 29.41% 10.91%;
  }

  .inset-\[67\.58\%_91\.25\%_29\.01\%_6\.26\%\] {
    inset: 67.58% 91.25% 29.01% 6.26%;
  }

  .inset-\[68\.11\%_31\.09\%_30\.5\%_68\.22\%\] {
    inset: 68.11% 31.09% 30.5% 68.22%;
  }

  .inset-\[68\.13\%_51\.67\%_30\.12\%_46\.84\%\] {
    inset: 68.13% 51.67% 30.12% 46.84%;
  }

  .inset-\[69\.66\%_28\.16\%_17\.4\%_69\.2\%\] {
    inset: 69.66% 28.16% 17.4% 69.2%;
  }

  .inset-\[69\.77\%_8\.22\%_15\.95\%_76\.95\%\] {
    inset: 69.77% 8.22% 15.95% 76.95%;
  }

  .inset-\[70\.19\%_43\.63\%_28\.99\%_54\.96\%\] {
    inset: 70.19% 43.63% 28.99% 54.96%;
  }

  .inset-\[70\.42\%_68\.1\%_2\.93\%_6\.89\%\] {
    inset: 70.42% 68.1% 2.93% 6.89%;
  }

  .inset-\[70\.42\%_73\.02\%_13\.23\%_23\.68\%\] {
    inset: 70.42% 73.02% 13.23% 23.68%;
  }

  .inset-\[70\.42\%_74\.82\%_20\.56\%_9\.18\%\] {
    inset: 70.42% 74.82% 20.56% 9.18%;
  }

  .inset-\[71\.01\%_45\.04\%_28\.97\%_54\.94\%\] {
    inset: 71.01% 45.04% 28.97% 54.94%;
  }

  .inset-\[71\.05\%_73\.73\%_26\.82\%_25\.49\%\] {
    inset: 71.05% 73.73% 26.82% 25.49%;
  }

  .inset-\[71\.05\%_77\.98\%_18\.05\%_6\.89\%\] {
    inset: 71.05% 77.98% 18.05% 6.89%;
  }

  .inset-\[71\.05\%_88\.92\%_27\.5\%_10\.11\%\] {
    inset: 71.05% 88.92% 27.5% 10.11%;
  }

  .inset-\[71\.51\%_10\.23\%_15\.68\%_76\.73\%\] {
    inset: 71.51% 10.23% 15.68% 76.73%;
  }

  .inset-\[72\.34\%_19\.99\%_27\.34\%_79\.83\%\] {
    inset: 72.34% 19.99% 27.34% 79.83%;
  }

  .inset-\[72\.42\%_79\.74\%_26\.92\%_19\.73\%\] {
    inset: 72.42% 79.74% 26.92% 19.73%;
  }

  .inset-\[72\.68\%_38\.1\%_27\.04\%_60\.43\%\] {
    inset: 72.68% 38.1% 27.04% 60.43%;
  }

  .inset-\[72\.98\%_5\.04\%_25\.67\%_93\.87\%\] {
    inset: 72.98% 5.04% 25.67% 93.87%;
  }

  .inset-\[73\.1\%_84\.99\%_23\.24\%_13\.12\%\] {
    inset: 73.1% 84.99% 23.24% 13.12%;
  }

  .inset-\[73\.22\%_6\.42\%_25\.43\%_92\.49\%\] {
    inset: 73.22% 6.42% 25.43% 92.49%;
  }

  .inset-\[73\.46\%_77\.84\%_24\.32\%_21\.7\%\] {
    inset: 73.46% 77.84% 24.32% 21.7%;
  }

  .inset-\[73\.66\%_3\.91\%_24\.99\%_95\%\] {
    inset: 73.66% 3.91% 24.99% 95%;
  }

  .inset-\[73\.71\%_91\.67\%_24\.35\%_7\.26\%\] {
    inset: 73.71% 91.67% 24.35% 7.26%;
  }

  .inset-\[73\.88\%_53\.24\%_21\.4\%_44\.92\%\] {
    inset: 73.88% 53.24% 21.4% 44.92%;
  }

  .inset-\[74\.2\%_4\.28\%_21\.7\%_92\.4\%\] {
    inset: 74.2% 4.28% 21.7% 92.4%;
  }

  .inset-\[74\.6\%_7\.34\%_24\.05\%_91\.57\%\] {
    inset: 74.6% 7.34% 24.05% 91.57%;
  }

  .inset-\[74\.21\%_85\.81\%_25\.13\%_13\.65\%\] {
    inset: 74.21% 85.81% 25.13% 13.65%;
  }

  .inset-\[74\.28\%_74\.75\%_25\.06\%_24\.72\%\] {
    inset: 74.28% 74.75% 25.06% 24.72%;
  }

  .inset-\[75\.13\%_3\.37\%_23\.52\%_95\.54\%\] {
    inset: 75.13% 3.37% 23.52% 95.54%;
  }

  .inset-\[75\.26\%_50\.01\%_20\.84\%_46\.94\%\] {
    inset: 75.26% 50.01% 20.84% 46.94%;
  }

  .inset-\[75\.34\%_81\.32\%_23\.09\%_17\.29\%\] {
    inset: 75.34% 81.32% 23.09% 17.29%;
  }

  .inset-\[75\.38\%_5\.24\%_22\.88\%_93\.35\%\] {
    inset: 75.38% 5.24% 22.88% 93.35%;
  }

  .inset-\[75\.45\%_53\.33\%_15\.48\%_45\.6\%\] {
    inset: 75.45% 53.33% 15.48% 45.6%;
  }

  .inset-\[75\.83\%_38\.33\%_23\.51\%_60\.96\%\] {
    inset: 75.83% 38.33% 23.51% 60.96%;
  }

  .inset-\[76\%_80\.91\%_7\.82\%_5\.56\%\] {
    inset: 76% 80.91% 7.82% 5.56%;
  }

  .inset-\[76\.6\%_6\.2\%_15\.65\%_78\.96\%\] {
    inset: 76.6% 6.2% 15.65% 78.96%;
  }

  .inset-\[76\.11\%_51\.05\%_17\.61\%_46\.39\%\] {
    inset: 76.11% 51.05% 17.61% 46.39%;
  }

  .inset-\[76\.16\%_38\.03\%_22\.83\%_61\.67\%\] {
    inset: 76.16% 38.03% 22.83% 61.67%;
  }

  .inset-\[76\.33\%_7\.36\%_22\.32\%_91\.55\%\] {
    inset: 76.33% 7.36% 22.32% 91.55%;
  }

  .inset-\[76\.45\%_89\.79\%_22\.89\%_9\.68\%\] {
    inset: 76.45% 89.79% 22.89% 9.68%;
  }

  .inset-\[76\.82\%_3\.68\%_21\.83\%_95\.23\%\] {
    inset: 76.82% 3.68% 21.83% 95.23%;
  }

  .inset-\[77\.08\%_72\.95\%_8\.53\%_19\.49\%\] {
    inset: 77.08% 72.95% 8.53% 19.49%;
  }

  .inset-\[77\.46\%_5\.91\%_15\.74\%_93\.97\%\] {
    inset: 77.46% 5.91% 15.74% 93.97%;
  }

  .inset-\[77\.73\%_77\.97\%_22\.18\%_21\.91\%\] {
    inset: 77.73% 77.97% 22.18% 21.91%;
  }

  .inset-\[77\.75\%_4\.86\%_20\.9\%_94\.05\%\] {
    inset: 77.75% 4.86% 20.9% 94.05%;
  }

  .inset-\[77\.75\%_6\.37\%_20\.9\%_92\.54\%\] {
    inset: 77.75% 6.37% 20.9% 92.54%;
  }

  .inset-\[77\.89\%_77\.57\%_21\.37\%_19\.74\%\] {
    inset: 77.89% 77.57% 21.37% 19.74%;
  }

  .inset-\[78\.43\%_3\.59\%_19\.59\%_94\.06\%\] {
    inset: 78.43% 3.59% 19.59% 94.06%;
  }

  .inset-\[78\.45\%_36\.38\%_20\.53\%_62\.8\%\] {
    inset: 78.45% 36.38% 20.53% 62.8%;
  }

  .inset-\[78\.47\%_82\.47\%_20\.87\%_16\.99\%\] {
    inset: 78.47% 82.47% 20.87% 16.99%;
  }

  .inset-\[78\.61\%_84\.7\%_20\.57\%_12\.61\%\] {
    inset: 78.61% 84.7% 20.57% 12.61%;
  }

  .inset-\[78\.65\%_22\.69\%_15\.04\%_66\.35\%\] {
    inset: 78.65% 22.69% 15.04% 66.35%;
  }

  .inset-\[78\.67\%_8\.03\%_16\.11\%_78\.75\%\] {
    inset: 78.67% 8.03% 16.11% 78.75%;
  }

  .inset-\[78\.74\%_3\.97\%_19\.62\%_93\.97\%\] {
    inset: 78.74% 3.97% 19.62% 93.97%;
  }

  .inset-\[78\.97\%_73\.13\%_19\.66\%_25\.39\%\] {
    inset: 78.97% 73.13% 19.66% 25.39%;
  }

  .inset-\[79\.08\%_28\.53\%_20\.65\%_70\.61\%\] {
    inset: 79.08% 28.53% 20.65% 70.61%;
  }

  .inset-\[79\.19\%_25\.47\%_20\.21\%_71\.58\%\] {
    inset: 79.19% 25.47% 20.21% 71.58%;
  }

  .inset-\[79\.44\%_77\.27\%_19\.9\%_22\.2\%\] {
    inset: 79.44% 77.27% 19.9% 22.2%;
  }

  .inset-\[79\.56\%_27\.88\%_20\.14\%_71\.07\%\] {
    inset: 79.56% 27.88% 20.14% 71.07%;
  }

  .inset-\[79\.63\%_31\.8\%_17\%_66\.69\%\] {
    inset: 79.63% 31.8% 17% 66.69%;
  }

  .inset-\[80\.28\%_80\.94\%_19\.62\%_18\.96\%\] {
    inset: 80.28% 80.94% 19.62% 18.96%;
  }

  .inset-\[80\.67\%_59\.8\%_3\.83\%_32\.77\%\] {
    inset: 80.67% 59.8% 3.83% 32.77%;
  }

  .inset-\[80\.79\%_75\.27\%_18\.81\%_24\.4\%\] {
    inset: 80.79% 75.27% 18.81% 24.4%;
  }

  .inset-\[80\.82\%_19\.71\%_18\.72\%_79\.92\%\] {
    inset: 80.82% 19.71% 18.72% 79.92%;
  }

  .inset-\[81\.5\%_60\.79\%_15\.72\%_38\.27\%\] {
    inset: 81.5% 60.79% 15.72% 38.27%;
  }

  .inset-\[81\.63\%_5\.94\%_16\.13\%_91\.73\%\] {
    inset: 81.63% 5.94% 16.13% 91.73%;
  }

  .inset-\[81\.69\%_77\.37\%_16\.88\%_20\.82\%\] {
    inset: 81.69% 77.37% 16.88% 20.82%;
  }

  .inset-\[82\.03\%_5\.88\%_16\.06\%_92\.21\%\] {
    inset: 82.03% 5.88% 16.06% 92.21%;
  }

  .inset-\[82\.82\%_74\.6\%_16\.25\%_24\.09\%\] {
    inset: 82.82% 74.6% 16.25% 24.09%;
  }

  .inset-\[83\.06\%_65\.57\%_15\.24\%_33\.82\%\] {
    inset: 83.06% 65.57% 15.24% 33.82%;
  }

  .inset-\[83\.44\%_77\.4\%_15\.9\%_22\.06\%\] {
    inset: 83.44% 77.4% 15.9% 22.06%;
  }

  .inset-\[83\.46\%_13\.88\%_15\.7\%_85\.12\%\] {
    inset: 83.46% 13.88% 15.7% 85.12%;
  }

  .inset-\[84\.26\%_4\.38\%_15\.65\%_83\.43\%\] {
    inset: 84.26% 4.38% 15.65% 83.43%;
  }

  .inset-\[84\.28\%_16\.44\%_7\.58\%_4\.81\%\] {
    inset: 84.28% 16.44% 7.58% 4.81%;
  }

  .inset-\[84\.31\%_21\.71\%_15\.65\%_58\.56\%\] {
    inset: 84.31% 21.71% 15.65% 58.56%;
  }

  .inset-\[84\.35\%_48\.87\%_15\.56\%_2\.24\%\] {
    inset: 84.35% 48.87% 15.56% 2.24%;
  }

  .inset-\[84\.41\%_73\.61\%_11\.92\%_24\.5\%\] {
    inset: 84.41% 73.61% 11.92% 24.5%;
  }

  .inset-\[85\.16\%_74\.04\%_14\.18\%_25\.43\%\] {
    inset: 85.16% 74.04% 14.18% 25.43%;
  }

  .inset-\[85\.68\%_77\.18\%_13\.7\%_22\.44\%\] {
    inset: 85.68% 77.18% 13.7% 22.44%;
  }

  .inset-\[85\.97\%_72\.19\%_6\.72\%_23\.45\%\] {
    inset: 85.97% 72.19% 6.72% 23.45%;
  }

  .inset-\[86\.1\%_60\.84\%_3\.83\%_34\.25\%\] {
    inset: 86.1% 60.84% 3.83% 34.25%;
  }

  .inset-\[86\.27\%_74\.8\%_11\.43\%_23\.74\%\] {
    inset: 86.27% 74.8% 11.43% 23.74%;
  }

  .inset-\[87\.7\%_72\.32\%_6\.72\%_23\.45\%\] {
    inset: 87.7% 72.32% 6.72% 23.45%;
  }

  .inset-\[90\.22\%_72\.41\%_5\.97\%_24\.91\%\] {
    inset: 90.22% 72.41% 5.97% 24.91%;
  }

  .inset-\[91\.93\%_61\.25\%_5\.96\%_36\.95\%\] {
    inset: 91.93% 61.25% 5.96% 36.95%;
  }

  .inset-\[91\.93\%_63\.84\%_5\.96\%_34\.36\%\] {
    inset: 91.93% 63.84% 5.96% 34.36%;
  }

  .inset-\[92\.21\%_60\.09\%_0\.3\%_34\.5\%\] {
    inset: 92.21% 60.09% .3% 34.5%;
  }

  .inset-\[92\.21\%_61\.39\%_0\.3\%_33\.21\%\] {
    inset: 92.21% 61.39% .3% 33.21%;
  }

  .inset-\[92\.99\%_68\.1\%_2\.93\%_25\.78\%\] {
    inset: 92.99% 68.1% 2.93% 25.78%;
  }

  .inset-\[93\.5\%_62\.39\%_4\.11\%_36\.06\%\] {
    inset: 93.5% 62.39% 4.11% 36.06%;
  }

  .inset-\[93\.5\%_62\.95\%_4\.11\%_35\.5\%\] {
    inset: 93.5% 62.95% 4.11% 35.5%;
  }

  .inset-\[93\.53\%_57\.54\%_1\.84\%_35\.98\%\] {
    inset: 93.53% 57.54% 1.84% 35.98%;
  }

  .inset-\[93\.53\%_62\.86\%_1\.84\%_30\.65\%\] {
    inset: 93.53% 62.86% 1.84% 30.65%;
  }

  .inset-\[94\.35\%_73\.01\%_3\.07\%_25\.84\%\] {
    inset: 94.35% 73.01% 3.07% 25.84%;
  }

  .inset-\[94\.68\%_68\.1\%_2\.93\%_26\.17\%\] {
    inset: 94.68% 68.1% 2.93% 26.17%;
  }

  .inset-\[95\.81\%_57\.06\%_1\.79\%_41\.39\%\] {
    inset: 95.81% 57.06% 1.79% 41.39%;
  }

  .inset-\[95\.81\%_68\.27\%_1\.79\%_30\.17\%\] {
    inset: 95.81% 68.27% 1.79% 30.17%;
  }

  .inset-\[95\.97\%_57\.16\%_1\.94\%_41\.48\%\] {
    inset: 95.97% 57.16% 1.94% 41.48%;
  }

  .inset-\[95\.97\%_68\.37\%_1\.94\%_30\.27\%\] {
    inset: 95.97% 68.37% 1.94% 30.27%;
  }

  .inset-\[96\.19\%_57\.3\%_2\.16\%_41\.63\%\] {
    inset: 96.19% 57.3% 2.16% 41.63%;
  }

  .inset-\[96\.19\%_68\.51\%_2\.16\%_30\.41\%\] {
    inset: 96.19% 68.51% 2.16% 30.41%;
  }

  .inset-\[98\.02\%_60\.07\%_0\.14\%_38\.35\%\] {
    inset: 98.02% 60.07% .14% 38.35%;
  }

  .inset-\[98\.02\%_65\.24\%_0\.14\%_33\.19\%\] {
    inset: 98.02% 65.24% .14% 33.19%;
  }

  .inset-\[98\.22\%_60\.24\%_0\.33\%_38\.52\%\] {
    inset: 98.22% 60.24% .33% 38.52%;
  }

  .inset-\[98\.22\%_65\.41\%_0\.33\%_33\.35\%\] {
    inset: 98.22% 65.41% .33% 33.35%;
  }

  .-top-3 {
    top: calc(var(--spacing) * -3);
  }

  .-top-6 {
    top: calc(var(--spacing) * -6);
  }

  .-top-8 {
    top: calc(var(--spacing) * -8);
  }

  .-top-10 {
    top: calc(var(--spacing) * -10);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-24 {
    top: calc(var(--spacing) * 24);
  }

  .top-\[29\.67\%\] {
    top: 29.67%;
  }

  .top-\[30\.83\%\] {
    top: 30.83%;
  }

  .top-\[97\.89\%\] {
    top: 97.89%;
  }

  .-right-2 {
    right: calc(var(--spacing) * -2);
  }

  .-right-6 {
    right: calc(var(--spacing) * -6);
  }

  .-right-8 {
    right: calc(var(--spacing) * -8);
  }

  .-right-20 {
    right: calc(var(--spacing) * -20);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-10 {
    right: calc(var(--spacing) * 10);
  }

  .right-\[3\.37\%\] {
    right: 3.37%;
  }

  .right-\[11\.39\%\] {
    right: 11.39%;
  }

  .right-\[59\.96\%\] {
    right: 59.96%;
  }

  .right-\[65\.13\%\] {
    right: 65.13%;
  }

  .right-\[84\.23\%\] {
    right: 84.23%;
  }

  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }

  .-bottom-4 {
    bottom: calc(var(--spacing) * -4);
  }

  .-bottom-6 {
    bottom: calc(var(--spacing) * -6);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-10 {
    bottom: calc(var(--spacing) * 10);
  }

  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }

  .bottom-\[26\.94\%\] {
    bottom: 26.94%;
  }

  .bottom-\[27\.11\%\] {
    bottom: 27.11%;
  }

  .bottom-\[62\.16\%\] {
    bottom: 62.16%;
  }

  .bottom-\[77\.35\%\] {
    bottom: 77.35%;
  }

  .-left-6 {
    left: calc(var(--spacing) * -6);
  }

  .-left-10 {
    left: calc(var(--spacing) * -10);
  }

  .-left-20 {
    left: calc(var(--spacing) * -20);
  }

  .-left-\[18px\] {
    left: -18px;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-10 {
    left: calc(var(--spacing) * 10);
  }

  .left-\[0\.34\%\] {
    left: .34%;
  }

  .left-\[2\.24\%\] {
    left: 2.24%;
  }

  .left-\[23px\] {
    left: 23px;
  }

  .left-\[33\.07\%\] {
    left: 33.07%;
  }

  .left-\[38\.24\%\] {
    left: 38.24%;
  }

  .left-\[70\.34\%\] {
    left: 70.34%;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .container {
    width: 100%;
  }

  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-\[0px\] {
    margin: 0;
  }

  .m-\[10px\] {
    margin: 10px;
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .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-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }

  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }

  .mb-16 {
    margin-bottom: calc(var(--spacing) * 16);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-7 {
    margin-left: calc(var(--spacing) * 7);
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .aspect-\[1\.3\] {
    aspect-ratio: 1.3;
  }

  .aspect-\[4\/3\] {
    aspect-ratio: 4 / 3;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-96 {
    height: calc(var(--spacing) * 96);
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-auto {
    height: auto;
  }

  .h-fit {
    height: fit-content;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-\[520px\] {
    max-height: 520px;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-1\/3 {
    width: 33.3333%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[500px\] {
    max-width: 500px;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .flex-1 {
    flex: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .flex-grow {
    flex-grow: 1;
  }

  .origin-bottom-left {
    transform-origin: 0 100%;
  }

  .origin-bottom-right {
    transform-origin: 100% 100%;
  }

  .origin-center {
    transform-origin: center;
  }

  .origin-top-left {
    transform-origin: 0 0;
  }

  .origin-top-right {
    transform-origin: 100% 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1 {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-4 {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-1 {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-6 {
    --tw-translate-y: calc(var(--spacing) * 6);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-8 {
    --tw-translate-y: calc(var(--spacing) * 8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-12 {
    --tw-translate-y: calc(var(--spacing) * 12);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-110 {
    --tw-scale-x: 110%;
    --tw-scale-y: 110%;
    --tw-scale-z: 110%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-1 {
    rotate: -1deg;
  }

  .-rotate-2 {
    rotate: -2deg;
  }

  .-rotate-3 {
    rotate: -3deg;
  }

  .rotate-1 {
    rotate: 1deg;
  }

  .rotate-2 {
    rotate: 2deg;
  }

  .rotate-3 {
    rotate: 3deg;
  }

  .rotate-6 {
    rotate: 6deg;
  }

  .rotate-12 {
    rotate: 12deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .animate-in {
    animation: enter var(--tw-duration, .15s) var(--tw-ease, ease);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .list-disc {
    list-style-type: disc;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-12 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-16 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-20 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-24 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
  }

  .rounded-\[3rem\] {
    border-radius: 3rem;
  }

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

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

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius)  - 2px);
  }

  .rounded-xl {
    border-radius: calc(var(--radius)  + 4px);
  }

  .rounded-tr-\[100px\] {
    border-top-right-radius: 100px;
  }

  .rounded-bl-\[100px\] {
    border-bottom-left-radius: 100px;
  }

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

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

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

  .border-y-2 {
    border-block-style: var(--tw-border-style);
    border-block-width: 2px;
  }

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

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-black {
    border-color: var(--color-black);
  }

  .border-black\/10 {
    border-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-black\/10 {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .border-gray-200 {
    border-color: var(--color-gray-200);
  }

  .border-gray-300 {
    border-color: var(--color-gray-300);
  }

  .border-gray-800 {
    border-color: var(--color-gray-800);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white);
  }

  .border-yellow-400 {
    border-color: var(--color-yellow-400);
  }

  .bg-\[\#0077b5\] {
    background-color: #0077b5;
  }

  .bg-\[\#617c26\] {
    background-color: #617c26;
  }

  .bg-\[\#705bfa\] {
    background-color: #705bfa;
  }

  .bg-\[\#D8F3FF\] {
    background-color: #d8f3ff;
  }

  .bg-\[\#E6F4F1\] {
    background-color: #e6f4f1;
  }

  .bg-\[\#E9F0D5\] {
    background-color: #e9f0d5;
  }

  .bg-\[\#EBE9FE\] {
    background-color: #ebe9fe;
  }

  .bg-\[\#F3F0FF\] {
    background-color: #f3f0ff;
  }

  .bg-\[\#F4F4F4\] {
    background-color: #f4f4f4;
  }

  .bg-\[\#FFF8F0\] {
    background-color: #fff8f0;
  }

  .bg-\[\#e5f2ff\] {
    background-color: #e5f2ff;
  }

  .bg-\[\#f9f8f5\] {
    background-color: #f9f8f5;
  }

  .bg-\[\#fce7ea\] {
    background-color: #fce7ea;
  }

  .bg-black {
    background-color: var(--color-black);
  }

  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-200 {
    background-color: var(--color-blue-200);
  }

  .bg-blue-300 {
    background-color: var(--color-blue-300);
  }

  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }

  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-gray-800 {
    background-color: var(--color-gray-800);
  }

  .bg-gray-900 {
    background-color: var(--color-gray-900);
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-200 {
    background-color: var(--color-green-200);
  }

  .bg-green-300 {
    background-color: var(--color-green-300);
  }

  .bg-pink-50 {
    background-color: var(--color-pink-50);
  }

  .bg-pink-100 {
    background-color: var(--color-pink-100);
  }

  .bg-pink-200\/50 {
    background-color: color-mix(in srgb, oklch(.899 .061 343.231) 50%, transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-pink-200\/50 {
      background-color: color-mix(in oklab, var(--color-pink-200) 50%, transparent);
    }
  }

  .bg-pink-300 {
    background-color: var(--color-pink-300);
  }

  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }

  .bg-purple-200 {
    background-color: var(--color-purple-200);
  }

  .bg-purple-300 {
    background-color: var(--color-purple-300);
  }

  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/80 {
    background-color: #fffc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/80 {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }

  .bg-white\/95 {
    background-color: #fffffff2;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/95 {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }

  .bg-yellow-50 {
    background-color: var(--color-yellow-50);
  }

  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }

  .bg-yellow-200 {
    background-color: var(--color-yellow-200);
  }

  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }

  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-\[radial-gradient\(\#e5e7eb_1px\,transparent_1px\)\] {
    background-image: radial-gradient(#e5e7eb 1px, #0000 1px);
  }

  .bg-\[url\(\'https\:\/\/www\.transparenttextures\.com\/patterns\/cubes\.png\'\)\] {
    background-image: url("https://www.transparenttextures.com/patterns/cubes.png");
  }

  .from-green-400 {
    --tw-gradient-from: var(--color-green-400);
    --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-green-600 {
    --tw-gradient-to: var(--color-green-600);
    --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));
  }

  .\[background-size\:16px_16px\] {
    background-size: 16px 16px;
  }

  .mask-intersect {
    mask-composite: intersect;
  }

  .mask-alpha {
    mask-mode: alpha;
  }

  .mask-size-\[32\.647px_52\.706px\] {
    mask-size: 32.647px 52.706px;
  }

  .mask-size-\[50\.757px_35\.942px\] {
    mask-size: 50.757px 35.942px;
  }

  .mask-size-\[50\.931px_50\.931px\] {
    mask-size: 50.931px 50.931px;
  }

  .mask-size-\[84\.297px_79\.681px\] {
    mask-size: 84.297px 79.681px;
  }

  .mask-size-\[84\.308px_79\.681px\] {
    mask-size: 84.308px 79.681px;
  }

  .mask-size-\[268\.289px_90\.254px\] {
    mask-size: 268.289px 90.254px;
  }

  .mask-size-\[286\.24px_153\.927px\] {
    mask-size: 286.24px 153.927px;
  }

  .mask-size-\[512\.264px_585\.302px\] {
    mask-size: 512.264px 585.302px;
  }

  .mask-size-\[854\.474px_854\.468px\] {
    mask-size: 854.474px 854.468px;
  }

  .mask-size-\[1035\.93px_1286\.6px\] {
    mask-size: 1035.93px 1286.6px;
  }

  .mask-size-\[4458\.05px_2669\.8px\] {
    mask-size: 4458.05px 2669.8px;
  }

  .mask-no-clip {
    mask-clip: no-clip;
  }

  .mask-position-\[-0\.003px_0\.001px\] {
    mask-position: -.003px .001px;
  }

  .mask-position-\[-0\.004px_0\.001px\] {
    mask-position: -.004px .001px;
  }

  .mask-position-\[-3\.077px_-162\.095px\] {
    mask-position: -3.077px -162.095px;
  }

  .mask-position-\[0\.001px_0px\] {
    mask-position: .001px 0;
  }

  .mask-position-\[0px\] {
    mask-position: 0;
  }

  .mask-position-\[0px_-0\.001px\] {
    mask-position: 0 -.001px;
  }

  .mask-position-\[0px_0\.001px\] {
    mask-position: 0 .001px;
  }

  .mask-position-\[0px_0\.007px\] {
    mask-position: 0 .007px;
  }

  .mask-no-repeat {
    mask-repeat: no-repeat;
  }

  .fill-black {
    fill: var(--color-black);
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-12 {
    padding: calc(var(--spacing) * 12);
  }

  .p-\[0px\] {
    padding: 0;
  }

  .p-\[10px\] {
    padding: 10px;
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-\[4px\] {
    padding-top: 4px;
  }

  .pr-\[0px\] {
    padding-right: 0;
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-\[0px\] {
    padding-bottom: 0;
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-\[0px\] {
    padding-left: 0;
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .align-middle {
    vertical-align: middle;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[\#617c26\] {
    color: #617c26;
  }

  .text-\[\#705bfa\] {
    color: #705bfa;
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-gray-300 {
    color: var(--color-gray-300);
  }

  .text-gray-400 {
    color: var(--color-gray-400);
  }

  .text-gray-500 {
    color: var(--color-gray-500);
  }

  .text-gray-600 {
    color: var(--color-gray-600);
  }

  .text-gray-700 {
    color: var(--color-gray-700);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

  .text-gray-900 {
    color: var(--color-gray-900);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-pink-600 {
    color: var(--color-pink-600);
  }

  .text-purple-400 {
    color: var(--color-purple-400);
  }

  .text-purple-500 {
    color: var(--color-purple-500);
  }

  .text-purple-600 {
    color: var(--color-purple-600);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-white {
    color: var(--color-white);
  }

  .text-yellow-400 {
    color: var(--color-yellow-400);
  }

  .text-yellow-600 {
    color: var(--color-yellow-600);
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

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

  .decoration-green-500 {
    -webkit-text-decoration-color: var(--color-green-500);
    text-decoration-color: var(--color-green-500);
  }

  .decoration-wavy {
    text-decoration-style: wavy;
  }

  .decoration-2 {
    text-decoration-thickness: 2px;
  }

  .decoration-4 {
    text-decoration-thickness: 4px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-5 {
    opacity: .05;
  }

  .opacity-10 {
    opacity: .1;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-85 {
    opacity: .85;
  }

  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[-12px_12px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: -12px 12px 0px 0px var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[2px_2px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: 2px 2px 0px 0px var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[2px_2px_0px_0px_rgba\(255\,200\,0\,1\)\] {
    --tw-shadow: 2px 2px 0px 0px var(--tw-shadow-color, #ffc800);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[3px_3px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: 3px 3px 0px 0px var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[4px_4px_0px_0px_\#60a5fa\] {
    --tw-shadow: 4px 4px 0px 0px var(--tw-shadow-color, #60a5fa);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[4px_4px_0px_0px_\#c084fc\] {
    --tw-shadow: 4px 4px 0px 0px var(--tw-shadow-color, #c084fc);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[4px_4px_0px_0px_\#f472b6\] {
    --tw-shadow: 4px 4px 0px 0px var(--tw-shadow-color, #f472b6);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[4px_4px_0px_0px_\#fbbf24\] {
    --tw-shadow: 4px 4px 0px 0px var(--tw-shadow-color, #fbbf24);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 4px 4px 0px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: 4px 4px 0px 0px var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[8px_8px_0px_0px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 8px 8px 0px 0px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[8px_8px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: 8px 8px 0px 0px var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[8px_8px_0px_0px_rgba\(97\,124\,38\,1\)\] {
    --tw-shadow: 8px 8px 0px 0px var(--tw-shadow-color, #617c26);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[8px_8px_0px_0px_rgba\(255\,200\,0\,1\)\] {
    --tw-shadow: 8px 8px 0px 0px var(--tw-shadow-color, #ffc800);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[12px_12px_0px_0px_rgba\(0\,0\,0\,1\)\] {
    --tw-shadow: 12px 12px 0px 0px var(--tw-shadow-color, #000);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

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

  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

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

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -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, );
  }

  .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, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .delay-300 {
    transition-delay: .3s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-700 {
    --tw-duration: .7s;
    transition-duration: .7s;
  }

  .delay-300 {
    animation-delay: .3s;
  }

  .fade-in {
    --tw-enter-opacity: 0;
  }

  .slide-in-from-bottom-4 {
    --tw-enter-translate-y: calc(4 * var(--spacing));
  }

  .slide-in-from-bottom-8 {
    --tw-enter-translate-y: calc(8 * var(--spacing));
  }

  .zoom-in {
    --tw-enter-scale: 0;
  }

  @media (hover: hover) {
    .group-hover\:-translate-x-1:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-125:is(:where(.group):hover *) {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .group-hover\:-rotate-3:is(:where(.group):hover *) {
      rotate: -3deg;
    }
  }

  @media (hover: hover) {
    .group-hover\:rotate-3:is(:where(.group):hover *) {
      rotate: 3deg;
    }
  }

  @media (hover: hover) {
    .group-hover\:text-black:is(:where(.group):hover *) {
      color: var(--color-black);
    }
  }

  @media (hover: hover) {
    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\:shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\]:is(:where(.group):hover *) {
      --tw-shadow: 4px 4px 0px 0px var(--tw-shadow-color, #000);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .selection\:bg-yellow-300 ::selection, .selection\:bg-yellow-300::selection {
    background-color: var(--color-yellow-300);
  }

  .selection\:text-black ::selection, .selection\:text-black::selection {
    color: var(--color-black);
  }

  @media (hover: hover) {
    .hover\:-translate-y-1:hover {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:-rotate-1:hover {
      rotate: -1deg;
    }
  }

  @media (hover: hover) {
    .hover\:rotate-0:hover {
      rotate: none;
    }
  }

  @media (hover: hover) {
    .hover\:rotate-1:hover {
      rotate: 1deg;
    }
  }

  @media (hover: hover) {
    .hover\:border-black:hover {
      border-color: var(--color-black);
    }
  }

  @media (hover: hover) {
    .hover\:border-blue-200:hover {
      border-color: var(--color-blue-200);
    }
  }

  @media (hover: hover) {
    .hover\:border-yellow-200:hover {
      border-color: var(--color-yellow-200);
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#4f661e\]:hover {
      background-color: #4f661e;
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[\#006396\]:hover {
      background-color: #006396;
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-50:hover {
      background-color: var(--color-blue-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-100:hover {
      background-color: var(--color-blue-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-blue-400:hover {
      background-color: var(--color-blue-400);
    }
  }

  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-green-100:hover {
      background-color: var(--color-green-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-purple-50:hover {
      background-color: var(--color-purple-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-purple-400:hover {
      background-color: var(--color-purple-400);
    }
  }

  @media (hover: hover) {
    .hover\:bg-red-50:hover {
      background-color: var(--color-red-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-yellow-50:hover {
      background-color: var(--color-yellow-50);
    }
  }

  @media (hover: hover) {
    .hover\:bg-yellow-100:hover {
      background-color: var(--color-yellow-100);
    }
  }

  @media (hover: hover) {
    .hover\:bg-yellow-400:hover {
      background-color: var(--color-yellow-400);
    }
  }

  @media (hover: hover) {
    .hover\:text-blue-600:hover {
      color: var(--color-blue-600);
    }
  }

  @media (hover: hover) {
    .hover\:text-white:hover {
      color: var(--color-white);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[4px_4px_0px_0px_rgba\(0\,0\,0\,1\)\]:hover {
      --tw-shadow: 4px 4px 0px 0px var(--tw-shadow-color, #000);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[6px_6px_0px_0px_rgba\(0\,0\,0\,1\)\]:hover {
      --tw-shadow: 6px 6px 0px 0px var(--tw-shadow-color, #000);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .active\:translate-x-\[2px\]:active {
    --tw-translate-x: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:translate-y-\[2px\]:active {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:shadow-none:active {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

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

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:bg-white\/60 {
      background-color: #fff9;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-white\/60 {
        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }

  @media (width >= 40rem) {
    .sm\:inline-block {
      display: inline-block;
    }
  }

  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (width >= 48rem) {
    .md\:-right-8 {
      right: calc(var(--spacing) * -8);
    }
  }

  @media (width >= 48rem) {
    .md\:-left-4 {
      left: calc(var(--spacing) * -4);
    }
  }

  @media (width >= 48rem) {
    .md\:-left-16 {
      left: calc(var(--spacing) * -16);
    }
  }

  @media (width >= 48rem) {
    .md\:-left-\[22px\] {
      left: -22px;
    }
  }

  @media (width >= 48rem) {
    .md\:left-\[35px\] {
      left: 35px;
    }
  }

  @media (width >= 48rem) {
    .md\:order-1 {
      order: 1;
    }
  }

  @media (width >= 48rem) {
    .md\:order-2 {
      order: 2;
    }
  }

  @media (width >= 48rem) {
    .md\:-mx-8 {
      margin-inline: calc(var(--spacing) * -8);
    }
  }

  @media (width >= 48rem) {
    .md\:my-0 {
      margin-block: calc(var(--spacing) * 0);
    }
  }

  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (width >= 48rem) {
    .md\:h-\[400px\] {
      height: 400px;
    }
  }

  @media (width >= 48rem) {
    .md\:h-auto {
      height: auto;
    }
  }

  @media (width >= 48rem) {
    .md\:max-h-none {
      max-height: none;
    }
  }

  @media (width >= 48rem) {
    .md\:w-\[300px\] {
      width: 300px;
    }
  }

  @media (width >= 48rem) {
    .md\:w-\[400px\] {
      width: 400px;
    }
  }

  @media (width >= 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }

  @media (width >= 48rem) {
    .md\:w-full {
      width: 100%;
    }
  }

  @media (width >= 48rem) {
    .md\:w-px {
      width: 1px;
    }
  }

  @media (width >= 48rem) {
    .md\:translate-y-4 {
      --tw-translate-y: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (width >= 48rem) {
    .md\:translate-y-8 {
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (width >= 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (width >= 48rem) {
    .md\:items-stretch {
      align-items: stretch;
    }
  }

  @media (width >= 48rem) {
    .md\:justify-start {
      justify-content: flex-start;
    }
  }

  @media (width >= 48rem) {
    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
  }

  @media (width >= 48rem) {
    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 48rem) {
    .md\:p-16 {
      padding: calc(var(--spacing) * 16);
    }
  }

  @media (width >= 48rem) {
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (width >= 48rem) {
    .md\:py-24 {
      padding-block: calc(var(--spacing) * 24);
    }
  }

  @media (width >= 48rem) {
    .md\:pl-12 {
      padding-left: calc(var(--spacing) * 12);
    }
  }

  @media (width >= 48rem) {
    .md\:text-left {
      text-align: left;
    }
  }

  @media (width >= 48rem) {
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (width >= 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (width >= 64rem) {
    .lg\:sticky {
      position: sticky;
    }
  }

  @media (width >= 64rem) {
    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }
  }

  @media (width >= 64rem) {
    .lg\:order-1 {
      order: 1;
    }
  }

  @media (width >= 64rem) {
    .lg\:order-2 {
      order: 2;
    }
  }

  @media (width >= 64rem) {
    .lg\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }

  @media (width >= 64rem) {
    .lg\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }

  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (width >= 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (width >= 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (width >= 64rem) {
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @media (width >= 64rem) {
    .lg\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }
  }

  @media (width >= 64rem) {
    .lg\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }
  }

  @media (width >= 64rem) {
    .lg\:text-7xl {
      font-size: var(--text-7xl);
      line-height: var(--tw-leading, var(--text-7xl--line-height));
    }
  }

  .font-sans {
    font-family: Manrope, sans-serif;
  }

  .font-serif, .font-heading {
    font-family: Schibsted Grotesk, sans-serif;
  }
}


:root {
  --font-size: 16px;
  --font-family: "Manrope", sans-serif;
  --font-heading: "Schibsted Grotesk", sans-serif;
  --background: #fff;
  --foreground: oklch(.145 0 0);
  --card: #fff;
  --card-foreground: oklch(.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(.145 0 0);
  --primary: #030213;
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(.95 .0058 264.53);
  --secondary-foreground: #030213;
  --muted: #ececf0;
  --muted-foreground: #717182;
  --accent: #e9ebef;
  --accent-foreground: #030213;
  --destructive: #d4183d;
  --destructive-foreground: #fff;
  --border: #0000001a;
  --input: transparent;
  --input-background: #f3f3f5;
  --switch-background: #cbced4;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --ring: oklch(.708 0 0);
  --chart-1: oklch(.646 .222 41.116);
  --chart-2: oklch(.6 .118 184.704);
  --chart-3: oklch(.398 .07 227.392);
  --chart-4: oklch(.828 .189 84.429);
  --chart-5: oklch(.769 .188 70.08);
  --radius: .625rem;
  --sidebar: oklch(.985 0 0);
  --sidebar-foreground: oklch(.145 0 0);
  --sidebar-primary: #030213;
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.97 0 0);
  --sidebar-accent-foreground: oklch(.205 0 0);
  --sidebar-border: oklch(.922 0 0);
  --sidebar-ring: oklch(.708 0 0);
}

.dark {
  --background: oklch(.145 0 0);
  --foreground: oklch(.985 0 0);
  --card: oklch(.145 0 0);
  --card-foreground: oklch(.985 0 0);
  --popover: oklch(.145 0 0);
  --popover-foreground: oklch(.985 0 0);
  --primary: oklch(.985 0 0);
  --primary-foreground: oklch(.205 0 0);
  --secondary: oklch(.269 0 0);
  --secondary-foreground: oklch(.985 0 0);
  --muted: oklch(.269 0 0);
  --muted-foreground: oklch(.708 0 0);
  --accent: oklch(.269 0 0);
  --accent-foreground: oklch(.985 0 0);
  --destructive: oklch(.396 .141 25.723);
  --destructive-foreground: oklch(.637 .237 25.331);
  --border: oklch(.269 0 0);
  --input: oklch(.269 0 0);
  --ring: oklch(.439 0 0);
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --chart-1: oklch(.488 .243 264.376);
  --chart-2: oklch(.696 .17 162.48);
  --chart-3: oklch(.769 .188 70.08);
  --chart-4: oklch(.627 .265 303.9);
  --chart-5: oklch(.645 .246 16.439);
  --sidebar: oklch(.205 0 0);
  --sidebar-foreground: oklch(.985 0 0);
  --sidebar-primary: oklch(.488 .243 264.376);
  --sidebar-primary-foreground: oklch(.985 0 0);
  --sidebar-accent: oklch(.269 0 0);
  --sidebar-accent-foreground: oklch(.985 0 0);
  --sidebar-border: oklch(.269 0 0);
  --sidebar-ring: oklch(.439 0 0);
}

html {
  font-size: var(--font-size);
  font-family: var(--font-family);
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@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-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  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-blur {
  syntax: "*";
  inherits: false
}

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

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

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

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

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

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

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

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

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

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

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

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

@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
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}