/*! tailwindcss v4.3.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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --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-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;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1
    }
  }
}

@layer theme {

  :root,
  :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-600: oklch(57.7% .245 27.325);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 75rem;
    --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-base--line-height: calc(1.5 / 1);
    --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);
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-wider: .05em;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --radius: .25rem;
    --color-surface: #f8f9fa;
    --color-surface-dim: #d9dadb;
    --color-surface-bright: #f8f9fa;
    --color-surface-container-lowest: #fff;
    --color-surface-container-low: #f3f4f5;
    --color-surface-container: #edeeef;
    --color-surface-container-high: #e7e8e9;
    --color-surface-container-highest: #e1e3e4;
    --color-on-surface: #191c1d;
    --color-on-surface-variant: #43474a;
    --color-outline: #73787b;
    --color-primary: #192830;
    --color-secondary: #496366;
    --color-secondary-container: #cbe8eb;
    --color-on-tertiary-container: #ed9101;
    --color-primary-fixed-dim: #b9c9d3;
    --color-tertiary-fixed: #ffdcbc;
    --color-background: #f8f9fa;
    --color-on-background: #191c1d;
    --radius-DEFAULT: .25rem;
    --radius-full: 9999px;
    --spacing-xs: 4px;
    --spacing-sm: 12px;
    --spacing-md: 24px;
    --spacing-lg: 48px;
    --spacing-xl: 80px;
    --spacing-gutter: 24px;
    --spacing-margin-mobile: 16px;
    --spacing-margin-desktop: 64px;
    --font-label-caps: Inter, sans-serif;
    --font-display-lg-mobile: Montserrat, sans-serif;
    --font-display-lg: Montserrat, sans-serif;
    --font-headline-lg: Montserrat, sans-serif;
    --font-headline-md: Montserrat, sans-serif;
    --font-body-lg: Inter, sans-serif;
    --font-body-md: Inter, sans-serif;
    --font-button: Montserrat, sans-serif;
    --text-label-caps: 12px;
    --text-label-caps--line-height: 16px;
    --text-label-caps--letter-spacing: .05em;
    --text-label-caps--font-weight: 700;
    --text-display-lg-mobile: 32px;
    --text-display-lg-mobile--line-height: 40px;
    --text-display-lg-mobile--letter-spacing: -.01em;
    --text-display-lg-mobile--font-weight: 700;
    --text-display-lg: 48px;
    --text-display-lg--line-height: 56px;
    --text-display-lg--letter-spacing: -.02em;
    --text-display-lg--font-weight: 700;
    --text-headline-lg: 32px;
    --text-headline-lg--line-height: 40px;
    --text-headline-lg--font-weight: 600;
    --text-headline-md: 24px;
    --text-headline-md--line-height: 32px;
    --text-headline-md--font-weight: 600;
    --text-body-lg: 18px;
    --text-body-lg--line-height: 28px;
    --text-body-lg--font-weight: 400;
    --text-body-md: 16px;
    --text-body-md--line-height: 24px;
    --text-body-md--font-weight: 400;
    --text-button: 14px;
    --text-button--line-height: 20px;
    --text-button--letter-spacing: .02em;
    --text-button--font-weight: 700
  }
}

@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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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
  }

  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;
    -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:where(:not(iframe)) {
    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
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      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-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
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1
  }

  :-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
  }

  input:where([type=text]),
  input:where(:not([type])),
  input:where([type=email]),
  input:where([type=url]),
  input:where([type=password]),
  input:where([type=number]),
  input:where([type=date]),
  input:where([type=datetime-local]),
  input:where([type=month]),
  input:where([type=search]),
  input:where([type=tel]),
  input:where([type=time]),
  input:where([type=week]),
  select:where([multiple]),
  textarea,
  select {
    appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: oklch(55.1% .027 264.364);
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem
  }

  :is(input:where([type=text]), input:where(:not([type])), input:where([type=email]), input:where([type=url]), input:where([type=password]), input:where([type=number]), input:where([type=date]), input:where([type=datetime-local]), input:where([type=month]), input:where([type=search]), input:where([type=tel]), input:where([type=time]), input:where([type=week]), select:where([multiple]), textarea, select):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: oklch(54.6% .245 262.881);
    outline: 2px solid #0000
  }

  input::placeholder,
  textarea::placeholder {
    color: oklch(55.1% .027 264.364);
    opacity: 1
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
  }

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

  ::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0
  }

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

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

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

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

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

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

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

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

  select {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem
  }

  select:where([multiple]),
  select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    print-color-adjust: unset;
    padding-right: .75rem
  }

  input:where([type=checkbox]),
  input:where([type=radio]) {
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    color: oklch(54.6% .245 262.881);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    border-color: oklch(55.1% .027 264.364);
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    display: inline-block
  }

  input:where([type=checkbox]) {
    border-radius: 0
  }

  input:where([type=radio]) {
    border-radius: 100%
  }

  input:where([type=checkbox]):focus,
  input:where([type=radio]):focus {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% .245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid #0000
  }

  input:where([type=checkbox]):checked,
  input:where([type=radio]):checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000
  }

  input:where([type=checkbox]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
  }

  @media (forced-colors:active) {
    input:where([type=checkbox]):checked {
      appearance: auto
    }
  }

  input:where([type=radio]):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
  }

  @media (forced-colors:active) {
    input:where([type=radio]):checked {
      appearance: auto
    }
  }

  input:where([type=checkbox]):checked:hover,
  input:where([type=checkbox]):checked:focus,
  input:where([type=radio]):checked:hover,
  input:where([type=radio]):checked:focus {
    background-color: currentColor;
    border-color: #0000
  }

  input:where([type=checkbox]):indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000
  }

  @media (forced-colors:active) {
    input:where([type=checkbox]):indeterminate {
      appearance: auto
    }
  }

  input:where([type=checkbox]):indeterminate:hover,
  input:where([type=checkbox]):indeterminate:focus {
    background-color: currentColor;
    border-color: #0000
  }

  input:where([type=file]) {
    background: unset;
    border-color: inherit;
    font-size: unset;
    line-height: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0
  }

  input:where([type=file]):focus {
    outline: 1px solid buttontext;
    outline: 1px auto -webkit-focus-ring-color
  }
}

@layer components;

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

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .inset-0 {
    inset: 0
  }

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

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

  .top-0 {
    top: 0
  }

  .top-1\/2 {
    top: 50%
  }

  .top-sm {
    top: var(--spacing-sm)
  }

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

  .right-0 {
    right: 0
  }

  .right-1\/4 {
    right: 25%
  }

  .right-sm {
    right: var(--spacing-sm)
  }

  .bottom-0 {
    bottom: 0
  }

  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5)
  }

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

  .bottom-sm {
    bottom: var(--spacing-sm)
  }

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

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

  .left-sm {
    left: var(--spacing-sm)
  }

  .z-0 {
    z-index: 0
  }

  .z-10 {
    z-index: 10
  }

  .z-20 {
    z-index: 20
  }

  .z-50 {
    z-index: 50
  }

  .z-\[100\] {
    z-index: 100
  }

  .col-span-full {
    grid-column: 1/-1
  }

  .container {
    width: 100%
  }

  @media (min-width:40rem) {
    .container {
      max-width: 40rem
    }
  }

  @media (min-width:48rem) {
    .container {
      max-width: 48rem
    }
  }

  @media (min-width:64rem) {
    .container {
      max-width: 64rem
    }
  }

  @media (min-width:80rem) {
    .container {
      max-width: 80rem
    }
  }

  @media (min-width:96rem) {
    .container {
      max-width: 96rem
    }
  }

  .mx-auto {
    margin-inline: auto
  }

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

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

  .mt-auto {
    margin-top: auto
  }

  .mt-lg {
    margin-top: var(--spacing-lg)
  }

  .mt-md {
    margin-top: var(--spacing-md)
  }

  .mt-sm {
    margin-top: var(--spacing-sm)
  }

  .mr-xs {
    margin-right: var(--spacing-xs)
  }

  .mb-lg {
    margin-bottom: var(--spacing-lg)
  }

  .mb-md {
    margin-bottom: var(--spacing-md)
  }

  .mb-sm {
    margin-bottom: var(--spacing-sm)
  }

  .mb-xs {
    margin-bottom: var(--spacing-xs)
  }

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

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

  .block {
    display: block
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .inline-block {
    display: inline-block
  }

  .inline-flex {
    display: inline-flex
  }

  .h-1 {
    height: var(--spacing)
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .h-\[80vh\] {
    height: 80vh
  }

  .h-\[250px\] {
    height: 250px
  }

  .h-\[500px\] {
    height: 500px
  }

  .h-full {
    height: 100%
  }

  .max-h-\[90vh\] {
    max-height: 90vh
  }

  .min-h-\[600px\] {
    min-height: 600px
  }

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

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5)
  }

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

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

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

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

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

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

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

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

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

  .w-\[85vw\] {
    width: 85vw
  }

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

  .w-fit {
    width: fit-content
  }

  .w-full {
    width: 100%
  }

  .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-\[150px\] {
    max-width: 150px
  }

  .max-w-\[800px\] {
    max-width: 200px
  }

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

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

  .max-w-lg {
    max-width: var(--spacing-lg)
  }

  .max-w-sm {
    max-width: var(--spacing-sm)
  }

  .min-w-0 {
    min-width: 0
  }

  .flex-1 {
    flex: 1
  }

  .flex-none {
    flex: none
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .flex-grow {
    flex-grow: 1
  }

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

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

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

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

  .cursor-pointer {
    cursor: pointer
  }

  .resize-none {
    resize: none
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
  }

  .snap-center {
    scroll-snap-align: center
  }

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

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

  .grid-cols-4 {
    grid-template-columns: repeat(4, 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
  }

  .justify-end {
    justify-content: flex-end
  }

  .gap-1 {
    gap: var(--spacing)
  }

  .gap-gutter {
    gap: var(--spacing-gutter)
  }

  .gap-lg {
    gap: var(--spacing-lg)
  }

  .gap-md {
    gap: var(--spacing-md)
  }

  .gap-sm {
    gap: var(--spacing-sm)
  }

  .gap-xs {
    gap: var(--spacing-xs)
  }

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

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

  .gap-x-lg {
    column-gap: var(--spacing-lg)
  }

  .gap-x-sm {
    column-gap: var(--spacing-sm)
  }

  .gap-y-sm {
    row-gap: var(--spacing-sm)
  }

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

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-x-auto {
    overflow-x: auto
  }

  .overflow-y-auto {
    overflow-y: auto
  }

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

  .rounded-DEFAULT {
    border-radius: var(--radius-DEFAULT)
  }

  .rounded-full {
    border-radius: var(--radius-full)
  }

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

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

  .rounded-t-DEFAULT {
    border-top-left-radius: var(--radius-DEFAULT);
    border-top-right-radius: var(--radius-DEFAULT)
  }

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

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

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

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

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

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

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

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

  .border-b-\[3px\] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px
  }

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

  .border-\[\#c87a00\] {
    border-color: #c87a00
  }

  .border-\[\#c27500\] {
    border-color: #c27500
  }

  .border-on-tertiary-container {
    border-color: var(--color-on-tertiary-container)
  }

  .border-on-tertiary-container\/40 {
    border-color: #ed910166
  }

  @supports (color:color-mix(in lab, red, red)) {
    .border-on-tertiary-container\/40 {
      border-color: color-mix(in oklab, var(--color-on-tertiary-container) 40%, transparent)
    }
  }

  .border-primary {
    border-color: var(--color-primary)
  }

  .border-secondary\/10 {
    border-color: #4963661a
  }

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

  .border-secondary\/15 {
    border-color: #49636626
  }

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

  .border-secondary\/20 {
    border-color: #49636633
  }

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

  .border-secondary\/30 {
    border-color: #4963664d
  }

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

  .border-white\/10 {
    border-color: #ffffff1a
  }

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

  .border-white\/15 {
    border-color: #ffffff26
  }

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

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

  .bg-black\/40 {
    background-color: #0006
  }

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

  .bg-black\/60 {
    background-color: #0009
  }

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

  .bg-on-tertiary-container {
    background-color: var(--color-on-tertiary-container)
  }

  .bg-on-tertiary-container\/10 {
    background-color: #ed91011a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-on-tertiary-container\/10 {
      background-color: color-mix(in oklab, var(--color-on-tertiary-container) 10%, transparent)
    }
  }

  .bg-on-tertiary-container\/15 {
    background-color: #ed910126
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-on-tertiary-container\/15 {
      background-color: color-mix(in oklab, var(--color-on-tertiary-container) 15%, transparent)
    }
  }

  .bg-on-tertiary-container\/20 {
    background-color: #ed910133
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-on-tertiary-container\/20 {
      background-color: color-mix(in oklab, var(--color-on-tertiary-container) 20%, transparent)
    }
  }

  .bg-primary {
    background-color: var(--color-primary)
  }

  .bg-primary-fixed-dim\/10 {
    background-color: #b9c9d31a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-primary-fixed-dim\/10 {
      background-color: color-mix(in oklab, var(--color-primary-fixed-dim) 10%, transparent)
    }
  }

  .bg-primary\/70 {
    background-color: #192830b3
  }

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

  .bg-primary\/80 {
    background-color: #192830cc
  }

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

  .bg-secondary-container\/40 {
    background-color: #cbe8eb66
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-secondary-container\/40 {
      background-color: color-mix(in oklab, var(--color-secondary-container) 40%, transparent)
    }
  }

  .bg-secondary\/15 {
    background-color: #49636626
  }

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

  .bg-surface-bright {
    background-color: var(--color-surface-bright)
  }

  .bg-surface-container {
    background-color: var(--color-surface-container)
  }

  .bg-surface-container-high {
    background-color: var(--color-surface-container-high)
  }

  .bg-surface-container-low {
    background-color: var(--color-surface-container-low)
  }

  .bg-surface-container-low\/50 {
    background-color: #f3f4f580
  }

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

  .bg-surface-container-low\/60 {
    background-color: #f3f4f599
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-surface-container-low\/60 {
      background-color: color-mix(in oklab, var(--color-surface-container-low) 60%, transparent)
    }
  }

  .bg-surface-container-lowest {
    background-color: var(--color-surface-container-lowest)
  }

  .bg-surface-container-lowest\/10 {
    background-color: #ffffff1a
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-surface-container-lowest\/10 {
      background-color: color-mix(in oklab, var(--color-surface-container-lowest) 10%, transparent)
    }
  }

  .bg-surface-container-lowest\/90 {
    background-color: #ffffffe6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-surface-container-lowest\/90 {
      background-color: color-mix(in oklab, var(--color-surface-container-lowest) 90%, transparent)
    }
  }

  .bg-surface\/90 {
    background-color: #f8f9fae6
  }

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

  .bg-tertiary-fixed {
    background-color: var(--color-tertiary-fixed)
  }

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

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

  .from-primary\/90 {
    --tw-gradient-from: #192830e6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .from-primary\/90 {
      --tw-gradient-from: color-mix(in oklab, var(--color-primary) 90%, transparent)
    }
  }

  .from-primary\/90 {
    --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))
  }

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

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

  .bg-cover {
    background-size: cover
  }

  .bg-center {
    background-position: 50%
  }

  .object-contain {
    object-fit: contain
  }

  .object-cover {
    object-fit: cover
  }

  .p-lg {
    padding: var(--spacing-lg)
  }

  .p-margin-mobile {
    padding: var(--spacing-margin-mobile)
  }

  .p-md {
    padding: var(--spacing-md)
  }

  .p-sm {
    padding: var(--spacing-sm)
  }

  .p-xs {
    padding: var(--spacing-xs)
  }

  .px-lg {
    padding-inline: var(--spacing-lg)
  }

  .px-margin-mobile {
    padding-inline: var(--spacing-margin-mobile)
  }

  .px-md {
    padding-inline: var(--spacing-md)
  }

  .px-sm {
    padding-inline: var(--spacing-sm)
  }

  .px-xl {
    padding-inline: var(--spacing-xl)
  }

  .py-lg {
    padding-block: var(--spacing-lg)
  }

  .py-md {
    padding-block: var(--spacing-md)
  }

  .py-sm {
    padding-block: var(--spacing-sm)
  }

  .py-xl {
    padding-block: var(--spacing-xl)
  }

  .py-xs {
    padding-block: var(--spacing-xs)
  }

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

  .pt-lg {
    padding-top: var(--spacing-lg)
  }

  .pt-md {
    padding-top: var(--spacing-md)
  }

  .pt-sm {
    padding-top: var(--spacing-sm)
  }

  .pt-xs {
    padding-top: var(--spacing-xs)
  }

  .pb-1 {
    padding-bottom: var(--spacing)
  }

  .pb-md {
    padding-bottom: var(--spacing-md)
  }

  .pb-sm {
    padding-bottom: var(--spacing-sm)
  }

  .pb-xl {
    padding-bottom: var(--spacing-xl)
  }

  .pb-xs {
    padding-bottom: var(--spacing-xs)
  }

  .text-center {
    text-align: center
  }

  .text-right {
    text-align: right
  }

  .font-body-lg {
    font-family: var(--font-body-lg)
  }

  .font-body-md {
    font-family: var(--font-body-md)
  }

  .font-button {
    font-family: var(--font-button)
  }

  .font-display-lg-mobile {
    font-family: var(--font-display-lg-mobile)
  }

  .font-headline-lg {
    font-family: var(--font-headline-lg)
  }

  .font-headline-md {
    font-family: var(--font-headline-md)
  }

  .font-label-caps {
    font-family: var(--font-label-caps)
  }

  .text-button {
    font-size: var(--text-button);
    line-height: var(--tw-leading, var(--text-button--line-height));
    letter-spacing: var(--tw-tracking, var(--text-button--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-button--font-weight))
  }

  .text-display-lg-mobile {
    font-size: var(--text-display-lg-mobile);
    line-height: var(--tw-leading, var(--text-display-lg-mobile--line-height));
    letter-spacing: var(--tw-tracking, var(--text-display-lg-mobile--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-display-lg-mobile--font-weight))
  }

  .text-label-caps {
    font-size: var(--text-label-caps);
    line-height: var(--tw-leading, var(--text-label-caps--line-height));
    letter-spacing: var(--tw-tracking, var(--text-label-caps--letter-spacing));
    font-weight: var(--tw-font-weight, var(--text-label-caps--font-weight))
  }

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

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

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

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

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--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))
  }

  .text-\[10px\] {
    font-size: 10px
  }

  .text-\[11px\] {
    font-size: 11px
  }

  .text-\[12px\] {
    font-size: 12px
  }

  .text-\[13px\] {
    font-size: 13px
  }

  .text-\[14px\] {
    font-size: 14px
  }

  .text-\[15px\] {
    font-size: 15px
  }

  .text-\[16px\] {
    font-size: 16px
  }

  .text-\[18px\] {
    font-size: 18px
  }

  .text-\[20px\] {
    font-size: 20px
  }

  .text-\[24px\] {
    font-size: 24px
  }

  .text-\[32px\] {
    font-size: 32px
  }

  .text-\[40px\] {
    font-size: 40px
  }

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

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

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

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

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

  .break-all {
    word-break: break-all
  }

  .text-\[\#ffb74d\] {
    color: #ffb74d
  }

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

  .text-on-background {
    color: var(--color-on-background)
  }

  .text-on-surface {
    color: var(--color-on-surface)
  }

  .text-on-surface-variant {
    color: var(--color-on-surface-variant)
  }

  .text-on-tertiary-container {
    color: var(--color-on-tertiary-container)
  }

  .text-outline {
    color: var(--color-outline)
  }

  .text-primary {
    color: var(--color-primary)
  }

  .text-primary-fixed-dim {
    color: var(--color-primary-fixed-dim)
  }

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

  .text-secondary {
    color: var(--color-secondary)
  }

  .text-surface-container-lowest {
    color: var(--color-surface-container-lowest)
  }

  .text-surface-dim {
    color: var(--color-surface-dim)
  }

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

  .text-white\/90 {
    color: #ffffffe6
  }

  @supports (color:color-mix(in lab, red, red)) {
    .text-white\/90 {
      color: color-mix(in oklab, var(--color-white) 90%, transparent)
    }
  }

  .uppercase {
    text-transform: uppercase
  }

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

  .opacity-5 {
    opacity: .05
  }

  .opacity-15 {
    opacity: .15
  }

  .opacity-20 {
    opacity: .2
  }

  .opacity-60 {
    opacity: .6
  }

  .opacity-80 {
    opacity: .8
  }

  .opacity-100 {
    opacity: 1
  }

  .opacity-\[0\.07\] {
    opacity: .07
  }

  .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-\[0px_2px_8px_rgba\(47\,62\,70\,0\.05\)\] {
    --tw-shadow: 0px 2px 8px var(--tw-shadow-color, #2f3e460d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0px_4px_12px_rgba\(47\,62\,70\,0\.08\)\] {
    --tw-shadow: 0px 4px 12px var(--tw-shadow-color, #2f3e4614);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-\[0px_20px_48px_rgba\(25\,40\,48\,0\.35\)\] {
    --tw-shadow: 0px 20px 48px var(--tw-shadow-color, #19283059);
    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)
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px 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-2 {
    --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)
  }

  .ring-on-tertiary-container {
    --tw-ring-color: var(--color-on-tertiary-container)
  }

  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    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, )
  }

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

  .blur-\[120px\] {
    --tw-blur: blur(120px);
    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, )
  }

  .blur-xl {
    --tw-blur: blur(var(--blur-xl));
    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, )
  }

  .grayscale {
    --tw-grayscale: grayscale(100%);
    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-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -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-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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-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-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))
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s
  }

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

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

  @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)
    }

    .group-hover\:border-on-tertiary-container:is(:where(.group):hover *) {
      border-color: var(--color-on-tertiary-container)
    }

    .group-hover\:text-\[\#ffb74d\]:is(:where(.group):hover *) {
      color: #ffb74d
    }

    .group-hover\:text-on-tertiary-container:is(:where(.group):hover *) {
      color: var(--color-on-tertiary-container)
    }
  }

  .selection\:bg-on-tertiary-container ::selection {
    background-color: var(--color-on-tertiary-container)
  }

  .selection\:bg-on-tertiary-container::selection {
    background-color: var(--color-on-tertiary-container)
  }

  .selection\:text-white ::selection {
    color: var(--color-white)
  }

  .selection\:text-white::selection {
    color: var(--color-white)
  }

  @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)
    }

    .hover\:border-on-tertiary-container:hover {
      border-color: var(--color-on-tertiary-container)
    }

    .hover\:border-on-tertiary-container\/50:hover {
      border-color: #ed910180
    }

    @supports (color:color-mix(in lab, red, red)) {
      .hover\:border-on-tertiary-container\/50:hover {
        border-color: color-mix(in oklab, var(--color-on-tertiary-container) 50%, transparent)
      }
    }

    .hover\:bg-\[\#d68301\]:hover {
      background-color: #d68301
    }

    .hover\:bg-\[\#d88400\]:hover {
      background-color: #d88400
    }

    .hover\:bg-on-tertiary-container:hover {
      background-color: var(--color-on-tertiary-container)
    }

    .hover\:bg-primary:hover {
      background-color: var(--color-primary)
    }

    .hover\:bg-surface-container:hover {
      background-color: var(--color-surface-container)
    }

    .hover\:bg-surface-container-high:hover {
      background-color: var(--color-surface-container-high)
    }

    .hover\:bg-surface-container-highest:hover {
      background-color: var(--color-surface-container-highest)
    }

    .hover\:text-\[\#c27500\]:hover {
      color: #c27500
    }

    .hover\:text-on-tertiary-container:hover {
      color: var(--color-on-tertiary-container)
    }

    .hover\:text-primary:hover {
      color: var(--color-primary)
    }

    .hover\:text-surface-container-lowest:hover {
      color: var(--color-surface-container-lowest)
    }

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

    .hover\:underline:hover {
      text-decoration-line: underline
    }

    .hover\:opacity-90:hover {
      opacity: .9
    }
  }

  .focus\:ring-2:focus {
    --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\:ring-on-tertiary-container:focus {
    --tw-ring-color: var(--color-on-tertiary-container)
  }

  .focus\:ring-offset-2:focus {
    --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\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y)
  }

  .active\:scale-\[0\.99\]:active {
    scale: .99
  }

  @media (min-width:40rem) {
    .sm\:col-span-2 {
      grid-column: span 2/span 2
    }

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

    .sm\:h-52 {
      height: calc(var(--spacing) * 52)
    }

    .sm\:w-auto {
      width: auto
    }

    .sm\:max-w-none {
      max-width: none
    }

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

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

    .sm\:flex-row {
      flex-direction: row
    }

    .sm\:p-lg {
      padding: var(--spacing-lg)
    }

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

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

  @media (min-width:48rem) {
    .md\:flex {
      display: flex
    }

    .md\:hidden {
      display: none
    }

    .md\:h-\[360px\] {
      height: 360px
    }

    .md\:h-auto {
      height: auto
    }

    .md\:w-\[400px\] {
      width: 400px
    }

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

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

    .md\:flex-row {
      flex-direction: row
    }

    .md\:flex-row-reverse {
      flex-direction: row-reverse
    }

    .md\:justify-start {
      justify-content: flex-start
    }

    .md\:p-lg {
      padding: var(--spacing-lg)
    }

    .md\:p-margin-desktop {
      padding: var(--spacing-margin-desktop)
    }

    .md\:p-xl {
      padding: var(--spacing-xl)
    }

    .md\:px-lg {
      padding-inline: var(--spacing-lg)
    }

    .md\:px-margin-desktop {
      padding-inline: var(--spacing-margin-desktop)
    }

    .md\:py-md {
      padding-block: var(--spacing-md)
    }

    .md\:text-left {
      text-align: left
    }

    .md\:font-display-lg {
      font-family: var(--font-display-lg)
    }

    .md\:text-display-lg {
      font-size: var(--text-display-lg);
      line-height: var(--tw-leading, var(--text-display-lg--line-height));
      letter-spacing: var(--tw-tracking, var(--text-display-lg--letter-spacing));
      font-weight: var(--tw-font-weight, var(--text-display-lg--font-weight))
    }

    .md\:text-headline-md {
      font-size: var(--text-headline-md);
      line-height: var(--tw-leading, var(--text-headline-md--line-height));
      font-weight: var(--tw-font-weight, var(--text-headline-md--font-weight))
    }
  }

  @media (min-width:64rem) {
    .lg\:col-span-5 {
      grid-column: span 5/span 5
    }

    .lg\:col-span-7 {
      grid-column: span 7/span 7
    }

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

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

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

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

    .lg\:gap-lg {
      gap: var(--spacing-lg)
    }

    .lg\:gap-xl {
      gap: var(--spacing-xl)
    }
  }
}

body {
  background-color: var(--color-background);
  color: var(--color-on-background);
  font-family: var(--font-body-md);
  -webkit-font-smoothing: antialiased
}

.material-symbols-outlined {
  font-variation-settings: "FILL"0, "wght"400, "GRAD"0, "opsz"24;
  vertical-align: middle
}

.material-symbols-outlined[data-weight=fill] {
  font-variation-settings: "FILL"1, "wght"400, "GRAD"0, "opsz"24
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #ed9101
}

.no-scrollbar::-webkit-scrollbar {
  display: none
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.industrial-card {
  background-color: #fff;
  border: 1px solid #4963661a;
  transition: all .3s
}

.industrial-card:hover {
  border-color: #ed9101;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px #2f3e4614
}

.blueprint-list-item {
  border-bottom: 1px dotted #c3c7ca
}

.blueprint-list-item:last-child {
  border-bottom: none
}

#project-modal {
  transition: opacity .3s cubic-bezier(.16, 1, .3, 1), visibility .3s cubic-bezier(.16, 1, .3, 1)
}

#project-modal.modal-closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

#project-modal.modal-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

#modal-container {
  transition: transform .3s cubic-bezier(.16, 1, .3, 1), opacity .3s cubic-bezier(.16, 1, .3, 1)
}

#project-modal.modal-closed #modal-container {
  opacity: 0;
  transform: scale(.95)translateY(12px)
}

#project-modal.modal-open #modal-container {
  opacity: 1;
  transform: scale(1)translateY(0)
}

#mobile-menu {
  border-top: 1px solid #4963661a
}

.map-container {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 600px;
  position: relative
}

.map-fade-top {
  pointer-events: none;
  background: linear-gradient(#f8f9fa 0%, #f8f9fa00 100%);
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.map-fade-bottom {
  pointer-events: none;
  background: linear-gradient(#0c0c0c00 0%, #fff 80%);
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.custom-marker {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.marker-pin {
  background-color: var(--color-primary);
  border-radius: 50% 50% 50% 0;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: rotate(-45deg);
  box-shadow: 2px 2px 5px #0000004d
}

.marker-pin:after {
  content: "";
  background: #fff;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin: 13px 0 0 13px;
  position: absolute
}

#news-modal {
  transition: opacity .3s cubic-bezier(.16, 1, .3, 1), visibility .3s cubic-bezier(.16, 1, .3, 1)
}

#news-modal.modal-closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none
}

#news-modal.modal-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto
}

#news-modal.modal-closed #modal-container {
  opacity: 0;
  transform: scale(.95)translateY(12px)
}

#news-modal.modal-open #modal-container {
  opacity: 1;
  transform: scale(1)translateY(0)
}

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

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

@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-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-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity
}

@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-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
}

@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
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}