@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-scrollbar-thumb: #0000;
        --tw-scrollbar-track: #0000;
        --tw-border-style: solid;
        --tw-gradient-position: initial;
        --tw-gradient-from: #0000;
        --tw-gradient-via: #0000;
        --tw-gradient-to: #0000;
        --tw-gradient-stops: initial;
        --tw-gradient-via-stops: initial;
        --tw-gradient-from-position: 0%;
        --tw-gradient-via-position: 50%;
        --tw-gradient-to-position: 100%;
        --tw-leading: initial;
        --tw-font-weight: initial;
        --tw-tracking: initial;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-color: initial;
        --tw-shadow-alpha: 100%;
        --tw-inset-shadow: 0 0 #0000;
        --tw-inset-shadow-color: initial;
        --tw-inset-shadow-alpha: 100%;
        --tw-ring-color: initial;
        --tw-ring-shadow: 0 0 #0000;
        --tw-inset-ring-color: initial;
        --tw-inset-ring-shadow: 0 0 #0000;
        --tw-ring-inset: initial;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-outline-style: solid;
        --tw-blur: initial;
        --tw-brightness: initial;
        --tw-contrast: initial;
        --tw-grayscale: initial;
        --tw-hue-rotate: initial;
        --tw-invert: initial;
        --tw-opacity: initial;
        --tw-saturate: initial;
        --tw-sepia: initial;
        --tw-drop-shadow: initial;
        --tw-drop-shadow-color: initial;
        --tw-drop-shadow-alpha: 100%;
        --tw-drop-shadow-size: initial;
        --tw-backdrop-blur: initial;
        --tw-backdrop-brightness: initial;
        --tw-backdrop-contrast: initial;
        --tw-backdrop-grayscale: initial;
        --tw-backdrop-hue-rotate: initial;
        --tw-backdrop-invert: initial;
        --tw-backdrop-opacity: initial;
        --tw-backdrop-saturate: initial;
        --tw-backdrop-sepia: initial;
        --tw-duration: initial;
        --tw-ease: initial;
        --tw-content: "";
        --percent-start: 0%;
        --percent-end: 0%
      }
    }
  }
  
  @layer theme {
  
    :root,
    :host {
      --spacing: .0625rem;
      --container-xs: 20rem;
      --container-4xl: 56rem;
      --container-5xl: 64rem;
      --text-sm: .875rem;
      --text-sm--line-height: calc(1.25 / .875);
      --text-lg: 1.125rem;
      --text-lg--line-height: calc(1.75 / 1.125);
      --font-weight-light: 300;
      --font-weight-normal: 400;
      --font-weight-medium: 500;
      --font-weight-semibold: 600;
      --font-weight-bold: 700;
      --leading-tight: 1.25;
      --leading-normal: 1.5;
      --radius-xs: .125rem;
      --radius-sm: .25rem;
      --radius-lg: .5rem;
      --radius-3xl: 1.5rem;
      --blur-sm: 8px;
      --blur-md: 12px;
      --blur-xl: 24px;
      --blur-3xl: 64px;
      --default-transition-duration: .15s;
      --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
      --viewport-min: 1024;
      --viewport-max: 1900;
      --color-white: #fff;
      --color-black: #000;
      --ease-smooth: cubic-bezier(.365, .005, .355, 1);
      --ease-brave-strangers: cubic-bezier(0, .01, 0, 1);
      --font-primary: "Sora", Tahoma, Geneva, Verdana, sans-serif;
      --font-secondary: "Showtilla", Tahoma, Geneva, Verdana, sans-serif;
      --color-primary: #e73646;
      --color-secondary: #0b182f;
      --color-first: #cca972
    }
  }
  
  @layer base {
  
    *,
    :after,
    :before,
    ::backdrop {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
    }
  
    ::file-selector-button {
      box-sizing: border-box;
      border: 0 solid;
      margin: 0;
      padding: 0
    }
  
    html,
    :host {
      -webkit-text-size-adjust: 100%;
      tab-size: 4;
      line-height: 1.5;
      font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
      font-feature-settings: var(--default-font-feature-settings, normal);
      font-variation-settings: var(--default-font-variation-settings, normal);
      -webkit-tap-highlight-color: transparent
    }
  
    hr {
      height: 0;
      color: inherit;
      border-top-width: 1px
    }
  
    abbr:where([title]) {
      -webkit-text-decoration: underline dotted;
      text-decoration: underline dotted
    }
  
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-size: inherit;
      font-weight: inherit
    }
  
    a {
      color: inherit;
      -webkit-text-decoration: inherit;
      text-decoration: inherit
    }
  
    b,
    strong {
      font-weight: bolder
    }
  
    code,
    kbd,
    samp,
    pre {
      font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
      font-feature-settings: var(--default-mono-font-feature-settings, normal);
      font-variation-settings: var(--default-mono-font-variation-settings, normal);
      font-size: 1em
    }
  
    small {
      font-size: 80%
    }
  
    sub,
    sup {
      vertical-align: baseline;
      font-size: 75%;
      line-height: 0;
      position: relative
    }
  
    sub {
      bottom: -.25em
    }
  
    sup {
      top: -.5em
    }
  
    table {
      text-indent: 0;
      border-color: inherit;
      border-collapse: collapse
    }
  
    :-moz-focusring:where(:not(iframe)) {
      outline: auto
    }
  
    progress {
      vertical-align: baseline
    }
  
    summary {
      display: list-item
    }
  
    ol,
    ul,
    menu {
      list-style: none
    }
  
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
      vertical-align: middle;
      display: block
    }
  
    img,
    video {
      max-width: 100%;
      height: auto
    }
  
    button,
    input,
    select,
    optgroup,
    textarea {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0
    }
  
    ::file-selector-button {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0
    }
  
    :where(select:is([multiple], [size])) optgroup {
      font-weight: bolder
    }
  
    :where(select:is([multiple], [size])) optgroup option {
      padding-inline-start: 20px
    }
  
    ::file-selector-button {
      margin-inline-end: 4px
    }
  
    ::placeholder {
      opacity: 1
    }
  
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
      ::placeholder {
        color: currentColor
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        ::placeholder {
          color: color-mix(in oklab, currentcolor 50%, transparent)
        }
      }
    }
  
    textarea {
      resize: vertical
    }
  
    ::-webkit-search-decoration {
      -webkit-appearance: none
    }
  
    ::-webkit-date-and-time-value {
      min-height: 1lh;
      text-align: inherit
    }
  
    ::-webkit-datetime-edit {
      display: inline-flex
    }
  
    ::-webkit-datetime-edit-fields-wrapper {
      padding: 0
    }
  
    ::-webkit-datetime-edit {
      padding-block: 0
    }
  
    ::-webkit-datetime-edit-year-field {
      padding-block: 0
    }
  
    ::-webkit-datetime-edit-month-field {
      padding-block: 0
    }
  
    ::-webkit-datetime-edit-day-field {
      padding-block: 0
    }
  
    ::-webkit-datetime-edit-hour-field {
      padding-block: 0
    }
  
    ::-webkit-datetime-edit-minute-field {
      padding-block: 0
    }
  
    ::-webkit-datetime-edit-second-field {
      padding-block: 0
    }
  
    ::-webkit-datetime-edit-millisecond-field {
      padding-block: 0
    }
  
    ::-webkit-datetime-edit-meridiem-field {
      padding-block: 0
    }
  
    ::-webkit-calendar-picker-indicator {
      line-height: 1
    }
  
    :-moz-ui-invalid {
      box-shadow: none
    }
  
    button,
    input:where([type=button], [type=reset], [type=submit]) {
      appearance: button
    }
  
    ::file-selector-button {
      appearance: button
    }
  
    ::-webkit-inner-spin-button {
      height: auto
    }
  
    ::-webkit-outer-spin-button {
      height: auto
    }
  
    [hidden]:where(:not([hidden=until-found])) {
      display: none !important
    }
  
    * {
      box-sizing: border-box
    }
  
    html,
    [class*=overflow-x-auto],
    [class*=overflow-x-scroll],
    [class*=overflow-y-auto],
    [class*=overflow-y-scroll] {
      scroll-behavior: smooth
    }
  
    html {
      min-height: var(--spacing)
    }
  
    body {
      -webkit-font-smoothing: antialiased;
      min-height: 100svh;
      line-height: 1.5
    }
  
    html,
    body {
      overscroll-behavior: none
    }
  
    svg {
      display: block;
      overflow: visible
    }
  
    input,
    button,
    textarea,
    select {
      font: inherit;
      outline: none
    }
  
    table {
      border-collapse: collapse;
      border-spacing: 0
    }
  
    img,
    video,
    iframe {
      -webkit-user-select: none;
      user-select: none
    }
  
    input[type=search]::-ms-clear {
      width: 0;
      height: 0;
      display: none
    }
  
    input[type=search]::-ms-reveal {
      width: 0;
      height: 0;
      display: none
    }
  
    input[type=search]::-webkit-search-decoration {
      display: none
    }
  
    input[type=search]::-webkit-search-cancel-button {
      display: none
    }
  
    input[type=search]::-webkit-search-results-button {
      display: none
    }
  
    input[type=search]::-webkit-search-results-decoration {
      display: none
    }
  
    input[type=date]::-webkit-inner-spin-button {
      appearance: none;
      display: none
    }
  
    input[type=date]::-webkit-calendar-picker-indicator {
      appearance: none;
      display: none
    }
  
    input[type=file]::-webkit-file-upload-button {
      cursor: pointer
    }
  
    input[type=number] {
      appearance: none;
      -moz-appearance: textfield;
      margin: 0
    }
  
    input[type=number]::-webkit-inner-spin-button {
      appearance: none;
      -moz-appearance: textfield;
      margin: 0
    }
  
    input[type=number]::-webkit-outer-spin-button {
      appearance: none;
      -moz-appearance: textfield;
      margin: 0
    }
  
    .google-map * {
      border-style: none
    }
  
    model-viewer {
      --progress-bar-color: none;
      --progress-bar-height: 0px
    }
  
    [data-carousel] .swiper-slide {
      max-width: 100%;
      width: calc((100% / var(--slides-per-view, 1)) - ((var(--space-between, 24px) * (var(--slides-per-view, 1) - 1)) / var(--slides-per-view, 1))) !important
    }
  
    [data-carousel] .swiper-slide:not(:last-child) {
      margin-right: var(--space-between, 24px)
    }
  }
  
  @layer components {
    .prose {
      --prose-color: var(--color-black)
    }
  
    .prose:where(.dark, .dark *) {
      --prose-color: var(--color-white)
    }
  
    @media not all and (min-width:1024px) {
      .prose br {
        display: none
      }
    }
  
    .prose > * + * {
      --mt-to: 24;
      --mt-from: 16;
      margin-block-start: clamp(calc(var(--mt-from) * var(--spacing)), round(nearest, calc(var(--mt-from) * var(--spacing) + (var(--mt-to) - var(--mt-from)) * ((100vw - (var(--mt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to) * var(--spacing)))
    }
  
    .prose h1 {
      --text-to: 64;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 112;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--prose-color);
      --leading-from: 100;
      --text-from: 32
    }
  
    .prose h2 {
      --text-to: 48;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 115;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--prose-color);
      --leading-from: 105;
      --text-from: 30
    }
  
    .prose h3 {
      --text-to: 42;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 120;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--prose-color);
      --leading-from: 110;
      --text-from: 24
    }
  
    .prose h4 {
      --text-to: 36;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 125;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--prose-color);
      --leading-from: 115;
      --text-from: 23
    }
  
    .prose h5 {
      --text-to: 28;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 130;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--prose-color);
      --leading-from: 120;
      --text-from: 20
    }
  
    .prose h6 {
      --text-to: 24;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 135;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      color: var(--prose-color);
      --leading-from: 125;
      --text-from: 18
    }
  
    .prose blockquote {
      border-left-style: var(--tw-border-style);
      border-left-width: 2px;
      border-color: var(--prose-color);
      padding-left: calc(var(--spacing) * 2);
      --text-to: 20;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 155;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      color: var(--prose-color);
      --leading-from: 135;
      --text-from: 16;
      font-style: italic
    }
  
    @media(min-width:1280px) {
      .prose blockquote {
        border-left-style: var(--tw-border-style);
        padding-left: calc(var(--spacing) * 4);
        border-left-width: 4px
      }
    }
  
    .prose blockquote > * + * {
      --mt-to: 16;
      --mt-from: 8;
      margin-block-start: clamp(calc(var(--mt-from) * var(--spacing)), round(nearest, calc(var(--mt-from) * var(--spacing) + (var(--mt-to) - var(--mt-from)) * ((100vw - (var(--mt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to) * var(--spacing)))
    }
  
    .prose p,
    .prose li {
      --text-to: 20;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 160;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      color: var(--prose-color)
    }
  
    @supports (color:color-mix(in lab, red, red)) {
  
      .prose p,
      .prose li {
        color: color-mix(in oklab, var(--prose-color) 50%, transparent)
      }
    }
  
    .prose p,
    .prose li {
      --leading-from: 155;
      --text-from: 16
    }
  
    .prose ol,
    .prose ul {
      list-style-position: inside
    }
  
    :is(.prose ol, .prose ul) ::marker {
      color: inherit
    }
  
    :is(.prose ol, .prose ul)::marker {
      color: inherit
    }
  
    :is(.prose ol, .prose ul) ::-webkit-details-marker {
      color: inherit
    }
  
    :is(.prose ol, .prose ul)::-webkit-details-marker {
      color: inherit
    }
  
    :is(.prose ol, .prose ul) > * + * {
      --mt-to: 8;
      --mt-from: 4;
      margin-block-start: clamp(calc(var(--mt-from) * var(--spacing)), round(nearest, calc(var(--mt-from) * var(--spacing) + (var(--mt-to) - var(--mt-from)) * ((100vw - (var(--mt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to) * var(--spacing)))
    }
  
    .prose ol {
      list-style-type: decimal
    }
  
    .prose ul {
      list-style-type: none
    }
  
    .prose a {
      --tw-gradient-position: to right
    }
  
    @supports (background-image:linear-gradient(in lab, red, red)) {
      .prose a {
        --tw-gradient-position: to right in oklab
      }
    }
  
    .prose a {
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--prose-color);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
      --tw-gradient-to: var(--prose-color);
      color: var(--prose-color);
      --tw-duration: .2s;
      background-position: 0 100%;
      background-repeat: no-repeat;
      background-size: 0% 1px;
      transition-duration: .2s
    }
  
    @media(hover:hover) {
      .prose a:hover {
        color: var(--color-primary);
        background-size: 100% 1px
      }
    }
  
    .prose strong,
    .prose b {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold)
    }
  
    .prose em,
    .prose i {
      font-style: italic
    }
  
    .prose.body-xl p,
    .prose.body-xl li {
      --text-to: 24;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 150;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      color: var(--prose-color);
      --leading-from: 145;
      --text-from: 18
    }
  
    .prose.body-lg p,
    .prose.body-lg li {
      --text-to: 20;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 155;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      color: var(--prose-color);
      --leading-from: 150;
      --text-from: 16
    }
  
    .prose.body-md p,
    .prose.body-md li {
      --text-to: 18;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 160;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      color: var(--prose-color);
      --leading-from: 155;
      --text-from: 16
    }
  
    .prose.body-sm p,
    .prose.body-sm li {
      --text-to: 16;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 160;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      color: var(--prose-color);
      --leading-from: 160;
      --text-from: 14
    }
  
    .prose.body-xs p,
    .prose.body-xs li {
      --text-to: 14;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)));
      --leading-to: 160;
      line-height: clamp(calc(var(--leading-from) * 1%), round(nearest, calc(var(--leading-from) * var(--spacing) + (var(--leading-to) - var(--leading-from)) * ((100vw - (var(--leading-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--leading-max-vw, var(--viewport-max)) - var(--leading-min-vw, var(--viewport-min))))), 1px), calc(var(--leading-to) * 1%));
      color: var(--prose-color);
      --leading-from: 160;
      --text-from: 12
    }
  
    .prose.muted p,
    .prose.muted li {
      color: var(--prose-color)
    }
  
    @supports (color:color-mix(in lab, red, red)) {
  
      .prose.muted p,
      .prose.muted li {
        color: color-mix(in oklab, var(--prose-color) 65%, transparent)
      }
    }
  }
  
  @layer utilities {
    .pointer-events-auto {
      pointer-events: auto
    }
  
    .pointer-events-none {
      pointer-events: none
    }
  
    .invisible {
      visibility: hidden
    }
  
    .visible {
      visibility: visible
    }
  
    .absolute-full {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0
    }
  
    .fixed-full {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0
    }
  
    .absolute-center {
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%
    }
  
    .absolute {
      position: absolute
    }
  
    .fixed {
      position: fixed
    }
  
    .relative {
      position: relative
    }
  
    .static {
      position: static
    }
  
    .static\! {
      position: static !important
    }
  
    .sticky {
      position: sticky
    }
  
    .inset-0 {
      inset: 0
    }
  
    .right-to-32 {
      --right-to: 32;
      inset-inline-end: clamp(calc(var(--right-from) * var(--spacing)), round(nearest, calc(var(--right-from) * var(--spacing) + (var(--right-to) - var(--right-from)) * ((100vw - (var(--right-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--right-max-vw, var(--viewport-max)) - var(--right-min-vw, var(--viewport-min))))), 1px), calc(var(--right-to) * var(--spacing)))
    }
  
    .-top-24 {
      top: calc(var(--spacing) * -24)
    }
  
    .top-0 {
      top: 0
    }
  
    .top-1\/2 {
      top: 50%
    }
  
    .top-4 {
      top: calc(var(--spacing) * 4)
    }
  
    .top-12 {
      top: calc(var(--spacing) * 12)
    }
  
    .top-20 {
      top: calc(var(--spacing) * 20)
    }
  
    .top-\[-100vh\] {
      top: -100vh
    }
  
    .top-\[30\%\] {
      top: 30%
    }
  
    .top-\[45\%\] {
      top: 45%
    }
  
    .top-\[72\%\] {
      top: 72%
    }
  
    .top-\[89\%\] {
      top: 89%
    }
  
    .top-\[calc\(100\%\+1px\)\] {
      top: calc(100% + 1px)
    }
  
    .top-full {
      top: 100%
    }
  
    .-right-24 {
      right: calc(var(--spacing) * -24)
    }
  
    .right-0 {
      right: 0
    }
  
    .right-5 {
      right: calc(var(--spacing) * 5)
    }
  
    .right-10 {
      right: calc(var(--spacing) * 10)
    }
  
    .right-12 {
      right: calc(var(--spacing) * 12)
    }
  
    .right-15 {
      right: calc(var(--spacing) * 15)
    }
  
    .right-55 {
      right: calc(var(--spacing) * 55)
    }
  
    .-bottom-24 {
      bottom: calc(var(--spacing) * -24)
    }
  
    .bottom-0 {
      bottom: 0
    }
  
    .bottom-15 {
      bottom: calc(var(--spacing) * 15)
    }
  
    .-left-24 {
      left: calc(var(--spacing) * -24)
    }
  
    .left-0 {
      left: 0
    }
  
    .left-1\/2 {
      left: 50%
    }
  
    .left-4 {
      left: calc(var(--spacing) * 4)
    }
  
    .left-\[-100vw\] {
      left: -100vw
    }
  
    .left-\[0\%\] {
      left: 0%
    }
  
    .left-\[9\.55\%\] {
      left: 9.55%
    }
  
    .left-\[34\.55\%\] {
      left: 34.55%
    }
  
    .left-\[65\.45\%\] {
      left: 65.45%
    }
  
    .left-\[90\.45\%\] {
      left: 90.45%
    }
  
    .isolate {
      isolation: isolate
    }
  
    .z-0 {
      z-index: 0
    }
  
    .z-2 {
      z-index: 2
    }
  
    .z-3 {
      z-index: 3
    }
  
    .z-4 {
      z-index: 4
    }
  
    .z-5 {
      z-index: 5
    }
  
    .z-6 {
      z-index: 6
    }
  
    .z-10 {
      z-index: 10
    }
  
    .z-12 {
      z-index: 12
    }
  
    .z-20 {
      z-index: 20
    }
  
    .z-30 {
      z-index: 30
    }
  
    .z-31 {
      z-index: 31
    }
  
    .z-32 {
      z-index: 32
    }
  
    .z-33 {
      z-index: 33
    }
  
    .z-50 {
      z-index: 50
    }
  
    .z-100 {
      z-index: 100
    }
  
    .z-101 {
      z-index: 101
    }
  
    .z-120 {
      z-index: 120
    }
  
    .z-200 {
      z-index: 200
    }
  
    .z-320 {
      z-index: 320
    }
  
    .z-\[-1\] {
      z-index: -1
    }
  
    .col-span-1 {
      grid-column: span 1/span 1
    }
  
    .col-span-2 {
      grid-column: span 2/span 2
    }
  
    .container {
      width: 100%
    }
  
    @media(min-width:390px) {
      .container {
        max-width: 390px
      }
    }
  
    @media(min-width:480px) {
      .container {
        max-width: 480px
      }
    }
  
    @media(min-width:768px) {
      .container {
        max-width: 768px
      }
    }
  
    @media(min-width:1024px) {
      .container {
        max-width: 1024px
      }
    }
  
    @media(min-width:1280px) {
      .container {
        max-width: 1280px
      }
    }
  
    @media(min-width:1440px) {
      .container {
        max-width: 1440px
      }
    }
  
    @media(min-width:1680px) {
      .container {
        max-width: 1680px
      }
    }
  
    @media(min-width:1921px) {
      .container {
        max-width: 1921px
      }
    }
  
    @media(min-width:2560px) {
      .container {
        max-width: 2560px
      }
    }
  
    .m-0 {
      margin: 0
    }
  
    .m-0\! {
      margin: 0 !important
    }
  
    .m-auto {
      margin: auto
    }
  
    .container {
      max-width: 1600px;
      margin-inline: auto;
      padding-inline: 30px
    }
  
    .mx-0\! {
      margin-inline: 0 !important
    }
  
    .mx-auto {
      margin-inline: auto
    }
  
    .my-to-60 {
      --my-to: 60;
      margin-block: clamp(calc(var(--my-from) * var(--spacing)), round(nearest, calc(var(--my-from) * var(--spacing) + (var(--my-to) - var(--my-from)) * ((100vw - (var(--my-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--my-max-vw, var(--viewport-max)) - var(--my-min-vw, var(--viewport-min))))), 1px), calc(var(--my-to) * var(--spacing)))
    }
  
    .my-14 {
      margin-block: calc(var(--spacing) * 14)
    }
  
    .my-15 {
      margin-block: calc(var(--spacing) * 15)
    }
  
    .my-20 {
      margin-block: calc(var(--spacing) * 20)
    }
  
    .my-auto {
      margin-block: auto
    }
  
    .mt-to-16 {
      --mt-to: 16;
      margin-block-start: clamp(calc(var(--mt-from) * var(--spacing)), round(nearest, calc(var(--mt-from) * var(--spacing) + (var(--mt-to) - var(--mt-from)) * ((100vw - (var(--mt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to) * var(--spacing)))
    }
  
    .mt-to-28 {
      --mt-to: 28;
      margin-block-start: clamp(calc(var(--mt-from) * var(--spacing)), round(nearest, calc(var(--mt-from) * var(--spacing) + (var(--mt-to) - var(--mt-from)) * ((100vw - (var(--mt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to) * var(--spacing)))
    }
  
    .mt-to-40 {
      --mt-to: 40;
      margin-block-start: clamp(calc(var(--mt-from) * var(--spacing)), round(nearest, calc(var(--mt-from) * var(--spacing) + (var(--mt-to) - var(--mt-from)) * ((100vw - (var(--mt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to) * var(--spacing)))
    }
  
    .mt-to-60 {
      --mt-to: 60;
      margin-block-start: clamp(calc(var(--mt-from) * var(--spacing)), round(nearest, calc(var(--mt-from) * var(--spacing) + (var(--mt-to) - var(--mt-from)) * ((100vw - (var(--mt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--mt-max-vw, var(--viewport-max)) - var(--mt-min-vw, var(--viewport-min))))), 1px), calc(var(--mt-to) * var(--spacing)))
    }
  
    .mb-to-25 {
      --mb-to: 25;
      margin-block-end: clamp(calc(var(--mb-from) * var(--spacing)), round(nearest, calc(var(--mb-from) * var(--spacing) + (var(--mb-to) - var(--mb-from)) * ((100vw - (var(--mb-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--mb-max-vw, var(--viewport-max)) - var(--mb-min-vw, var(--viewport-min))))), 1px), calc(var(--mb-to) * var(--spacing)))
    }
  
    .mb-to-40 {
      --mb-to: 40;
      margin-block-end: clamp(calc(var(--mb-from) * var(--spacing)), round(nearest, calc(var(--mb-from) * var(--spacing) + (var(--mb-to) - var(--mb-from)) * ((100vw - (var(--mb-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--mb-max-vw, var(--viewport-max)) - var(--mb-min-vw, var(--viewport-min))))), 1px), calc(var(--mb-to) * var(--spacing)))
    }
  
    .-mt-200 {
      margin-top: calc(var(--spacing) * -200)
    }
  
    .mt-1 {
      margin-top: var(--spacing)
    }
  
    .mt-5 {
      margin-top: calc(var(--spacing) * 5)
    }
  
    .mt-6 {
      margin-top: calc(var(--spacing) * 6)
    }
  
    .mt-10 {
      margin-top: calc(var(--spacing) * 10)
    }
  
    .mt-15 {
      margin-top: calc(var(--spacing) * 15)
    }
  
    .mt-20 {
      margin-top: calc(var(--spacing) * 20)
    }
  
    .mt-22 {
      margin-top: calc(var(--spacing) * 22)
    }
  
    .mb-4 {
      margin-bottom: calc(var(--spacing) * 4)
    }
  
    .mb-12 {
      margin-bottom: calc(var(--spacing) * 12)
    }
  
    .mb-15 {
      margin-bottom: calc(var(--spacing) * 15)
    }
  
    .mb-18 {
      margin-bottom: calc(var(--spacing) * 18)
    }
  
    .mb-20 {
      margin-bottom: calc(var(--spacing) * 20)
    }
  
    .mb-24 {
      margin-bottom: calc(var(--spacing) * 24)
    }
  
    .full-contain {
      object-fit: contain;
      object-position: center;
      width: 100%;
      height: 100%;
      display: block
    }
  
    .full-cover {
      object-fit: cover;
      object-position: center;
      width: 100%;
      height: 100%;
      display: block
    }
  
    .flex-between {
      justify-content: space-between;
      align-items: center;
      display: flex
    }
  
    .flex-center {
      justify-content: center;
      align-items: center;
      display: flex
    }
  
    .flex-center\! {
      justify-content: center !important;
      align-items: center !important;
      display: flex !important
    }
  
    .line-clamp-1 {
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden
    }
  
    .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
    }
  
    .aspect-3\/2 {
      aspect-ratio: 3/2
    }
  
    .aspect-3\/5 {
      aspect-ratio: 3/5
    }
  
    .aspect-43\/43 {
      aspect-ratio: 43/43
    }
  
    .aspect-\[1\/1\] {
      aspect-ratio: 1
    }
  
    .aspect-\[82\/35\] {
      aspect-ratio: 82/35
    }
  
    .aspect-square {
      aspect-ratio: 1
    }
  
    .size-1 {
      width: var(--spacing);
      height: var(--spacing)
    }
  
    .size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8)
    }
  
    .size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9)
    }
  
    .size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10)
    }
  
    .size-10\! {
      width: calc(var(--spacing) * 10) !important;
      height: calc(var(--spacing) * 10) !important
    }
  
    .size-20 {
      width: calc(var(--spacing) * 20);
      height: calc(var(--spacing) * 20)
    }
  
    .size-22 {
      width: calc(var(--spacing) * 22);
      height: calc(var(--spacing) * 22)
    }
  
    .size-34 {
      width: calc(var(--spacing) * 34);
      height: calc(var(--spacing) * 34)
    }
  
    .size-36 {
      width: calc(var(--spacing) * 36);
      height: calc(var(--spacing) * 36)
    }
  
    .size-40 {
      width: calc(var(--spacing) * 40);
      height: calc(var(--spacing) * 40)
    }
  
    .size-44 {
      width: calc(var(--spacing) * 44);
      height: calc(var(--spacing) * 44)
    }
  
    .size-50 {
      width: calc(var(--spacing) * 50);
      height: calc(var(--spacing) * 50)
    }
  
    .size-120 {
      width: calc(var(--spacing) * 120);
      height: calc(var(--spacing) * 120)
    }
  
    .size-\[calc\(100\%\+22px\)\]\! {
      width: calc(100% + 22px) !important;
      height: calc(100% + 22px) !important
    }
  
    .size-full {
      width: 100%;
      height: 100%
    }
  
    .size-to-14 {
      --size-to: 14;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-16 {
      --size-to: 16;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-18 {
      --size-to: 18;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-24 {
      --size-to: 24;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-30 {
      --size-to: 30;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-37 {
      --size-to: 37;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-40 {
      --size-to: 40;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-45 {
      --size-to: 45;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-46 {
      --size-to: 46;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-50 {
      --size-to: 50;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-54 {
      --size-to: 54;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-65 {
      --size-to: 65;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-75 {
      --size-to: 75;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-80 {
      --size-to: 80;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .size-to-120 {
      --size-to: 120;
      width: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)));
      height: clamp(calc(var(--size-from) * var(--spacing)), round(nearest, calc(var(--size-from) * var(--spacing) + (var(--size-to) - var(--size-from)) * ((100vw - (var(--size-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--size-max-vw, var(--viewport-max)) - var(--size-min-vw, var(--viewport-min))))), 1px), calc(var(--size-to) * var(--spacing)))
    }
  
    .h-to-68 {
      --h-to: 68;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-95 {
      --h-to: 95;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-224 {
      --h-to: 224;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-240 {
      --h-to: 240;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-260 {
      --h-to: 260;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-350 {
      --h-to: 350;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-370 {
      --h-to: 370;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-470 {
      --h-to: 470;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-500 {
      --h-to: 500;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-520 {
      --h-to: 520;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-550 {
      --h-to: 550;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-600 {
      --h-to: 600;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-700 {
      --h-to: 700;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-760 {
      --h-to: 760;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-780 {
      --h-to: 780;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-to-800 {
      --h-to: 800;
      height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
    }
  
    .h-\(--range1\) {
      height: var(--range1)
    }
  
    .h-0 {
      height: 0
    }
  
    .h-1 {
      height: var(--spacing)
    }
  
    .h-2 {
      height: calc(var(--spacing) * 2)
    }
  
    .h-3 {
      height: calc(var(--spacing) * 3)
    }
  
    .h-20 {
      height: calc(var(--spacing) * 20)
    }
  
    .h-22 {
      height: calc(var(--spacing) * 22)
    }
  
    .h-24 {
      height: calc(var(--spacing) * 24)
    }
  
    .h-26 {
      height: calc(var(--spacing) * 26)
    }
  
    .h-30 {
      height: calc(var(--spacing) * 30)
    }
  
    .h-32 {
      height: calc(var(--spacing) * 32)
    }
  
    .h-40 {
      height: calc(var(--spacing) * 40)
    }
  
    .h-44\! {
      height: calc(var(--spacing) * 44) !important
    }
  
    .h-50 {
      height: calc(var(--spacing) * 50)
    }
  
    .h-52 {
      height: calc(var(--spacing) * 52)
    }
  
    .h-54 {
      height: calc(var(--spacing) * 54)
    }
  
    .h-55 {
      height: calc(var(--spacing) * 55)
    }
  
    .h-60 {
      height: calc(var(--spacing) * 60)
    }
  
    .h-62 {
      height: calc(var(--spacing) * 62)
    }
  
    .h-70 {
      height: calc(var(--spacing) * 70)
    }
  
    .h-90 {
      height: calc(var(--spacing) * 90)
    }
  
    .h-126 {
      height: calc(var(--spacing) * 126)
    }
  
    .h-156 {
      height: calc(var(--spacing) * 156)
    }
  
    .h-180 {
      height: calc(var(--spacing) * 180)
    }
  
    .h-240 {
      height: calc(var(--spacing) * 240)
    }
  
    .h-250 {
      height: calc(var(--spacing) * 250)
    }
  
    .h-285 {
      height: calc(var(--spacing) * 285)
    }
  
    .h-400 {
      height: calc(var(--spacing) * 400)
    }
  
    .h-430 {
      height: calc(var(--spacing) * 430)
    }
  
    .h-485 {
      height: calc(var(--spacing) * 485)
    }
  
    .h-600 {
      height: calc(var(--spacing) * 600)
    }
  
    .h-700 {
      height: calc(var(--spacing) * 700)
    }
  
    .h-\[1px\] {
      height: 1px
    }
  
    .h-\[25\%\] {
      height: 25%
    }
  
    .h-\[95vh\] {
      height: 95vh
    }
  
    .h-\[188px\] {
      height: 188px
    }
  
    .h-\[200vh\] {
      height: 200vh
    }
  
    .h-\[calc\(100\%-1px\)\] {
      height: calc(100% - 1px)
    }
  
    .h-auto {
      height: auto
    }
  
    .h-auto\! {
      height: auto !important
    }
  
    .h-fit {
      height: fit-content
    }
  
    .h-full {
      height: 100%
    }
  
    .h-px {
      height: 1px
    }
  
    .h-svh {
      height: 100svh
    }
  
    .max-h-250 {
      max-height: calc(var(--spacing) * 250)
    }
  
    .max-h-300 {
      max-height: calc(var(--spacing) * 300)
    }
  
    .max-h-\[calc\(var\(--range1\)\*2\)\] {
      max-height: calc(var(--range1) * 2)
    }
  
    .max-h-full {
      max-height: 100%
    }
  
    .min-h-to-76 {
      --min-h-to: 76;
      min-height: clamp(calc(var(--min-h-from) * var(--spacing)), round(nearest, calc(var(--min-h-from) * var(--spacing) + (var(--min-h-to) - var(--min-h-from)) * ((100vw - (var(--min-h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--min-h-max-vw, var(--viewport-max)) - var(--min-h-min-vw, var(--viewport-min))))), 1px), calc(var(--min-h-to) * var(--spacing)))
    }
  
    .min-h-\(--range1\) {
      min-height: var(--range1)
    }
  
    .min-h-150 {
      min-height: calc(var(--spacing) * 150)
    }
  
    .min-h-280 {
      min-height: calc(var(--spacing) * 280)
    }
  
    .w-to-18 {
      --w-to: 18;
      width: clamp(calc(var(--w-from) * var(--spacing)), round(nearest, calc(var(--w-from) * var(--spacing) + (var(--w-to) - var(--w-from)) * ((100vw - (var(--w-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--w-max-vw, var(--viewport-max)) - var(--w-min-vw, var(--viewport-min))))), 1px), calc(var(--w-to) * var(--spacing)))
    }
  
    .w-\(--range1\) {
      width: var(--range1)
    }
  
    .w-0 {
      width: 0
    }
  
    .w-1 {
      width: var(--spacing)
    }
  
    .w-2 {
      width: calc(var(--spacing) * 2)
    }
  
    .w-9 {
      width: calc(var(--spacing) * 9)
    }
  
    .w-15\! {
      width: calc(var(--spacing) * 15) !important
    }
  
    .w-16 {
      width: calc(var(--spacing) * 16)
    }
  
    .w-20 {
      width: calc(var(--spacing) * 20)
    }
  
    .w-22 {
      width: calc(var(--spacing) * 22)
    }
  
    .w-24 {
      width: calc(var(--spacing) * 24)
    }
  
    .w-25 {
      width: calc(var(--spacing) * 25)
    }
  
    .w-32 {
      width: calc(var(--spacing) * 32)
    }
  
    .w-56 {
      width: calc(var(--spacing) * 56)
    }
  
    .w-828 {
      width: calc(var(--spacing) * 828)
    }
  
    .w-\[200vw\] {
      width: 200vw
    }
  
    .w-fit {
      width: fit-content
    }
  
    .w-full {
      width: 100%
    }
  
    .w-max {
      width: max-content
    }
  
    .w-screen {
      width: 100vw
    }
  
    .line-clamp {
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden
    }
  
    .max-w-to-1920 {
      --max-w-to: 1920;
      max-width: clamp(calc(var(--max-w-from) * var(--spacing)), round(nearest, calc(var(--max-w-from) * var(--spacing) + (var(--max-w-to) - var(--max-w-from)) * ((100vw - (var(--max-w-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--max-w-max-vw, var(--viewport-max)) - var(--max-w-min-vw, var(--viewport-min))))), 1px), calc(var(--max-w-to) * var(--spacing)))
    }
  
    .max-w-4xl {
      max-width: var(--container-4xl)
    }
  
    .max-w-5xl {
      max-width: var(--container-5xl)
    }
  
    .max-w-80 {
      max-width: calc(var(--spacing) * 80)
    }
  
    .max-w-200 {
      max-width: calc(var(--spacing) * 200)
    }
  
    .max-w-220 {
      max-width: calc(var(--spacing) * 220)
    }
  
    .max-w-235 {
      max-width: calc(var(--spacing) * 235)
    }
  
    .max-w-280 {
      max-width: calc(var(--spacing) * 280)
    }
  
    .max-w-340 {
      max-width: calc(var(--spacing) * 340)
    }
  
    .max-w-430 {
      max-width: calc(var(--spacing) * 430)
    }
  
    .max-w-500 {
      max-width: calc(var(--spacing) * 500)
    }
  
    .max-w-625 {
      max-width: calc(var(--spacing) * 625)
    }
  
    .max-w-700 {
      max-width: calc(var(--spacing) * 700)
    }
  
    .max-w-715 {
      max-width: calc(var(--spacing) * 715)
    }
  
    .max-w-800 {
      max-width: calc(var(--spacing) * 800)
    }
  
    .max-w-1000 {
      max-width: calc(var(--spacing) * 1000)
    }
  
    .max-w-1270 {
      max-width: calc(var(--spacing) * 1270)
    }
  
    .max-w-1400 {
      max-width: calc(var(--spacing) * 1400)
    }
  
    .max-w-1440 {
      max-width: calc(var(--spacing) * 1440)
    }
  
    .max-w-1920 {
      max-width: calc(var(--spacing) * 1920)
    }
  
    .max-w-xs {
      max-width: var(--container-xs)
    }
  
    .min-w-90 {
      min-width: calc(var(--spacing) * 90)
    }
  
    .min-w-168 {
      min-width: calc(var(--spacing) * 168)
    }
  
    .min-w-200 {
      min-width: calc(var(--spacing) * 200)
    }
  
    .min-w-250 {
      min-width: calc(var(--spacing) * 250)
    }
  
    .min-w-270 {
      min-width: calc(var(--spacing) * 270)
    }
  
    .min-w-xs {
      min-width: var(--container-xs)
    }
  
    .flex-1 {
      flex: 1
    }
  
    .shrink {
      flex-shrink: 1
    }
  
    .shrink-0 {
      flex-shrink: 0
    }
  
    .basis-0 {
      flex-basis: 0
    }
  
    .origin-center {
      transform-origin: 50%
    }
  
    .-translate-x-1\/2 {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-x-10 {
      --tw-translate-x: calc(var(--spacing) * -10);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-x-\[35px\] {
      --tw-translate-x: -35px;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-x-\[calc\(100\%-35px\)\] {
      --tw-translate-x: calc((100% - 35px)*-1);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-x-0 {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-x-10 {
      --tw-translate-x: calc(var(--spacing) * 10);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-y-1\/2 {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-y-50 {
      --tw-translate-y: calc(var(--spacing) * -50);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-y-\[5\%\] {
      --tw-translate-y: -5%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-8 {
      --tw-translate-y: calc(var(--spacing) * 8);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-10 {
      --tw-translate-y: calc(var(--spacing) * 10);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-15 {
      --tw-translate-y: calc(var(--spacing) * 15);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-20 {
      --tw-translate-y: calc(var(--spacing) * 20);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-\[-15\%\] {
      --tw-translate-y: -15%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-\[125\%\] {
      --tw-translate-y: 125%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-z-0 {
      --tw-translate-z: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)
    }
  
    .scale-75 {
      --tw-scale-x: 75%;
      --tw-scale-y: 75%;
      --tw-scale-z: 75%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .scale-95 {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .-rotate-45 {
      rotate: -45deg
    }
  
    .-rotate-90 {
      rotate: -90deg
    }
  
    .-rotate-135 {
      rotate: -135deg
    }
  
    .rotate-0 {
      rotate: 0deg
    }
  
    .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, )
    }
  
    .cursor-pointer {
      cursor: pointer
    }
  
    .resize {
      resize: both
    }
  
    .resize-none {
      resize: none
    }
  
    .scrollbar-auto {
      scrollbar-width: auto
    }
  
    .scrollbar-none {
      scrollbar-width: none
    }
  
    .scrollbar-thin {
      scrollbar-width: thin
    }
  
    .scrollbar-thumb-first {
      --tw-scrollbar-thumb: var(--color-first);
      scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)
    }
  
    .scrollbar-track-black\/10 {
      --tw-scrollbar-track: #0000001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .scrollbar-track-black\/10 {
        --tw-scrollbar-track: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }
  
    .scrollbar-track-black\/10 {
      scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)
    }
  
    .appearance-none {
      appearance: none
    }
  
    .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-\[1fr_1\.1fr\] {
      grid-template-columns: 1fr 1.1fr
    }
  
    .grid-cols-\[1fr_1\.2fr\] {
      grid-template-columns: 1fr 1.2fr
    }
  
    .grid-cols-\[1fr_1\.5fr\] {
      grid-template-columns: 1fr 1.5fr
    }
  
    .grid-cols-\[1fr_1\.6fr\] {
      grid-template-columns: 1fr 1.6fr
    }
  
    .grid-cols-\[minmax\(0\,0\.7fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, .7fr) minmax(0, 1fr)
    }
  
    .grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr)
    }
  
    .grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr)
    }
  
    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr)
    }
  
    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr)
    }
  
    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr)
    }
  
    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,5fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 5fr) minmax(0, 1fr)
    }
  
    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,11fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 11fr)
    }
  
    .grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 1fr)
    }
  
    .grid-cols-\[minmax\(0\,8fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 8fr) minmax(0, 1fr)
    }
  
    .grid-rows-\[0fr\] {
      grid-template-rows: 0fr
    }
  
    .flex-col {
      flex-direction: column
    }
  
    .flex-row-reverse {
      flex-direction: row-reverse
    }
  
    .flex-wrap {
      flex-wrap: wrap
    }
  
    .place-items-center {
      place-items: center
    }
  
    .content-center {
      align-content: center
    }
  
    .items-center {
      align-items: center
    }
  
    .items-end {
      align-items: flex-end
    }
  
    .items-start {
      align-items: flex-start
    }
  
    .items-stretch {
      align-items: stretch
    }
  
    .justify-between {
      justify-content: space-between
    }
  
    .justify-center {
      justify-content: center
    }
  
    .justify-end {
      justify-content: flex-end
    }
  
    .justify-start {
      justify-content: flex-start
    }
  
    .gap-to-14 {
      --gap-to: 14;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-15 {
      --gap-to: 15;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-16 {
      --gap-to: 16;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-18 {
      --gap-to: 18;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-20 {
      --gap-to: 20;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-24 {
      --gap-to: 24;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-25 {
      --gap-to: 25;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-26 {
      --gap-to: 26;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-28 {
      --gap-to: 28;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-30 {
      --gap-to: 30;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-32 {
      --gap-to: 32;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-34 {
      --gap-to: 34;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-35 {
      --gap-to: 35;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-40 {
      --gap-to: 40;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-45 {
      --gap-to: 45;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-50 {
      --gap-to: 50;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-55 {
      --gap-to: 55;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-60 {
      --gap-to: 60;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-65 {
      --gap-to: 65;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-70 {
      --gap-to: 70;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-80 {
      --gap-to: 80;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-100 {
      --gap-to: 100;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-120 {
      --gap-to: 120;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-180 {
      --gap-to: 180;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-to-300 {
      --gap-to: 300;
      --gap: clamp(calc(var(--gap-from) * var(--spacing)), round(nearest, calc(var(--gap-from) * var(--spacing) + (var(--gap-to) - var(--gap-from)) * ((100vw - (var(--gap-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-max-vw, var(--viewport-max)) - var(--gap-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-to) * var(--spacing)));
      gap: var(--gap)
    }
  
    .gap-2 {
      gap: calc(var(--spacing) * 2)
    }
  
    .gap-5 {
      gap: calc(var(--spacing) * 5)
    }
  
    .gap-6 {
      gap: calc(var(--spacing) * 6)
    }
  
    .gap-7 {
      gap: calc(var(--spacing) * 7)
    }
  
    .gap-8 {
      gap: calc(var(--spacing) * 8)
    }
  
    .gap-10 {
      gap: calc(var(--spacing) * 10)
    }
  
    .gap-12 {
      gap: calc(var(--spacing) * 12)
    }
  
    .gap-13 {
      gap: calc(var(--spacing) * 13)
    }
  
    .gap-14 {
      gap: calc(var(--spacing) * 14)
    }
  
    .gap-15 {
      gap: calc(var(--spacing) * 15)
    }
  
    .gap-18 {
      gap: calc(var(--spacing) * 18)
    }
  
    .gap-20 {
      gap: calc(var(--spacing) * 20)
    }
  
    .gap-25 {
      gap: calc(var(--spacing) * 25)
    }
  
    .gap-30 {
      gap: calc(var(--spacing) * 30)
    }
  
    .gap-32 {
      gap: calc(var(--spacing) * 32)
    }
  
    .gap-35 {
      gap: calc(var(--spacing) * 35)
    }
  
    .gap-40 {
      gap: calc(var(--spacing) * 40)
    }
  
    .gap-50 {
      gap: calc(var(--spacing) * 50)
    }
  
    .gap-60 {
      gap: calc(var(--spacing) * 60)
    }
  
    .gap-x-to-16 {
      --gap-x-to: 16;
      --gap-x: clamp(calc(var(--gap-x-from) * var(--spacing)), round(nearest, calc(var(--gap-x-from) * var(--spacing) + (var(--gap-x-to) - var(--gap-x-from)) * ((100vw - (var(--gap-x-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--gap-x-max-vw, var(--viewport-max)) - var(--gap-x-min-vw, var(--viewport-min))))), 1px), calc(var(--gap-x-to) * var(--spacing)));
      column-gap: var(--gap-x)
    }
  
    .gap-x-15 {
      column-gap: calc(var(--spacing) * 15)
    }
  
    .gap-x-22 {
      column-gap: calc(var(--spacing) * 22)
    }
  
    .gap-y-20 {
      row-gap: calc(var(--spacing) * 20)
    }
  
    .gap-y-50 {
      row-gap: calc(var(--spacing) * 50)
    }
  
    .self-stretch\! {
      align-self: stretch !important
    }
  
    .overflow-auto {
      overflow: auto
    }
  
    .overflow-clip {
      overflow: clip
    }
  
    .overflow-hidden {
      overflow: hidden
    }
  
    .overflow-visible\! {
      overflow: visible !important
    }
  
    .overflow-x-hidden {
      overflow-x: hidden
    }
  
    .overflow-y-auto {
      overflow-y: auto
    }
  
    .rounded-to-20 {
      --rounded-to: 20;
      border-radius: clamp(calc(var(--rounded-from) * var(--spacing)), round(nearest, calc(var(--rounded-from) * var(--spacing) + (var(--rounded-to) - var(--rounded-from)) * ((100vw - (var(--rounded-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--rounded-max-vw, var(--viewport-max)) - var(--rounded-min-vw, var(--viewport-min))))), 1px), calc(var(--rounded-to) * var(--spacing)))
    }
  
    .rounded-\[1px\] {
      border-radius: 1px
    }
  
    .rounded-\[2px\] {
      border-radius: 2px
    }
  
    .rounded-\[5px\] {
      border-radius: 5px
    }
  
    .rounded-\[7px\] {
      border-radius: 7px
    }
  
    .rounded-\[10px\] {
      border-radius: 10px
    }
  
    .rounded-\[11px\] {
      border-radius: 11px
    }
  
    .rounded-\[18px\] {
      border-radius: 18px
    }
  
    .rounded-\[20px\] {
      border-radius: 20px
    }
  
    .rounded-\[50\%\] {
      border-radius: 50%
    }
  
    .rounded-full {
      border-radius: 3.40282e38px
    }
  
    .rounded-lg {
      border-radius: var(--radius-lg)
    }
  
    .rounded-sm {
      border-radius: var(--radius-sm)
    }
  
    .rounded-xs {
      border-radius: var(--radius-xs)
    }
  
    .border {
      border-style: var(--tw-border-style);
      border-width: 1px
    }
  
    .border\! {
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important
    }
  
    .border-0 {
      border-style: var(--tw-border-style);
      border-width: 0
    }
  
    .border-2 {
      border-style: var(--tw-border-style);
      border-width: 2px
    }
  
    .border-5 {
      border-style: var(--tw-border-style);
      border-width: 5px
    }
  
    .border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px
    }
  
    .border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px
    }
  
    .border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px
    }
  
    .border-b-3 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 3px
    }
  
    .border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px
    }
  
    .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-solid\! {
      --tw-border-style: solid !important;
      border-style: solid !important
    }
  
    .border-\[\#2484F0\] {
      border-color: #2484f0
    }
  
    .border-\[\#D1D1D1\] {
      border-color: #d1d1d1
    }
  
    .border-\[\#D3D3D3\] {
      border-color: #d3d3d3
    }
  
    .border-\[\#DDD\] {
      border-color: #ddd
    }
  
    .border-\[\#E7E7E7\] {
      border-color: #e7e7e7
    }
  
    .border-\[\#E8C980\] {
      border-color: #e8c980
    }
  
    .border-\[\#ddd\] {
      border-color: #ddd
    }
  
    .border-black {
      border-color: var(--color-black)
    }
  
    .border-black\/0 {
      border-color: #0000
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/0 {
        border-color: color-mix(in oklab, var(--color-black) 0%, transparent)
      }
    }
  
    .border-black\/10 {
      border-color: #0000001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/10 {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }
  
    .border-black\/15 {
      border-color: #00000026
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/15 {
        border-color: color-mix(in oklab, var(--color-black) 15%, transparent)
      }
    }
  
    .border-black\/20 {
      border-color: #0003
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/20 {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent)
      }
    }
  
    .border-black\/30 {
      border-color: #0000004d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/30 {
        border-color: color-mix(in oklab, var(--color-black) 30%, transparent)
      }
    }
  
    .border-black\/40 {
      border-color: #0006
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/40 {
        border-color: color-mix(in oklab, var(--color-black) 40%, transparent)
      }
    }
  
    .border-primary {
      border-color: var(--color-primary)
    }
  
    .border-primary\/0 {
      border-color: #0000
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-primary\/0 {
        border-color: color-mix(in oklab, var(--color-primary) 0%, transparent)
      }
    }
  
    .border-primary\/20 {
      border-color: #e7364633
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-primary\/20 {
        border-color: color-mix(in oklab, var(--color-primary) 20%, transparent)
      }
    }
  
    .border-transparent\! {
      border-color: #0000 !important
    }
  
    .border-white {
      border-color: var(--color-white)
    }
  
    .border-white\/0 {
      border-color: #0000
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/0 {
        border-color: color-mix(in oklab, var(--color-white) 0%, transparent)
      }
    }
  
    .border-white\/10 {
      border-color: #ffffff1a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
      }
    }
  
    .border-white\/15 {
      border-color: #ffffff26
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/15 {
        border-color: color-mix(in oklab, var(--color-white) 15%, transparent)
      }
    }
  
    .border-white\/20 {
      border-color: #fff3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/20 {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
    }
  
    .border-white\/24 {
      border-color: #ffffff3d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/24 {
        border-color: color-mix(in oklab, var(--color-white) 24%, transparent)
      }
    }
  
    .border-white\/25 {
      border-color: #ffffff40
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/25 {
        border-color: color-mix(in oklab, var(--color-white) 25%, transparent)
      }
    }
  
    .bg-\(--theme-color\) {
      background-color: var(--theme-color)
    }
  
    .bg-\[\#0B162D\] {
      background-color: #0b162d
    }
  
    .bg-\[\#3E4352\]\/10 {
      background-color: #3e43521a
    }
  
    .bg-\[\#100958\] {
      background-color: #100958
    }
  
    .bg-\[\#B8924A\]\/70 {
      background-color: #b8924ab3
    }
  
    .bg-\[\#BCBCBC\]\/20 {
      background-color: #bcbcbc33
    }
  
    .bg-\[\#BCBCBC\]\/50 {
      background-color: #bcbcbc80
    }
  
    .bg-\[\#D1D1D1\] {
      background-color: #d1d1d1
    }
  
    .bg-\[\#E8C980\] {
      background-color: #e8c980
    }
  
    .bg-\[\#E8C980\]\/15 {
      background-color: #e8c98026
    }
  
    .bg-\[\#EBEBEB\] {
      background-color: #ebebeb
    }
  
    .bg-\[\#EFEFEF\] {
      background-color: #efefef
    }
  
    .bg-\[\#F1F1F1\] {
      background-color: #f1f1f1
    }
  
    .bg-\[\#F2F8FD\]\! {
      background-color: #f2f8fd !important
    }
  
    .bg-\[\#F8F7F4\] {
      background-color: #f8f7f4
    }
  
    .bg-\[\#F8F7F463\] {
      background-color: #f8f7f463
    }
  
    .bg-\[\#F9F9F9\] {
      background-color: #f9f9f9
    }
  
    .bg-\[\#c8c8c8\] {
      background-color: #c8c8c8
    }
  
    .bg-\[hsl\(from_var\(--theme-color\)_h_s_45\%\)\] {
      background-color: hsl(from var(--theme-color) h s 45%)
    }
  
    .bg-black {
      background-color: var(--color-black)
    }
  
    .bg-black\/3 {
      background-color: #00000008
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/3 {
        background-color: color-mix(in oklab, var(--color-black) 3%, transparent)
      }
    }
  
    .bg-black\/10 {
      background-color: #0000001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/10 {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }
  
    .bg-black\/20 {
      background-color: #0003
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/20 {
        background-color: color-mix(in oklab, var(--color-black) 20%, transparent)
      }
    }
  
    .bg-black\/25 {
      background-color: #00000040
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/25 {
        background-color: color-mix(in oklab, var(--color-black) 25%, transparent)
      }
    }
  
    .bg-black\/50 {
      background-color: #00000080
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/50 {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent)
      }
    }
  
    .bg-black\/60 {
      background-color: #0009
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/60 {
        background-color: color-mix(in oklab, var(--color-black) 60%, transparent)
      }
    }
  
    .bg-black\/70 {
      background-color: #000000b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/70 {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent)
      }
    }
  
    .bg-primary {
      background-color: var(--color-primary)
    }
  
    .bg-primary\/10 {
      background-color: #e736461a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-primary\/10 {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent)
      }
    }
  
    .bg-primary\/30 {
      background-color: #e736464d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-primary\/30 {
        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent)
      }
    }
  
    .bg-secondary {
      background-color: var(--color-secondary)
    }
  
    .bg-transparent {
      background-color: #0000
    }
  
    .bg-transparent\! {
      background-color: #0000 !important
    }
  
    .bg-white {
      background-color: var(--color-white)
    }
  
    .bg-white\! {
      background-color: var(--color-white) !important
    }
  
    .bg-white\/3 {
      background-color: #ffffff08
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/3 {
        background-color: color-mix(in oklab, var(--color-white) 3%, transparent)
      }
    }
  
    .bg-white\/4 {
      background-color: #ffffff0a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/4 {
        background-color: color-mix(in oklab, var(--color-white) 4%, transparent)
      }
    }
  
    .bg-white\/5 {
      background-color: #ffffff0d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/5 {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
      }
    }
  
    .bg-white\/7 {
      background-color: #ffffff12
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/7 {
        background-color: color-mix(in oklab, var(--color-white) 7%, transparent)
      }
    }
  
    .bg-white\/10 {
      background-color: #ffffff1a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/10 {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
      }
    }
  
    .bg-white\/20 {
      background-color: #fff3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/20 {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
    }
  
    .bg-white\/30 {
      background-color: #ffffff4d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/30 {
        background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
      }
    }
  
    .bg-white\/90 {
      background-color: #ffffffe6
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/90 {
        background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
      }
    }
  
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right
    }
  
    @supports (background-image:linear-gradient(in lab, red, red)) {
      .bg-linear-to-br {
        --tw-gradient-position: to bottom right in oklab
      }
    }
  
    .bg-linear-to-br {
      background-image: linear-gradient(var(--tw-gradient-stops))
    }
  
    .bg-linear-to-r {
      --tw-gradient-position: to right
    }
  
    @supports (background-image:linear-gradient(in lab, red, red)) {
      .bg-linear-to-r {
        --tw-gradient-position: to right in oklab
      }
    }
  
    .bg-linear-to-r {
      background-image: linear-gradient(var(--tw-gradient-stops))
    }
  
    .bg-\[linear-gradient\(90deg\,\#111_0\%\,\#111_100\%\)\] {
      background-image: linear-gradient(90deg, #111 0% 100%)
    }
  
    .from-\[\#B8924A\] {
      --tw-gradient-from: #b8924a;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
  
    .from-white\/8 {
      --tw-gradient-from: #ffffff14
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .from-white\/8 {
        --tw-gradient-from: color-mix(in oklab, var(--color-white) 8%, transparent)
      }
    }
  
    .from-white\/8 {
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
  
    .via-\[\#F2D58C\] {
      --tw-gradient-via: #f2d58c;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops)
    }
  
    .via-transparent {
      --tw-gradient-via: transparent;
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops)
    }
  
    .to-\[\#B8924A\] {
      --tw-gradient-to: #b8924a;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
  
    .to-black\/15 {
      --tw-gradient-to: #00000026
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .to-black\/15 {
        --tw-gradient-to: color-mix(in oklab, var(--color-black) 15%, transparent)
      }
    }
  
    .to-black\/15 {
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
  
    .edge-mask-x {
      --percent-start: 100%;
      --percent-end: 100%;
      -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--percent-start)), black, black, rgba(0, 0, 0, var(--percent-end)));
      mask-image: linear-gradient(90deg, rgba(0, 0, 0, var(--percent-start)), #000, #000, rgba(0, 0, 0, var(--percent-end)));
      transition: --percent-start .1s, --percent-end .1s
    }
  
    .edge-mask-x.scroll-at-left {
      --percent-end: 0%
    }
  
    .edge-mask-x.scroll-at-right {
      --percent-start: 0%
    }
  
    .edge-mask-x.scroll-at-center {
      --percent-start: 0%;
      --percent-end: 0%
    }
  
    .edge-mask-y {
      --percent-start: 100%;
      --percent-end: 100%;
      -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-start)), black, black, rgba(0, 0, 0, var(--percent-end)));
      mask-image: linear-gradient(180deg, rgba(0, 0, 0, var(--percent-start)), #000, #000, rgba(0, 0, 0, var(--percent-end)));
      transition: --percent-start .1s, --percent-end .1s
    }
  
    .edge-mask-y.scroll-at-top {
      --percent-end: 0%
    }
  
    .edge-mask-y.scroll-at-bottom {
      --percent-start: 0%
    }
  
    .edge-mask-y.scroll-at-center {
      --percent-start: 0%;
      --percent-end: 0%
    }
  
    .bg-size-\[0\%_100\%\] {
      background-size: 0% 100%
    }
  
    .bg-clip-text {
      -webkit-background-clip: text;
      background-clip: text
    }
  
    .bg-no-repeat {
      background-repeat: no-repeat
    }
  
    .fill-black {
      fill: var(--color-black)
    }
  
    .fill-black\/50 {
      fill: #00000080
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .fill-black\/50 {
        fill: color-mix(in oklab, var(--color-black) 50%, transparent)
      }
    }
  
    .stroke-black {
      stroke: var(--color-black)
    }
  
    .stroke-primary {
      stroke: var(--color-primary)
    }
  
    .stroke-white {
      stroke: var(--color-white)
    }
  
    .object-contain {
      object-fit: contain
    }
  
    .object-cover {
      object-fit: cover
    }
  
    .object-bottom\! {
      object-position: bottom !important
    }
  
    .object-bottom-left {
      object-position: left bottom
    }
  
    .object-center {
      object-position: center
    }
  
    .object-left {
      object-position: left
    }
  
    .p-to-12 {
      --p-to: 12;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-20 {
      --p-to: 20;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-24 {
      --p-to: 24;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-28 {
      --p-to: 28;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-30 {
      --p-to: 30;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-32 {
      --p-to: 32;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-40 {
      --p-to: 40;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-60 {
      --p-to: 60;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-70 {
      --p-to: 70;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-75 {
      --p-to: 75;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-80 {
      --p-to: 80;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-100 {
      --p-to: 100;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-to-120 {
      --p-to: 120;
      padding: clamp(calc(var(--p-from) * var(--spacing)), round(nearest, calc(var(--p-from) * var(--spacing) + (var(--p-to) - var(--p-from)) * ((100vw - (var(--p-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--p-max-vw, var(--viewport-max)) - var(--p-min-vw, var(--viewport-min))))), 1px), calc(var(--p-to) * var(--spacing)))
    }
  
    .p-\(--side-space\) {
      padding: var(--side-space)
    }
  
    .p-3 {
      padding: calc(var(--spacing) * 3)
    }
  
    .p-4 {
      padding: calc(var(--spacing) * 4)
    }
  
    .p-5 {
      padding: calc(var(--spacing) * 5)
    }
  
    .p-8 {
      padding: calc(var(--spacing) * 8)
    }
  
    .p-10 {
      padding: calc(var(--spacing) * 10)
    }
  
    .p-14 {
      padding: calc(var(--spacing) * 14)
    }
  
    .p-15 {
      padding: calc(var(--spacing) * 15)
    }
  
    .p-16 {
      padding: calc(var(--spacing) * 16)
    }
  
    .p-22 {
      padding: calc(var(--spacing) * 22)
    }
  
    .p-30 {
      padding: calc(var(--spacing) * 30)
    }
  
    .p-\[5px_10px\] {
      padding: 5px 10px
    }
  
    .p-\[12px_35px_12px_45px\] {
      padding: 12px 35px 12px 45px
    }
  
    .p-\[14px_35px\] {
      padding: 14px 35px
    }
  
    .p-\[30px_30px\] {
      padding: 30px
    }
  
    .px-to-24 {
      --px-to: 24;
      padding-inline: clamp(calc(var(--px) * var(--spacing)), round(nearest, calc(var(--px) * var(--spacing) + (var(--px-to) - var(--px)) * ((100vw - (var(--px-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--px-max-vw, var(--viewport-max)) - var(--px-min-vw, var(--viewport-min))))), 1px), calc(var(--px-to) * var(--spacing)))
    }
  
    .px-to-32 {
      --px-to: 32;
      padding-inline: clamp(calc(var(--px) * var(--spacing)), round(nearest, calc(var(--px) * var(--spacing) + (var(--px-to) - var(--px)) * ((100vw - (var(--px-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--px-max-vw, var(--viewport-max)) - var(--px-min-vw, var(--viewport-min))))), 1px), calc(var(--px-to) * var(--spacing)))
    }
  
    .px-\(--side-space\) {
      padding-inline: var(--side-space)
    }
  
    .px-5 {
      padding-inline: calc(var(--spacing) * 5)
    }
  
    .px-7 {
      padding-inline: calc(var(--spacing) * 7)
    }
  
    .px-10 {
      padding-inline: calc(var(--spacing) * 10)
    }
  
    .px-12 {
      padding-inline: calc(var(--spacing) * 12)
    }
  
    .px-15 {
      padding-inline: calc(var(--spacing) * 15)
    }
  
    .px-20 {
      padding-inline: calc(var(--spacing) * 20)
    }
  
    .px-30 {
      padding-inline: calc(var(--spacing) * 30)
    }
  
    .px-35 {
      padding-inline: calc(var(--spacing) * 35)
    }
  
    .px-36 {
      padding-inline: calc(var(--spacing) * 36)
    }
  
    .py-to-12 {
      --py-to: 12;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-22 {
      --py-to: 22;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-24 {
      --py-to: 24;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-30 {
      --py-to: 30;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-35 {
      --py-to: 35;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-39 {
      --py-to: 39;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-40 {
      --py-to: 40;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-45 {
      --py-to: 45;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-60 {
      --py-to: 60;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-70 {
      --py-to: 70;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-80 {
      --py-to: 80;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-90 {
      --py-to: 90;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-100 {
      --py-to: 100;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-to-120 {
      --py-to: 120;
      padding-block: clamp(calc(var(--py) * var(--spacing)), round(nearest, calc(var(--py) * var(--spacing) + (var(--py-to) - var(--py)) * ((100vw - (var(--py-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--py-max-vw, var(--viewport-max)) - var(--py-min-vw, var(--viewport-min))))), 1px), calc(var(--py-to) * var(--spacing)))
    }
  
    .py-0 {
      padding-block: 0
    }
  
    .py-4 {
      padding-block: calc(var(--spacing) * 4)
    }
  
    .py-5 {
      padding-block: calc(var(--spacing) * 5)
    }
  
    .py-7 {
      padding-block: calc(var(--spacing) * 7)
    }
  
    .py-8 {
      padding-block: calc(var(--spacing) * 8)
    }
  
    .py-10 {
      padding-block: calc(var(--spacing) * 10)
    }
  
    .py-12 {
      padding-block: calc(var(--spacing) * 12)
    }
  
    .py-13 {
      padding-block: calc(var(--spacing) * 13)
    }
  
    .py-14 {
      padding-block: calc(var(--spacing) * 14)
    }
  
    .py-15 {
      padding-block: calc(var(--spacing) * 15)
    }
  
    .py-24 {
      padding-block: calc(var(--spacing) * 24)
    }
  
    .py-35 {
      padding-block: calc(var(--spacing) * 35)
    }
  
    .py-98 {
      padding-block: calc(var(--spacing) * 98)
    }
  
    .pl-to-32 {
      --pl-to: 32;
      padding-inline-start: clamp(calc(var(--pl-from) * var(--spacing)), round(nearest, calc(var(--pl-from) * var(--spacing) + (var(--pl-to) - var(--pl-from)) * ((100vw - (var(--pl-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pl-max-vw, var(--viewport-max)) - var(--pl-min-vw, var(--viewport-min))))), 1px), calc(var(--pl-to) * var(--spacing)))
    }
  
    .pl-to-40 {
      --pl-to: 40;
      padding-inline-start: clamp(calc(var(--pl-from) * var(--spacing)), round(nearest, calc(var(--pl-from) * var(--spacing) + (var(--pl-to) - var(--pl-from)) * ((100vw - (var(--pl-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pl-max-vw, var(--viewport-max)) - var(--pl-min-vw, var(--viewport-min))))), 1px), calc(var(--pl-to) * var(--spacing)))
    }
  
    .pl-to-45 {
      --pl-to: 45;
      padding-inline-start: clamp(calc(var(--pl-from) * var(--spacing)), round(nearest, calc(var(--pl-from) * var(--spacing) + (var(--pl-to) - var(--pl-from)) * ((100vw - (var(--pl-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pl-max-vw, var(--viewport-max)) - var(--pl-min-vw, var(--viewport-min))))), 1px), calc(var(--pl-to) * var(--spacing)))
    }
  
    .pl-to-50 {
      --pl-to: 50;
      padding-inline-start: clamp(calc(var(--pl-from) * var(--spacing)), round(nearest, calc(var(--pl-from) * var(--spacing) + (var(--pl-to) - var(--pl-from)) * ((100vw - (var(--pl-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pl-max-vw, var(--viewport-max)) - var(--pl-min-vw, var(--viewport-min))))), 1px), calc(var(--pl-to) * var(--spacing)))
    }
  
    .pl-to-80 {
      --pl-to: 80;
      padding-inline-start: clamp(calc(var(--pl-from) * var(--spacing)), round(nearest, calc(var(--pl-from) * var(--spacing) + (var(--pl-to) - var(--pl-from)) * ((100vw - (var(--pl-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pl-max-vw, var(--viewport-max)) - var(--pl-min-vw, var(--viewport-min))))), 1px), calc(var(--pl-to) * var(--spacing)))
    }
  
    .pr-to-30 {
      --pr-to: 30;
      padding-inline-end: clamp(calc(var(--pr-from) * var(--spacing)), round(nearest, calc(var(--pr-from) * var(--spacing) + (var(--pr-to) - var(--pr-from)) * ((100vw - (var(--pr-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pr-max-vw, var(--viewport-max)) - var(--pr-min-vw, var(--viewport-min))))), 1px), calc(var(--pr-to) * var(--spacing)))
    }
  
    .pr-to-42 {
      --pr-to: 42;
      padding-inline-end: clamp(calc(var(--pr-from) * var(--spacing)), round(nearest, calc(var(--pr-from) * var(--spacing) + (var(--pr-to) - var(--pr-from)) * ((100vw - (var(--pr-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pr-max-vw, var(--viewport-max)) - var(--pr-min-vw, var(--viewport-min))))), 1px), calc(var(--pr-to) * var(--spacing)))
    }
  
    .pr-to-80 {
      --pr-to: 80;
      padding-inline-end: clamp(calc(var(--pr-from) * var(--spacing)), round(nearest, calc(var(--pr-from) * var(--spacing) + (var(--pr-to) - var(--pr-from)) * ((100vw - (var(--pr-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pr-max-vw, var(--viewport-max)) - var(--pr-min-vw, var(--viewport-min))))), 1px), calc(var(--pr-to) * var(--spacing)))
    }
  
    .pt-to-20 {
      --pt-to: 20;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-30 {
      --pt-to: 30;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-39 {
      --pt-to: 39;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-40 {
      --pt-to: 40;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-50 {
      --pt-to: 50;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-60 {
      --pt-to: 60;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-70 {
      --pt-to: 70;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-80 {
      --pt-to: 80;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-90 {
      --pt-to: 90;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-100 {
      --pt-to: 100;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pt-to-150 {
      --pt-to: 150;
      padding-block-start: clamp(calc(var(--pt-from) * var(--spacing)), round(nearest, calc(var(--pt-from) * var(--spacing) + (var(--pt-to) - var(--pt-from)) * ((100vw - (var(--pt-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pt-max-vw, var(--viewport-max)) - var(--pt-min-vw, var(--viewport-min))))), 1px), calc(var(--pt-to) * var(--spacing)))
    }
  
    .pb-to-24 {
      --pb-to: 24;
      padding-block-end: clamp(calc(var(--pb-from) * var(--spacing)), round(nearest, calc(var(--pb-from) * var(--spacing) + (var(--pb-to) - var(--pb-from)) * ((100vw - (var(--pb-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to) * var(--spacing)))
    }
  
    .pb-to-30 {
      --pb-to: 30;
      padding-block-end: clamp(calc(var(--pb-from) * var(--spacing)), round(nearest, calc(var(--pb-from) * var(--spacing) + (var(--pb-to) - var(--pb-from)) * ((100vw - (var(--pb-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to) * var(--spacing)))
    }
  
    .pb-to-39 {
      --pb-to: 39;
      padding-block-end: clamp(calc(var(--pb-from) * var(--spacing)), round(nearest, calc(var(--pb-from) * var(--spacing) + (var(--pb-to) - var(--pb-from)) * ((100vw - (var(--pb-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to) * var(--spacing)))
    }
  
    .pb-to-40 {
      --pb-to: 40;
      padding-block-end: clamp(calc(var(--pb-from) * var(--spacing)), round(nearest, calc(var(--pb-from) * var(--spacing) + (var(--pb-to) - var(--pb-from)) * ((100vw - (var(--pb-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to) * var(--spacing)))
    }
  
    .pb-to-50 {
      --pb-to: 50;
      padding-block-end: clamp(calc(var(--pb-from) * var(--spacing)), round(nearest, calc(var(--pb-from) * var(--spacing) + (var(--pb-to) - var(--pb-from)) * ((100vw - (var(--pb-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to) * var(--spacing)))
    }
  
    .pb-to-80 {
      --pb-to: 80;
      padding-block-end: clamp(calc(var(--pb-from) * var(--spacing)), round(nearest, calc(var(--pb-from) * var(--spacing) + (var(--pb-to) - var(--pb-from)) * ((100vw - (var(--pb-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--pb-max-vw, var(--viewport-max)) - var(--pb-min-vw, var(--viewport-min))))), 1px), calc(var(--pb-to) * var(--spacing)))
    }
  
    .pt-4 {
      padding-top: calc(var(--spacing) * 4)
    }
  
    .pt-10 {
      padding-top: calc(var(--spacing) * 10)
    }
  
    .pt-12 {
      padding-top: calc(var(--spacing) * 12)
    }
  
    .pt-15 {
      padding-top: calc(var(--spacing) * 15)
    }
  
    .pt-20 {
      padding-top: calc(var(--spacing) * 20)
    }
  
    .pt-97 {
      padding-top: calc(var(--spacing) * 97)
    }
  
    .pt-98 {
      padding-top: calc(var(--spacing) * 98)
    }
  
    .pt-170 {
      padding-top: calc(var(--spacing) * 170)
    }
  
    .pr-0 {
      padding-right: 0
    }
  
    .pr-9 {
      padding-right: calc(var(--spacing) * 9)
    }
  
    .pr-10 {
      padding-right: calc(var(--spacing) * 10)
    }
  
    .pr-55 {
      padding-right: calc(var(--spacing) * 55)
    }
  
    .pr-70 {
      padding-right: calc(var(--spacing) * 70)
    }
  
    .pb-0 {
      padding-bottom: 0
    }
  
    .pb-10 {
      padding-bottom: calc(var(--spacing) * 10)
    }
  
    .pb-12 {
      padding-bottom: calc(var(--spacing) * 12)
    }
  
    .pb-20 {
      padding-bottom: calc(var(--spacing) * 20)
    }
  
    .pb-170 {
      padding-bottom: calc(var(--spacing) * 170)
    }
  
    .pl-0 {
      padding-left: 0
    }
  
    .pl-10 {
      padding-left: calc(var(--spacing) * 10)
    }
  
    .pl-12 {
      padding-left: calc(var(--spacing) * 12)
    }
  
    .pl-15 {
      padding-left: calc(var(--spacing) * 15)
    }
  
    .pl-20 {
      padding-left: calc(var(--spacing) * 20)
    }
  
    .text-center {
      text-align: center
    }
  
    .text-start {
      text-align: start
    }
  
    .align-baseline {
      vertical-align: baseline
    }
  
    .font-secondary {
      font-family: var(--font-secondary)
    }
  
    .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-to-14 {
      --text-to: 14;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-15 {
      --text-to: 15;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-16 {
      --text-to: 16;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-17 {
      --text-to: 17;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-18 {
      --text-to: 18;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-19 {
      --text-to: 19;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-20 {
      --text-to: 20;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-21 {
      --text-to: 21;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-22 {
      --text-to: 22;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-24 {
      --text-to: 24;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-26 {
      --text-to: 26;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-27 {
      --text-to: 27;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-30 {
      --text-to: 30;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-32 {
      --text-to: 32;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-38 {
      --text-to: 38;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-40 {
      --text-to: 40;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-41 {
      --text-to: 41;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-42 {
      --text-to: 42;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-44 {
      --text-to: 44;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-45 {
      --text-to: 45;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-46 {
      --text-to: 46;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-48 {
      --text-to: 48;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-50 {
      --text-to: 50;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-52 {
      --text-to: 52;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-56 {
      --text-to: 56;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-60 {
      --text-to: 60;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-64 {
      --text-to: 64;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-80 {
      --text-to: 80;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-85 {
      --text-to: 85;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-90 {
      --text-to: 90;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-95 {
      --text-to: 95;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-100 {
      --text-to: 100;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-to-130 {
      --text-to: 130;
      font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
    }
  
    .text-\[8px\] {
      font-size: 8px
    }
  
    .text-\[10px\] {
      font-size: 10px
    }
  
    .text-\[11px\] {
      font-size: 11px
    }
  
    .text-\[12px\] {
      font-size: 12px
    }
  
    .text-\[13px\] {
      font-size: 13px
    }
  
    .text-\[14px\] {
      font-size: 14px
    }
  
    .text-\[15px\] {
      font-size: 15px
    }
  
    .text-\[16px\] {
      font-size: 16px
    }
  
    .text-\[17px\] {
      font-size: 17px
    }
  
    .text-\[18px\] {
      font-size: 18px
    }
  
    .text-\[25px\] {
      font-size: 25px
    }
  
    .text-\[26px\] {
      font-size: 26px
    }
  
    .text-\[30px\] {
      font-size: 30px
    }
  
    .leading-\[1\.2\] {
      --tw-leading: 1.2;
      line-height: 1.2
    }
  
    .leading-\[1\.4\] {
      --tw-leading: 1.4;
      line-height: 1.4
    }
  
    .leading-\[1\.05\] {
      --tw-leading: 1.05;
      line-height: 1.05
    }
  
    .leading-\[1\.6\] {
      --tw-leading: 1.6;
      line-height: 1.6
    }
  
    .leading-\[1\.15\] {
      --tw-leading: 1.15;
      line-height: 1.15
    }
  
    .leading-\[1\.75\] {
      --tw-leading: 1.75;
      line-height: 1.75
    }
  
    .leading-none {
      --tw-leading: 1;
      line-height: 1
    }
  
    .leading-normal {
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal)
    }
  
    .leading-tight {
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight)
    }
  
    .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)
    }
  
    .tracking-\[-0\.01em\] {
      --tw-tracking: -.01em;
      letter-spacing: -.01em
    }
  
    .tracking-\[-0\.02em\] {
      --tw-tracking: -.02em;
      letter-spacing: -.02em
    }
  
    .tracking-\[-0\.2px\] {
      --tw-tracking: -.2px;
      letter-spacing: -.2px
    }
  
    .tracking-\[-0\.04em\] {
      --tw-tracking: -.04em;
      letter-spacing: -.04em
    }
  
    .tracking-\[-0\.4px\] {
      --tw-tracking: -.4px;
      letter-spacing: -.4px
    }
  
    .tracking-\[-0\.5px\] {
      --tw-tracking: -.5px;
      letter-spacing: -.5px
    }
  
    .tracking-\[-0\.6px\] {
      --tw-tracking: -.6px;
      letter-spacing: -.6px
    }
  
    .tracking-\[-0\.8px\] {
      --tw-tracking: -.8px;
      letter-spacing: -.8px
    }
  
    .tracking-\[-0\.9px\] {
      --tw-tracking: -.9px;
      letter-spacing: -.9px
    }
  
    .tracking-\[-0\.12px\] {
      --tw-tracking: -.12px;
      letter-spacing: -.12px
    }
  
    .tracking-\[-0\.14px\] {
      --tw-tracking: -.14px;
      letter-spacing: -.14px
    }
  
    .tracking-\[-0\.36px\] {
      --tw-tracking: -.36px;
      letter-spacing: -.36px
    }
  
    .tracking-\[-0\.48px\] {
      --tw-tracking: -.48px;
      letter-spacing: -.48px
    }
  
    .tracking-\[-1\.1px\] {
      --tw-tracking: -1.1px;
      letter-spacing: -1.1px
    }
  
    .tracking-\[-1\.2px\] {
      --tw-tracking: -1.2px;
      letter-spacing: -1.2px
    }
  
    .tracking-\[-1\.4px\] {
      --tw-tracking: -1.4px;
      letter-spacing: -1.4px
    }
  
    .tracking-\[-1\.5px\] {
      --tw-tracking: -1.5px;
      letter-spacing: -1.5px
    }
  
    .tracking-\[-1\.8px\] {
      --tw-tracking: -1.8px;
      letter-spacing: -1.8px
    }
  
    .tracking-\[-1px\] {
      --tw-tracking: -1px;
      letter-spacing: -1px
    }
  
    .tracking-\[-2\.5px\] {
      --tw-tracking: -2.5px;
      letter-spacing: -2.5px
    }
  
    .tracking-\[-3\.8px\] {
      --tw-tracking: -3.8px;
      letter-spacing: -3.8px
    }
  
    .tracking-\[-3px\] {
      --tw-tracking: -3px;
      letter-spacing: -3px
    }
  
    .tracking-\[-4px\] {
      --tw-tracking: -4px;
      letter-spacing: -4px
    }
  
    .tracking-\[-5px\] {
      --tw-tracking: -5px;
      letter-spacing: -5px
    }
  
    .tracking-\[0\.2px\] {
      --tw-tracking: .2px;
      letter-spacing: .2px
    }
  
    .tracking-\[0\.3px\] {
      --tw-tracking: .3px;
      letter-spacing: .3px
    }
  
    .tracking-\[0\.4px\] {
      --tw-tracking: .4px;
      letter-spacing: .4px
    }
  
    .tracking-\[0\.16em\] {
      --tw-tracking: .16em;
      letter-spacing: .16em
    }
  
    .tracking-\[0\.18em\] {
      --tw-tracking: .18em;
      letter-spacing: .18em
    }
  
    .tracking-\[0\.22em\] {
      --tw-tracking: .22em;
      letter-spacing: .22em
    }
  
    .text-balance {
      text-wrap: balance
    }
  
    .whitespace-nowrap {
      white-space: nowrap
    }
  
    .text-\(--content-color\) {
      color: var(--content-color)
    }
  
    .text-\[\#1E1E1E\],
    .text-\[\#1e1e1e\] {
      color: #1e1e1e
    }
  
    .text-\[\#1e1e1e\]\/80 {
      color: #1e1e1ecc
    }
  
    .text-\[\#3E4352\] {
      color: #3e4352
    }
  
    .text-\[\#3F3F3F\] {
      color: #3f3f3f
    }
  
    .text-\[\#4B4B4B\] {
      color: #4b4b4b
    }
  
    .text-\[\#5D5D5D\] {
      color: #5d5d5d
    }
  
    .text-\[\#77AAD4\] {
      color: #77aad4
    }
  
    .text-\[\#e73646\] {
      color: #e73646
    }
  
    .text-\[\#6692B8\] {
      color: #6692b8
    }
  
    .text-\[\#12143A\],
    .text-\[\#12143a\] {
      color: #12143a
    }
  
    .text-\[\#13243EA6\] {
      color: #13243ea6
    }
  
    .text-\[\#20292A\] {
      color: #20292a
    }
  
    .text-\[\#29313D\] {
      color: #29313d
    }
  
    .text-\[\#56697A\] {
      color: #56697a
    }
  
    .text-\[\#61666F\] {
      color: #61666f
    }
  
    .text-\[\#86888A\] {
      color: #86888a
    }
  
    .text-\[\#86888A\]\/65 {
      color: #86888aa6
    }
  
    .text-\[\#454545\] {
      color: #454545
    }
  
    .text-\[\#808080\] {
      color: gray
    }
  
    .text-\[\#B0B0B0\] {
      color: #b0b0b0
    }
  
    .text-\[\#B96955\] {
      color: #b96955
    }
  
    .text-\[\#E8C980\] {
      color: #e8c980
    }
  
    .text-\[\#F8F7F4\] {
      color: #f8f7f4
    }
  
    .text-black {
      color: var(--color-black)
    }
  
    .text-black\/20 {
      color: #0003
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/20 {
        color: color-mix(in oklab, var(--color-black) 20%, transparent)
      }
    }
  
    .text-black\/25 {
      color: #00000040
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/25 {
        color: color-mix(in oklab, var(--color-black) 25%, transparent)
      }
    }
  
    .text-black\/50 {
      color: #00000080
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/50 {
        color: color-mix(in oklab, var(--color-black) 50%, transparent)
      }
    }
  
    .text-black\/60 {
      color: #0009
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/60 {
        color: color-mix(in oklab, var(--color-black) 60%, transparent)
      }
    }
  
    .text-black\/65 {
      color: #000000a6
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/65 {
        color: color-mix(in oklab, var(--color-black) 65%, transparent)
      }
    }
  
    .text-black\/70 {
      color: #000000b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/70 {
        color: color-mix(in oklab, var(--color-black) 70%, transparent)
      }
    }
  
    .text-black\/75 {
      color: #000000bf
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/75 {
        color: color-mix(in oklab, var(--color-black) 75%, transparent)
      }
    }
  
    .text-black\/80 {
      color: #000c
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/80 {
        color: color-mix(in oklab, var(--color-black) 80%, transparent)
      }
    }
  
    .text-black\/90 {
      color: #000000e6
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/90 {
        color: color-mix(in oklab, var(--color-black) 90%, transparent)
      }
    }
  
    .text-primary {
      color: var(--color-primary)
    }
  
    .text-primary\/80 {
      color: #e73646cc
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-primary\/80 {
        color: color-mix(in oklab, var(--color-primary) 80%, transparent)
      }
    }
  
    .text-secondary {
      color: var(--color-secondary)
    }
  
    .text-secondary\/50 {
      color: #0b182f80
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-secondary\/50 {
        color: color-mix(in oklab, var(--color-secondary) 50%, transparent)
      }
    }
  
    .text-white {
      color: var(--color-white)
    }
  
    .text-white\/45 {
      color: #ffffff73
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/45 {
        color: color-mix(in oklab, var(--color-white) 45%, transparent)
      }
    }
  
    .text-white\/50 {
      color: #ffffff80
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/50 {
        color: color-mix(in oklab, var(--color-white) 50%, transparent)
      }
    }
  
    .text-white\/55 {
      color: #ffffff8c
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/55 {
        color: color-mix(in oklab, var(--color-white) 55%, transparent)
      }
    }
  
    .text-white\/60 {
      color: #fff9
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/60 {
        color: color-mix(in oklab, var(--color-white) 60%, transparent)
      }
    }
  
    .text-white\/65 {
      color: #ffffffa6
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/65 {
        color: color-mix(in oklab, var(--color-white) 65%, transparent)
      }
    }
  
    .text-white\/70 {
      color: #ffffffb3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/70 {
        color: color-mix(in oklab, var(--color-white) 70%, transparent)
      }
    }
  
    .text-white\/80 {
      color: #fffc
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/80 {
        color: color-mix(in oklab, var(--color-white) 80%, transparent)
      }
    }
  
    .capitalize {
      text-transform: capitalize
    }
  
    .uppercase {
      text-transform: uppercase
    }
  
    .italic {
      font-style: italic
    }
  
    .underline {
      text-decoration-line: underline
    }
  
    .opacity-0 {
      opacity: 0
    }
  
    .opacity-20 {
      opacity: .2
    }
  
    .opacity-30 {
      opacity: .3
    }
  
    .opacity-40 {
      opacity: .4
    }
  
    .opacity-70 {
      opacity: .7
    }
  
    .opacity-100 {
      opacity: 1
    }
  
    .opacity-100\! {
      opacity: 1 !important
    }
  
    .shadow {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .shadow-\[0_25px_80px_rgba\(0\,0\,0\,0\.35\)\] {
      --tw-shadow: 0 25px 80px var(--tw-shadow-color, #00000059);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .shadow-md {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .\[box-shadow\:0_16px_32px_0_rgba\(0\,0\,0\,0\.10\)\] {
      box-shadow: 0 16px 32px #0000001a
    }
  
    .outline-4 {
      outline-style: var(--tw-outline-style);
      outline-width: 4px
    }
  
    .outline-transparent {
      outline-color: #0000
    }
  
    .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-3xl {
      --tw-blur: blur(var(--blur-3xl));
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }
  
    .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-\[18px\] {
      --tw-backdrop-blur: blur(18px);
      -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-md {
      --tw-backdrop-blur: blur(var(--blur-md));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }
  
    .backdrop-blur-sm {
      --tw-backdrop-blur: blur(var(--blur-sm));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }
  
    .transition {
      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-opacity {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
  
    .transition-none {
      transition-property: none
    }
  
    .transition-discrete {
      transition-behavior: allow-discrete
    }
  
    .duration-250 {
      --tw-duration: .25s;
      transition-duration: .25s
    }
  
    .duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s
    }
  
    .duration-450 {
      --tw-duration: .45s;
      transition-duration: .45s
    }
  
    .duration-500 {
      --tw-duration: .5s;
      transition-duration: .5s
    }
  
    .duration-560 {
      --tw-duration: .56s;
      transition-duration: .56s
    }
  
    .ease-brave-strangers {
      --tw-ease: var(--ease-brave-strangers);
      transition-timing-function: var(--ease-brave-strangers)
    }
  
    .ease-smooth {
      --tw-ease: var(--ease-smooth);
      transition-timing-function: var(--ease-smooth)
    }
  
    .will-change-\[transform\,width\] {
      will-change: transform, width
    }
  
    .gap-from-15\/1280 {
      --gap-from: 15;
      --gap-min-vw: 1280
    }
  
    .max-w-from-1024\/1280 {
      --max-w-from: 1024;
      --max-w-min-vw: 1280
    }
  
    .outline-none {
      --tw-outline-style: none;
      outline-style: none
    }
  
    .range1-to-224 {
      --range1-to: 224;
      --range1: clamp(calc(var(--range1-from) * var(--spacing)), round(nearest, calc(var(--range1-from) * var(--spacing) + (var(--range1-to) - var(--range1-from)) * ((100vw - (var(--range1-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--range1-max-vw, var(--viewport-max)) - var(--range1-min-vw, var(--viewport-min))))), 1px), calc(var(--range1-to) * var(--spacing)))
    }
  
    .\[--container\:1650px\] {
      --container: 1650px
    }
  
    .\[--containerPadding\:30px\] {
      --containerPadding: 30px
    }
  
    .\[--left\:calc\(\(100vw-var\(--container\)\)\/2\+var\(--containerPadding\)\)\] {
      --left: calc((100vw - var(--container)) / 2 + var(--containerPadding))
    }
  
    .\[--prose-color\:var\(--color-black\)\] {
      --prose-color: var(--color-black)
    }
  
    .\[--prose-color\:var\(--color-secondary\)\] {
      --prose-color: var(--color-secondary)
    }
  
    .\[--prose-color\:var\(--color-white\)\] {
      --prose-color: var(--color-white)
    }
  
    .\[-webkit-text-stroke\:1px_\#111\] {
      -webkit-text-stroke: 1px #111
    }
  
    .\[paint-order\:stroke\] {
      paint-order: stroke
    }
  
    .\[stroke-dasharray\:199\.92033717615698px\] {
      stroke-dasharray: 199.92
    }
  
    .\[stroke-dashoffset\:199\.92033717615698px\] {
      stroke-dashoffset: 199.92px
    }
  
    .\[transition\:stroke-dashoffset_1s_cubic-bezier\(0\.47\,0\,0\.745\,0\.715\)\] {
      transition: stroke-dashoffset 1s cubic-bezier(.47, 0, .745, .715)
    }
  
    .backface-hidden {
      backface-visibility: hidden
    }
  
    .dasharray-1571 {
      stroke-dasharray: 1571
    }
  
    .dashoffset-1571 {
      stroke-dashoffset: 1571px
    }
  
    .gap-from-8 {
      --gap-from: 8
    }
  
    .gap-from-10 {
      --gap-from: 10
    }
  
    .gap-from-12 {
      --gap-from: 12
    }
  
    .gap-from-14 {
      --gap-from: 14
    }
  
    .gap-from-15 {
      --gap-from: 15
    }
  
    .gap-from-16 {
      --gap-from: 16
    }
  
    .gap-from-20 {
      --gap-from: 20
    }
  
    .gap-from-30 {
      --gap-from: 30
    }
  
    .gap-from-50 {
      --gap-from: 50
    }
  
    .gap-x-from-8 {
      --gap-x-from: 8
    }
  
    .h-from-44 {
      --h-from: 44
    }
  
    .h-from-60 {
      --h-from: 60
    }
  
    .h-from-112 {
      --h-from: 112
    }
  
    .h-from-170 {
      --h-from: 170
    }
  
    .h-from-220 {
      --h-from: 220
    }
  
    .h-from-275 {
      --h-from: 275
    }
  
    .h-from-340 {
      --h-from: 340
    }
  
    .h-from-350 {
      --h-from: 350
    }
  
    .h-from-400 {
      --h-from: 400
    }
  
    .h-from-450 {
      --h-from: 450
    }
  
    .mb-from-15 {
      --mb-from: 15
    }
  
    .mb-from-20 {
      --mb-from: 20
    }
  
    .min-h-from-40 {
      --min-h-from: 40
    }
  
    .mt-from-8 {
      --mt-from: 8
    }
  
    .mt-from-14 {
      --mt-from: 14
    }
  
    .mt-from-20 {
      --mt-from: 20
    }
  
    .my-from-30 {
      --my-from: 30
    }
  
    .p-from-8 {
      --p-from: 8
    }
  
    .p-from-10 {
      --p-from: 10
    }
  
    .p-from-14 {
      --p-from: 14
    }
  
    .p-from-15 {
      --p-from: 15
    }
  
    .p-from-16 {
      --p-from: 16
    }
  
    .p-from-20 {
      --p-from: 20
    }
  
    .p-from-24 {
      --p-from: 24
    }
  
    .p-from-30 {
      --p-from: 30
    }
  
    .pb-from-14 {
      --pb-from: 14
    }
  
    .pb-from-15 {
      --pb-from: 15
    }
  
    .pb-from-20 {
      --pb-from: 20
    }
  
    .pl-from-10 {
      --pl-from: 10
    }
  
    .pl-from-15 {
      --pl-from: 15
    }
  
    .pl-from-16 {
      --pl-from: 16
    }
  
    .pl-from-20 {
      --pl-from: 20
    }
  
    .pl-from-30 {
      --pl-from: 30
    }
  
    .pr-from-15 {
      --pr-from: 15
    }
  
    .pr-from-20 {
      --pr-from: 20
    }
  
    .pr-from-42 {
      --pr-from: 42
    }
  
    .pt-from-10 {
      --pt-from: 10
    }
  
    .pt-from-15 {
      --pt-from: 15
    }
  
    .pt-from-20 {
      --pt-from: 20
    }
  
    .pt-from-30 {
      --pt-from: 30
    }
  
    .px-from-12 {
      --px: 12
    }
  
    .px-from-16 {
      --px: 16
    }
  
    .py-from-8 {
      --py: 8
    }
  
    .py-from-12 {
      --py: 12
    }
  
    .py-from-15 {
      --py: 15
    }
  
    .py-from-20 {
      --py: 20
    }
  
    .py-from-24 {
      --py: 24
    }
  
    .py-from-30 {
      --py: 30
    }
  
    .py-from-40 {
      --py: 40
    }
  
    .range1-from-116 {
      --range1-from: 116
    }
  
    .right-from-16 {
      --right-from: 16
    }
  
    .rounded-from-16 {
      --rounded-from: 16
    }
  
    .size-from-8 {
      --size-from: 8
    }
  
    .size-from-10 {
      --size-from: 10
    }
  
    .size-from-16 {
      --size-from: 16
    }
  
    .size-from-20 {
      --size-from: 20
    }
  
    .size-from-24 {
      --size-from: 24
    }
  
    .size-from-25 {
      --size-from: 25
    }
  
    .size-from-27 {
      --size-from: 27
    }
  
    .size-from-30 {
      --size-from: 30
    }
  
    .size-from-32 {
      --size-from: 32
    }
  
    .size-from-35 {
      --size-from: 35
    }
  
    .size-from-36 {
      --size-from: 36
    }
  
    .size-from-38 {
      --size-from: 38
    }
  
    .size-from-40 {
      --size-from: 40
    }
  
    .size-from-45 {
      --size-from: 45
    }
  
    .size-from-50 {
      --size-from: 50
    }
  
    .size-from-60 {
      --size-from: 60
    }
  
    .text-box-trim-both {
      text-box-trim: trim-both
    }
  
    .text-box-trim-end {
      text-box-trim: trim-end
    }
  
    .text-box-trim-none {
      text-box-trim: none
    }
  
    .text-box-trim-start {
      text-box-trim: trim-start
    }
  
    .text-from-10 {
      --text-from: 10
    }
  
    .text-from-12 {
      --text-from: 12
    }
  
    .text-from-13 {
      --text-from: 13
    }
  
    .text-from-14 {
      --text-from: 14
    }
  
    .text-from-15 {
      --text-from: 15
    }
  
    .text-from-16 {
      --text-from: 16
    }
  
    .text-from-17 {
      --text-from: 17
    }
  
    .text-from-18 {
      --text-from: 18
    }
  
    .text-from-20 {
      --text-from: 20
    }
  
    .text-from-22 {
      --text-from: 22
    }
  
    .text-from-24 {
      --text-from: 24
    }
  
    .text-from-26 {
      --text-from: 26
    }
  
    .text-from-30 {
      --text-from: 30
    }
  
    .text-from-32 {
      --text-from: 32
    }
  
    .text-from-34 {
      --text-from: 34
    }
  
    .text-from-36 {
      --text-from: 36
    }
  
    .text-orientation-mixed {
      text-orientation: mixed
    }
  
    .w-from-14 {
      --w-from: 14
    }
  
    .writing-vertical-rl {
      writing-mode: vertical-rl
    }
  
    .group-open\/dialog\:block:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
      display: block
    }
  
    .group-open\/dialog\:translate-y-0:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-open\/dialog\:opacity-100:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
      opacity: 1
    }
  
    .group-open\/dialog\:delay-150:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
      transition-delay: .15s
    }
  
    @media(hover:hover) {
      .group-hover\:scale-105:is(:where(.group):hover *) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
      }
  
      .group-hover\:-rotate-90:is(:where(.group):hover *) {
        rotate: -90deg
      }
  
      .group-hover\/button\:top-0:is(:where(.group\/button):hover *) {
        top: 0
      }
  
      .group-hover\/button\:bottom-auto:is(:where(.group\/button):hover *) {
        bottom: auto
      }
  
      .group-hover\/button\:h-full:is(:where(.group\/button):hover *) {
        height: 100%
      }
  
      .group-hover\/button\:translate-y-1\/2:is(:where(.group\/button):hover *) {
        --tw-translate-y: 50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .group-hover\/button\:text-transparent:is(:where(.group\/button):hover *) {
        color: #0000
      }
  
      .group-hover\/close\:rotate-90:is(:where(.group\/close):hover *) {
        rotate: 90deg
      }
  
      .group-hover\/form\:border-black:is(:where(.group\/form):hover *) {
        border-color: var(--color-black)
      }
  
      .group-hover\/form\:border-primary\!:is(:where(.group\/form):hover *) {
        border-color: var(--color-primary) !important
      }
  
      .group-hover\/form\:text-black:is(:where(.group\/form):hover *) {
        color: var(--color-black)
      }
  
      .group-hover\/item\:bg-primary:is(:where(.group\/item):hover *) {
        background-color: var(--color-primary)
      }
  
      .group-hover\/item\:opacity-0:is(:where(.group\/item):hover *) {
        opacity: 0
      }
  
      .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
        opacity: 1
      }
    }
  
    .group-focus\/form\:border-primary\!:is(:where(.group\/form):focus *) {
      border-color: var(--color-primary) !important
    }
  
    .group-has-\[\.menu-tab\.toggle\]\/header\:text-black:is(:where(.group\/header):has(.menu-tab.toggle) *) {
      color: var(--color-black)
    }
  
    .group-toggle\:rotate-0:is(:where(.group).toggle *) {
      rotate: 0deg
    }
  
    .group-toggle\/i\:basis-50:is(:where(.group\/i).toggle *) {
      flex-basis: calc(var(--spacing) * 50)
    }
  
    .group-toggle\/i\:scale-100:is(:where(.group\/i).toggle *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .group-toggle\/i\:rotate-180:is(:where(.group\/i).toggle *) {
      rotate: 180deg
    }
  
    .group-toggle\/i\:pl-15:is(:where(.group\/i).toggle *) {
      padding-left: calc(var(--spacing) * 15)
    }
  
    .group-toggle\/i\:text-black:is(:where(.group\/i).toggle *) {
      color: var(--color-black)
    }
  
    .group-toggle\/i\:opacity-100:is(:where(.group\/i).toggle *) {
      opacity: 1
    }
  
    .group-toggle\/m\:rotate-180:is(:where(.group\/m).toggle *) {
      rotate: 180deg
    }
  
    .group-toggle\/mms\:translate-x-6:is(:where(.group\/mms).toggle *) {
      --tw-translate-x: calc(var(--spacing) * 6);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-toggle\/mms\:-translate-y-9:is(:where(.group\/mms).toggle *) {
      --tw-translate-y: calc(var(--spacing) * -9);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-toggle\/mms\:translate-y-9:is(:where(.group\/mms).toggle *) {
      --tw-translate-y: calc(var(--spacing) * 9);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-toggle\/mms\:-rotate-45:is(:where(.group\/mms).toggle *) {
      rotate: -45deg
    }
  
    .group-toggle\/mms\:rotate-45:is(:where(.group\/mms).toggle *) {
      rotate: 45deg
    }
  
    .group-toggle\/mms\:opacity-0:is(:where(.group\/mms).toggle *) {
      opacity: 0
    }
  
    .group-toggle\/search\:pointer-events-auto:is(:where(.group\/search).toggle *) {
      pointer-events: auto
    }
  
    .group-toggle\/search\:opacity-100:is(:where(.group\/search).toggle *) {
      opacity: 1
    }
  
    .group-toggle\/t\:translate-x-26:is(:where(.group\/t).toggle *) {
      --tw-translate-x: calc(var(--spacing) * 26);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-toggle\/t\:bg-primary:is(:where(.group\/t).toggle *) {
      background-color: var(--color-primary)
    }
  
    .group-slide-active\:pointer-events-auto:is(:where(.group).swiper-slide-active *) {
      pointer-events: auto
    }
  
    .group-slide-active\:translate-y-0:is(:where(.group).swiper-slide-active *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-slide-active\:opacity-100:is(:where(.group).swiper-slide-active *) {
      opacity: 1
    }
  
    .group-slide-active\:delay-400:is(:where(.group).swiper-slide-active *) {
      transition-delay: .4s
    }
  
    .group-slide-active\:delay-500:is(:where(.group).swiper-slide-active *) {
      transition-delay: .5s
    }
  
    .group-slide-active\/slide\:translate-y-0:is(:where(.group\/slide).swiper-slide-active *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-slide-active\/slide\:opacity-100:is(:where(.group\/slide).swiper-slide-active *) {
      opacity: 1
    }
  
    .group-slide-active\/slide\:delay-600:is(:where(.group\/slide).swiper-slide-active *) {
      transition-delay: .6s
    }
  
    .group-slide-next\:opacity-60:is(:where(.group).swiper-slide-next *) {
      opacity: .6
    }
  
    .group-\[\&\.active\]\/lang\:rotate-180:is(:where(.group\/lang).active *) {
      rotate: 180deg
    }
  
    .group-\[\&\.error\]\/form\:block:is(:where(.group\/form).error *) {
      display: block
    }
  
    .group-\[\&\.error\]\/item\:shadow-\[0_0_0_1px_rgba\(255_0_0\/100\)\]:is(:where(.group\/item).error *) {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, red);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .group-\[\&\.is-active\]\:visible:is(:where(.group).is-active *) {
      visibility: visible
    }
  
    .group-\[\&\.is-active\]\:translate-y-10:is(:where(.group).is-active *) {
      --tw-translate-y: calc(var(--spacing) * 10);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-\[\&\.is-active\]\:rotate-180:is(:where(.group).is-active *) {
      rotate: 180deg
    }
  
    .group-\[\&\.is-active\]\:opacity-100:is(:where(.group).is-active *) {
      opacity: 1
    }
  
    .group-\[\&\.is-active\]\/item\:bg-primary:is(:where(.group\/item).is-active *) {
      background-color: var(--color-primary)
    }
  
    .group-\[\&\.is-active\]\/item\:text-primary:is(:where(.group\/item).is-active *) {
      color: var(--color-primary)
    }
  
    .group-\[\&\.is-active\]\/item\:opacity-0:is(:where(.group\/item).is-active *) {
      opacity: 0
    }
  
    .group-\[\&\.is-active\]\/item\:opacity-100:is(:where(.group\/item).is-active *) {
      opacity: 1
    }
  
    .group-\[\&\.scroll-down\]\/header\:text-black:is(:where(.group\/header).scroll-down *) {
      color: var(--color-black)
    }
  
    .group-\[\&\.section-active\]\/feature\:bg-size-\[100\%_100\%\]:is(:where(.group\/feature).section-active *) {
      background-size: 100% 100%
    }
  
    .group-\[\&\.swiper-pagination-bullet-active\]\/bullet\:transition-all:is(:where(.group\/bullet).swiper-pagination-bullet-active *) {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))
    }
  
    .group-\[\&\.swiper-pagination-bullet-active\]\/bullet\:duration-\[4s\]:is(:where(.group\/bullet).swiper-pagination-bullet-active *) {
      --tw-duration: 4s;
      transition-duration: 4s
    }
  
    .group-\[\&\.swiper-pagination-bullet-active\]\/bullet\:dashoffset-0:is(:where(.group\/bullet).swiper-pagination-bullet-active *) {
      stroke-dashoffset: 0
    }
  
    .group-\[\&\.swiper-slide-thumb-active\]\:w-1\/3:is(:where(.group).swiper-slide-thumb-active *) {
      width: 33.3333%
    }
  
    .group-\[\&\.swiper-slide-thumb-active\]\:border-white\/20:is(:where(.group).swiper-slide-thumb-active *) {
      border-color: #fff3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .group-\[\&\.swiper-slide-thumb-active\]\:border-white\/20:is(:where(.group).swiper-slide-thumb-active *) {
        border-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
    }
  
    .group-\[\&\.swiper-slide-thumb-active\]\:text-primary:is(:where(.group).swiper-slide-thumb-active *) {
      color: var(--color-primary)
    }
  
    .group-\[\&\.swiper-slide-thumb-active\]\:opacity-100:is(:where(.group).swiper-slide-thumb-active *) {
      opacity: 1
    }
  
    .group-\[\&\.swiper-slide-thumb-active\]\:\[-webkit-text-stroke\:1px_\#fff\]:is(:where(.group).swiper-slide-thumb-active *) {
      -webkit-text-stroke: 1px #fff
    }
  
    .group-\[\&\.swiper-slide-thumb-active\]\/slide\:border-white:is(:where(.group\/slide).swiper-slide-thumb-active *) {
      border-color: var(--color-white)
    }
  
    .group-\[\&\:has\(input\:checked\)\]\:scale-100:is(:where(.group):has(input:checked) *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .group-\[\&\:has\(input\:checked\)\]\:border-black:is(:where(.group):has(input:checked) *) {
      border-color: var(--color-black)
    }
  
    .group-\[\&\:has\(input\:checked\)\]\:opacity-100:is(:where(.group):has(input:checked) *) {
      opacity: 1
    }
  
    .group-\[\&\:has\(input\:hover\)\]\:border-black\/70:is(:where(.group):has(input:hover) *) {
      border-color: #000000b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .group-\[\&\:has\(input\:hover\)\]\:border-black\/70:is(:where(.group):has(input:hover) *) {
        border-color: color-mix(in oklab, var(--color-black) 70%, transparent)
      }
    }
  
    .peer-user-invalid\:\!border-\[\#FF0000\]:is(:where(.peer):user-invalid~*) {
      border-color: red !important
    }
  
    @media(hover:hover) {
      .peer-hover\:border-black\/50:is(:where(.peer):hover~*) {
        border-color: #00000080
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .peer-hover\:border-black\/50:is(:where(.peer):hover~*) {
          border-color: color-mix(in oklab, var(--color-black) 50%, transparent)
        }
      }
    }
  
    .peer-focus\:-scale-y-100:is(:where(.peer):focus~*) {
      --tw-scale-y: -100%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .peer-focus\:rotate-180:is(:where(.peer):focus~*) {
      rotate: 180deg
    }
  
    .peer-focus\:border-black\/80:is(:where(.peer):focus~*) {
      border-color: #000c
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .peer-focus\:border-black\/80:is(:where(.peer):focus~*) {
        border-color: color-mix(in oklab, var(--color-black) 80%, transparent)
      }
    }
  
    .peer-focus\:outline-black\/5:is(:where(.peer):focus~*) {
      outline-color: #0000000d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .peer-focus\:outline-black\/5:is(:where(.peer):focus~*) {
        outline-color: color-mix(in oklab, var(--color-black) 5%, transparent)
      }
    }
  
    .placeholder\:text-\[16px\]::placeholder {
      font-size: 16px
    }
  
    .placeholder\:font-medium::placeholder {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium)
    }
  
    .placeholder\:text-\[\#5A6B80\]::placeholder {
      color: #5a6b80
    }
  
    .placeholder\:text-\[\#808080\]::placeholder {
      color: gray
    }
  
    .placeholder\:text-black\/40::placeholder {
      color: #0006
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .placeholder\:text-black\/40::placeholder {
        color: color-mix(in oklab, var(--color-black) 40%, transparent)
      }
    }
  
    .placeholder\:text-black\/50::placeholder {
      color: #00000080
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .placeholder\:text-black\/50::placeholder {
        color: color-mix(in oklab, var(--color-black) 50%, transparent)
      }
    }
  
    .placeholder\:text-black\/70::placeholder {
      color: #000000b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .placeholder\:text-black\/70::placeholder {
        color: color-mix(in oklab, var(--color-black) 70%, transparent)
      }
    }
  
    .backdrop\:bg-black\/10::backdrop {
      background-color: #0000001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .backdrop\:bg-black\/10::backdrop {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }
  
    .backdrop\:opacity-0::backdrop {
      opacity: 0
    }
  
    .backdrop\:backdrop-blur-xl::backdrop {
      --tw-backdrop-blur: blur(var(--blur-xl));
      -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\:transition-discrete::backdrop {
      transition-behavior: allow-discrete
    }
  
    .backdrop\:duration-300::backdrop {
      --tw-duration: .3s;
      transition-duration: .3s
    }
  
    .before\:pointer-events-none:before {
      content: var(--tw-content);
      pointer-events: none
    }
  
    .before\:absolute-full:before {
      content: var(--tw-content);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0
    }
  
    .before\:absolute:before {
      content: var(--tw-content);
      position: absolute
    }
  
    .before\:-top-50:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -50)
    }
  
    .before\:top-0:before {
      content: var(--tw-content);
      top: 0
    }
  
    .before\:top-1\/2:before,
    .before\:top-\[50\%\]:before {
      content: var(--tw-content);
      top: 50%
    }
  
    .before\:-bottom-13:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -13)
    }
  
    .before\:bottom-0:before {
      content: var(--tw-content);
      bottom: 0
    }
  
    .before\:bottom-\[-1px\]:before {
      content: var(--tw-content);
      bottom: -1px
    }
  
    .before\:left-0:before {
      content: var(--tw-content);
      left: 0
    }
  
    .before\:left-1\/2:before {
      content: var(--tw-content);
      left: 50%
    }
  
    .before\:left-\[-1px\]:before {
      content: var(--tw-content);
      left: -1px
    }
  
    .before\:left-\[50\%\]:before {
      content: var(--tw-content);
      left: 50%
    }
  
    .before\:-z-1:before {
      content: var(--tw-content);
      z-index: -1
    }
  
    .before\:z-2:before {
      content: var(--tw-content);
      z-index: 2
    }
  
    .before\:z-3:before {
      content: var(--tw-content);
      z-index: 3
    }
  
    .before\:z-5:before {
      content: var(--tw-content);
      z-index: 5
    }
  
    .before\:z-10:before {
      content: var(--tw-content);
      z-index: 10
    }
  
    .before\:z-20:before {
      content: var(--tw-content);
      z-index: 20
    }
  
    .before\:size-8:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8)
    }
  
    .before\:h-1:before {
      content: var(--tw-content);
      height: var(--spacing)
    }
  
    .before\:h-2:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 2)
    }
  
    .before\:h-4:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 4)
    }
  
    .before\:h-45:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 45)
    }
  
    .before\:h-60:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 60)
    }
  
    .before\:h-\[40\%\]:before {
      content: var(--tw-content);
      height: 40%
    }
  
    .before\:h-\[80\%\]:before {
      content: var(--tw-content);
      height: 80%
    }
  
    .before\:h-full:before {
      content: var(--tw-content);
      height: 100%
    }
  
    .before\:w-0:before {
      content: var(--tw-content);
      width: 0
    }
  
    .before\:w-2:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 2)
    }
  
    .before\:w-130:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 130)
    }
  
    .before\:w-\[40\%\]:before {
      content: var(--tw-content);
      width: 40%
    }
  
    .before\:w-full:before {
      content: var(--tw-content);
      width: 100%
    }
  
    .before\:-translate-x-1\/2:before {
      content: var(--tw-content);
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .before\:translate-x-\[-50\%\]:before {
      content: var(--tw-content);
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .before\:-translate-y-1\/2:before {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .before\:-translate-y-full:before {
      content: var(--tw-content);
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .before\:translate-y-\[-50\%\]:before {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .before\:scale-0:before {
      content: var(--tw-content);
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .before\:rotate-180:before {
      content: var(--tw-content);
      rotate: 180deg
    }
  
    .before\:rounded-full:before {
      content: var(--tw-content);
      border-radius: 3.40282e38px
    }
  
    .before\:rounded-xs:before {
      content: var(--tw-content);
      border-radius: var(--radius-xs)
    }
  
    .before\:border:before {
      content: var(--tw-content);
      border-style: var(--tw-border-style);
      border-width: 1px
    }
  
    .before\:border-solid:before {
      content: var(--tw-content);
      --tw-border-style: solid;
      border-style: solid
    }
  
    .before\:border-white:before {
      content: var(--tw-content);
      border-color: var(--color-white)
    }
  
    .before\:border-white\/24:before {
      content: var(--tw-content);
      border-color: #ffffff3d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:border-white\/24:before {
        border-color: color-mix(in oklab, var(--color-white) 24%, transparent)
      }
    }
  
    .before\:bg-black:before {
      content: var(--tw-content);
      background-color: var(--color-black)
    }
  
    .before\:bg-black\/50:before {
      content: var(--tw-content);
      background-color: #00000080
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-black\/50:before {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent)
      }
    }
  
    .before\:bg-primary:before {
      content: var(--tw-content);
      background-color: var(--color-primary)
    }
  
    .before\:bg-primary\/10:before {
      content: var(--tw-content);
      background-color: #e736461a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-primary\/10:before {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent)
      }
    }
  
    .before\:bg-primary\/30:before {
      content: var(--tw-content);
      background-color: #e736464d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-primary\/30:before {
        background-color: color-mix(in oklab, var(--color-primary) 30%, transparent)
      }
    }
  
    .before\:bg-primary\/70:before {
      content: var(--tw-content);
      background-color: #e73646b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-primary\/70:before {
        background-color: color-mix(in oklab, var(--color-primary) 70%, transparent)
      }
    }
  
    .before\:bg-white:before {
      content: var(--tw-content);
      background-color: var(--color-white)
    }
  
    .before\:bg-white\/0:before {
      content: var(--tw-content);
      background-color: #0000
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-white\/0:before {
        background-color: color-mix(in oklab, var(--color-white) 0%, transparent)
      }
    }
  
    .before\:bg-white\/30:before {
      content: var(--tw-content);
      background-color: #ffffff4d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-white\/30:before {
        background-color: color-mix(in oklab, var(--color-white) 30%, transparent)
      }
    }
  
    .before\:text-primary:before {
      content: var(--tw-content);
      color: var(--color-primary)
    }
  
    .before\:text-transparent:before {
      content: var(--tw-content);
      color: #0000
    }
  
    .before\:opacity-0:before {
      content: var(--tw-content);
      opacity: 0
    }
  
    .before\:duration-300:before {
      content: var(--tw-content);
      --tw-duration: .3s;
      transition-duration: .3s
    }
  
    .before\:duration-500:before {
      content: var(--tw-content);
      --tw-duration: .5s;
      transition-duration: .5s
    }
  
    .before\:ease-smooth:before {
      content: var(--tw-content);
      --tw-ease: var(--ease-smooth);
      transition-timing-function: var(--ease-smooth)
    }
  
    .before\:content-\[\'▲\'\]:before {
      --tw-content: "▲";
      content: var(--tw-content)
    }
  
    .before\:content-\[attr\(data-content\)\]:before {
      --tw-content: attr(data-content);
      content: var(--tw-content)
    }
  
    .before\:\[background\:linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.20\)_0\%\,rgba\(0\,0\,0\,0\.20\)_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#0003 0% 100%)
    }
  
    .before\:\[background\:linear-gradient\(104deg\,\#12342B_39\.37\%\,\#386040_80\.14\%\)\,linear-gradient\(182deg\,\#91B88C_29\.23\%\,\#EBDA1A_252\.79\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(104deg, #12342b 39.37%, #386040 80.14%), linear-gradient(182deg, #91b88c 29.23%, #ebda1a 252.79%)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,\#FFF_5\.92\%\,rgba\(255\,255\,255\,0\.24\)_53\.8\%\,\#FFF_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#fff 5.92%, #ffffff3d 53.8%, #fff)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.05\)_0\%\,rgba\(0\,0\,0\,0\.40\)_55\.63\%\,rgba\(0\,0\,0\,0\.65\)_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#0000000d, #0006 55.63%, #000000a6)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,rgba\(0\,0\,0\,0\.10\)_0\%\,rgba\(0\,0\,0\,0\.45\)_55\.63\%\,rgba\(0\,0\,0\,0\.50\)_100\%\)\,linear-gradient\(212deg\,rgba\(0\,0\,0\,0\.11\)_46\.87\%\,rgba\(0\,0\,0\,0\.56\)_80\.82\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#0000001a, #00000073 55.63%, #00000080), linear-gradient(212deg, #0000001c 46.87%, #0000008f 80.82%)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,rgba\(10\,15\,30\,0\.00\)_40\%\,rgba\(10\,15\,30\,0\.70\)_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#0a0f1e00 40%, #0a0f1eb3)
    }
  
    .before\:\[background\:linear-gradient\(319deg\,rgba\(0\,0\,0\,0\.00\)_11\.44\%\,rgba\(0\,0\,0\,0\.56\)_89\.48\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(319deg, #0000 11.44%, #0000008f 89.48%)
    }
  
    .before\:\[background\:radial-gradient\(56\.47\%_100\%_at_50\%_0\%\,\#f25c6a_0\%\,\#e73646_100\%\)\]:before {
      content: var(--tw-content);
      background: radial-gradient(56.47% 100% at 50% 0, #f25c6a, #e73646)
    }
  
    @media(hover:hover) {
      .group-hover\/button\:before\:text-\(--content-color\):is(:where(.group\/button):hover *):before {
        content: var(--tw-content);
        color: var(--content-color)
      }
    }
  
    .before\:group-slide-active\/slide\:opacity-100:before {
      content: var(--tw-content)
    }
  
    .peer-checked\:before\:scale-100\!:is(:where(.peer):checked~*):before {
      content: var(--tw-content);
      --tw-scale-x: 100% !important;
      --tw-scale-y: 100% !important;
      --tw-scale-z: 100% !important;
      scale: var(--tw-scale-x) var(--tw-scale-y) !important
    }
  
    .peer-checked\:before\:opacity-100\!:is(:where(.peer):checked~*):before {
      content: var(--tw-content);
      opacity: 1 !important
    }
  
    .after\:pointer-events-none:after {
      content: var(--tw-content);
      pointer-events: none
    }
  
    .after\:absolute:after {
      content: var(--tw-content);
      position: absolute
    }
  
    .after\:top-0:after {
      content: var(--tw-content);
      top: 0
    }
  
    .after\:top-1\/2:after {
      content: var(--tw-content);
      top: 50%
    }
  
    .after\:bottom-0:after {
      content: var(--tw-content);
      bottom: 0
    }
  
    .after\:left-0:after {
      content: var(--tw-content);
      left: 0
    }
  
    .after\:left-1\/2:after {
      content: var(--tw-content);
      left: 50%
    }
  
    .after\:z-2:after {
      content: var(--tw-content);
      z-index: 2
    }
  
    .after\:hidden:after {
      content: var(--tw-content);
      display: none
    }
  
    .after\:h-1:after {
      content: var(--tw-content);
      height: var(--spacing)
    }
  
    .after\:h-15:after {
      content: var(--tw-content);
      height: calc(var(--spacing) * 15)
    }
  
    .after\:h-full:after {
      content: var(--tw-content);
      height: 100%
    }
  
    .after\:w-0:after {
      content: var(--tw-content);
      width: 0
    }
  
    .after\:w-15:after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 15)
    }
  
    .after\:w-screen:after {
      content: var(--tw-content);
      width: 100vw
    }
  
    .after\:-translate-x-1\/2:after {
      content: var(--tw-content);
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .after\:-translate-y-1\/2:after {
      content: var(--tw-content);
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .after\:rounded-full:after {
      content: var(--tw-content);
      border-radius: 3.40282e38px
    }
  
    .after\:bg-white:after {
      content: var(--tw-content);
      background-color: var(--color-white)
    }
  
    .after\:bg-white\/20:after {
      content: var(--tw-content);
      background-color: #fff3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .after\:bg-white\/20:after {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
    }
  
    .after\:duration-500:after {
      content: var(--tw-content);
      --tw-duration: .5s;
      transition-duration: .5s
    }
  
    .last\:border-none:last-child {
      --tw-border-style: none;
      border-style: none
    }
  
    .open\:pointer-events-auto:is([open], :popover-open, :open) {
      pointer-events: auto
    }
  
    .open\:backdrop\:opacity-100:is([open], :popover-open, :open)::backdrop {
      opacity: 1
    }
  
    .user-invalid\:\!border-\[\#FF0000\]:user-invalid {
      border-color: red !important
    }
  
    @media(hover:hover) {
      .hover\:border-black\/50:hover {
        border-color: #00000080
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .hover\:border-black\/50:hover {
          border-color: color-mix(in oklab, var(--color-black) 50%, transparent)
        }
      }
  
      .hover\:text-black:hover {
        color: var(--color-black)
      }
  
      .hover\:text-white:hover {
        color: var(--color-white)
      }
    }
  
    .focus\:border-black:focus {
      border-color: var(--color-black)
    }
  
    .focus\:border-black\/80:focus {
      border-color: #000c
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .focus\:border-black\/80:focus {
        border-color: color-mix(in oklab, var(--color-black) 80%, transparent)
      }
    }
  
    .focus\:border-primary:focus {
      border-color: var(--color-primary)
    }
  
    .focus\:border-primary\!:focus {
      border-color: var(--color-primary) !important
    }
  
    .focus\:bg-white:focus {
      background-color: var(--color-white)
    }
  
    .focus\:outline-black\/5:focus {
      outline-color: #0000000d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .focus\:outline-black\/5:focus {
        outline-color: color-mix(in oklab, var(--color-black) 5%, transparent)
      }
    }
  
    .disabled\:cursor-not-allowed:disabled {
      cursor: not-allowed
    }
  
    .disabled\:opacity-50:disabled {
      opacity: .5
    }
  
    .has-\[option\:disabled\:checked\]\:\!text-black\/50:has(:is(option:disabled:checked)) {
      color: #00000080 !important
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .has-\[option\:disabled\:checked\]\:\!text-black\/50:has(:is(option:disabled:checked)) {
        color: color-mix(in oklab, var(--color-black) 50%, transparent) !important
      }
    }
  
    @media not all and (min-width:1921px) {
      .max-3xl\:w-\[calc\(100\%\+var\(--left\)\+30px\)\] {
        width: calc(100% + var(--left) + 30px)
      }
  
      .max-3xl\:-translate-x-\[\(var\(--left\)\+30px\)\] {
        --tw-translate-x: calc((var(--left) + 30px) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
    }
  
    @media not all and (min-width:1680px) {
      .max-2xl\:-mt-150 {
        margin-top: calc(var(--spacing) * -150)
      }
  
      .max-2xl\:h-\[23\%\] {
        height: 23%
      }
  
      .max-2xl\:w-full {
        width: 100%
      }
  
      .max-2xl\:translate-x-0 {
        --tw-translate-x: 0px;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .max-2xl\:bg-white {
        background-color: var(--color-white)
      }
  
      .max-2xl\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
  
      .max-2xl\:px-30 {
        padding-inline: calc(var(--spacing) * 30)
      }
  
      .max-2xl\:pt-95 {
        padding-top: calc(var(--spacing) * 95)
      }
  
      .max-2xl\:pt-150 {
        padding-top: calc(var(--spacing) * 150)
      }
  
      .max-2xl\:pb-150 {
        padding-bottom: calc(var(--spacing) * 150)
      }
  
      .max-2xl\:tracking-\[-3px\] {
        --tw-tracking: -3px;
        letter-spacing: -3px
      }
  
      .max-2xl\:tracking-\[-4px\] {
        --tw-tracking: -4px;
        letter-spacing: -4px
      }
    }
  
    @media not all and (min-width:1440px) {
      .max-xl\:-mt-100 {
        margin-top: calc(var(--spacing) * -100)
      }
  
      .max-xl\:mr-0 {
        margin-right: 0
      }
  
      .max-xl\:ml-auto {
        margin-left: auto
      }
  
      .max-xl\:h-80 {
        height: calc(var(--spacing) * 80)
      }
  
      .max-xl\:h-\[22\%\] {
        height: 22%
      }
  
      .max-xl\:max-w-300 {
        max-width: calc(var(--spacing) * 300)
      }
  
      .max-xl\:max-w-700 {
        max-width: calc(var(--spacing) * 700)
      }
  
      .max-xl\:min-w-240 {
        min-width: calc(var(--spacing) * 240)
      }
  
      .max-xl\:flex-1\/3 {
        flex: 33.3333%
      }
  
      .max-xl\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,10fr\)\] {
        grid-template-columns: minmax(0, 2fr) minmax(0, 10fr)
      }
  
      .max-xl\:px-30 {
        padding-inline: calc(var(--spacing) * 30)
      }
  
      .max-xl\:pt-120 {
        padding-top: calc(var(--spacing) * 120)
      }
  
      .max-xl\:pb-120 {
        padding-bottom: calc(var(--spacing) * 120)
      }
  
      .max-xl\:tracking-\[-2px\] {
        --tw-tracking: -2px;
        letter-spacing: -2px
      }
    }
  
    @media not all and (min-width:1280px) {
      .max-lg\:pointer-events-none {
        pointer-events: none
      }
  
      .max-lg\:absolute {
        position: absolute
      }
  
      .max-lg\:top-full {
        top: 100%
      }
  
      .max-lg\:right-85 {
        right: calc(var(--spacing) * 85)
      }
  
      .max-lg\:left-0 {
        left: 0
      }
  
      .max-lg\:mx-auto {
        margin-inline: auto
      }
  
      .max-lg\:-mt-50 {
        margin-top: calc(var(--spacing) * -50)
      }
  
      .max-lg\:block {
        display: block
      }
  
      .max-lg\:grid {
        display: grid
      }
  
      .max-lg\:hidden {
        display: none
      }
  
      .max-lg\:aspect-10\/6 {
        aspect-ratio: 10/6
      }
  
      .max-lg\:aspect-40\/40 {
        aspect-ratio: 40/40
      }
  
      .max-lg\:size-30 {
        width: calc(var(--spacing) * 30);
        height: calc(var(--spacing) * 30)
      }
  
      .max-lg\:h-22 {
        height: calc(var(--spacing) * 22)
      }
  
      .max-lg\:h-50 {
        height: calc(var(--spacing) * 50)
      }
  
      .max-lg\:h-60 {
        height: calc(var(--spacing) * 60)
      }
  
      .max-lg\:h-70 {
        height: calc(var(--spacing) * 70)
      }
  
      .max-lg\:h-400 {
        height: calc(var(--spacing) * 400)
      }
  
      .max-lg\:h-\[calc\(100svh-87px\)\] {
        height: calc(100svh - 87px)
      }
  
      .max-lg\:h-auto {
        height: auto
      }
  
      .max-lg\:min-h-120 {
        min-height: calc(var(--spacing) * 120)
      }
  
      .max-lg\:w-15 {
        width: calc(var(--spacing) * 15)
      }
  
      .max-lg\:w-full {
        width: 100%
      }
  
      .max-lg\:max-w-250 {
        max-width: calc(var(--spacing) * 250)
      }
  
      .max-lg\:min-w-full {
        min-width: 100%
      }
  
      .max-lg\:translate-x-full {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .max-lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }
  
      .max-lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }
  
      .max-lg\:grid-cols-\[1fr_1\.35fr\] {
        grid-template-columns: 1fr 1.35fr
      }
  
      .max-lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr)
      }
  
      .max-lg\:grid-rows-\[0fr\] {
        grid-template-rows: 0fr
      }
  
      .max-lg\:flex-col {
        flex-direction: column
      }
  
      .max-lg\:flex-wrap {
        flex-wrap: wrap
      }
  
      .max-lg\:items-start {
        align-items: flex-start
      }
  
      .max-lg\:justify-between {
        justify-content: space-between
      }
  
      .max-lg\:gap-0 {
        gap: 0
      }
  
      .max-lg\:gap-5 {
        gap: calc(var(--spacing) * 5)
      }
  
      .max-lg\:gap-8 {
        gap: calc(var(--spacing) * 8)
      }
  
      .max-lg\:gap-20 {
        gap: calc(var(--spacing) * 20)
      }
  
      .max-lg\:gap-30 {
        gap: calc(var(--spacing) * 30)
      }
  
      .max-lg\:gap-150 {
        gap: calc(var(--spacing) * 150)
      }
  
      .max-lg\:gap-y-25 {
        row-gap: calc(var(--spacing) * 25)
      }
  
      .max-lg\:overflow-hidden {
        overflow: hidden
      }
  
      .max-lg\:overflow-y-auto {
        overflow-y: auto
      }
  
      .max-lg\:border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
      }
  
      .max-lg\:border-black\/10 {
        border-color: #0000001a
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-lg\:border-black\/10 {
          border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
      }
  
      .max-lg\:bg-black\/3 {
        background-color: #00000008
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-lg\:bg-black\/3 {
          background-color: color-mix(in oklab, var(--color-black) 3%, transparent)
        }
      }
  
      .max-lg\:bg-white {
        background-color: var(--color-white)
      }
  
      .max-lg\:p-0 {
        padding: 0
      }
  
      .max-lg\:p-5 {
        padding: calc(var(--spacing) * 5)
      }
  
      .max-lg\:p-10 {
        padding: calc(var(--spacing) * 10)
      }
  
      .max-lg\:p-\[14px_30px\] {
        padding: 14px 30px
      }
  
      .max-lg\:p-\[14px_35px\] {
        padding: 14px 35px
      }
  
      .max-lg\:px-0 {
        padding-inline: 0
      }
  
      .max-lg\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
  
      .max-lg\:px-30 {
        padding-inline: calc(var(--spacing) * 30)
      }
  
      .max-lg\:py-12 {
        padding-block: calc(var(--spacing) * 12)
      }
  
      .max-lg\:py-60 {
        padding-block: calc(var(--spacing) * 60)
      }
  
      .max-lg\:py-100 {
        padding-block: calc(var(--spacing) * 100)
      }
  
      .max-lg\:py-150 {
        padding-block: calc(var(--spacing) * 150)
      }
  
      .max-lg\:pt-87 {
        padding-top: calc(var(--spacing) * 87)
      }
  
      .max-lg\:pt-90 {
        padding-top: calc(var(--spacing) * 90)
      }
  
      .max-lg\:pb-90 {
        padding-bottom: calc(var(--spacing) * 90)
      }
  
      .max-lg\:pl-0 {
        padding-left: 0
      }
  
      .max-lg\:pl-20 {
        padding-left: calc(var(--spacing) * 20)
      }
  
      .max-lg\:text-\[16px\] {
        font-size: 16px
      }
  
      .max-lg\:text-\[18px\] {
        font-size: 18px
      }
  
      .max-lg\:tracking-\[-1px\] {
        --tw-tracking: -1px;
        letter-spacing: -1px
      }
  
      .max-lg\:text-black {
        color: var(--color-black)
      }
  
      .max-lg\:opacity-0 {
        opacity: 0
      }
  
      .max-lg\:group-\[\&\.active\]\/lang\:pointer-events-auto:is(:where(.group\/lang).active *) {
        pointer-events: auto
      }
  
      .max-lg\:group-\[\&\.active\]\/lang\:opacity-100:is(:where(.group\/lang).active *) {
        opacity: 1
      }
  
      .max-lg\:before\:hidden:before {
        content: var(--tw-content);
        display: none
      }
  
      .max-lg\:last\:border-none:last-child {
        --tw-border-style: none;
        border-style: none
      }
    }
  
    @media not all and (min-width:1024px) {
      .max-md\:z-20 {
        z-index: 20
      }
  
      .max-md\:order-1 {
        order: 1
      }
  
      .max-md\:order-2 {
        order: 2
      }
  
      .max-md\:col-span-1 {
        grid-column: span 1/span 1
      }
  
      .max-md\:col-span-2 {
        grid-column: span 2/span 2
      }
  
      .max-md\:mx-0 {
        margin-inline: 0
      }
  
      .max-md\:mt-0 {
        margin-top: 0
      }
  
      .max-md\:flex-center {
        justify-content: center;
        align-items: center;
        display: flex
      }
  
      .max-md\:block {
        display: block
      }
  
      .max-md\:flex {
        display: flex
      }
  
      .max-md\:hidden {
        display: none
      }
  
      .max-md\:aspect-6\/8 {
        aspect-ratio: 6/8
      }
  
      .max-md\:aspect-6\/9 {
        aspect-ratio: 6/9
      }
  
      .max-md\:aspect-10\/6 {
        aspect-ratio: 10/6
      }
  
      .max-md\:size-35 {
        width: calc(var(--spacing) * 35);
        height: calc(var(--spacing) * 35)
      }
  
      .max-md\:size-40 {
        width: calc(var(--spacing) * 40);
        height: calc(var(--spacing) * 40)
      }
  
      .max-md\:h-45 {
        height: calc(var(--spacing) * 45)
      }
  
      .max-md\:h-50 {
        height: calc(var(--spacing) * 50)
      }
  
      .max-md\:h-54 {
        height: calc(var(--spacing) * 54)
      }
  
      .max-md\:h-55 {
        height: calc(var(--spacing) * 55)
      }
  
      .max-md\:h-60 {
        height: calc(var(--spacing) * 60)
      }
  
      .max-md\:h-120 {
        height: calc(var(--spacing) * 120)
      }
  
      .max-md\:h-600 {
        height: calc(var(--spacing) * 600)
      }
  
      .max-md\:h-\[calc\(100svh-80px\)\] {
        height: calc(100svh - 80px)
      }
  
      .max-md\:h-auto {
        height: auto
      }
  
      .max-md\:h-full {
        height: 100%
      }
  
      .max-md\:h-svh {
        height: 100svh
      }
  
      .max-md\:w-16 {
        width: calc(var(--spacing) * 16)
      }
  
      .max-md\:w-auto {
        width: auto
      }
  
      .max-md\:w-fit {
        width: fit-content
      }
  
      .max-md\:w-full {
        width: 100%
      }
  
      .max-md\:max-w-200 {
        max-width: calc(var(--spacing) * 200)
      }
  
      .max-md\:max-w-full {
        max-width: 100%
      }
  
      .max-md\:min-w-full {
        min-width: 100%
      }
  
      .max-md\:shrink-0 {
        flex-shrink: 0
      }
  
      .max-md\:rotate-180 {
        rotate: 180deg
      }
  
      .max-md\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }
  
      .max-md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }
  
      .max-md\:flex-col {
        flex-direction: column
      }
  
      .max-md\:flex-col-reverse {
        flex-direction: column-reverse
      }
  
      .max-md\:flex-row {
        flex-direction: row
      }
  
      .max-md\:items-center {
        align-items: center
      }
  
      .max-md\:justify-center {
        justify-content: center
      }
  
      .max-md\:justify-start {
        justify-content: flex-start
      }
  
      .max-md\:gap-8 {
        gap: calc(var(--spacing) * 8)
      }
  
      .max-md\:gap-12 {
        gap: calc(var(--spacing) * 12)
      }
  
      .max-md\:gap-15 {
        gap: calc(var(--spacing) * 15)
      }
  
      .max-md\:gap-17 {
        gap: calc(var(--spacing) * 17)
      }
  
      .max-md\:gap-20 {
        gap: calc(var(--spacing) * 20)
      }
  
      .max-md\:gap-30 {
        gap: calc(var(--spacing) * 30)
      }
  
      .max-md\:overflow-x-auto {
        overflow-x: auto
      }
  
      .max-md\:rounded-\[15px\] {
        border-radius: 15px
      }
  
      .max-md\:border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
      }
  
      .max-md\:border-none {
        --tw-border-style: none;
        border-style: none
      }
  
      .max-md\:border-black\/10 {
        border-color: #0000001a
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-md\:border-black\/10 {
          border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
      }
  
      .max-md\:border-black\/15 {
        border-color: #00000026
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-md\:border-black\/15 {
          border-color: color-mix(in oklab, var(--color-black) 15%, transparent)
        }
      }
  
      .max-md\:bg-\[\#E6E2E1\] {
        background-color: #e6e2e1
      }
  
      .max-md\:bg-primary {
        background-color: var(--color-primary)
      }
  
      .max-md\:bg-transparent {
        background-color: #0000
      }
  
      .max-md\:p-30 {
        padding: calc(var(--spacing) * 30)
      }
  
      .max-md\:p-\[5px_5px_5px_5px\] {
        padding: 5px
      }
  
      .max-md\:px-0 {
        padding-inline: 0
      }
  
      .max-md\:px-12 {
        padding-inline: calc(var(--spacing) * 12)
      }
  
      .max-md\:px-15 {
        padding-inline: calc(var(--spacing) * 15)
      }
  
      .max-md\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
  
      .max-md\:px-22 {
        padding-inline: calc(var(--spacing) * 22)
      }
  
      .max-md\:px-30 {
        padding-inline: calc(var(--spacing) * 30)
      }
  
      .max-md\:py-0 {
        padding-block: 0
      }
  
      .max-md\:py-10 {
        padding-block: calc(var(--spacing) * 10)
      }
  
      .max-md\:py-15 {
        padding-block: calc(var(--spacing) * 15)
      }
  
      .max-md\:py-80 {
        padding-block: calc(var(--spacing) * 80)
      }
  
      .max-md\:py-100 {
        padding-block: calc(var(--spacing) * 100)
      }
  
      .max-md\:py-120 {
        padding-block: calc(var(--spacing) * 120)
      }
  
      .max-md\:pt-0 {
        padding-top: 0
      }
  
      .max-md\:pt-10 {
        padding-top: calc(var(--spacing) * 10)
      }
  
      .max-md\:pt-20 {
        padding-top: calc(var(--spacing) * 20)
      }
  
      .max-md\:pt-30 {
        padding-top: calc(var(--spacing) * 30)
      }
  
      .max-md\:pt-80 {
        padding-top: calc(var(--spacing) * 80)
      }
  
      .max-md\:pt-100 {
        padding-top: calc(var(--spacing) * 100)
      }
  
      .max-md\:pt-150 {
        padding-top: calc(var(--spacing) * 150)
      }
  
      .max-md\:pr-0 {
        padding-right: 0
      }
  
      .max-md\:pr-7 {
        padding-right: calc(var(--spacing) * 7)
      }
  
      .max-md\:pb-0 {
        padding-bottom: 0
      }
  
      .max-md\:pb-15 {
        padding-bottom: calc(var(--spacing) * 15)
      }
  
      .max-md\:pb-20 {
        padding-bottom: calc(var(--spacing) * 20)
      }
  
      .max-md\:pl-0 {
        padding-left: 0
      }
  
      .max-md\:text-center {
        text-align: center
      }
  
      .max-md\:tracking-\[-0\.5px\] {
        --tw-tracking: -.5px;
        letter-spacing: -.5px
      }
  
      .max-md\:text-black {
        color: var(--color-black)
      }
  
      .max-md\:text-black\/70 {
        color: #000000b3
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-md\:text-black\/70 {
          color: color-mix(in oklab, var(--color-black) 70%, transparent)
        }
      }
  
      .max-md\:text-primary {
        color: var(--color-primary)
      }
  
      .max-md\:text-white {
        color: var(--color-white)
      }
  
      .max-md\:text-white\/70 {
        color: #ffffffb3
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-md\:text-white\/70 {
          color: color-mix(in oklab, var(--color-white) 70%, transparent)
        }
      }
  
      .max-md\:opacity-100 {
        opacity: 1
      }
  
      .max-md\:before\:bg-black\/50:before {
        content: var(--tw-content);
        background-color: #00000080
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-md\:before\:bg-black\/50:before {
          background-color: color-mix(in oklab, var(--color-black) 50%, transparent)
        }
      }
  
      .max-md\:before\:bg-primary\/45:before {
        content: var(--tw-content);
        background-color: #e7364673
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-md\:before\:bg-primary\/45:before {
          background-color: color-mix(in oklab, var(--color-primary) 45%, transparent)
        }
      }
    }
  
    @media not all and (min-width:768px) {
      .max-sm\:right-0 {
        right: 0
      }
  
      .max-sm\:right-4 {
        right: calc(var(--spacing) * 4)
      }
  
      .max-sm\:right-65 {
        right: calc(var(--spacing) * 65)
      }
  
      .max-sm\:bottom-0 {
        bottom: 0
      }
  
      .max-sm\:col-span-1 {
        grid-column: span 1/span 1
      }
  
      .max-sm\:mx-0 {
        margin-inline: 0
      }
  
      .max-sm\:flex-between {
        justify-content: space-between;
        align-items: center;
        display: flex
      }
  
      .max-sm\:flex-center {
        justify-content: center;
        align-items: center;
        display: flex
      }
  
      .max-sm\:block {
        display: block
      }
  
      .max-sm\:flex {
        display: flex
      }
  
      .max-sm\:grid {
        display: grid
      }
  
      .max-sm\:hidden {
        display: none
      }
  
      .max-sm\:aspect-5\/4 {
        aspect-ratio: 5/4
      }
  
      .max-sm\:aspect-10\/6 {
        aspect-ratio: 10/6
      }
  
      .max-sm\:aspect-square {
        aspect-ratio: 1
      }
  
      .max-sm\:h-20 {
        height: calc(var(--spacing) * 20)
      }
  
      .max-sm\:h-22 {
        height: calc(var(--spacing) * 22)
      }
  
      .max-sm\:h-45 {
        height: calc(var(--spacing) * 45)
      }
  
      .max-sm\:h-50 {
        height: calc(var(--spacing) * 50)
      }
  
      .max-sm\:h-120 {
        height: calc(var(--spacing) * 120)
      }
  
      .max-sm\:h-200 {
        height: calc(var(--spacing) * 200)
      }
  
      .max-sm\:h-400 {
        height: calc(var(--spacing) * 400)
      }
  
      .max-sm\:h-500 {
        height: calc(var(--spacing) * 500)
      }
  
      .max-sm\:h-auto {
        height: auto
      }
  
      .max-sm\:min-h-full {
        min-height: 100%
      }
  
      .max-sm\:w-15 {
        width: calc(var(--spacing) * 15)
      }
  
      .max-sm\:w-full {
        width: 100%
      }
  
      .max-sm\:max-w-180 {
        max-width: calc(var(--spacing) * 180)
      }
  
      .max-sm\:max-w-260 {
        max-width: calc(var(--spacing) * 260)
      }
  
      .max-sm\:max-w-none {
        max-width: none
      }
  
      .max-sm\:min-w-200 {
        min-width: calc(var(--spacing) * 200)
      }
  
      .max-sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }
  
      .max-sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }
  
      .max-sm\:grid-rows-\[0fr\] {
        grid-template-rows: 0fr
      }
  
      .max-sm\:flex-col {
        flex-direction: column
      }
  
      .max-sm\:flex-row {
        flex-direction: row
      }
  
      .max-sm\:items-center {
        align-items: center
      }
  
      .max-sm\:items-start {
        align-items: flex-start
      }
  
      .max-sm\:items-stretch {
        align-items: stretch
      }
  
      .max-sm\:justify-center {
        justify-content: center
      }
  
      .max-sm\:gap-0 {
        gap: 0
      }
  
      .max-sm\:gap-8 {
        gap: calc(var(--spacing) * 8)
      }
  
      .max-sm\:gap-10 {
        gap: calc(var(--spacing) * 10)
      }
  
      .max-sm\:gap-15 {
        gap: calc(var(--spacing) * 15)
      }
  
      .max-sm\:gap-20 {
        gap: calc(var(--spacing) * 20)
      }
  
      .max-sm\:gap-45 {
        gap: calc(var(--spacing) * 45)
      }
  
      .max-sm\:overflow-hidden {
        overflow: hidden
      }
  
      .max-sm\:rounded-t-3xl {
        border-top-left-radius: var(--radius-3xl);
        border-top-right-radius: var(--radius-3xl)
      }
  
      .max-sm\:rounded-b-none {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
      }
  
      .max-sm\:border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
      }
  
      .max-sm\:border-none {
        --tw-border-style: none;
        border-style: none
      }
  
      .max-sm\:border-black\/10 {
        border-color: #0000001a
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-sm\:border-black\/10 {
          border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
      }
  
      .max-sm\:border-black\/20 {
        border-color: #0003
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-sm\:border-black\/20 {
          border-color: color-mix(in oklab, var(--color-black) 20%, transparent)
        }
      }
  
      .max-sm\:bg-black\/2 {
        background-color: #00000005
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-sm\:bg-black\/2 {
          background-color: color-mix(in oklab, var(--color-black) 2%, transparent)
        }
      }
  
      .max-sm\:object-top {
        object-position: top
      }
  
      .max-sm\:p-0 {
        padding: 0
      }
  
      .max-sm\:p-18 {
        padding: calc(var(--spacing) * 18)
      }
  
      .max-sm\:p-20 {
        padding: calc(var(--spacing) * 20)
      }
  
      .max-sm\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
  
      .max-sm\:py-0 {
        padding-block: 0
      }
  
      .max-sm\:py-5 {
        padding-block: calc(var(--spacing) * 5)
      }
  
      .max-sm\:py-8 {
        padding-block: calc(var(--spacing) * 8)
      }
  
      .max-sm\:py-12 {
        padding-block: calc(var(--spacing) * 12)
      }
  
      .max-sm\:py-60 {
        padding-block: calc(var(--spacing) * 60)
      }
  
      .max-sm\:py-100 {
        padding-block: calc(var(--spacing) * 100)
      }
  
      .max-sm\:pt-10 {
        padding-top: calc(var(--spacing) * 10)
      }
  
      .max-sm\:pt-20 {
        padding-top: calc(var(--spacing) * 20)
      }
  
      .max-sm\:pr-45 {
        padding-right: calc(var(--spacing) * 45)
      }
  
      .max-sm\:pb-10 {
        padding-bottom: calc(var(--spacing) * 10)
      }
  
      .max-sm\:pl-0 {
        padding-left: 0
      }
  
      .max-sm\:pl-10 {
        padding-left: calc(var(--spacing) * 10)
      }
  
      .max-sm\:pl-20 {
        padding-left: calc(var(--spacing) * 20)
      }
  
      .max-sm\:text-center {
        text-align: center
      }
  
      .max-sm\:text-\[10px\] {
        font-size: 10px
      }
  
      .max-sm\:text-\[13px\] {
        font-size: 13px
      }
  
      .max-sm\:text-\[14px\] {
        font-size: 14px
      }
  
      .max-sm\:text-\[16px\] {
        font-size: 16px
      }
  
      .max-sm\:text-\[25px\] {
        font-size: 25px
      }
  
      .max-sm\:text-black {
        color: var(--color-black)
      }
  
      .max-sm\:placeholder\:text-\[14px\]::placeholder {
        font-size: 14px
      }
  
      .max-sm\:before\:hidden:before {
        content: var(--tw-content);
        display: none
      }
  
      .max-sm\:last\:border-none:last-child {
        --tw-border-style: none;
        border-style: none
      }
    }
  
    @media not all and (min-width:480px) {
      .max-xs\:top-auto {
        top: auto
      }
  
      .max-xs\:right-50 {
        right: calc(var(--spacing) * 50)
      }
  
      .max-xs\:bottom-0 {
        bottom: 0
      }
  
      .max-xs\:aspect-30\/30 {
        aspect-ratio: 30/30
      }
  
      .max-xs\:h-15 {
        height: calc(var(--spacing) * 15)
      }
  
      .max-xs\:h-300 {
        height: calc(var(--spacing) * 300)
      }
  
      .max-xs\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }
  
      .max-xs\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
    }
  
    @media not all and (min-width:420px) {
      .max-\[420px\]\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }
    }
  
    @media(min-width:768px) {
      .sm\:col-span-1 {
        grid-column: span 1/span 1
      }
  
      .sm\:hidden {
        display: none
      }
  
      .sm\:w-20 {
        width: calc(var(--spacing) * 20)
      }
  
      .sm\:max-w-280 {
        max-width: calc(var(--spacing) * 280)
      }
  
      .sm\:min-w-220 {
        min-width: calc(var(--spacing) * 220)
      }
    }
  
    @media(min-width:1024px) {
      .md\:container {
        width: 100%
      }
  
      @media(min-width:390px) {
        .md\:container {
          max-width: 390px
        }
      }
  
      @media(min-width:480px) {
        .md\:container {
          max-width: 480px
        }
      }
  
      @media(min-width:768px) {
        .md\:container {
          max-width: 768px
        }
      }
  
      .md\:container {
        max-width: 1024px
      }
  
      @media(min-width:1280px) {
        .md\:container {
          max-width: 1280px
        }
      }
  
      @media(min-width:1440px) {
        .md\:container {
          max-width: 1440px
        }
      }
  
      @media(min-width:1680px) {
        .md\:container {
          max-width: 1680px
        }
      }
  
      @media(min-width:1921px) {
        .md\:container {
          max-width: 1921px
        }
      }
  
      @media(min-width:2560px) {
        .md\:container {
          max-width: 2560px
        }
      }
  
      .md\:container {
        max-width: 1600px;
        margin-inline: auto;
        padding-inline: 30px
      }
  
      .md\:mx-auto {
        margin-inline: auto
      }
  
      .md\:hidden {
        display: none
      }
  
      .md\:h-to-470 {
        --h-to: 470;
        height: clamp(calc(var(--h-from) * var(--spacing)), round(nearest, calc(var(--h-from) * var(--spacing) + (var(--h-to) - var(--h-from)) * ((100vw - (var(--h-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--h-max-vw, var(--viewport-max)) - var(--h-min-vw, var(--viewport-min))))), 1px), calc(var(--h-to) * var(--spacing)))
      }
  
      .md\:h-\[60svh\] {
        height: 60svh
      }
  
      .md\:h-\[65svh\] {
        height: 65svh
      }
  
      .md\:h-dvh {
        height: 100dvh
      }
  
      .md\:h-svh {
        height: 100svh
      }
  
      .md\:max-h-1080 {
        max-height: calc(var(--spacing) * 1080)
      }
  
      .md\:min-h-700 {
        min-height: calc(var(--spacing) * 700)
      }
  
      .md\:w-full {
        width: 100%
      }
  
      .md\:max-w-240 {
        max-width: calc(var(--spacing) * 240)
      }
  
      .md\:max-w-250 {
        max-width: calc(var(--spacing) * 250)
      }
  
      .md\:max-w-280 {
        max-width: calc(var(--spacing) * 280)
      }
  
      .md\:max-w-300 {
        max-width: calc(var(--spacing) * 300)
      }
  
      .md\:max-w-380 {
        max-width: calc(var(--spacing) * 380)
      }
  
      .md\:max-w-425 {
        max-width: calc(var(--spacing) * 425)
      }
  
      .md\:max-w-460 {
        max-width: calc(var(--spacing) * 460)
      }
  
      .md\:max-w-625 {
        max-width: calc(var(--spacing) * 625)
      }
  
      .md\:max-w-700 {
        max-width: calc(var(--spacing) * 700)
      }
  
      .md\:max-w-710 {
        max-width: calc(var(--spacing) * 710)
      }
  
      .md\:max-w-800 {
        max-width: calc(var(--spacing) * 800)
      }
  
      .md\:max-w-850 {
        max-width: calc(var(--spacing) * 850)
      }
  
      .md\:max-w-900 {
        max-width: calc(var(--spacing) * 900)
      }
  
      .md\:max-w-920 {
        max-width: calc(var(--spacing) * 920)
      }
  
      .md\:max-w-1050 {
        max-width: calc(var(--spacing) * 1050)
      }
  
      .md\:max-w-1100 {
        max-width: calc(var(--spacing) * 1100)
      }
  
      .md\:max-w-1260 {
        max-width: calc(var(--spacing) * 1260)
      }
  
      .md\:max-w-1440 {
        max-width: calc(var(--spacing) * 1440)
      }
  
      .md\:max-w-xs {
        max-width: var(--container-xs)
      }
  
      .md\:rounded-\[35px\] {
        border-radius: 35px
      }
  
      .md\:bg-black\/50 {
        background-color: #00000080
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .md\:bg-black\/50 {
          background-color: color-mix(in oklab, var(--color-black) 50%, transparent)
        }
      }
  
      .md\:px-30 {
        padding-inline: calc(var(--spacing) * 30)
      }
  
      .md\:pr-0 {
        padding-right: 0
      }
  
      .md\:text-end {
        text-align: end
      }
  
      .md\:opacity-0 {
        opacity: 0
      }
  
      .md\:h-from-350 {
        --h-from: 350
      }
  
      @media(hover:hover) {
        .md\:group-hover\:right-0:is(:where(.group):hover *) {
          right: 0
        }
  
        .md\:group-hover\:size-full:is(:where(.group):hover *) {
          width: 100%;
          height: 100%
        }
  
        .md\:group-hover\:rounded-none:is(:where(.group):hover *) {
          border-radius: 0
        }
  
        .md\:group-hover\:text-primary:is(:where(.group):hover *) {
          color: var(--color-primary)
        }
  
        .md\:group-hover\:text-white:is(:where(.group):hover *) {
          color: var(--color-white)
        }
  
        .md\:group-hover\/button\:dashoffset-0\!:is(:where(.group\/button):hover *) {
          stroke-dashoffset: 0 !important
        }
  
        .md\:group-hover\/i\:scale-102:is(:where(.group\/i):hover *) {
          --tw-scale-x: 102%;
          --tw-scale-y: 102%;
          --tw-scale-z: 102%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }
  
        .md\:group-hover\/i\:scale-103:is(:where(.group\/i):hover *) {
          --tw-scale-x: 103%;
          --tw-scale-y: 103%;
          --tw-scale-z: 103%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }
  
        .md\:group-hover\/i\:scale-110:is(:where(.group\/i):hover *) {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }
  
        .md\:group-hover\/i\:scale-115:is(:where(.group\/i):hover *) {
          --tw-scale-x: 115%;
          --tw-scale-y: 115%;
          --tw-scale-z: 115%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }
  
        .md\:group-hover\/i\:bg-primary:is(:where(.group\/i):hover *) {
          background-color: var(--color-primary)
        }
  
        .md\:group-hover\/i\:stroke-white:is(:where(.group\/i):hover *) {
          stroke: var(--color-white)
        }
  
        .md\:group-hover\/i\:text-\[\#2484F0\]:is(:where(.group\/i):hover *) {
          color: #2484f0
        }
  
        .md\:group-hover\/i\:text-black:is(:where(.group\/i):hover *) {
          color: var(--color-black)
        }
  
        .md\:group-hover\/i\:text-primary:is(:where(.group\/i):hover *) {
          color: var(--color-primary)
        }
  
        .md\:group-hover\/i\:text-white:is(:where(.group\/i):hover *) {
          color: var(--color-white)
        }
  
        .md\:group-hover\/i\:text-white\/80:is(:where(.group\/i):hover *) {
          color: #fffc
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:group-hover\/i\:text-white\/80:is(:where(.group\/i):hover *) {
            color: color-mix(in oklab, var(--color-white) 80%, transparent)
          }
        }
  
        .md\:group-hover\/i\:opacity-100:is(:where(.group\/i):hover *) {
          opacity: 1
        }
  
        .md\:group-hover\/langs\:text-white:is(:where(.group\/langs):hover *) {
          color: var(--color-white)
        }
  
        .md\:group-hover\/s\:right-0:is(:where(.group\/s):hover *) {
          right: 0
        }
  
        .md\:group-hover\/s\:size-full:is(:where(.group\/s):hover *) {
          width: 100%;
          height: 100%
        }
  
        .md\:group-hover\/s\:rounded-none:is(:where(.group\/s):hover *) {
          border-radius: 0
        }
  
        .md\:group-hover\/s\:text-white:is(:where(.group\/s):hover *) {
          color: var(--color-white)
        }
      }
  
      .md\:group-slide-active\/slide\:delay-500:is(:where(.group\/slide).swiper-slide-active *) {
        transition-delay: .5s
      }
  
      .md\:group-slide-next\/slide\:scale-\[0\.80\]:is(:where(.group\/slide).swiper-slide-next *),
      .md\:group-slide-next-one\/slide\:scale-\[0\.80\]:is(:where(.group\/slide).swiper-slide-next+.swiper-slide *),
      .md\:group-slide-prev\/slide\:scale-\[0\.80\]:is(:where(.group\/slide).swiper-slide-prev *),
      .md\:group-slide-prev-one\/slide\:scale-\[0\.80\]:is(:where(.group\/slide).swiper-slide:has(+.swiper-slide-prev) *) {
        scale: .8
      }
  
      .md\:before\:\[background\:linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.00\)_58\.35\%\,rgba\(0\,0\,0\,0\.56\)_96\.84\%\)\,linear-gradient\(272deg\,rgba\(0\,0\,0\,0\.00\)_39\.94\%\,rgba\(0\,0\,0\,0\.56\)_76\.45\%\)\]:before {
        content: var(--tw-content);
        background: linear-gradient(#0000008f 3.16%, #0000 41.65%), linear-gradient(272deg, #0000 39.94%, #0000008f 76.45%)
      }
  
      .md\:before\:\[background\:linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.00\)_63\%\,rgba\(11\,24\,47\,0\.70\)_100\%\)\,linear-gradient\(186deg\,rgba\(0\,0\,0\,0\.00\)_42\.55\%\,rgba\(11\,24\,47\,0\.70\)_75\.93\%\)\]:before {
        content: var(--tw-content);
        background: linear-gradient(#0b182fb3, #0000 37%), linear-gradient(186deg, #0000 42.55%, #0b182fb3 75.93%)
      }
  
      @media(hover:hover) {
        .md\:group-hover\/i\:before\:h-full:is(:where(.group\/i):hover *):before {
          content: var(--tw-content);
          height: 100%
        }
  
        .md\:hover\:scale-110:hover {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }
  
        .md\:hover\:rotate-45:hover {
          rotate: 45deg
        }
  
        .md\:hover\:rotate-90:hover {
          rotate: 90deg
        }
  
        .md\:hover\:border-black:hover {
          border-color: var(--color-black)
        }
  
        .md\:hover\:border-first:hover {
          border-color: var(--color-first)
        }
  
        .md\:hover\:border-primary:hover {
          border-color: var(--color-primary)
        }
  
        .md\:hover\:border-secondary:hover {
          border-color: var(--color-secondary)
        }
  
        .md\:hover\:border-white:hover {
          border-color: var(--color-white)
        }
  
        .md\:hover\:border-white\/25:hover {
          border-color: #ffffff40
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:border-white\/25:hover {
            border-color: color-mix(in oklab, var(--color-white) 25%, transparent)
          }
        }
  
        .md\:hover\:border-white\/35:hover {
          border-color: #ffffff59
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:border-white\/35:hover {
            border-color: color-mix(in oklab, var(--color-white) 35%, transparent)
          }
        }
  
        .md\:hover\:bg-\[\#c92d3b\]:hover {
          background-color: #c92d3b
        }
  
        .md\:hover\:bg-\[\#0049B3\]:hover {
          background-color: #0049b3
        }
  
        .md\:hover\:bg-\[\#E6E2E1\]:hover {
          background-color: #e6e2e1
        }
  
        .md\:hover\:bg-first:hover {
          background-color: var(--color-first)
        }
  
        .md\:hover\:bg-primary:hover {
          background-color: var(--color-primary)
        }
  
        .md\:hover\:bg-secondary:hover {
          background-color: var(--color-secondary)
        }
  
        .md\:hover\:bg-white:hover {
          background-color: var(--color-white)
        }
  
        .md\:hover\:bg-white\/8:hover {
          background-color: #ffffff14
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:bg-white\/8:hover {
            background-color: color-mix(in oklab, var(--color-white) 8%, transparent)
          }
        }
  
        .md\:hover\:bg-white\/10:hover {
          background-color: #ffffff1a
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:bg-white\/10:hover {
            background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
          }
        }
  
        .md\:hover\:text-black:hover {
          color: var(--color-black)
        }
  
        .md\:hover\:text-first:hover {
          color: var(--color-first)
        }
  
        .md\:hover\:text-primary:hover {
          color: var(--color-primary)
        }
  
        .md\:hover\:text-white:hover {
          color: var(--color-white)
        }
  
        .md\:hover\:opacity-100:hover {
          opacity: 1
        }
  
        .md\:hover\:before\:w-1\/3:hover:before {
          content: var(--tw-content);
          width: 33.3333%
        }
  
        .md\:hover\:before\:w-full:hover:before {
          content: var(--tw-content);
          width: 100%
        }
  
        .md\:hover\:before\:border-secondary\/30:hover:before {
          content: var(--tw-content);
          border-color: #0b182f4d
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:before\:border-secondary\/30:hover:before {
            border-color: color-mix(in oklab, var(--color-secondary) 30%, transparent)
          }
        }
  
        .md\:hover\:after\:w-full:hover:after {
          content: var(--tw-content);
          width: 100%
        }
      }
    }
  
    @media(min-width:1280px) {
      .lg\:pointer-events-none {
        pointer-events: none
      }
  
      .lg\:absolute-full {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
      }
  
      .lg\:top-full {
        top: 100%
      }
  
      .lg\:left-0 {
        left: 0
      }
  
      .lg\:mx-auto {
        margin-inline: auto
      }
  
      .lg\:hidden {
        display: none
      }
  
      .lg\:h-\[85svh\] {
        height: 85svh
      }
  
      .lg\:h-\[95svh\] {
        height: 95svh
      }
  
      .lg\:h-\[98svh\] {
        height: 98svh
      }
  
      .lg\:h-max\! {
        height: max-content !important
      }
  
      .lg\:h-svh {
        height: 100svh
      }
  
      .lg\:max-h-1080 {
        max-height: calc(var(--spacing) * 1080)
      }
  
      .lg\:max-h-\[75vh\] {
        max-height: 75vh
      }
  
      .lg\:min-h-700 {
        min-height: calc(var(--spacing) * 700)
      }
  
      .lg\:max-w-280 {
        max-width: calc(var(--spacing) * 280)
      }
  
      .lg\:max-w-950 {
        max-width: calc(var(--spacing) * 950)
      }
  
      .lg\:max-w-1100 {
        max-width: calc(var(--spacing) * 1100)
      }
  
      .lg\:max-w-1920 {
        max-width: calc(var(--spacing) * 1920)
      }
  
      .lg\:max-w-xs {
        max-width: var(--container-xs)
      }
  
      .lg\:overflow-y-auto {
        overflow-y: auto
      }
  
      .lg\:opacity-0 {
        opacity: 0
      }
  
      @media(hover:hover) {
        .lg\:group-hover\/lang\:pointer-events-auto:is(:where(.group\/lang):hover *) {
          pointer-events: auto
        }
  
        .lg\:group-hover\/lang\:rotate-180:is(:where(.group\/lang):hover *) {
          rotate: 180deg
        }
  
        .lg\:group-hover\/lang\:opacity-100:is(:where(.group\/lang):hover *) {
          opacity: 1
        }
      }
  
      .lg\:group-toggle\/i\:pl-15:is(:where(.group\/i).toggle *) {
        padding-left: calc(var(--spacing) * 15)
      }
  
      .lg\:group-toggle\/i\:text-black:is(:where(.group\/i).toggle *) {
        color: var(--color-black)
      }
    }
  
    @media(min-width:1440px) {
      .xl\:absolute {
        position: absolute
      }
  
      .xl\:top-0 {
        top: 0
      }
  
      .xl\:right-0 {
        right: 0
      }
  
      .xl\:w-\[calc\(100\%\+var\(--left\)\)\] {
        width: calc(100% + var(--left))
      }
  
      .xl\:max-w-1115 {
        max-width: calc(var(--spacing) * 1115)
      }
  
      .xl\:grid-cols-\[7\.75fr_5\.75fr\] {
        grid-template-columns: 7.75fr 5.75fr
      }
  
      .xl\:bg-white {
        background-color: var(--color-white)
      }
    }
  
    @media(min-width:1680px) {
      .\32xl\:min-w-400 {
        min-width: calc(var(--spacing) * 400)
      }
  
      .\32xl\:before\:-left-\[\(var\(--left\)\+30px\)\]:before {
        content: var(--tw-content);
        left: calc((var(--left) + 30px) * -1)
      }
  
      .\32xl\:before\:w-\[calc\(100\%\+var\(--left\)\+30px\)\]:before {
        content: var(--tw-content);
        width: calc(100% + var(--left) + 30px)
      }
    }
  
    @media(min-width:1921px) {
      .\33xl\:w-full {
        width: 100%
      }
  
      .\33xl\:text-to-120 {
        --text-to: 120;
        font-size: clamp(calc(var(--text-from) * var(--spacing)), round(nearest, calc(var(--text-from) * var(--spacing) + (var(--text-to) - var(--text-from)) * ((100vw - (var(--text-min-vw, var(--viewport-min)) * var(--spacing))) / (var(--text-max-vw, var(--viewport-max)) - var(--text-min-vw, var(--viewport-min))))), 1px), calc(var(--text-to) * var(--spacing)))
      }
  
      .\33xl\:text-from-40 {
        --text-from: 40
      }
    }
  
    @media(min-width:1024px) {
      @media(orientation:landscape) {
        .md\:landscape\:min-h-675 {
          min-height: calc(var(--spacing) * 675)
        }
      }
    }
  
    @starting-style {
      .group-open\/dialog\:starting\:translate-y-\[5\%\]:is(:where(.group\/dialog):is([open], :popover-open, :open) *) {
        --tw-translate-y: 5%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .group-open\/dialog\:starting\:opacity-0:is(:where(.group\/dialog):is([open], :popover-open, :open) *),
      .open\:starting\:backdrop\:opacity-0:is([open], :popover-open, :open)::backdrop {
        opacity: 0
      }
    }
  
    .toggle\:pointer-events-auto.toggle {
      pointer-events: auto
    }
  
    .toggle\:visible.toggle {
      visibility: visible
    }
  
    .toggle\:grid-rows-\[1fr\].toggle {
      grid-template-rows: 1fr
    }
  
    .toggle\:border-primary.toggle {
      border-color: var(--color-primary)
    }
  
    .toggle\:border-white.toggle {
      border-color: var(--color-white)
    }
  
    .toggle\:text-black.toggle {
      color: var(--color-black)
    }
  
    .toggle\:text-primary.toggle {
      color: var(--color-primary)
    }
  
    .toggle\:text-white.toggle {
      color: var(--color-white)
    }
  
    .toggle\:opacity-100.toggle {
      opacity: 1
    }
  
    .toggle\:before\:w-1\/3.toggle:before {
      content: var(--tw-content);
      width: 33.3333%
    }
  
    .toggle\:before\:w-\[70\%\].toggle:before {
      content: var(--tw-content);
      width: 70%
    }
  
    @media not all and (min-width:1280px) {
      .max-lg\:toggle\:pointer-events-auto.toggle {
        pointer-events: auto
      }
  
      .max-lg\:toggle\:grid-rows-\[1fr\].toggle {
        grid-template-rows: 1fr
      }
  
      .max-lg\:toggle\:opacity-100.toggle {
        opacity: 1
      }
    }
  
    @media not all and (min-width:768px) {
      .max-sm\:toggle\:grid-rows-\[1fr\].toggle {
        grid-template-rows: 1fr
      }
    }
  
    @media(min-width:1280px) {
      .lg\:toggle\:opacity-100.toggle {
        opacity: 1
      }
    }
  
    .\[\&_h5\]\:font-semibold h5 {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold)
    }
  
    .\[\&_input\]\:text-secondary\/75 input {
      color: #0b182fbf
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_input\]\:text-secondary\/75 input {
        color: color-mix(in oklab, var(--color-secondary) 75%, transparent)
      }
    }
  
    .\[\&_path\]\:fill-\[\#D5DBDF\] path {
      fill: #d5dbdf
    }
  
    .\[\&_path\]\:stroke-white path {
      stroke: var(--color-white)
    }
  
    .\[\&_path\]\:transition-colors path {
      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))
    }
  
    .\[\&_path\]\:duration-300 path {
      --tw-duration: .3s;
      transition-duration: .3s
    }
  
    .\[\&_path\.active\]\:fill-primary\! path.active {
      fill: var(--color-primary) !important
    }
  
    .\[\&_path\.has-dot\]\:cursor-pointer path.has-dot {
      cursor: pointer
    }
  
    .\[\&_path\.has-dot\]\:fill-primary\/30 path.has-dot {
      fill: #e736464d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_path\.has-dot\]\:fill-primary\/30 path.has-dot {
        fill: color-mix(in oklab, var(--color-primary) 30%, transparent)
      }
    }
  
    .\[\&_strong\]\:font-bold strong {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold)
    }
  
    .\[\&_strong\]\:font-medium strong {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium)
    }
  
    .\[\&_strong\]\:font-semibold strong {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold)
    }
  
    .\[\&_strong\]\:text-white strong {
      color: var(--color-white)
    }
  
    .\[\&\.active\]\:z-20.active {
      z-index: 20
    }
  
    .\[\&\.active\]\:bg-primary.active {
      background-color: var(--color-primary)
    }
  
    .\[\&\.active\]\:bg-white.active {
      background-color: var(--color-white)
    }
  
    .\[\&\.active\]\:opacity-100.active {
      opacity: 1
    }
  
    .\[\&\.active\]\:after\:w-15.active:after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 15)
    }
  
    .\[\&\.active\]\:after\:bg-white.active:after {
      content: var(--tw-content);
      background-color: var(--color-white)
    }
  
    .\[\&\.active\]\:after\:duration-500.active:after {
      content: var(--tw-content);
      --tw-duration: .5s;
      transition-duration: .5s
    }
  
    @media(min-width:1024px) {
      .md\:\[\&\.bench\]\:absolute.bench {
        position: absolute
      }
    }
  
    .\[\&\.disabled\]\:pointer-events-none.disabled {
      pointer-events: none
    }
  
    .\[\&\.disabled\]\:opacity-30.disabled {
      opacity: .3
    }
  
    .\[\&\.is-active\]\:border-black.is-active {
      border-color: var(--color-black)
    }
  
    .\[\&\.is-drawn\]\:dashoffset-0.is-drawn {
      stroke-dashoffset: 0
    }
  
    .\[\&\.scroll-down\]\:bg-white.scroll-down {
      background-color: var(--color-white)
    }
  
    .\[\&\.scroll-up\]\:-translate-y-full.scroll-up {
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .\[\&\.swiper-pagination-bullet-active\]\:before\:bg-primary.swiper-pagination-bullet-active:before {
      content: var(--tw-content);
      background-color: var(--color-primary)
    }
  
    .\[\&\.swiper-pagination-bullet-active\]\:before\:bg-white.swiper-pagination-bullet-active:before {
      content: var(--tw-content);
      background-color: var(--color-white)
    }
  
    .\[\&\.white\]\:bg-white.white {
      background-color: var(--color-white)
    }
  
    @media(min-width:1280px) {
      .lg\:\[\&\.white\]\:border-black\/10.white {
        border-color: #0000001a
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .lg\:\[\&\.white\]\:border-black\/10.white {
          border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
        }
      }
    }
  
    .\[\&\:not\(\.active\)\]\:pointer-events-none:not(.active) {
      pointer-events: none
    }
  
    .\[\&\:not\(\.active\)\]\:opacity-0:not(.active) {
      opacity: 0
    }
  
    .\[\&\>li\>a\]\:p-5 > li > a {
      padding: calc(var(--spacing) * 5)
    }
  }
  
  @media print {
  
    :not(:has([data-printable])),
    header,
    footer {
      display: none !important
    }
  
    [data-printable] {
      margin: 0 !important;
      padding: 0 !important;
      display: flex !important
    }
  
    :has([data-printable]),
    [data-printable] * {
      margin: 0 !important;
      padding: 0 !important;
      display: block !important
    }
  }
  
  @property --percent-start {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%
  }
  
  @property --percent-end {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%
  }
  
  :root {
    --swiper-theme-color: #007aff
  }
  
  :host {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative
  }
  
  .swiper {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    list-style: none;
    display: block;
    position: relative;
    overflow: hidden
  }
  
  .swiper-vertical > .swiper-wrapper {
    flex-direction: column
  }
  
  .swiper-wrapper {
    z-index: 1;
    width: 100%;
    height: 100%;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
    display: flex;
    position: relative
  }
  
  .swiper-android .swiper-slide,
  .swiper-ios .swiper-slide,
  .swiper-wrapper {
    transform: translate(0)
  }
  
  .swiper-horizontal {
    touch-action: pan-y
  }
  
  .swiper-vertical {
    touch-action: pan-x
  }
  
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
    position: relative
  }
  
  .swiper-slide-invisible-blank {
    visibility: hidden
  }
  
  .swiper-autoheight,
  .swiper-autoheight .swiper-slide {
    height: auto
  }
  
  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
  }
  
  .swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
  }
  
  .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
  }
  
  .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
  }
  
  .swiper-3d {
    perspective: 1200px
  }
  
  .swiper-3d .swiper-slide,
  .swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
  }
  
  .swiper-css-mode > .swiper-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto
  }
  
  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
  }
  
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
  }
  
  .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
  }
  
  .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-slides-offset-before);
    scroll-margin-inline-start: var(--swiper-slides-offset-before)
  }
  
  .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
    margin-inline-end: var(--swiper-slides-offset-after)
  }
  
  .swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
  }
  
  .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-slides-offset-before);
    scroll-margin-block-start: var(--swiper-slides-offset-before)
  }
  
  .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
    margin-block-end: var(--swiper-slides-offset-after)
  }
  
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
  }
  
  .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
  }
  
  .swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
  }
  
  .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
  }
  
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
  }
  
  .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
  }
  
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
  }
  
  .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
  }
  
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    pointer-events: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .swiper-3d .swiper-slide-shadow {
    background: #00000026
  }
  
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, #00000080, #0000)
  }
  
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, #00000080, #0000)
  }
  
  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(#0000, #00000080)
  }
  
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(#00000080, #0000)
  }
  
  .swiper-lazy-preloader {
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top-color: #0000;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    position: absolute;
    top: 50%;
    left: 50%
  }
  
  :is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
  }
  
  .swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
  }
  
  .swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
  }
  
  @keyframes swiper-preloader-spin {
    0% {
      transform: rotate(0)
    }
  
    to {
      transform: rotate(360deg)
    }
  }
  
  .swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
  }
  
  .swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
  }
  
  .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
  }
  
  :root {
    --swiper-navigation-size: 44px
  }
  
  .swiper-button-prev,
  .swiper-button-next {
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    z-index: 10;
    cursor: pointer;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute
  }
  
  :is(.swiper-button-prev, .swiper-button-next).swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
  }
  
  :is(.swiper-button-prev, .swiper-button-next).swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
  }
  
  .swiper-navigation-disabled :is(.swiper-button-prev, .swiper-button-next) {
    display: none !important
  }
  
  :is(.swiper-button-prev, .swiper-button-next) ::slotted(svg),
  :is(.swiper-button-prev, .swiper-button-next) svg {
    object-fit: contain;
    transform-origin: 50%;
    fill: currentColor;
    pointer-events: none;
    width: 100%;
    height: 100%
  }
  
  .swiper-button-lock {
    display: none
  }
  
  .swiper-button-prev,
  .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2))
  }
  
  .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto
  }
  
  .swiper-button-prev ::slotted(.swiper-navigation-icon),
  .swiper-button-prev .swiper-navigation-icon {
    transform: rotate(180deg)
  }
  
  .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto
  }
  
  .swiper-horizontal .swiper-button-prev,
  .swiper-horizontal .swiper-button-next,
  .swiper-horizontal ~ .swiper-button-prev,
  .swiper-horizontal ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0
  }
  
  .swiper-horizontal .swiper-button-prev,
  .swiper-horizontal ~ .swiper-button-prev,
  .swiper-horizontal.swiper-rtl .swiper-button-next,
  .swiper-horizontal.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto
  }
  
  .swiper-horizontal .swiper-button-next,
  .swiper-horizontal ~ .swiper-button-next,
  .swiper-horizontal.swiper-rtl .swiper-button-prev,
  .swiper-horizontal.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto
  }
  
  :is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal~.swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),
  :is(.swiper-horizontal .swiper-button-prev, .swiper-horizontal~.swiper-button-prev, .swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon {
    transform: rotate(180deg)
  }
  
  :is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),
  :is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon {
    transform: rotate(0)
  }
  
  .swiper-vertical .swiper-button-prev,
  .swiper-vertical .swiper-button-next,
  .swiper-vertical ~ .swiper-button-prev,
  .swiper-vertical ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
    right: auto
  }
  
  .swiper-vertical .swiper-button-prev,
  .swiper-vertical ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto
  }
  
  :is(.swiper-vertical .swiper-button-prev, .swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),
  :is(.swiper-vertical .swiper-button-prev, .swiper-vertical~.swiper-button-prev) .swiper-navigation-icon {
    transform: rotate(-90deg)
  }
  
  .swiper-vertical .swiper-button-next,
  .swiper-vertical ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto
  }
  
  :is(.swiper-vertical .swiper-button-next, .swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),
  :is(.swiper-vertical .swiper-button-next, .swiper-vertical~.swiper-button-next) .swiper-navigation-icon {
    transform: rotate(90deg)
  }
  
  .swiper-pagination {
    text-align: center;
    z-index: 10;
    transition: opacity .3s;
    position: absolute;
    transform: translate(0)
  }
  
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
  }
  
  .swiper-pagination-disabled > .swiper-pagination,
  .swiper-pagination.swiper-pagination-disabled {
    display: none !important
  }
  
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    width: 100%;
    left: 0
  }
  
  .swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
  }
  
  .swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    display: inline-block
  }
  
  button.swiper-pagination-bullet {
    box-shadow: none;
    appearance: none;
    border: none;
    margin: 0;
    padding: 0
  }
  
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
  }
  
  .swiper-pagination-bullet:only-child {
    display: none !important
  }
  
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
  }
  
  .swiper-vertical > .swiper-pagination-bullets,
  .swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translateY(-50%)
  }
  
  :is(.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
  }
  
  :is(.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    width: 8px;
    top: 50%;
    transform: translateY(-50%)
  }
  
  :is(.swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, top .2s;
    display: inline-block
  }
  
  :is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
  }
  
  :is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%)
  }
  
  :is(.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
  }
  
  .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
  }
  
  .swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
  }
  
  .swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, #00000040);
    position: absolute
  }
  
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0)
  }
  
  .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: 100% 0
  }
  
  .swiper-horizontal > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-horizontal,
  .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    top: 0;
    left: 0
  }
  
  .swiper-vertical > .swiper-pagination-progressbar,
  .swiper-pagination-progressbar.swiper-pagination-vertical,
  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
  .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    top: 0;
    left: 0
  }
  
  .swiper-pagination-lock {
    display: none
  }
  
  .swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, #0000001a);
    position: relative
  }
  
  .swiper-scrollbar-disabled > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
  }
  
  .swiper-horizontal > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-horizontal {
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute
  }
  
  .swiper-vertical > .swiper-scrollbar,
  .swiper-scrollbar.swiper-scrollbar-vertical {
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    position: absolute
  }
  
  .swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, #00000080);
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0
  }
  
  .swiper-scrollbar-cursor-drag {
    cursor: move
  }
  
  .swiper-scrollbar-lock {
    display: none
  }
  
  .swiper-zoom-container {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
  }
  
  .swiper-zoom-container > img,
  .swiper-zoom-container > svg,
  .swiper-zoom-container > canvas {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%
  }
  
  .swiper-slide-zoomed {
    cursor: move;
    touch-action: none
  }
  
  .swiper .swiper-notification {
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
    position: absolute;
    top: 0;
    left: 0
  }
  
  .swiper-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
  }
  
  .swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
  }
  
  .swiper-grid-column > .swiper-wrapper {
    flex-flow: column wrap
  }
  
  .swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
  }
  
  .swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
  }
  
  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
  }
  
  .swiper-fade .swiper-slide-active,
  .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }
  
  .swiper.swiper-cube {
    overflow: visible
  }
  
  .swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
  }
  
  .swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
  }
  
  .swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
  }
  
  :is(.swiper-cube .swiper-slide-active),
  .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }
  
  .swiper-cube .swiper-slide-active,
  .swiper-cube .swiper-slide-next,
  .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
  }
  
  .swiper-cube .swiper-cube-shadow {
    opacity: .6;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0
  }
  
  .swiper-cube .swiper-cube-shadow:before {
    content: "";
    filter: blur(50px);
    background: #000;
    position: absolute;
    inset: 0
  }
  
  .swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible
  }
  
  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
  }
  
  .swiper.swiper-flip {
    overflow: visible
  }
  
  .swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
  }
  
  .swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
  }
  
  :is(.swiper-flip .swiper-slide-active),
  .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }
  
  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
  }
  
  .swiper-creative .swiper-slide {
    backface-visibility: hidden;
    transition-property: transform, opacity, height;
    overflow: hidden
  }
  
  .swiper.swiper-cards {
    overflow: visible
  }
  
  .swiper-cards .swiper-slide {
    transform-origin: bottom;
    backface-visibility: hidden;
    overflow: hidden
  }
  
  body {
    font-family: var(--font-primary);
    color: var(--color-black)
  }
  
  @font-face {
    font-family: Sora;
    src: url(../font/sora/Sora-Bold.woff2)format("woff2"), url(../font/sora/Sora-Bold.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Sora;
    src: url(../font/sora/Sora-ExtraLight.woff2)format("woff2"), url(../font/sora/Sora-ExtraLight.woff)format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Sora;
    src: url(../font/sora/Sora-Light.woff2)format("woff2"), url(../font/sora/Sora-Light.woff)format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Sora;
    src: url(../font/sora/Sora-Medium.woff2)format("woff2"), url(../font/sora/Sora-Medium.woff)format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Sora;
    src: url(../font/sora/Sora-Regular.woff2)format("woff2"), url(../font/sora/Sora-Regular.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Sora;
    src: url(../font/sora/Sora-SemiBold.woff2)format("woff2"), url(../font/sora/Sora-SemiBold.woff)format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Showtilla;
    src: url(../font/showtilla/Showtilla.woff2)format("woff2"), url(../font/showtilla/Showtilla.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: icon;
    src: url(../font/icon/icon.eot);
    src: url(../font/icon/icon-1.eot)format("embedded-opentype"), url(../font/icon/icon.woff)format("woff"), url(../font/icon/icon.ttf)format("truetype"), url(../font/icon/icon.svg)format("svg");
    font-weight: 400;
    font-style: normal
  }
  
  [class*=icon-]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icon;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    display: inline-block
  }
  
  .icon-arrow-down:before {
    content: "A"
  }
  
  .icon-arrow-right:before {
    content: "B"
  }
  
  .icon-arrow-rotate:before {
    content: "C"
  }
  
  .icon-chevron-down:before {
    content: "D"
  }
  
  .icon-facebook-2:before {
    content: "E"
  }
  
  .icon-facebook:before {
    content: "F"
  }
  
  .icon-arroba:before {
    content: "G"
  }
  
  .icon-headset:before {
    content: "H"
  }
  
  .icon-instagram:before {
    content: "I"
  }
  
  .icon-link:before {
    content: "J"
  }
  
  .icon-linkedin-2:before {
    content: "K"
  }
  
  .icon-linkedin:before {
    content: "L"
  }
  
  .icon-map:before {
    content: "M"
  }
  
  .icon-play:before {
    content: "N"
  }
  
  .icon-printer:before {
    content: "O"
  }
  
  .icon-search:before {
    content: "P"
  }
  
  .icon-whatsapp:before {
    content: "Q"
  }
  
  .icon-x-2:before {
    content: "R"
  }
  
  .icon-x:before {
    content: "S"
  }
  
  .icon-youtube:before {
    content: "T"
  }
  
  @media(min-width:1024px) {
    .sticky {
      position: sticky;
      top: 60px;
      -o-transition: all .5s ease !important;
      transition: all .5s !important
    }
  }
  
  .penta-logo,
  .penta-logo img,
  .penta-logo span,
  .penta-logo:after {
    transition: all .3s cubic-bezier(.77, .16, .09, .94)
  }
  
  .penta-logo {
    text-transform: uppercase;
    align-items: center;
    gap: 4px;
    width: 88px;
    font-family: Segoe UI, Tahoma, Verdana, sans-serif;
    font-size: 12px;
    line-height: 1;
    display: inline-flex;
    position: relative;
    overflow: hidden
  }
  
  .penta-logo.black {
    color: #000
  }
  
  .penta-logo.white {
    color: #fff
  }
  
  .penta-logo .penta-design-text {
    text-align: right;
    flex-shrink: 0;
    width: 56px;
    margin-right: 1px;
    display: block
  }
  
  .penta-logo .penta-logo-p {
    width: 26px;
    height: auto
  }
  
  .penta-logo .penta-logo-y {
    object-fit: contain;
    object-position: center;
    width: 14px;
    height: 14px;
    animation: 1.5s linear infinite py-new;
    position: absolute;
    bottom: .5px;
    right: 6px
  }
  
  .penta-logo:after {
    content: attr(data-text)
  }
  
  .penta-logo:hover {
    gap: 0
  }
  
  .penta-logo:hover .penta-design-text {
    transform: translate(-100%)
  }
  
  .penta-logo:hover .penta-logo-p {
    transform: translate(-45px)
  }
  
  .penta-logo:hover .penta-logo-y {
    right: 54px
  }
  
  .penta-logo:hover:after {
    transform: translate(-42px)
  }
  
  @keyframes py-new {
    0% {
      transform: scale(-1, .9)rotateY(0)
    }
  
    to {
      transform: scale(-1, .9)rotateY(-360deg)
    }
  }
  
  @media(min-width:1025px) {
    [reveal] {
      opacity: 0;
      -o-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -o-transform 1s cubic-bezier(.25, .46, .45, .94), -o-filter 1s cubic-bezier(.25, .46, .45, .94);
      -webkit-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1s cubic-bezier(.25, .46, .45, .94), -webkit-filter 1s cubic-bezier(.25, .46, .45, .94);
      -moz-transition: opacity 1s cubic-bezier(.25, .46, .45, .94), -moz-transform 1s cubic-bezier(.25, .46, .45, .94), -moz-filter 1s cubic-bezier(.25, .46, .45, .94);
      transition: opacity 1s cubic-bezier(.25, .46, .45, .94), transform 1s cubic-bezier(.25, .46, .45, .94), filter 1s cubic-bezier(.25, .46, .45, .94)
    }
  
    [reveal=bottom] {
      opacity: 0;
      transform: translateY(-30px)
    }
  
    [reveal].toggle,
    [reveal=once] {
      opacity: 1;
      filter: blur()brightness()grayscale(0);
      -moz-filter: blur(0) brightness(1) grayscale(0);
      -o-filter: blur(0) brightness(1) grayscale(0);
      -ms-filter: blur(0) brightness(1) grayscale(0);
      transform: translate(0)
    }
  }
  
  option {
    color: #000
  }
  
  @media print {
  
    :not(:has(.prose)),
    header,
    footer {
      border: none !important;
      display: none !important
    }
  
    .prose {
      border: none !important;
      flex-direction: column !important;
      gap: 30px !important;
      margin: 0 !important;
      padding: 0 !important;
      display: flex !important
    }
  
    :has(.prose),
    .prose * {
      border: none !important;
      margin: 0 !important;
      padding: 0 !important;
      display: block !important
    }
  }
  
  html,
  body {
    scrollbar-gutter: stable
  }
  
  @media(max-width:1024px) {
    .prose ul li:before {
      width: 14px;
      height: 14px;
      top: 6px
    }
  }
  
  .sticky-home {
    position: sticky;
    top: 0;
    -o-transition: all .5s ease !important;
    transition: all .5s !important
  }
  
  .swiper-scrollbar-drag {
    background-color: #d4b76c
  }
  
  :root {
    --duration: 4s
  }
  
  .scrollable-content {
    width: 100%;
    display: inline-block;
    overflow: hidden
  }
  
  .scrollable-content-inner {
    animation: scroll-left var(--duration) linear infinite;
    display: inline-block
  }
  
  @keyframes scroll-left {
    0% {
      transform: translate(0)
    }
  
    to {
      transform: translate(calc(-1*((100% + 10px)* var(--total))))
    }
  }
  
  @keyframes ripple {
    0% {
      opacity: 0;
      transform: scale(.9)
    }
  
    30% {
      opacity: .6
    }
  
    70% {
      opacity: .4
    }
  
    to {
      opacity: 0;
      transform: scale(1.3)
    }
  }
  
  @media(min-width:1281px) {
    .reveal-image {
      clip-path: inset(0 0 100%);
      will-change: clip-path;
      transition: clip-path 1.6s cubic-bezier(.77, 0, .175, 1);
      overflow: hidden
    }
  
    .reveal-image img {
      will-change: transform;
      transition: transform 1.8s cubic-bezier(.77, 0, .175, 1);
      transform: scale(1.3)
    }
  }
  
  @keyframes moveImage {
    0% {
      transform: translate(0)translateY(0)rotate(0)
    }
  
    to {
      transform: translate(3vw)translateY(3vh)rotate(45deg)
    }
  }
  
  .blogSwiper-scrollbar {
    background: #dfe6e9;
    border-radius: 999px;
    width: 100%;
    height: 6px
  }
  
  .blogSwiper-scrollbar .swiper-scrollbar-drag {
    background: #e73646;
    border-radius: 999px
  }
  
  .swiperAboutManagement-scrollbar {
    background: #dfe6e9;
    border-radius: 999px;
    width: 100%;
    height: 2px
  }
  
  .swiperAboutManagement-scrollbar .swiper-scrollbar-drag {
    background: #111;
    border-radius: 999px
  }
  
  .prose ul li {
    padding-left: 25px;
    position: relative
  }
  
  .prose ul li:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMjQ5NTggMTIuNDI4OEM2LjA5Mzc1IDEyLjU4NTQgNS44ODEyNSAxMi42NzI5IDUuNjYwNDIgMTIuNjcyOUM1LjQzOTU4IDEyLjY3MjkgNS4yMjcwOCAxMi41ODU0IDUuMDcxMjUgMTIuNDI4OEwwLjM2NjI1IDcuNzIyOTJDLTAuMTIyMDgzIDcuMjM0NTggLTAuMTIyMDgzIDYuNDQyOTIgMC4zNjYyNSA1Ljk1NTQyTDAuOTU1NDE3IDUuMzY2MjVDMS40NDM3NSA0Ljg3NzkyIDIuMjM0NTggNC44Nzc5MiAyLjcyMjkyIDUuMzY2MjVMNS42NjA0MiA4LjMwMzc1TDEzLjU5NzkgMC4zNjYyNUMxNC4wODYzIC0wLjEyMjA4MyAxNC44Nzc5IC0wLjEyMjA4MyAxNS4zNjU0IDAuMzY2MjVMMTUuOTU0NiAwLjk1NTQxN0MxNi40NDI5IDEuNDQzNzUgMTYuNDQyOSAyLjIzNTQyIDE1Ljk1NDYgMi43MjI5Mkw2LjI0OTU4IDEyLjQyODhaIiBmaWxsPSIjMDA0OTg3Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    left: 0
  }
  
  @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-scrollbar-thumb {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
  }
  
  @property --tw-scrollbar-track {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
  }
  
  @property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
  }
  
  @property --tw-gradient-position {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
  }
  
  @property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
  }
  
  @property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
  }
  
  @property --tw-gradient-stops {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
  }
  
  @property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
  }
  
  @property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
  }
  
  @property --tw-leading {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-font-weight {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-tracking {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
  }
  
  @property --tw-shadow-color {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
  }
  
  @property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
  }
  
  @property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
  }
  
  @property --tw-ring-color {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
  }
  
  @property --tw-inset-ring-color {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
  }
  
  @property --tw-ring-inset {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
  }
  
  @property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff
  }
  
  @property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
  }
  
  @property --tw-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
  }
  
  @property --tw-blur {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-brightness {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-contrast {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-grayscale {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-hue-rotate {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-invert {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-opacity {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-saturate {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-sepia {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-drop-shadow {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
  }
  
  @property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-duration {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-ease {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-content {
    syntax: "*";
    inherits: false;
    initial-value: ""
  }