/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@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(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-400: oklch(75% 0.183 55.934);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-lime-300: oklch(89.7% 0.196 126.665);
    --color-lime-400: oklch(84.1% 0.238 128.85);
    --color-lime-500: oklch(76.8% 0.233 130.85);
    --color-lime-600: oklch(64.8% 0.2 131.684);
    --color-lime-800: oklch(45.3% 0.124 130.933);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-cyan-600: oklch(60.9% 0.126 221.723);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-violet-600: oklch(54.1% 0.281 293.009);
    --color-fuchsia-300: oklch(83.3% 0.145 321.434);
    --color-fuchsia-400: oklch(74% 0.238 322.16);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.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);
    --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-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--line-height: 1;
    --font-weight-thin: 100;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    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;
  }
  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;
    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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.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-x-0 {
  inset-inline: calc(var(--spacing) * 0);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-0\.5 {
  top: calc(var(--spacing) * 0.5);
}
.top-1\.5 {
  top: calc(var(--spacing) * 1.5);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-2\/4 {
  top: calc(2/4 * 100%);
}
.top-3 {
  top: calc(var(--spacing) * 3);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-16 {
  top: calc(var(--spacing) * 16);
}
.top-24 {
  top: calc(var(--spacing) * 24);
}
.top-\[0\.75rem\] {
  top: 0.75rem;
}
.top-\[0\.175rem\] {
  top: 0.175rem;
}
.top-\[7\%\] {
  top: 7%;
}
.top-\[13\%\] {
  top: 13%;
}
.top-\[calc\(100\%-4\.25rem-0\.75rem\)\] {
  top: calc(100% - 4.25rem - 0.75rem);
}
.-right-8 {
  right: calc(var(--spacing) * -8);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-1 {
  right: calc(var(--spacing) * 1);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.right-2\.5 {
  right: calc(var(--spacing) * 2.5);
}
.right-3 {
  right: calc(var(--spacing) * 3);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-14 {
  right: calc(var(--spacing) * 14);
}
.right-\[12\%\] {
  right: 12%;
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-\[-14vh\] {
  bottom: -14vh;
}
.bottom-\[0\.25rem\] {
  bottom: 0.25rem;
}
.bottom-\[0\.75rem\] {
  bottom: 0.75rem;
}
.bottom-\[10vh\] {
  bottom: 10vh;
}
.bottom-\[15vh\] {
  bottom: 15vh;
}
.bottom-\[18vh\] {
  bottom: 18vh;
}
.bottom-\[25vh\] {
  bottom: 25vh;
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-0\.5 {
  left: calc(var(--spacing) * 0.5);
}
.left-1 {
  left: calc(var(--spacing) * 1);
}
.left-1\.5 {
  left: calc(var(--spacing) * 1.5);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-2 {
  left: calc(var(--spacing) * 2);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.left-9 {
  left: calc(var(--spacing) * 9);
}
.left-16 {
  left: calc(var(--spacing) * 16);
}
.left-\[-17rem\] {
  left: -17rem;
}
.left-\[0\.25rem\] {
  left: 0.25rem;
}
.left-\[0\.45rem\] {
  left: 0.45rem;
}
.left-\[1\.6rem\] {
  left: 1.6rem;
}
.left-\[10rem\] {
  left: 10rem;
}
.left-\[19rem\] {
  left: 19rem;
}
.left-\[20\%\] {
  left: 20%;
}
.left-\[25\%\] {
  left: 25%;
}
.left-\[43rem\] {
  left: 43rem;
}
.left-full {
  left: 100%;
}
.isolate {
  isolation: isolate;
}
.-z-5 {
  z-index: calc(5 * -1);
}
.-z-10 {
  z-index: calc(10 * -1);
}
.z-0 {
  z-index: 0;
}
.z-2 {
  z-index: 2;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.z-69 {
  z-index: 69;
}
.z-999 {
  z-index: 999;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[71\] {
  z-index: 71;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[99\] {
  z-index: 99;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[999\] {
  z-index: 999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.float-right {
  float: right;
}
.container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.m-0 {
  margin: calc(var(--spacing) * 0);
}
.m-1 {
  margin: calc(var(--spacing) * 1);
}
.m-2 {
  margin: calc(var(--spacing) * 2);
}
.m-4 {
  margin: calc(var(--spacing) * 4);
}
.m-12 {
  margin: calc(var(--spacing) * 12);
}
.m-auto {
  margin: auto;
}
.-mx-4 {
  margin-inline: calc(var(--spacing) * -4);
}
.mx-0 {
  margin-inline: calc(var(--spacing) * 0);
}
.mx-0\.5 {
  margin-inline: calc(var(--spacing) * 0.5);
}
.mx-1 {
  margin-inline: calc(var(--spacing) * 1);
}
.mx-2 {
  margin-inline: calc(var(--spacing) * 2);
}
.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}
.mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}
.mx-5 {
  margin-inline: calc(var(--spacing) * 5);
}
.mx-8 {
  margin-inline: calc(var(--spacing) * 8);
}
.mx-auto {
  margin-inline: auto;
}
.my-0 {
  margin-block: calc(var(--spacing) * 0);
}
.my-1 {
  margin-block: calc(var(--spacing) * 1);
}
.my-1\.5 {
  margin-block: calc(var(--spacing) * 1.5);
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-3 {
  margin-block: calc(var(--spacing) * 3);
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.my-6 {
  margin-block: calc(var(--spacing) * 6);
}
.my-auto {
  margin-block: auto;
}
.-mt-1 {
  margin-top: calc(var(--spacing) * -1);
}
.-mt-2 {
  margin-top: calc(var(--spacing) * -2);
}
.-mt-4 {
  margin-top: calc(var(--spacing) * -4);
}
.mt-0 {
  margin-top: calc(var(--spacing) * 0);
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-14 {
  margin-top: calc(var(--spacing) * 14);
}
.mt-20 {
  margin-top: calc(var(--spacing) * 20);
}
.mt-\[-1\.5rem\] {
  margin-top: -1.5rem;
}
.mt-\[-1rem\] {
  margin-top: -1rem;
}
.mt-\[0\.2rem\] {
  margin-top: 0.2rem;
}
.mt-\[1\.75rem\] {
  margin-top: 1.75rem;
}
.mt-auto {
  margin-top: auto;
}
.-mr-1 {
  margin-right: calc(var(--spacing) * -1);
}
.mr-0 {
  margin-right: calc(var(--spacing) * 0);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-2\.5 {
  margin-right: calc(var(--spacing) * 2.5);
}
.mr-3 {
  margin-right: calc(var(--spacing) * 3);
}
.mr-4 {
  margin-right: calc(var(--spacing) * 4);
}
.mr-5 {
  margin-right: calc(var(--spacing) * 5);
}
.mr-8 {
  margin-right: calc(var(--spacing) * 8);
}
.mr-10 {
  margin-right: calc(var(--spacing) * 10);
}
.mr-16 {
  margin-right: calc(var(--spacing) * 16);
}
.mr-\[0\.4rem\] {
  margin-right: 0.4rem;
}
.mr-auto {
  margin-right: auto;
}
.-mb-4 {
  margin-bottom: calc(var(--spacing) * -4);
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-0\.5 {
  margin-bottom: calc(var(--spacing) * 0.5);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-2\.5 {
  margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-3\.5 {
  margin-bottom: calc(var(--spacing) * 3.5);
}
.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-14 {
  margin-bottom: calc(var(--spacing) * 14);
}
.mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}
.mb-\[-0\.4rem\] {
  margin-bottom: -0.4rem;
}
.mb-\[-0\.25rem\] {
  margin-bottom: -0.25rem;
}
.mb-auto {
  margin-bottom: auto;
}
.mb-px {
  margin-bottom: 1px;
}
.ml-0 {
  margin-left: calc(var(--spacing) * 0);
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-1\.5 {
  margin-left: calc(var(--spacing) * 1.5);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3);
}
.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}
.ml-5 {
  margin-left: calc(var(--spacing) * 5);
}
.ml-6 {
  margin-left: calc(var(--spacing) * 6);
}
.ml-8 {
  margin-left: calc(var(--spacing) * 8);
}
.ml-12 {
  margin-left: calc(var(--spacing) * 12);
}
.ml-\[0\.625rem\] {
  margin-left: 0.625rem;
}
.ml-auto {
  margin-left: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.list-item {
  display: list-item;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-header-group {
  display: table-header-group;
}
.table-row {
  display: table-row;
}
.table-row-group {
  display: table-row-group;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.h-0\.5 {
  height: calc(var(--spacing) * 0.5);
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-1\/3 {
  height: calc(1/3 * 100%);
}
.h-1\/5 {
  height: calc(1/5 * 100%);
}
.h-2\/3 {
  height: calc(2/3 * 100%);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-3\/5 {
  height: calc(3/5 * 100%);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-4\/5 {
  height: calc(4/5 * 100%);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.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-\[0\.25rem\] {
  height: 0.25rem;
}
.h-\[1\.875rem\] {
  height: 1.875rem;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[2\.813rem\] {
  height: 2.813rem;
}
.h-\[3\.125rem\] {
  height: 3.125rem;
}
.h-\[3\.188rem\] {
  height: 3.188rem;
}
.h-\[3px\] {
  height: 3px;
}
.h-\[5rem\] {
  height: 5rem;
}
.h-\[9\.375rem\] {
  height: 9.375rem;
}
.h-\[20vh\] {
  height: 20vh;
}
.h-\[25vh\] {
  height: 25vh;
}
.h-\[40\.625rem\] {
  height: 40.625rem;
}
.h-\[43vh\] {
  height: 43vh;
}
.h-\[50rem\] {
  height: 50rem;
}
.h-\[50vh\] {
  height: 50vh;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[75dvh\] {
  height: 75dvh;
}
.h-\[80vh\] {
  height: 80vh;
}
.h-\[85dvh\] {
  height: 85dvh;
}
.h-\[90\%\] {
  height: 90%;
}
.h-\[90vh\] {
  height: 90vh;
}
.h-\[95\%\] {
  height: 95%;
}
.h-\[95dvh\] {
  height: 95dvh;
}
.h-\[100vh\] {
  height: 100vh;
}
.h-\[288px\] {
  height: 288px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[891px\] {
  height: 891px;
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-10 {
  max-height: calc(var(--spacing) * 10);
}
.max-h-16 {
  max-height: calc(var(--spacing) * 16);
}
.max-h-24 {
  max-height: calc(var(--spacing) * 24);
}
.max-h-28 {
  max-height: calc(var(--spacing) * 28);
}
.max-h-36 {
  max-height: calc(var(--spacing) * 36);
}
.max-h-60 {
  max-height: calc(var(--spacing) * 60);
}
.max-h-96 {
  max-height: calc(var(--spacing) * 96);
}
.max-h-\[9rem\] {
  max-height: 9rem;
}
.max-h-\[31\.25rem\] {
  max-height: 31.25rem;
}
.max-h-\[35vh\] {
  max-height: 35vh;
}
.max-h-\[40\%\] {
  max-height: 40%;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[100\%\] {
  max-height: 100%;
}
.max-h-full {
  max-height: 100%;
}
.\!min-h-4 {
  min-height: calc(var(--spacing) * 4) !important;
}
.min-h-0 {
  min-height: calc(var(--spacing) * 0);
}
.min-h-1\/2 {
  min-height: calc(1/2 * 100%);
}
.min-h-4 {
  min-height: calc(var(--spacing) * 4);
}
.min-h-8 {
  min-height: calc(var(--spacing) * 8);
}
.min-h-9 {
  min-height: calc(var(--spacing) * 9);
}
.min-h-10 {
  min-height: calc(var(--spacing) * 10);
}
.min-h-12 {
  min-height: calc(var(--spacing) * 12);
}
.min-h-16 {
  min-height: calc(var(--spacing) * 16);
}
.min-h-20 {
  min-height: calc(var(--spacing) * 20);
}
.min-h-24 {
  min-height: calc(var(--spacing) * 24);
}
.min-h-32 {
  min-height: calc(var(--spacing) * 32);
}
.min-h-36 {
  min-height: calc(var(--spacing) * 36);
}
.min-h-48 {
  min-height: calc(var(--spacing) * 48);
}
.min-h-96 {
  min-height: calc(var(--spacing) * 96);
}
.min-h-\[1\.25rem\] {
  min-height: 1.25rem;
}
.min-h-\[1\.875rem\] {
  min-height: 1.875rem;
}
.min-h-\[2\.625rem\] {
  min-height: 2.625rem;
}
.min-h-\[3\.25rem\] {
  min-height: 3.25rem;
}
.min-h-\[3\.063rem\] {
  min-height: 3.063rem;
}
.min-h-\[3\.875rem\] {
  min-height: 3.875rem;
}
.min-h-\[375px\] {
  min-height: 375px;
}
.min-h-\[520px\] {
  min-height: 520px;
}
.min-h-\[600px\] {
  min-height: 600px;
}
.min-h-\[680px\] {
  min-height: 680px;
}
.min-h-full {
  min-height: 100%;
}
.w-0 {
  width: calc(var(--spacing) * 0);
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-1\/3 {
  width: calc(1/3 * 100%);
}
.w-1\/4 {
  width: calc(1/4 * 100%);
}
.w-1\/5 {
  width: calc(1/5 * 100%);
}
.w-1\/6 {
  width: calc(1/6 * 100%);
}
.w-1\/10 {
  width: calc(1/10 * 100%);
}
.w-1\/25 {
  width: calc(1/25 * 100%);
}
.w-2 {
  width: calc(var(--spacing) * 2);
}
.w-2\/3 {
  width: calc(2/3 * 100%);
}
.w-2\/5 {
  width: calc(2/5 * 100%);
}
.w-2\/6 {
  width: calc(2/6 * 100%);
}
.w-3 {
  width: calc(var(--spacing) * 3);
}
.w-3\/4 {
  width: calc(3/4 * 100%);
}
.w-3\/5 {
  width: calc(3/5 * 100%);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-4\/5 {
  width: calc(4/5 * 100%);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-5\/12 {
  width: calc(5/12 * 100%);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-11\/12 {
  width: calc(11/12 * 100%);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-13 {
  width: calc(var(--spacing) * 13);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-15 {
  width: calc(var(--spacing) * 15);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-26 {
  width: calc(var(--spacing) * 26);
}
.w-28 {
  width: calc(var(--spacing) * 28);
}
.w-32 {
  width: calc(var(--spacing) * 32);
}
.w-40 {
  width: calc(var(--spacing) * 40);
}
.w-44 {
  width: calc(var(--spacing) * 44);
}
.w-48 {
  width: calc(var(--spacing) * 48);
}
.w-60 {
  width: calc(var(--spacing) * 60);
}
.w-64 {
  width: calc(var(--spacing) * 64);
}
.w-72 {
  width: calc(var(--spacing) * 72);
}
.w-80 {
  width: calc(var(--spacing) * 80);
}
.w-96 {
  width: calc(var(--spacing) * 96);
}
.w-\[0\.25rem\] {
  width: 0.25rem;
}
.w-\[1\.8rem\] {
  width: 1.8rem;
}
.w-\[2\.25rem\] {
  width: 2.25rem;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[3\.125rem\] {
  width: 3.125rem;
}
.w-\[9\.375rem\] {
  width: 9.375rem;
}
.w-\[9rem\] {
  width: 9rem;
}
.w-\[12\.5rem\] {
  width: 12.5rem;
}
.w-\[12\.938rem\] {
  width: 12.938rem;
}
.w-\[16rem\] {
  width: 16rem;
}
.w-\[19rem\] {
  width: 19rem;
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[20rem\] {
  width: 20rem;
}
.w-\[21\.5rem\] {
  width: 21.5rem;
}
.w-\[25rem\] {
  width: 25rem;
}
.w-\[28rem\] {
  width: 28rem;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[60vw\] {
  width: 60vw;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[75\%\] {
  width: 75%;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[95\%\] {
  width: 95%;
}
.w-\[98\%\] {
  width: 98%;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[288px\] {
  width: 288px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[425px\] {
  width: 425px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[1130px\] {
  width: 1130px;
}
.w-\[calc\(100\%-3px\)\] {
  width: calc(100% - 3px);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-screen {
  width: 100vw;
}
.max-w-1\/2 {
  max-width: calc(1/2 * 100%);
}
.max-w-1\/3 {
  max-width: calc(1/3 * 100%);
}
.max-w-9 {
  max-width: calc(var(--spacing) * 9);
}
.max-w-11 {
  max-width: calc(var(--spacing) * 11);
}
.max-w-14 {
  max-width: calc(var(--spacing) * 14);
}
.max-w-48 {
  max-width: calc(var(--spacing) * 48);
}
.max-w-64 {
  max-width: calc(var(--spacing) * 64);
}
.max-w-79 {
  max-width: calc(var(--spacing) * 79);
}
.max-w-80 {
  max-width: calc(var(--spacing) * 80);
}
.max-w-96 {
  max-width: calc(var(--spacing) * 96);
}
.max-w-\[1\.563rem\] {
  max-width: 1.563rem;
}
.max-w-\[4\.375rem\] {
  max-width: 4.375rem;
}
.max-w-\[10\%\] {
  max-width: 10%;
}
.max-w-\[15\%\] {
  max-width: 15%;
}
.max-w-\[20\%\] {
  max-width: 20%;
}
.max-w-\[20vw\] {
  max-width: 20vw;
}
.max-w-\[25\%\] {
  max-width: 25%;
}
.max-w-\[30\%\] {
  max-width: 30%;
}
.max-w-\[35\%\] {
  max-width: 35%;
}
.max-w-\[40\%\] {
  max-width: 40%;
}
.max-w-\[45\%\] {
  max-width: 45%;
}
.max-w-\[45vw\] {
  max-width: 45vw;
}
.max-w-\[50\%\] {
  max-width: 50%;
}
.max-w-\[60\%\] {
  max-width: 60%;
}
.max-w-\[64rem\] {
  max-width: 64rem;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[500px\] {
  max-width: 500px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-sm {
  max-width: var(--container-sm);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-1 {
  min-width: calc(var(--spacing) * 1);
}
.min-w-1\/6 {
  min-width: calc(1/6 * 100%);
}
.min-w-4 {
  min-width: calc(var(--spacing) * 4);
}
.min-w-8 {
  min-width: calc(var(--spacing) * 8);
}
.min-w-9 {
  min-width: calc(var(--spacing) * 9);
}
.min-w-11 {
  min-width: calc(var(--spacing) * 11);
}
.min-w-14 {
  min-width: calc(var(--spacing) * 14);
}
.min-w-20 {
  min-width: calc(var(--spacing) * 20);
}
.min-w-28 {
  min-width: calc(var(--spacing) * 28);
}
.min-w-36 {
  min-width: calc(var(--spacing) * 36);
}
.min-w-40 {
  min-width: calc(var(--spacing) * 40);
}
.min-w-96 {
  min-width: calc(var(--spacing) * 96);
}
.min-w-\[1\.875rem\] {
  min-width: 1.875rem;
}
.min-w-\[2\.75rem\] {
  min-width: 2.75rem;
}
.min-w-\[2\.625rem\] {
  min-width: 2.625rem;
}
.min-w-\[12\.5rem\] {
  min-width: 12.5rem;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[16rem\] {
  min-width: 16rem;
}
.min-w-\[18\.75rem\] {
  min-width: 18.75rem;
}
.min-w-\[24rem\] {
  min-width: 24rem;
}
.min-w-\[25\%\] {
  min-width: 25%;
}
.min-w-\[35\%\] {
  min-width: 35%;
}
.min-w-\[450px\] {
  min-width: 450px;
}
.flex-1 {
  flex: 1;
}
.flex-\[1\] {
  flex: 1;
}
.flex-\[2\] {
  flex: 2;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.grow-1 {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: calc(var(--spacing) * 0);
}
.basis-20 {
  flex-basis: calc(var(--spacing) * 20);
}
.basis-32 {
  flex-basis: calc(var(--spacing) * 32);
}
.basis-72 {
  flex-basis: calc(var(--spacing) * 72);
}
.basis-full {
  flex-basis: 100%;
}
.table-auto {
  table-layout: auto;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-center {
  transform-origin: center;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[25\%\] {
  --tw-translate-x: 25%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-full {
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-2\/4 {
  --tw-translate-y: calc(calc(2/4 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\[110\%\] {
  --tw-translate-y: calc(110% * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-full {
  --tw-translate-y: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-1\/2 {
  --tw-translate-y: calc(1/2 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-full {
  --tw-translate-y: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-1 {
  --tw-scale-x: 1%;
  --tw-scale-y: 1%;
  --tw-scale-z: 1%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-2 {
  --tw-scale-x: 2%;
  --tw-scale-y: 2%;
  --tw-scale-z: 2%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-3 {
  --tw-scale-x: 3%;
  --tw-scale-y: 3%;
  --tw-scale-z: 3%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-4 {
  --tw-scale-x: 4%;
  --tw-scale-y: 4%;
  --tw-scale-z: 4%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-5 {
  --tw-scale-x: 5%;
  --tw-scale-y: 5%;
  --tw-scale-z: 5%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-6 {
  --tw-scale-x: 6%;
  --tw-scale-y: 6%;
  --tw-scale-z: 6%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-100 {
  --tw-scale-x: 100%;
  --tw-scale-y: 100%;
  --tw-scale-z: 100%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-102 {
  --tw-scale-x: 102%;
  --tw-scale-y: 102%;
  --tw-scale-z: 102%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-105 {
  --tw-scale-x: 105%;
  --tw-scale-y: 105%;
  --tw-scale-z: 105%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-\[2\] {
  scale: 2;
}
.-rotate-90 {
  rotate: calc(90deg * -1);
}
.rotate-45 {
  rotate: 45deg;
}
.rotate-90 {
  rotate: 90deg;
}
.rotate-180 {
  rotate: 180deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-ping {
  animation: var(--animate-ping);
}
.animate-pulse {
  animation: var(--animate-pulse);
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-help {
  cursor: help;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.touch-manipulation {
  touch-action: manipulation;
}
.resize {
  resize: both;
}
.resize-none {
  resize: none;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-y {
  scroll-snap-type: y var(--tw-scroll-snap-strictness);
}
.snap-center {
  scroll-snap-align: center;
}
.snap-start {
  scroll-snap-align: start;
}
.list-disc {
  list-style-type: disc;
}
.appearance-none {
  appearance: none;
}
.break-inside-avoid {
  break-inside: avoid;
}
.auto-rows-min {
  grid-auto-rows: min-content;
}
.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));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[2fr_1fr_3fr_3fr_3fr_1fr_1fr\] {
  grid-template-columns: 2fr 1fr 3fr 3fr 3fr 1fr 1fr;
}
.grid-cols-\[2fr_2fr_1fr_3fr_3fr_3fr_1fr_1fr\] {
  grid-template-columns: 2fr 2fr 1fr 3fr 3fr 3fr 1fr 1fr;
}
.grid-cols-\[minmax\(150px\,2fr\)_80px_minmax\(150px\,2fr\)_3fr_120px\] {
  grid-template-columns: minmax(150px,2fr) 80px minmax(150px,2fr) 3fr 120px;
}
.grid-cols-\[repeat\(auto-fill\,_minmax\(384px\,_1fr\)\)\] {
  grid-template-columns: repeat(auto-fill, minmax(384px, 1fr));
}
.grid-cols-\[repeat\(auto-fit\,minmax\(15rem\,0\.5fr\)\)\] {
  grid-template-columns: repeat(auto-fit,minmax(15rem,0.5fr));
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.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-10 {
  gap: calc(var(--spacing) * 10);
}
.gap-x-1 {
  column-gap: calc(var(--spacing) * 1);
}
.gap-x-2 {
  column-gap: calc(var(--spacing) * 2);
}
.gap-y-1 {
  row-gap: calc(var(--spacing) * 1);
}
.gap-y-4 {
  row-gap: calc(var(--spacing) * 4);
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-start {
  align-self: flex-start;
}
.justify-self-center {
  justify-self: center;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-clip {
  overflow: clip;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-4xl {
  border-radius: var(--radius-4xl);
}
.rounded-\[1\.25rem\] {
  border-radius: 1.25rem;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-none {
  border-radius: 0;
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-tl {
  border-top-left-radius: 0.25rem;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-tr {
  border-top-right-radius: 0.25rem;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-1 {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-\[1px\] {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-x-0 {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 0px;
}
.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.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-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
}
.border-t-2 {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-r-0 {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
}
.border-r-2 {
  border-right-style: var(--tw-border-style);
  border-right-width: 2px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.border-b-1 {
  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-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-l-0 {
  border-left-style: var(--tw-border-style);
  border-left-width: 0px;
}
.border-l-8 {
  border-left-style: var(--tw-border-style);
  border-left-width: 8px;
}
.border-l-12 {
  border-left-style: var(--tw-border-style);
  border-left-width: 12px;
}
.border-l-\[0\.75rem\] {
  border-left-style: var(--tw-border-style);
  border-left-width: 0.75rem;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.border-\[RGB\(var\(--primary-200\)\)\] {
  border-color: RGB(var(--primary-200));
}
.border-\[RGB\(var\(--primary-500-contrast\)\)\] {
  border-color: RGB(var(--primary-500-contrast));
}
.border-\[RGB\(var\(--primary-900\)\)\] {
  border-color: RGB(var(--primary-900));
}
.border-\[RGB\(var\(--primary-bg\,var\(--background-50\,\'\#FAFAFA\'\)\)\)\] {
  border-color: RGB(var(--primary-bg,var(--background-50,'#FAFAFA')));
}
.border-\[RGB\(var\(--warn-A700\)\)\] {
  border-color: RGB(var(--warn-A700));
}
.border-\[RGBA\(var\(--primary-500\)\)\] {
  border-color: RGBA(var(--primary-500));
}
.border-\[var\(--foreground-2\)\] {
  border-color: var(--foreground-2);
}
.border-\[var\(--foreground-4\)\] {
  border-color: var(--foreground-4);
}
.border-amber-400 {
  border-color: var(--color-amber-400);
}
.border-black {
  border-color: var(--color-black);
}
.border-blue-100 {
  border-color: var(--color-blue-100);
}
.border-fuchsia-400 {
  border-color: var(--color-fuchsia-400);
}
.border-gray-100 {
  border-color: var(--color-gray-100);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-gray-400 {
  border-color: var(--color-gray-400);
}
.border-lime-400 {
  border-color: var(--color-lime-400);
}
.border-red-500 {
  border-color: var(--color-red-500);
}
.border-slate-200 {
  border-color: var(--color-slate-200);
}
.border-slate-500 {
  border-color: var(--color-slate-500);
}
.border-transparent {
  border-color: transparent;
}
.border-yellow-400 {
  border-color: var(--color-yellow-400);
}
.border-y-\[var\(--foreground-4\)\] {
  border-block-color: var(--foreground-4);
}
.border-r-\[var\(--foreground-4\)\] {
  border-right-color: var(--foreground-4);
}
.border-l-cyan-600 {
  border-left-color: var(--color-cyan-600);
}
.border-l-emerald-600 {
  border-left-color: var(--color-emerald-600);
}
.border-l-pink-600 {
  border-left-color: var(--color-pink-600);
}
.border-l-rose-600 {
  border-left-color: var(--color-rose-600);
}
.border-l-violet-600 {
  border-left-color: var(--color-violet-600);
}
.border-l-yellow-600 {
  border-left-color: var(--color-yellow-600);
}
.bg-\[\#013e5a\] {
  background-color: #013e5a;
}
.bg-\[\#CCD8DE\] {
  background-color: #CCD8DE;
}
.bg-\[\#EFEFEF\] {
  background-color: #EFEFEF;
}
.bg-\[\#ddd\] {
  background-color: #ddd;
}
.bg-\[\#f2f2e3\] {
  background-color: #f2f2e3;
}
.bg-\[RGB\(var\(--background-100\)\)\] {
  background-color: RGB(var(--background-100));
}
.bg-\[RGB\(var\(--background-300\)\)\] {
  background-color: RGB(var(--background-300));
}
.bg-\[RGB\(var\(--background-500\)\)\] {
  background-color: RGB(var(--background-500));
}
.bg-\[RGB\(var\(--primary-50\)\)\] {
  background-color: RGB(var(--primary-50));
}
.bg-\[RGB\(var\(--primary-200\)\)\] {
  background-color: RGB(var(--primary-200));
}
.bg-\[RGB\(var\(--primary-300\)\)\] {
  background-color: RGB(var(--primary-300));
}
.bg-\[RGB\(var\(--primary-400\)\)\] {
  background-color: RGB(var(--primary-400));
}
.bg-\[RGB\(var\(--primary-500\)\)\] {
  background-color: RGB(var(--primary-500));
}
.bg-\[RGB\(var\(--primary-500-contrast\)\)\] {
  background-color: RGB(var(--primary-500-contrast));
}
.bg-\[RGB\(var\(--primary-A100\)\)\] {
  background-color: RGB(var(--primary-A100));
}
.bg-\[RGB\(var\(--primary-bg\,var\(--background-50\,\'\#FAFAFA\'\)\)\)\] {
  background-color: RGB(var(--primary-bg,var(--background-50,'#FAFAFA')));
}
.bg-\[RGBA\(var\(--primary-500\)\)\] {
  background-color: RGBA(var(--primary-500));
}
.bg-\[RGBA\(var\(--primary-500\)\,0\.3\)\] {
  background-color: RGBA(var(--primary-500),0.3);
}
.bg-\[rgb\(211\,211\,211\)\] {
  background-color: rgb(211,211,211);
}
.bg-\[rgb\(var\(--background-200\)\)\] {
  background-color: rgb(var(--background-200));
}
.bg-\[rgb\(var\(--primary-50\)\)\] {
  background-color: rgb(var(--primary-50));
}
.bg-\[rgb\(var\(--primary-200\)\)\] {
  background-color: rgb(var(--primary-200));
}
.bg-\[rgb\(var\(--primary-500\)\)\] {
  background-color: rgb(var(--primary-500));
}
.bg-\[var\(--foreground-2\)\] {
  background-color: var(--foreground-2);
}
.bg-\[var\(--foreground-4\)\] {
  background-color: var(--foreground-4);
}
.bg-amber-300 {
  background-color: var(--color-amber-300);
}
.bg-amber-400 {
  background-color: var(--color-amber-400);
}
.bg-amber-500 {
  background-color: var(--color-amber-500);
}
.bg-black {
  background-color: var(--color-black);
}
.bg-blue-50\/50 {
  background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent);
  }
}
.bg-blue-400 {
  background-color: var(--color-blue-400);
}
.bg-blue-500 {
  background-color: var(--color-blue-500);
}
.bg-fuchsia-300 {
  background-color: var(--color-fuchsia-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-300 {
  background-color: var(--color-gray-300);
}
.bg-gray-500 {
  background-color: var(--color-gray-500);
}
.bg-green-200 {
  background-color: var(--color-green-200);
}
.bg-green-300 {
  background-color: var(--color-green-300);
}
.bg-green-400 {
  background-color: var(--color-green-400);
}
.bg-green-500 {
  background-color: var(--color-green-500);
}
.bg-inherit {
  background-color: inherit;
}
.bg-lime-300 {
  background-color: var(--color-lime-300);
}
.bg-lime-600 {
  background-color: var(--color-lime-600);
}
.bg-neutral-50 {
  background-color: var(--color-neutral-50);
}
.bg-neutral-100 {
  background-color: var(--color-neutral-100);
}
.bg-neutral-200 {
  background-color: var(--color-neutral-200);
}
.bg-neutral-700\/20 {
  background-color: color-mix(in srgb, oklch(37.1% 0 0) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-neutral-700) 20%, transparent);
  }
}
.bg-neutral-900\/20 {
  background-color: color-mix(in srgb, oklch(20.5% 0 0) 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-neutral-900) 20%, transparent);
  }
}
.bg-orange-200 {
  background-color: var(--color-orange-200);
}
.bg-orange-400 {
  background-color: var(--color-orange-400);
}
.bg-orange-500 {
  background-color: var(--color-orange-500);
}
.bg-red-50 {
  background-color: var(--color-red-50);
}
.bg-red-200 {
  background-color: var(--color-red-200);
}
.bg-red-600 {
  background-color: var(--color-red-600);
}
.bg-rose-400 {
  background-color: var(--color-rose-400);
}
.bg-rose-500 {
  background-color: var(--color-rose-500);
}
.bg-sky-100 {
  background-color: var(--color-sky-100);
}
.bg-slate-50 {
  background-color: var(--color-slate-50);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/50 {
  background-color: color-mix(in srgb, #fff 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
.bg-white\/80 {
  background-color: color-mix(in srgb, #fff 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}
.bg-white\/90 {
  background-color: color-mix(in srgb, #fff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.bg-yellow-100 {
  background-color: var(--color-yellow-100);
}
.bg-\[length\:70px\] {
  background-size: 70px;
}
.bg-\[size\:3\.75rem_1\.563rem\] {
  background-size: 3.75rem 1.563rem;
}
.bg-center {
  background-position: center;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-repeat {
  background-repeat: repeat;
}
.fill-black {
  fill: var(--color-black);
}
.fill-blue-800 {
  fill: var(--color-blue-800);
}
.fill-current {
  fill: currentcolor;
}
.fill-neutral-700 {
  fill: var(--color-neutral-700);
}
.fill-none {
  fill: none;
}
.fill-transparent {
  fill: transparent;
}
.fill-white {
  fill: var(--color-white);
}
.stroke-blue-800 {
  stroke: var(--color-blue-800);
}
.stroke-neutral-500 {
  stroke: var(--color-neutral-500);
}
.stroke-2 {
  stroke-width: 2;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.\!p-1 {
  padding: calc(var(--spacing) * 1) !important;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.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-px {
  padding: 1px;
}
.px-0 {
  padding-inline: calc(var(--spacing) * 0);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.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-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.ps-0\.5 {
  padding-inline-start: calc(var(--spacing) * 0.5);
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-2\.5 {
  padding-top: calc(var(--spacing) * 2.5);
}
.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-\[4vh\] {
  padding-top: 4vh;
}
.pr-1\.5 {
  padding-right: calc(var(--spacing) * 1.5);
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pr-3 {
  padding-right: calc(var(--spacing) * 3);
}
.pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
.pr-6 {
  padding-right: calc(var(--spacing) * 6);
}
.pr-12 {
  padding-right: calc(var(--spacing) * 12);
}
.pb-0 {
  padding-bottom: calc(var(--spacing) * 0);
}
.pb-0\.5 {
  padding-bottom: calc(var(--spacing) * 0.5);
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.pb-12 {
  padding-bottom: calc(var(--spacing) * 12);
}
.pb-\[0\.063rem\] {
  padding-bottom: 0.063rem;
}
.pb-\[0\.188rem\] {
  padding-bottom: 0.188rem;
}
.pb-\[14vh\] {
  padding-bottom: 14vh;
}
.pl-0\.5 {
  padding-left: calc(var(--spacing) * 0.5);
}
.pl-1 {
  padding-left: calc(var(--spacing) * 1);
}
.pl-2 {
  padding-left: calc(var(--spacing) * 2);
}
.pl-3 {
  padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.pl-5 {
  padding-left: calc(var(--spacing) * 5);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.pl-9 {
  padding-left: calc(var(--spacing) * 9);
}
.pl-12 {
  padding-left: calc(var(--spacing) * 12);
}
.pl-20 {
  padding-left: calc(var(--spacing) * 20);
}
.pl-\[50\%\] {
  padding-left: 50%;
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: end;
}
.text-justify {
  text-align: justify;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.align-baseline {
  vertical-align: baseline;
}
.align-middle {
  vertical-align: middle;
}
.align-top {
  vertical-align: top;
}
.font-mono {
  font-family: var(--font-mono);
}
.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-7xl {
  font-size: var(--text-7xl);
  line-height: var(--tw-leading, var(--text-7xl--line-height));
}
.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-\[3rem\] {
  font-size: 3rem;
}
.text-\[5rem\] {
  font-size: 5rem;
}
.text-\[50px\] {
  font-size: 50px;
}
.leading-4 {
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}
.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.leading-\[1\.6rem\] {
  --tw-leading: 1.6rem;
  line-height: 1.6rem;
}
.leading-\[1\.75\] {
  --tw-leading: 1.75;
  line-height: 1.75;
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.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);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.font-thin {
  --tw-font-weight: var(--font-weight-thin);
  font-weight: var(--font-weight-thin);
}
.tracking-normal {
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.text-nowrap {
  text-wrap: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-\[\#0c7c59\] {
  color: #0c7c59;
}
.text-\[RGB\(var\(--background-500\)\)\] {
  color: RGB(var(--background-500));
}
.text-\[RGB\(var\(--background-800\)\)\] {
  color: RGB(var(--background-800));
}
.text-\[RGB\(var\(--primary-100\)\)\] {
  color: RGB(var(--primary-100));
}
.text-\[RGB\(var\(--primary-100-contrast\)\)\] {
  color: RGB(var(--primary-100-contrast));
}
.text-\[RGB\(var\(--primary-400-contrast\)\)\] {
  color: RGB(var(--primary-400-contrast));
}
.text-\[RGB\(var\(--primary-500\)\)\] {
  color: RGB(var(--primary-500));
}
.text-\[RGB\(var\(--primary-500-contrast\)\)\] {
  color: RGB(var(--primary-500-contrast));
}
.text-\[RGB\(var\(--warn-A700\)\)\] {
  color: RGB(var(--warn-A700));
}
.text-\[RGBA\(var\(--primary-500-contrast\)\)\] {
  color: RGBA(var(--primary-500-contrast));
}
.text-\[rgb\(209\,213\,219\)\] {
  color: rgb(209,213,219);
}
.text-\[rgb\(var\(--primary-200-contrast\)\)\] {
  color: rgb(var(--primary-200-contrast));
}
.text-\[rgb\(var\(--primary-500\)\)\] {
  color: rgb(var(--primary-500));
}
.text-\[rgb\(var\(--primary-500-contrast\)\)\] {
  color: rgb(var(--primary-500-contrast));
}
.text-\[rgb\(var\(--primary-600\)\)\] {
  color: rgb(var(--primary-600));
}
.text-\[var\(--foreground-1\)\] {
  color: var(--foreground-1);
}
.text-\[var\(--foreground-2\)\] {
  color: var(--foreground-2);
}
.text-\[var\(--foreground-3\)\] {
  color: var(--foreground-3);
}
.text-\[var\(--foreground-4\)\] {
  color: var(--foreground-4);
}
.text-\[var\(\.\.\.\)\] {
  color: var(...);
}
.text-amber-400 {
  color: var(--color-amber-400);
}
.text-black {
  color: var(--color-black);
}
.text-blue-300 {
  color: var(--color-blue-300);
}
.text-blue-900 {
  color: var(--color-blue-900);
}
.text-fuchsia-400 {
  color: var(--color-fuchsia-400);
}
.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-900 {
  color: var(--color-gray-900);
}
.text-green-300 {
  color: var(--color-green-300);
}
.text-green-700 {
  color: var(--color-green-700);
}
.text-inherit {
  color: inherit;
}
.text-lime-300 {
  color: var(--color-lime-300);
}
.text-lime-400 {
  color: var(--color-lime-400);
}
.text-lime-500 {
  color: var(--color-lime-500);
}
.text-lime-800 {
  color: var(--color-lime-800);
}
.text-orange-400 {
  color: var(--color-orange-400);
}
.text-orange-500 {
  color: var(--color-orange-500);
}
.text-red-300 {
  color: var(--color-red-300);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-red-600 {
  color: var(--color-red-600);
}
.text-red-800 {
  color: var(--color-red-800);
}
.text-slate-600 {
  color: var(--color-slate-600);
}
.text-transparent {
  color: transparent;
}
.text-white {
  color: var(--color-white);
}
.text-yellow-800 {
  color: var(--color-yellow-800);
}
.capitalize {
  text-transform: capitalize;
}
.normal-case {
  text-transform: none;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.line-through {
  text-decoration-line: line-through;
}
.underline {
  text-decoration-line: underline;
}
.decoration-\[var\(--foreground-4\)\] {
  text-decoration-color: var(--foreground-4);
}
.decoration-red-500 {
  text-decoration-color: var(--color-red-500);
}
.decoration-solid {
  text-decoration-style: solid;
}
.decoration-2 {
  text-decoration-thickness: 2px;
}
.decoration-4 {
  text-decoration-thickness: 4px;
}
.underline-offset-2 {
  text-underline-offset: 2px;
}
.caret-\[RGB\(var\(--primary-500\)\)\] {
  caret-color: RGB(var(--primary-500));
}
.caret-black {
  caret-color: var(--color-black);
}
.opacity-0 {
  opacity: 0%;
}
.opacity-40 {
  opacity: 40%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-75 {
  opacity: 75%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  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, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  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, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  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, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.blur {
  --tw-blur: blur(8px);
  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-\[0\.063rem\] {
  --tw-blur: blur(0.063rem);
  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-sm {
  --tw-blur: blur(var(--blur-sm));
  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,);
}
.invert {
  --tw-invert: invert(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 {
  --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-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,);
}
.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, display, content-visibility, overlay, pointer-events;
  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-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-50 {
  transition-delay: 50ms;
}
.delay-75 {
  transition-delay: 75ms;
}
.delay-150 {
  transition-delay: 150ms;
}
.duration-75 {
  --tw-duration: 75ms;
  transition-duration: 75ms;
}
.duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-400 {
  --tw-duration: 400ms;
  transition-duration: 400ms;
}
.duration-700 {
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-linear {
  --tw-ease: linear;
  transition-timing-function: linear;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.\*\:mb-\[0\.5rem\] {
  :is(& > *) {
    margin-bottom: 0.5rem;
  }
}
.group-hover\:pointer-events-auto {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      pointer-events: auto;
    }
  }
}
.group-hover\:visible {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      visibility: visible;
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.placeholder\:text-lg {
  &::placeholder {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
}
.after\:pointer-events-none {
  &::after {
    content: var(--tw-content);
    pointer-events: none;
  }
}
.after\:absolute {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
.after\:inset-0 {
  &::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
}
.after\:block {
  &::after {
    content: var(--tw-content);
    display: block;
  }
}
.after\:flex {
  &::after {
    content: var(--tw-content);
    display: flex;
  }
}
.after\:hidden {
  &::after {
    content: var(--tw-content);
    display: none;
  }
}
.after\:items-center {
  &::after {
    content: var(--tw-content);
    align-items: center;
  }
}
.after\:justify-center {
  &::after {
    content: var(--tw-content);
    justify-content: center;
  }
}
.after\:bg-\[RGBA\(var\(--primary-500\)\,0\.5\)\] {
  &::after {
    content: var(--tw-content);
    background-color: RGBA(var(--primary-500),0.5);
  }
}
.after\:font-\[\'Material_Symbols_Outlined\'\] {
  &::after {
    content: var(--tw-content);
    font-family: 'Material Symbols Outlined';
  }
}
.after\:text-5xl {
  &::after {
    content: var(--tw-content);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
.after\:text-8xl {
  &::after {
    content: var(--tw-content);
    font-size: var(--text-8xl);
    line-height: var(--tw-leading, var(--text-8xl--line-height));
  }
}
.after\:text-white\/80 {
  &::after {
    content: var(--tw-content);
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
}
.after\:content-\[\'\\e92f\'\] {
  &::after {
    --tw-content: '\e92f';
    content: var(--tw-content);
  }
}
.first\:pt-0 {
  &:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
}
.last\:pb-0 {
  &:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }
}
.checked\:border-transparent {
  &:checked {
    border-color: transparent;
  }
}
.checked\:bg-\[RGB\(var\(--primary-500\)\)\] {
  &:checked {
    background-color: RGB(var(--primary-500));
  }
}
.checked\:opacity-85 {
  &:checked {
    opacity: 85%;
  }
}
.checked\:transition {
  &:checked {
    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, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.checked\:duration-150 {
  &:checked {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
}
.checked\:ease-linear {
  &:checked {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
}
.indeterminate\:border-transparent {
  &:indeterminate {
    border-color: transparent;
  }
}
.indeterminate\:bg-\[RGB\(var\(--primary-500\)\)\] {
  &:indeterminate {
    background-color: RGB(var(--primary-500));
  }
}
.indeterminate\:opacity-85 {
  &:indeterminate {
    opacity: 85%;
  }
}
.indeterminate\:transition {
  &:indeterminate {
    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, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.indeterminate\:duration-150 {
  &:indeterminate {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
}
.indeterminate\:ease-linear {
  &:indeterminate {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
}
.hover\:pointer-events-auto {
  &:hover {
    @media (hover: hover) {
      pointer-events: auto;
    }
  }
}
.hover\:visible {
  &:hover {
    @media (hover: hover) {
      visibility: visible;
    }
  }
}
.hover\:-translate-1 {
  &:hover {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * -1);
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.hover\:scale-100 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:scale-105 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:scale-x-102 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 102%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:scale-y-102 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-y: 102%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:cursor-pointer {
  &:hover {
    @media (hover: hover) {
      cursor: pointer;
    }
  }
}
.hover\:rounded {
  &:hover {
    @media (hover: hover) {
      border-radius: 0.25rem;
    }
  }
}
.hover\:rounded-4xl {
  &:hover {
    @media (hover: hover) {
      border-radius: var(--radius-4xl);
    }
  }
}
.hover\:bg-\[RGB\(var\(--primary-50\)\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: RGB(var(--primary-50));
    }
  }
}
.hover\:bg-\[rgb\(var\(--primary-100\)\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: rgb(var(--primary-100));
    }
  }
}
.hover\:bg-\[rgb\(var\(--primary-200\)\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: rgb(var(--primary-200));
    }
  }
}
.hover\:bg-gray-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-50);
    }
  }
}
.hover\:bg-gray-300 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-300);
    }
  }
}
.hover\:bg-neutral-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-neutral-100);
    }
  }
}
.hover\:bg-neutral-200 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-neutral-200);
    }
  }
}
.hover\:bg-yellow-200 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-yellow-200);
    }
  }
}
.hover\:bg-zinc-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-zinc-100);
    }
  }
}
.hover\:opacity-100 {
  &:hover {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.checked\:hover\:bg-\[RGB\(var\(--primary-500\)\)\] {
  &:checked {
    &:hover {
      @media (hover: hover) {
        background-color: RGB(var(--primary-500));
      }
    }
  }
}
.indeterminate\:hover\:bg-\[RGB\(var\(--primary-500\)\)\] {
  &:indeterminate {
    &:hover {
      @media (hover: hover) {
        background-color: RGB(var(--primary-500));
      }
    }
  }
}
.focus\:rounded-none {
  &:focus {
    border-radius: 0;
  }
}
.focus\:border-2 {
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
}
.focus\:border-x-0 {
  &:focus {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
}
.focus\:border-t-0 {
  &:focus {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
}
.focus\:border-b {
  &:focus {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
}
.focus\:border-b-2 {
  &:focus {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
}
.focus\:border-none {
  &:focus {
    --tw-border-style: none;
    border-style: none;
  }
}
.focus\:border-solid {
  &:focus {
    --tw-border-style: solid;
    border-style: solid;
  }
}
.focus\:border-\[RGB\(var\(--primary-200\)\)\] {
  &:focus {
    border-color: RGB(var(--primary-200));
  }
}
.focus\:border-\[RGB\(var\(--warn-A700\)\)\] {
  &:focus {
    border-color: RGB(var(--warn-A700));
  }
}
.focus\:border-\[var\(--foreground-4\)\] {
  &:focus {
    border-color: var(--foreground-4);
  }
}
.focus\:pb-0\.5 {
  &:focus {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
}
.focus\:pb-\[0\.063rem\] {
  &:focus {
    padding-bottom: 0.063rem;
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.active\:-translate-1 {
  &:active {
    --tw-translate-x: calc(var(--spacing) * -1);
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.active\:scale-100 {
  &:active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.active\:scale-105 {
  &:active {
    --tw-scale-x: 105%;
    --tw-scale-y: 105%;
    --tw-scale-z: 105%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.active\:animate-ping {
  &:active {
    animation: var(--animate-ping);
  }
}
.active\:bg-gray-300 {
  &:active {
    background-color: var(--color-gray-300);
  }
}
.active\:bg-inherit {
  &:active {
    background-color: inherit;
  }
}
.active\:opacity-60 {
  &:active {
    opacity: 60%;
  }
}
.disabled\:cursor-not-allowed {
  &:disabled {
    cursor: not-allowed;
  }
}
.disabled\:border-\[var\(--foreground-3\)\] {
  &:disabled {
    border-color: var(--foreground-3);
  }
}
.disabled\:bg-transparent {
  &:disabled {
    background-color: transparent;
  }
}
.disabled\:transition-none {
  &:disabled {
    transition-property: none;
  }
}
.disabled\:checked\:border-none {
  &:disabled {
    &:checked {
      --tw-border-style: none;
      border-style: none;
    }
  }
}
.disabled\:checked\:bg-\[var\(--foreground-3\)\] {
  &:disabled {
    &:checked {
      background-color: var(--foreground-3);
    }
  }
}
.disabled\:checked\:opacity-85 {
  &:disabled {
    &:checked {
      opacity: 85%;
    }
  }
}
.disabled\:hover\:scale-100 {
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
}
.disabled\:hover\:bg-transparent {
  &:disabled {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
}
.disabled\:checked\:hover\:bg-\[var\(--foreground-3\)\] {
  &:disabled {
    &:checked {
      &:hover {
        @media (hover: hover) {
          background-color: var(--foreground-3);
        }
      }
    }
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-5 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.md\:px-16 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 16);
  }
}
.md\:py-12 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 12);
  }
}
.lg\:ml-5 {
  @media (width >= 64rem) {
    margin-left: calc(var(--spacing) * 5);
  }
}
.lg\:ml-80 {
  @media (width >= 64rem) {
    margin-left: calc(var(--spacing) * 80);
  }
}
.lg\:w-1\/3 {
  @media (width >= 64rem) {
    width: calc(1/3 * 100%);
  }
}
.lg\:w-1\/5 {
  @media (width >= 64rem) {
    width: calc(1/5 * 100%);
  }
}
.lg\:basis-2\/5 {
  @media (width >= 64rem) {
    flex-basis: calc(2/5 * 100%);
  }
}
.lg\:basis-3\/5 {
  @media (width >= 64rem) {
    flex-basis: calc(3/5 * 100%);
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:text-base {
  @media (width >= 64rem) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
}
.dark\:text-gray-400 {
  @media (prefers-color-scheme: dark) {
    color: var(--color-gray-400);
  }
}
@layer base;
@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;
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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: 0px;
}
@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;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-border-style: solid;
      --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;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}
.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* Must be displayed above for example selected Timeline items */
  z-index: 10;
}

.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}

/* override some bootstrap styles screwing up the timelines css */

.vis [class*="span"] {
  min-height: 0;
  width: auto;
}

div.vis-configuration {
  position: relative;
  display: block;
  float: left;
  font-size: 12px;
}

div.vis-configuration-wrapper {
  display: block;
  width: 700px;
}

div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block;
}

div.vis-configuration.vis-config-option-container {
  display: block;
  width: 495px;
  background-color: #ffffff;
  border: 2px solid #f7f8fa;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
}

div.vis-configuration.vis-config-button {
  display: block;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  background-color: #f7f8fa;
  border: 2px solid #ceced0;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 30px;
}

div.vis-configuration.vis-config-button.hover {
  background-color: #4588e6;
  border: 2px solid #214373;
  color: #ffffff;
}

div.vis-configuration.vis-config-item {
  display: block;
  float: left;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
}

div.vis-configuration.vis-config-item.vis-config-s2 {
  left: 10px;
  background-color: #f7f8fa;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-item.vis-config-s3 {
  left: 20px;
  background-color: #e4e9f0;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-item.vis-config-s4 {
  left: 30px;
  background-color: #cfd8e6;
  padding-left: 5px;
  border-radius: 3px;
}

div.vis-configuration.vis-config-header {
  font-size: 18px;
  font-weight: bold;
}

div.vis-configuration.vis-config-label {
  width: 120px;
  height: 25px;
  line-height: 25px;
}

div.vis-configuration.vis-config-label.vis-config-s3 {
  width: 110px;
}
div.vis-configuration.vis-config-label.vis-config-s4 {
  width: 100px;
}

div.vis-configuration.vis-config-colorBlock {
  top: 1px;
  width: 30px;
  height: 19px;
  border: 1px solid #444444;
  border-radius: 2px;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

input.vis-configuration.vis-config-checkbox {
  left: -5px;
}

input.vis-configuration.vis-config-rangeinput {
  position: relative;
  top: -5px;
  width: 60px;
  /*height:13px;*/
  padding: 1px;
  margin: 0;
  pointer-events: none;
}

input.vis-configuration.vis-config-range {
  /*removes default webkit styles*/
  -webkit-appearance: none;

  /*fix for FF unable to apply focus style bug */
  border: 0px solid white;
  background-color: rgba(0, 0, 0, 0);

  /*required for proper track sizing in FF*/
  width: 300px;
  height: 20px;
}
input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #dedede; /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #dedede),
    color-stop(99%, #c8c8c8)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #dedede 0%,
    #c8c8c8 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #dedede 0%,
    #c8c8c8 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}
input.vis-configuration.vis-config-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #14334b;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #3876c2; /* Old browsers */
  background: -moz-linear-gradient(top, #3876c2 0%, #385380 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #3876c2),
    color-stop(100%, #385380)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #3876c2 0%,
    #385380 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #3876c2 0%,
    #385380 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #3876c2 0%, #385380 100%); /* IE10+ */
  background: linear-gradient(to bottom, #3876c2 0%, #385380 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380',GradientType=0 ); /* IE6-9 */
  box-shadow: #111927 0px 0px 1px 0px;
  margin-top: -7px;
}
input.vis-configuration.vis-config-range:focus {
  outline: none;
}
input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
  background: #9d9d9d; /* Old browsers */
  background: -moz-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #9d9d9d),
    color-stop(99%, #c8c8c8)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #9d9d9d 0%,
    #c8c8c8 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #9d9d9d 0%,
    #c8c8c8 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #9d9d9d 0%, #c8c8c8 99%); /* IE10+ */
  background: linear-gradient(to bottom, #9d9d9d 0%, #c8c8c8 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}

input.vis-configuration.vis-config-range::-moz-range-track {
  width: 300px;
  height: 10px;
  background: #dedede; /* Old browsers */
  background: -moz-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #dedede),
    color-stop(99%, #c8c8c8)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #dedede 0%,
    #c8c8c8 99%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #dedede 0%,
    #c8c8c8 99%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dedede 0%, #c8c8c8 99%); /* IE10+ */
  background: linear-gradient(to bottom, #dedede 0%, #c8c8c8 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

  border: 1px solid #999999;
  box-shadow: #aaaaaa 0px 0px 3px 0px;
  border-radius: 3px;
}
input.vis-configuration.vis-config-range::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;

  border-radius: 50%;
  background: #385380;
}

/*hide the outline behind the border*/
input.vis-configuration.vis-config-range:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

input.vis-configuration.vis-config-range::-ms-track {
  width: 300px;
  height: 5px;

  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;

  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;

  /*remove default tick marks*/
  color: transparent;
}
input.vis-configuration.vis-config-range::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
  background: #888;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
  background: #ccc;
}

.vis-configuration-popup {
  position: absolute;
  background: rgba(57, 76, 89, 0.85);
  border: 2px solid #f2faff;
  line-height: 30px;
  height: 30px;
  width: 150px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.vis-configuration-popup:after,
.vis-configuration-popup:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.vis-configuration-popup:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: rgba(57, 76, 89, 0.85);
  border-width: 8px;
  margin-top: -8px;
}
.vis-configuration-popup:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #f2faff;
  border-width: 12px;
  margin-top: -12px;
}

div.vis-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;

  font-family: verdana;
  font-size: 14px;
  color: #000000;
  background-color: #f5f4ed;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #808074;

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;

  z-index: 5;
}

.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}

.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}

.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}

/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/

.vis-current-time {
  background-color: #ff7f6e;
  width: 2px;
  z-index: 1;
  pointer-events: none;
}

.vis-rolling-mode-btn {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 7px;
  right: 20px;
  border-radius: 50%;
  font-size: 28px;
  cursor: pointer;
  opacity: 0.8;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #3876c2;
}
.vis-rolling-mode-btn:before {
  content: "\26F6";
}

.vis-rolling-mode-btn:hover {
  opacity: 1;
}

.vis-custom-time {
  background-color: #6e94ff;
  width: 2px;
  cursor: move;
  z-index: 1;
}

.vis-custom-time > .vis-custom-time-marker {
  background-color: inherit;
  color: white;
  font-size: 12px;
  white-space: nowrap;
  padding: 3px 5px;
  top: 0px;
  cursor: initial;
  z-index: inherit;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}

.vis-legend-text {
  /*font-size: 10px;*/
  white-space: nowrap;
  display: inline-block;
}

.vis-item {
  position: absolute;
  color: #1a1a1a;
  border-color: #97b0f8;
  border-width: 1px;
  background-color: #d5ddf6;
  display: inline-block;
  z-index: 1;
  /*overflow: hidden;*/
}

.vis-item.vis-selected {
  border-color: #ffc200;
  background-color: #fff785;

  /* z-index must be higher than the z-index of custom time bar and current time bar */
  z-index: 2;
}

.vis-editable.vis-selected {
  cursor: move;
}

.vis-item.vis-point.vis-selected {
  background-color: #fff785;
}

.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-point {
  background: none;
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  box-sizing: border-box;
}

.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.vis-item-visible-frame {
  white-space: nowrap;
}

.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}

.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}

.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px;
}

.vis-item .vis-onUpdateTime-tooltip {
  position: absolute;
  background: #4f81bd;
  color: white;
  width: 200px;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  border-radius: 1px;
  transition: 0.4s;
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
}

.vis-item .vis-delete,
.vis-item .vis-delete-rtl {
  position: absolute;
  top: 0px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  padding: 0px 5px;
  cursor: pointer;

  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.vis-item .vis-delete {
  right: -24px;
}

.vis-item .vis-delete-rtl {
  left: -24px;
}

.vis-item .vis-delete:after,
.vis-item .vis-delete-rtl:after {
  content: "\00D7"; /* MULTIPLICATION SIGN */
  color: red;
  font-family: arial, sans-serif;
  font-size: 22px;
  font-weight: bold;

  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.vis-item .vis-delete:hover,
.vis-item .vis-delete-rtl:hover {
  background: red;
}

.vis-item .vis-delete:hover:after,
.vis-item .vis-delete-rtl:hover:after {
  color: white;
}

.vis-item .vis-drag-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  cursor: move;
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;

  cursor: w-resize;
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;

  cursor: e-resize;
}

.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}

.vis-item.vis-cluster {
  vertical-align: center;
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-cluster-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item.vis-cluster-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}

.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}

.vis-foreground .vis-group:last-child {
  border-bottom: none;
}

.vis-nesting-group {
  cursor: pointer;
}

.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1 {
  background: #f5f5f5;
}
.vis-label.vis-nested-group.vis-group-level-0 {
  background-color: #ffffff;
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-left: 0;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-right: 0;
}
.vis-label.vis-nested-group.vis-group-level-1 {
  background-color: rgba(0, 0, 0, 0.05);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-left: 15px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-right: 15px;
}
.vis-label.vis-nested-group.vis-group-level-2 {
  background-color: rgba(0, 0, 0, 0.1);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-left: 30px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-right: 30px;
}
.vis-label.vis-nested-group.vis-group-level-3 {
  background-color: rgba(0, 0, 0, 0.15);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-left: 45px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-right: 45px;
}
.vis-label.vis-nested-group.vis-group-level-4 {
  background-color: rgba(0, 0, 0, 0.2);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-left: 60px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-right: 60px;
}
.vis-label.vis-nested-group.vis-group-level-5 {
  background-color: rgba(0, 0, 0, 0.25);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-left: 75px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-right: 75px;
}
.vis-label.vis-nested-group.vis-group-level-6 {
  background-color: rgba(0, 0, 0, 0.3);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-left: 90px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-right: 90px;
}
.vis-label.vis-nested-group.vis-group-level-7 {
  background-color: rgba(0, 0, 0, 0.35);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-left: 105px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-right: 105px;
}
.vis-label.vis-nested-group.vis-group-level-8 {
  background-color: rgba(0, 0, 0, 0.4);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-left: 120px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-right: 120px;
}
.vis-label.vis-nested-group.vis-group-level-9 {
  background-color: rgba(0, 0, 0, 0.45);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-left: 135px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-right: 135px;
}
/* default takes over beginning with level-10 (thats why we add .vis-nested-group
  to the selectors above, to have higher specifity than these rules for the defaults) */
.vis-label.vis-nested-group {
  background-color: rgba(0, 0, 0, 0.5);
}
.vis-ltr .vis-label.vis-nested-group .vis-inner {
  padding-left: 150px;
}
.vis-rtl .vis-label.vis-nested-group .vis-inner {
  padding-right: 150px;
}

.vis-group-level-unknown-but-gte1 {
  border: 1px solid red;
}

/* expanded/collapsed indicators */
.vis-label.vis-nesting-group:before,
.vis-label.vis-nesting-group:before {
  display: inline-block;
  width: 15px;
}
.vis-label.vis-nesting-group.expanded:before {
  content: "\25BC";
}
.vis-label.vis-nesting-group.collapsed:before {
  content: "\25B6";
}
.vis-rtl .vis-label.vis-nesting-group.collapsed:before {
  content: "\25C0";
}
/* compensate missing expanded/collapsed indicator, but only at levels > 0 */
.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-left: 15px;
}
.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-right: 15px;
}

.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.vis-labelset {
  position: relative;

  overflow: hidden;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;

  box-sizing: border-box;
}

.vis-labelset .vis-label {
  border-bottom: 1px solid #bfbfbf;
}

.vis-labelset .vis-label.draggable {
  cursor: pointer;
}

.vis-group-is-dragging {
  background: rgba(0, 0, 0, 0.1);
}

.vis-labelset .vis-label:last-child {
  border-bottom: none;
}

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}

.vis-panel {
  position: absolute;

  padding: 0;
  margin: 0;

  box-sizing: border-box;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px #bfbfbf;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}

.vis-left.vis-panel.vis-vertical-scroll,
.vis-right.vis-panel.vis-vertical-scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.vis-left.vis-panel.vis-vertical-scroll {
  direction: rtl;
}

.vis-left.vis-panel.vis-vertical-scroll .vis-content {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll .vis-content {
  direction: rtl;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-left-style: solid;
  border-right-style: solid;
}

.vis-background {
  overflow: hidden;
}

.vis-panel > .vis-content {
  position: relative;
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}

.vis-graph-group0 {
  fill: #4f81bd;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #4f81bd;
}

.vis-graph-group1 {
  fill: #f79646;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f79646;
}

.vis-graph-group2 {
  fill: #8c51cf;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8c51cf;
}

.vis-graph-group3 {
  fill: #75c841;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #75c841;
}

.vis-graph-group4 {
  fill: #ff0100;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff0100;
}

.vis-graph-group5 {
  fill: #37d8e6;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #37d8e6;
}

.vis-graph-group6 {
  fill: #042662;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #042662;
}

.vis-graph-group7 {
  fill: #00ff26;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #00ff26;
}

.vis-graph-group8 {
  fill: #ff00ff;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff00ff;
}

.vis-graph-group9 {
  fill: #8f3938;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8f3938;
}

.vis-timeline .vis-fill {
  fill-opacity: 0.1;
  stroke: none;
}

.vis-timeline .vis-bar {
  fill-opacity: 0.5;
  stroke-width: 1px;
}

.vis-timeline .vis-point {
  stroke-width: 2px;
  fill-opacity: 1;
}

.vis-timeline .vis-legend-background {
  stroke-width: 1px;
  fill-opacity: 0.9;
  fill: #ffffff;
  stroke: #c2c2c2;
}

.vis-timeline .vis-outline {
  stroke-width: 1px;
  fill-opacity: 1;
  fill: #ffffff;
  stroke: #e5e5e5;
}

.vis-timeline .vis-icon-fill {
  fill-opacity: 0.3;
  stroke: none;
}

.vis-time-axis {
  position: relative;
  overflow: hidden;
}

.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}

.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  overflow: hidden;
  box-sizing: border-box;

  white-space: nowrap;
}

.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid;
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis-timeline {
  position: relative;
  border: 1px solid #bfbfbf;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.vis-loading-screen {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*
 Solarized Color Schemes originally by Ethan Schoonover
 http://ethanschoonover.com/solarized

 Ported for PrismJS by Hector Matos
 Website: https://krakendev.io
 Twitter Handle: https://twitter.com/allonsykraken)
*/

/*
SOLARIZED HEX
--------- -------
base03    #002b36
base02    #073642
base01    #586e75
base00    #657b83
base0     #839496
base1     #93a1a1
base2     #eee8d5
base3     #fdf6e3
yellow    #b58900
orange    #cb4b16
red       #dc322f
magenta   #d33682
violet    #6c71c4
blue      #268bd2
cyan      #2aa198
green     #859900
*/

code[class*="language-"],
pre[class*="language-"] {
	color: #657b83; /* base00 */
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;

	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	background: #073642; /* base02 */
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	background: #073642; /* base02 */
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 0.3em;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background-color: #fdf6e3; /* base3 */
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #93a1a1; /* base1 */
}

.token.punctuation {
	color: #586e75; /* base01 */
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #268bd2; /* blue */
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.url,
.token.inserted {
	color: #2aa198; /* cyan */
}

.token.entity {
	color: #657b83; /* base00 */
	background: #eee8d5; /* base2 */
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #859900; /* green */
}

.token.function,
.token.class-name {
	color: #b58900; /* yellow */
}

.token.regex,
.token.important,
.token.variable {
	color: #cb4b16; /* orange */
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}