@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-space-y-reverse: 0;
        --tw-space-x-reverse: 0;
        --tw-divide-y-reverse: 0;
        --tw-border-style: solid;
        --tw-gradient-position: initial;
        --tw-gradient-from: #0000;
        --tw-gradient-via: #0000;
        --tw-gradient-to: #0000;
        --tw-gradient-stops: initial;
        --tw-gradient-via-stops: initial;
        --tw-gradient-from-position: 0%;
        --tw-gradient-via-position: 50%;
        --tw-gradient-to-position: 100%;
        --tw-leading: initial;
        --tw-font-weight: initial;
        --tw-tracking: initial;
        --tw-ordinal: initial;
        --tw-slashed-zero: initial;
        --tw-numeric-figure: initial;
        --tw-numeric-spacing: initial;
        --tw-numeric-fraction: 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: "";
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --percent-start: 0%;
        --percent-end: 0%
      }
    }
  }
  
  @layer theme {
  
    :root,
    :host {
      --spacing: .0625rem;
      --breakpoint-sm: 768px;
      --breakpoint-md: 1024px;
      --breakpoint-lg: 1280px;
      --breakpoint-xl: 1440px;
      --breakpoint-2xl: 1680px;
      --viewport-min: 1024;
      --viewport-max: 1900;
      --color-white: #fff;
      --color-black: #000;
      --font-primary: "Figtree", Tahoma, Geneva, Verdana, sans-serif;
      --font-secondary: "Allison", Tahoma, Geneva, Verdana, sans-serif;
      --color-primary: #1ecad3;
      --color-secondary: #005f7f;
      --color-first: #000d44
    }
  }
  
  @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, var(--font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
      font-feature-settings: var(--default-font-feature-settings, initial);
      font-variation-settings: var(--default-font-variation-settings, initial);
      -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, var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace));
      font-feature-settings: var(--default-mono-font-feature-settings, initial);
      font-variation-settings: var(--default-mono-font-variation-settings, initial);
      font-size: 1em
    }
  
    small {
      font-size: 80%
    }
  
    sub,
    sup {
      vertical-align: baseline;
      font-size: 75%;
      line-height: 0;
      position: relative
    }
  
    sub {
      bottom: -.25em
    }
  
    sup {
      top: -.5em
    }
  
    table {
      text-indent: 0;
      border-color: inherit;
      border-collapse: collapse
    }
  
    :-moz-focusring {
      outline: auto
    }
  
    progress {
      vertical-align: baseline
    }
  
    summary {
      display: list-item
    }
  
    ol,
    ul,
    menu {
      list-style: none
    }
  
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
      vertical-align: middle;
      display: block
    }
  
    img,
    video {
      max-width: 100%;
      height: auto
    }
  
    button,
    input,
    select,
    optgroup,
    textarea {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0
    }
  
    ::file-selector-button {
      font: inherit;
      font-feature-settings: inherit;
      font-variation-settings: inherit;
      letter-spacing: inherit;
      color: inherit;
      opacity: 1;
      background-color: #0000;
      border-radius: 0
    }
  
    :where(select:is([multiple], [size])) optgroup {
      font-weight: bolder
    }
  
    :where(select:is([multiple], [size])) optgroup option {
      padding-inline-start: 20px
    }
  
    ::file-selector-button {
      margin-inline-end: 4px
    }
  
    ::placeholder {
      opacity: 1
    }
  
    @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: 100vh;
      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 {
    .transparent-field {
      height: calc(var(--spacing) * 60);
      border-color: #fff6;
      border-radius: 3.40282e38px;
      width: 100%;
      display: block;
      appearance: none !important;
      border-style: var(--tw-border-style) !important;
      --tw-border-style: solid !important;
      border-style: solid !important;
      border-width: 1px !important
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .transparent-field {
        border-color: color-mix(in oklab, var(--color-white) 40%, transparent)
      }
    }
  
    .transparent-field {
      padding-inline: calc(var(--spacing) * 20);
      --tw-leading: var(--leading-normal, 1.5);
      font-size: 16px;
      line-height: var(--leading-normal, 1.5);
      --tw-duration: .5s;
      transition-duration: .5s;
      color: var(--color-white) !important;
      --tw-outline-style: none !important;
      background-color: #0000 !important;
      outline-style: none !important
    }
  
    .transparent-field::placeholder {
      color: #ffffff80 !important
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .transparent-field::placeholder {
        color: color-mix(in oklab, var(--color-white) 50%, transparent) !important
      }
    }
  
    @media(hover:hover) {
      .transparent-field:hover {
        border-color: var(--color-primary) !important
      }
    }
  
    .transparent-field:focus {
      border-color: var(--color-primary) !important;
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }
  
    @media not all and (min-width:1024px) {
      .transparent-field {
        height: calc(var(--spacing) * 50)
      }
    }
  
    @media not all and (min-width:768px) {
      .transparent-field {
        height: calc(var(--spacing) * 50)
      }
    }
  
    .white-field {
      height: calc(var(--spacing) * 50);
      border-radius: 3.40282e38px;
      width: 100%;
      margin-block: auto;
      appearance: none !important;
      border-style: var(--tw-border-style) !important;
      --tw-border-style: solid !important;
      border: 1px solid #005f7f33 !important
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .white-field {
        border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent) !important
      }
    }
  
    .white-field {
      padding-inline: calc(var(--spacing) * 20);
      --tw-leading: var(--leading-normal, 1.5);
      font-size: 16px;
      line-height: var(--leading-normal, 1.5);
      --tw-duration: .5s;
      transition-duration: .5s;
      color: var(--color-black) !important;
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
      --tw-outline-style: none !important;
      background-color: #0000 !important;
      outline-style: none !important
    }
  
    .white-field::placeholder {
      color: #000d4466 !important
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .white-field::placeholder {
        color: color-mix(in oklab, var(--color-first) 40%, transparent) !important
      }
    }
  
    @media(hover:hover) {
      .white-field:hover {
        border-color: var(--color-primary) !important
      }
    }
  
    .white-field:focus {
      border-color: var(--color-primary) !important;
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }
  
    @media not all and (min-width:1024px) {
      .white-field {
        height: calc(var(--spacing) * 40) !important
      }
    }
  
    .gray {
      height: calc(var(--spacing) * 60);
      border-radius: var(--radius-lg, .5rem);
      width: 100%;
      padding-inline: calc(var(--spacing) * 15);
      --tw-leading: var(--leading-normal, 1.5);
      font-size: 16px;
      line-height: var(--leading-normal, 1.5);
      color: var(--color-black);
      --tw-duration: .5s;
      transition-duration: .5s;
      border-style: var(--tw-border-style) !important;
      background-color: #f7f7f7 !important;
      border-width: 1px !important;
      border-color: #0000 !important
    }
  
    @media(hover:hover) {
      .gray:is(:where(.group\/form):hover *) {
        border-color: var(--color-secondary) !important
      }
    }
  
    .gray:is(:where(.group\/form):focus *) {
      border-color: var(--color-primary) !important
    }
  
    .gray:is(:where(.group\/form).error *) {
      border-color: var(--color-red-500, oklch(63.7% .237 25.331))
    }
  
    .gray::placeholder {
      color: #000c;
      font-size: 16px
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .gray::placeholder {
        color: color-mix(in oklab, var(--color-black) 80%, transparent)
      }
    }
  
    .gray:focus {
      border-color: var(--color-secondary) !important
    }
  
    @media not all and (min-width:1280px) {
      .gray {
        height: calc(var(--spacing) * 60)
      }
    }
  
    @media not all and (min-width:1024px) {
      .gray {
        height: calc(var(--spacing) * 50)
      }
    }
  
    @media not all and (min-width:768px) {
      .gray {
        height: calc(var(--spacing) * 50)
      }
    }
  
    .field-date {
      cursor: pointer
    }
  
    .field-date::-webkit-calendar-picker-indicator {
      cursor: pointer;
      opacity: .6
    }
  
    .field-select {
      cursor: pointer;
      appearance: none;
      --tw-leading: var(--leading-normal, 1.5);
      font-size: 16px;
      line-height: var(--leading-normal, 1.5);
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23435160' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
      background-position: right 1rem center;
      background-repeat: no-repeat;
      padding-right: calc(var(--spacing) * 40) !important
    }
  
    .field-select option {
      color: var(--color-black)
    }
  
    .field-textarea {
      min-height: calc(var(--spacing) * 150);
      resize: none;
      border-radius: var(--radius-xl, .75rem);
      border-style: var(--tw-border-style);
      --tw-border-style: solid;
      border: 1px solid #005f7f33;
      width: 100%
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .field-textarea {
        border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent)
      }
    }
  
    .field-textarea {
      padding-inline: calc(var(--spacing) * 20);
      padding-block: calc(var(--spacing) * 10);
      --tw-leading: var(--leading-normal, 1.5);
      font-size: 16px;
      line-height: var(--leading-normal, 1.5);
      color: var(--color-black);
      --tw-duration: .5s;
      --tw-outline-style: none;
      background-color: #0000;
      outline-style: none;
      transition-duration: .5s
    }
  
    .field-textarea::placeholder {
      color: #000d4466
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .field-textarea::placeholder {
        color: color-mix(in oklab, var(--color-first) 40%, transparent)
      }
    }
  
    @media(hover:hover) {
      .field-textarea:hover {
        border-color: var(--color-primary)
      }
    }
  
    .field-textarea:focus {
      border-color: var(--color-primary);
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .field-textarea.gray {
      min-height: calc(var(--spacing) * 150);
      resize: none;
      border-radius: var(--radius-lg, .5rem);
      border-style: var(--tw-border-style);
      width: 100%;
      padding: calc(var(--spacing) * 15);
      --tw-leading: var(--leading-normal, 1.5);
      font-size: 16px;
      line-height: var(--leading-normal, 1.5);
      color: var(--color-black);
      --tw-duration: .5s;
      background-color: #f7f7f7;
      border-width: 1px;
      border-color: #0000;
      transition-duration: .5s
    }
  
    @media(hover:hover) {
      .field-textarea.gray:is(:where(.group\/form):hover *) {
        border-color: var(--color-secondary)
      }
    }
  
    .field-textarea.gray:is(:where(.group\/form):focus *) {
      border-color: var(--color-primary)
    }
  
    .field-textarea.gray::placeholder {
      color: #000c;
      font-size: 16px
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .field-textarea.gray::placeholder {
        color: color-mix(in oklab, var(--color-black) 80%, transparent)
      }
    }
  
    .field-textarea.gray:focus {
      border-color: var(--color-secondary)
    }
  
    @media not all and (min-width:1280px) {
      .field-textarea.gray {
        min-height: calc(var(--spacing) * 120)
      }
    }
  
    .iti {
      width: 100%;
      display: block
    }
  
    .phone-field {
      height: calc(var(--spacing) * 50);
      border-style: var(--tw-border-style);
      --tw-border-style: solid;
      border: 1px solid #005f7f33;
      border-radius: 3.40282e38px;
      width: 100%
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .phone-field {
        border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent)
      }
    }
  
    .phone-field {
      padding-right: calc(var(--spacing) * 20);
      --tw-leading: var(--leading-normal, 1.5);
      font-size: 16px;
      line-height: var(--leading-normal, 1.5);
      color: var(--color-black);
      --tw-duration: .5s;
      --tw-outline-style: none;
      background-color: #0000;
      outline-style: none;
      transition-duration: .5s
    }
  
    .phone-field::placeholder {
      color: #000d4466
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .phone-field::placeholder {
        color: color-mix(in oklab, var(--color-first) 40%, transparent)
      }
    }
  
    @media(hover:hover) {
      .phone-field:hover {
        border-color: var(--color-primary)
      }
    }
  
    .phone-field:focus {
      border-color: var(--color-primary);
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    @media not all and (min-width:1024px) {
      .phone-field {
        height: calc(var(--spacing) * 40)
      }
    }
  
    .phone-field--transparent {
      height: calc(var(--spacing) * 60);
      border-color: #fff6
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .phone-field--transparent {
        border-color: color-mix(in oklab, var(--color-white) 40%, transparent)
      }
    }
  
    .phone-field--transparent {
      color: var(--color-white)
    }
  
    .phone-field--transparent::placeholder {
      color: #ffffff80
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .phone-field--transparent::placeholder {
        color: color-mix(in oklab, var(--color-white) 50%, transparent)
      }
    }
  
    @media not all and (min-width:1024px) {
      .phone-field--transparent {
        height: calc(var(--spacing) * 50)
      }
    }
  
    @media not all and (min-width:768px) {
      .phone-field--transparent {
        height: calc(var(--spacing) * 50)
      }
    }
  
    .phone-field--gray {
      height: calc(var(--spacing) * 60);
      border-radius: var(--radius-lg, .5rem);
      color: var(--color-black);
      background-color: #f7f7f7;
      border-color: #0000
    }
  
    @media not all and (min-width:1280px) {
      .phone-field--gray {
        height: calc(var(--spacing) * 60)
      }
    }
  
    @media not all and (min-width:1024px) {
      .phone-field--gray {
        height: calc(var(--spacing) * 50)
      }
    }
  
    @media not all and (min-width:768px) {
      .phone-field--gray {
        height: calc(var(--spacing) * 50)
      }
    }
  
    @media(hover:hover) {
      .phone-field--gray:hover {
        border-color: #0000 !important
      }
    }
  
    .phone-field--gray:focus {
      border-color: var(--color-secondary) !important
    }
  
    .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: 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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--color-first);
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--color-first);
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--color-first);
      --leading-from: 110;
      --text-from: 28
    }
  
    .prose h4 {
      --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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--color-first);
      --leading-from: 115;
      --text-from: 24
    }
  
    .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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--color-first);
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--color-first);
      --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: #000d44cc
    }
  
    @supports (color:color-mix(in lab, red, red)) {
  
      .prose p,
      .prose li {
        color: color-mix(in oklab, var(--color-first) 80%, 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: disc
    }
  
    .prose a {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--prose-color);
      --tw-gradient-to: 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));
      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, 700);
      font-weight: var(--font-weight-bold, 700)
    }
  
    .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)
      }
    }
  
    .prose-blog {
      --prose-color: var(--color-black)
    }
  
    .prose-blog:where(.dark, .dark *) {
      --prose-color: var(--color-white)
    }
  
    @media not all and (min-width:1024px) {
      .prose-blog br {
        display: none
      }
    }
  
    .prose-blog > * + * {
      --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-blog h1 {
      --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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 100;
      --text-from: 32
    }
  
    .prose-blog h2 {
      --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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 105;
      --text-from: 30
    }
  
    .prose-blog 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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 110;
      --text-from: 28
    }
  
    .prose-blog h4 {
      --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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 115;
      --text-from: 24
    }
  
    .prose-blog 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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 120;
      --text-from: 20
    }
  
    .prose-blog 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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 125;
      --text-from: 18
    }
  
    .prose-blog 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-blog blockquote {
        border-left-style: var(--tw-border-style);
        padding-left: calc(var(--spacing) * 4);
        border-left-width: 4px
      }
    }
  
    .prose-blog 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-blog p,
    .prose-blog 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: #000d44b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
  
      .prose-blog p,
      .prose-blog li {
        color: color-mix(in oklab, var(--color-first) 70%, transparent)
      }
    }
  
    .prose-blog p,
    .prose-blog li {
      --leading-from: 155;
      --text-from: 16
    }
  
    .prose-blog ol,
    .prose-blog ul {
      list-style-position: inside
    }
  
    :is(.prose-blog ol, .prose-blog ul) ::marker {
      color: inherit
    }
  
    :is(.prose-blog ol, .prose-blog ul)::marker {
      color: inherit
    }
  
    :is(.prose-blog ol, .prose-blog ul) ::-webkit-details-marker {
      color: inherit
    }
  
    :is(.prose-blog ol, .prose-blog ul)::-webkit-details-marker {
      color: inherit
    }
  
    :is(.prose-blog ol, .prose-blog 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-blog ol {
      list-style-type: decimal
    }
  
    .prose-blog ol ::marker {
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600)
    }
  
    .prose-blog ol::marker {
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600)
    }
  
    .prose-blog ol ::-webkit-details-marker {
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600)
    }
  
    .prose-blog ol::-webkit-details-marker {
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600)
    }
  
    .prose-blog ul {
      list-style-type: disc
    }
  
    .prose-blog a {
      color: var(--prose-color);
      --tw-duration: .2s;
      transition-duration: .2s
    }
  
    .prose-blog strong,
    .prose-blog b {
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700)
    }
  
    .prose-blog em,
    .prose-blog i {
      font-style: italic
    }
  
    .prose-blog.body-xl p,
    .prose-blog.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-blog.body-lg p,
    .prose-blog.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-blog.body-md p,
    .prose-blog.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-blog.body-sm p,
    .prose-blog.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-blog.body-xs p,
    .prose-blog.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-blog.muted p,
    .prose-blog.muted li {
      color: var(--prose-color)
    }
  
    @supports (color:color-mix(in lab, red, red)) {
  
      .prose-blog.muted p,
      .prose-blog.muted li {
        color: color-mix(in oklab, var(--prose-color) 65%, transparent)
      }
    }
  
    .prose-smile {
      --prose-color: var(--color-black)
    }
  
    .prose-smile:where(.dark, .dark *) {
      --prose-color: var(--color-white)
    }
  
    @media not all and (min-width:1024px) {
      .prose-smile br {
        display: none
      }
    }
  
    .prose-smile > * + * {
      --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-smile h1 {
      --text-to: 70;
      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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 100;
      --text-from: 36
    }
  
    .prose-smile h2 {
      --text-to: 65;
      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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 105;
      --text-from: 30
    }
  
    .prose-smile h3 {
      --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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 110;
      --text-from: 28
    }
  
    .prose-smile h4 {
      --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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 115;
      --text-from: 24
    }
  
    .prose-smile 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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 120;
      --text-from: 20
    }
  
    .prose-smile 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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 125;
      --text-from: 18
    }
  
    .prose-smile 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-smile blockquote {
        border-left-style: var(--tw-border-style);
        padding-left: calc(var(--spacing) * 4);
        border-left-width: 4px
      }
    }
  
    .prose-smile 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-smile p,
    .prose-smile 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: #000d44b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
  
      .prose-smile p,
      .prose-smile li {
        color: color-mix(in oklab, var(--color-first) 70%, transparent)
      }
    }
  
    .prose-smile p,
    .prose-smile li {
      --leading-from: 155;
      --text-from: 16
    }
  
    .prose-smile ol,
    .prose-smile ul {
      list-style-position: inside
    }
  
    :is(.prose-smile ol, .prose-smile ul) ::marker {
      color: inherit
    }
  
    :is(.prose-smile ol, .prose-smile ul)::marker {
      color: inherit
    }
  
    :is(.prose-smile ol, .prose-smile ul) ::-webkit-details-marker {
      color: inherit
    }
  
    :is(.prose-smile ol, .prose-smile ul)::-webkit-details-marker {
      color: inherit
    }
  
    :is(.prose-smile ol, .prose-smile 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-smile ol {
      list-style-type: decimal
    }
  
    .prose-smile ul {
      list-style-type: disc
    }
  
    .prose-smile a {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--prose-color);
      --tw-gradient-to: 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));
      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-smile a:hover {
        color: var(--color-primary);
        background-size: 100% 1px
      }
    }
  
    .prose-smile strong,
    .prose-smile b {
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700)
    }
  
    .prose-smile em,
    .prose-smile i {
      font-style: italic
    }
  
    .prose-smile.body-xl p,
    .prose-smile.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-smile.body-lg p,
    .prose-smile.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-smile.body-md p,
    .prose-smile.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-smile.body-sm p,
    .prose-smile.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-smile.body-xs p,
    .prose-smile.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-smile.muted p,
    .prose-smile.muted li {
      color: var(--prose-color)
    }
  
    @supports (color:color-mix(in lab, red, red)) {
  
      .prose-smile.muted p,
      .prose-smile.muted li {
        color: color-mix(in oklab, var(--prose-color) 65%, transparent)
      }
    }
  
    .prose-dental {
      --prose-color: var(--color-black)
    }
  
    .prose-dental:where(.dark, .dark *) {
      --prose-color: var(--color-white)
    }
  
    @media not all and (min-width:1024px) {
      .prose-dental br {
        display: none
      }
    }
  
    .prose-dental > * + * {
      --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-dental h1 {
      --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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 100;
      --text-from: 40
    }
  
    .prose-dental h2 {
      --text-to: 75;
      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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 105;
      --text-from: 32
    }
  
    .prose-dental h3 {
      --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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 110;
      --text-from: 28
    }
  
    .prose-dental h4 {
      --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)));
      --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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 115;
      --text-from: 24
    }
  
    .prose-dental 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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 120;
      --text-from: 20
    }
  
    .prose-dental 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-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      color: var(--prose-color);
      --leading-from: 125;
      --text-from: 18
    }
  
    .prose-dental 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-dental blockquote {
        border-left-style: var(--tw-border-style);
        padding-left: calc(var(--spacing) * 4);
        border-left-width: 4px
      }
    }
  
    .prose-dental 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-dental p,
    .prose-dental 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: #000d44b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
  
      .prose-dental p,
      .prose-dental li {
        color: color-mix(in oklab, var(--color-first) 70%, transparent)
      }
    }
  
    .prose-dental p,
    .prose-dental li {
      --leading-from: 155;
      --text-from: 14
    }
  
    .prose-dental ol,
    .prose-dental ul {
      list-style-position: inside
    }
  
    :is(.prose-dental ol, .prose-dental ul) ::marker {
      color: inherit
    }
  
    :is(.prose-dental ol, .prose-dental ul)::marker {
      color: inherit
    }
  
    :is(.prose-dental ol, .prose-dental ul) ::-webkit-details-marker {
      color: inherit
    }
  
    :is(.prose-dental ol, .prose-dental ul)::-webkit-details-marker {
      color: inherit
    }
  
    :is(.prose-dental ol, .prose-dental 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-dental ol {
      list-style-type: decimal
    }
  
    .prose-dental ul {
      list-style-type: disc
    }
  
    .prose-dental a {
      --tw-gradient-position: to right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
      --tw-gradient-from: var(--prose-color);
      --tw-gradient-to: 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));
      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-dental a:hover {
        color: var(--color-primary);
        background-size: 100% 1px
      }
    }
  
    .prose-dental strong,
    .prose-dental b {
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700)
    }
  
    .prose-dental em,
    .prose-dental i {
      font-style: italic
    }
  
    .prose-dental.body-xl p,
    .prose-dental.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-dental.body-lg p,
    .prose-dental.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-dental.body-md p,
    .prose-dental.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-dental.body-sm p,
    .prose-dental.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-dental.body-xs p,
    .prose-dental.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-dental.muted p,
    .prose-dental.muted li {
      color: var(--prose-color)
    }
  
    @supports (color:color-mix(in lab, red, red)) {
  
      .prose-dental.muted p,
      .prose-dental.muted li {
        color: color-mix(in oklab, var(--prose-color) 65%, transparent)
      }
    }
  
    .table-wrapper {
      overflow: auto
    }
  
    .prose table {
      width: 100%
    }
  
    @media not all and (min-width:768px) {
      .prose table {
        width: var(--container-3xl, 48rem);
        overflow: auto
      }
    }
  
    .prose table thead tr {
      text-align: start;
      --tw-font-weight: var(--font-weight-medium, 500);
      font-size: 20px;
      font-weight: var(--font-weight-medium, 500);
      --tw-tracking: -.02em;
      letter-spacing: -.02em;
      color: #113e68;
      background-color: #f3f7fc
    }
  
    .prose table thead th {
      border-radius: var(--radius-2xl, 1rem);
      border-style: var(--tw-border-style);
      border-width: 5px;
      border-color: var(--color-white);
      padding-inline: calc(var(--spacing) * 30);
      padding-block: calc(var(--spacing) * 10);
      text-align: start;
      --tw-font-weight: var(--font-weight-medium, 500);
      font-size: 20px;
      font-weight: var(--font-weight-medium, 500);
      --tw-tracking: -.02em;
      letter-spacing: -.02em;
      color: #113e68
    }
  
    @media not all and (min-width:768px) {
      .prose table thead th {
        padding-inline: calc(var(--spacing) * 20)
      }
    }
  
    .prose table thead tr td {
      padding-inline: calc(var(--spacing) * 30);
      padding-block: calc(var(--spacing) * 10)
    }
  
    @media not all and (min-width:1024px) {
      .prose table thead tr td {
        white-space: nowrap
      }
    }
  
    @media not all and (min-width:768px) {
      .prose table thead tr td {
        padding-inline: calc(var(--spacing) * 20)
      }
    }
  
    .prose table tbody tr {
      border-bottom-style: var(--tw-border-style);
      border-color: #000d441a;
      border-bottom-width: 1px
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .prose table tbody tr {
        border-color: color-mix(in oklab, var(--color-first) 10%, transparent)
      }
    }
  
    .prose table tbody tr {
      background-color: var(--color-white);
      --tw-tracking: -.02em;
      letter-spacing: -.02em;
      color: #113e6899;
      font-size: 16px
    }
  
    .prose table tbody tr td {
      padding-inline: calc(var(--spacing) * 30);
      padding-block: calc(var(--spacing) * 10)
    }
  
    @media not all and (min-width:768px) {
      .prose table tbody tr td {
        padding-inline: calc(var(--spacing) * 20)
      }
    }
  
    .table-wrapper {
      overflow-x: auto
    }
  
    .table-wrapper table {
      min-width: calc(var(--spacing) * 500)
    }
  }
  
  @layer utilities {
    .\@container {
      container-type: inline-size
    }
  
    .pointer-events-auto {
      pointer-events: auto
    }
  
    .pointer-events-none {
      pointer-events: none
    }
  
    .collapse {
      visibility: collapse
    }
  
    .invisible {
      visibility: hidden
    }
  
    .visible {
      visibility: visible
    }
  
    .visible\! {
      visibility: visible !important
    }
  
    .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%
    }
  
    .sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden
    }
  
    .absolute {
      position: absolute
    }
  
    .fixed {
      position: fixed
    }
  
    .relative {
      position: relative
    }
  
    .static {
      position: static
    }
  
    .static\! {
      position: static !important
    }
  
    .sticky {
      position: sticky
    }
  
    .inset-0 {
      inset: calc(var(--spacing) * 0)
    }
  
    .inset-4 {
      inset: calc(var(--spacing) * 4)
    }
  
    .inset-22 {
      inset: calc(var(--spacing) * 22)
    }
  
    .inset-x-0 {
      inset-inline: calc(var(--spacing) * 0)
    }
  
    .inset-x-40 {
      inset-inline: calc(var(--spacing) * 40)
    }
  
    .-start {
      inset-inline-start: calc(var(--spacing) * -1)
    }
  
    .start {
      inset-inline-start: var(--spacing)
    }
  
    .start\! {
      inset-inline-start: var(--spacing) !important
    }
  
    .-end {
      inset-inline-end: calc(var(--spacing) * -1)
    }
  
    .end {
      inset-inline-end: var(--spacing)
    }
  
    .end\! {
      inset-inline-end: var(--spacing) !important
    }
  
    .-top-55 {
      top: calc(var(--spacing) * -55)
    }
  
    .-top-135 {
      top: calc(var(--spacing) * -135)
    }
  
    .top-0 {
      top: calc(var(--spacing) * 0)
    }
  
    .top-0\! {
      top: calc(var(--spacing) * 0) !important
    }
  
    .top-1\/2 {
      top: 50%
    }
  
    .top-2 {
      top: calc(var(--spacing) * 2)
    }
  
    .top-4 {
      top: calc(var(--spacing) * 4)
    }
  
    .top-5 {
      top: calc(var(--spacing) * 5)
    }
  
    .top-6 {
      top: calc(var(--spacing) * 6)
    }
  
    .top-8 {
      top: calc(var(--spacing) * 8)
    }
  
    .top-20 {
      top: calc(var(--spacing) * 20)
    }
  
    .top-30 {
      top: calc(var(--spacing) * 30)
    }
  
    .top-40 {
      top: calc(var(--spacing) * 40)
    }
  
    .top-42 {
      top: calc(var(--spacing) * 42)
    }
  
    .top-70 {
      top: calc(var(--spacing) * 70)
    }
  
    .top-\[-7\%\] {
      top: -7%
    }
  
    .top-\[-100vh\] {
      top: -100vh
    }
  
    .top-\[-150vh\] {
      top: -150vh
    }
  
    .top-\[5\%\] {
      top: 5%
    }
  
    .top-\[7\.6px\] {
      top: 7.6px
    }
  
    .top-\[9\.5px\] {
      top: 9.5px
    }
  
    .top-\[9px\] {
      top: 9px
    }
  
    .top-\[10\%\] {
      top: 10%
    }
  
    .top-\[12\%\] {
      top: 12%
    }
  
    .top-\[15\%\] {
      top: 15%
    }
  
    .top-\[25\%\] {
      top: 25%
    }
  
    .top-\[27\%\] {
      top: 27%
    }
  
    .top-\[40\%\] {
      top: 40%
    }
  
    .top-\[50\%\] {
      top: 50%
    }
  
    .top-\[85\%\] {
      top: 85%
    }
  
    .top-\[calc\(100\%\+1px\)\] {
      top: calc(100% + 1px)
    }
  
    .top-\[calc\(100\%\+10px\)\] {
      top: calc(100% + 10px)
    }
  
    .top-full {
      top: 100%
    }
  
    .-right-60 {
      right: calc(var(--spacing) * -60)
    }
  
    .right-0 {
      right: calc(var(--spacing) * 0)
    }
  
    .right-1 {
      right: calc(var(--spacing) * 1)
    }
  
    .right-2 {
      right: calc(var(--spacing) * 2)
    }
  
    .right-3 {
      right: calc(var(--spacing) * 3)
    }
  
    .right-4 {
      right: calc(var(--spacing) * 4)
    }
  
    .right-5 {
      right: calc(var(--spacing) * 5)
    }
  
    .right-12 {
      right: calc(var(--spacing) * 12)
    }
  
    .right-20 {
      right: calc(var(--spacing) * 20)
    }
  
    .right-34 {
      right: calc(var(--spacing) * 34)
    }
  
    .right-50 {
      right: calc(var(--spacing) * 50)
    }
  
    .right-55 {
      right: calc(var(--spacing) * 55)
    }
  
    .right-60 {
      right: calc(var(--spacing) * 60)
    }
  
    .right-\[-20\%\] {
      right: -20%
    }
  
    .right-\[-23\%\] {
      right: -23%
    }
  
    .right-\[-35px\] {
      right: -35px
    }
  
    .right-\[3\%\] {
      right: 3%
    }
  
    .right-\[5\%\] {
      right: 5%
    }
  
    .right-\[10\%\] {
      right: 10%
    }
  
    .right-\[17\%\] {
      right: 17%
    }
  
    .right-\[20\%\] {
      right: 20%
    }
  
    .right-\[23\%\] {
      right: 23%
    }
  
    .-bottom-1 {
      bottom: calc(var(--spacing) * -1)
    }
  
    .bottom-0 {
      bottom: calc(var(--spacing) * 0)
    }
  
    .bottom-0\.5 {
      bottom: calc(var(--spacing) * .5)
    }
  
    .bottom-2\.5 {
      bottom: calc(var(--spacing) * 2.5)
    }
  
    .bottom-3 {
      bottom: calc(var(--spacing) * 3)
    }
  
    .bottom-12 {
      bottom: calc(var(--spacing) * 12)
    }
  
    .bottom-15 {
      bottom: calc(var(--spacing) * 15)
    }
  
    .bottom-20 {
      bottom: calc(var(--spacing) * 20)
    }
  
    .bottom-30 {
      bottom: calc(var(--spacing) * 30)
    }
  
    .bottom-40 {
      bottom: calc(var(--spacing) * 40)
    }
  
    .bottom-48 {
      bottom: calc(var(--spacing) * 48)
    }
  
    .bottom-120 {
      bottom: calc(var(--spacing) * 120)
    }
  
    .bottom-200 {
      bottom: calc(var(--spacing) * 200)
    }
  
    .bottom-\[-5\%\] {
      bottom: -5%
    }
  
    .bottom-\[-9\%\] {
      bottom: -9%
    }
  
    .bottom-\[-20\%\] {
      bottom: -20%
    }
  
    .bottom-\[7\%\] {
      bottom: 7%
    }
  
    .bottom-\[12\%\] {
      bottom: 12%
    }
  
    .bottom-\[15\%\] {
      bottom: 15%
    }
  
    .-left-5 {
      left: calc(var(--spacing) * -5)
    }
  
    .-left-40 {
      left: calc(var(--spacing) * -40)
    }
  
    .-left-80 {
      left: calc(var(--spacing) * -80)
    }
  
    .-left-\[22\.5px\] {
      left: -22.5px
    }
  
    .left-0 {
      left: calc(var(--spacing) * 0)
    }
  
    .left-0\! {
      left: calc(var(--spacing) * 0) !important
    }
  
    .left-1 {
      left: calc(var(--spacing) * 1)
    }
  
    .left-1\/2 {
      left: 50%
    }
  
    .left-2 {
      left: calc(var(--spacing) * 2)
    }
  
    .left-3 {
      left: calc(var(--spacing) * 3)
    }
  
    .left-4 {
      left: calc(var(--spacing) * 4)
    }
  
    .left-5 {
      left: calc(var(--spacing) * 5)
    }
  
    .left-8 {
      left: calc(var(--spacing) * 8)
    }
  
    .left-10 {
      left: calc(var(--spacing) * 10)
    }
  
    .left-15 {
      left: calc(var(--spacing) * 15)
    }
  
    .left-20 {
      left: calc(var(--spacing) * 20)
    }
  
    .left-22 {
      left: calc(var(--spacing) * 22)
    }
  
    .left-28 {
      left: calc(var(--spacing) * 28)
    }
  
    .left-40 {
      left: calc(var(--spacing) * 40)
    }
  
    .left-\[-8\%\] {
      left: -8%
    }
  
    .left-\[-10\%\] {
      left: -10%
    }
  
    .left-\[-19\%\] {
      left: -19%
    }
  
    .left-\[-22\%\] {
      left: -22%
    }
  
    .left-\[-31px\] {
      left: -31px
    }
  
    .left-\[-100vw\] {
      left: -100vw
    }
  
    .left-\[-150vw\] {
      left: -150vw
    }
  
    .left-\[3\%\] {
      left: 3%
    }
  
    .left-\[3\.6px\] {
      left: 3.6px
    }
  
    .left-\[4px\] {
      left: 4px
    }
  
    .left-\[5\%\] {
      left: 5%
    }
  
    .left-\[10\%\] {
      left: 10%
    }
  
    .left-\[13\%\] {
      left: 13%
    }
  
    .left-\[20\%\] {
      left: 20%
    }
  
    .left-\[45\%\] {
      left: 45%
    }
  
    .left-\[50\%\] {
      left: 50%
    }
  
    .isolate {
      isolation: isolate
    }
  
    .-z-1 {
      z-index: -1
    }
  
    .-z-10 {
      z-index: -10
    }
  
    .z-0 {
      z-index: 0
    }
  
    .z-1 {
      z-index: 1
    }
  
    .z-2 {
      z-index: 2
    }
  
    .z-3 {
      z-index: 3
    }
  
    .z-5 {
      z-index: 5
    }
  
    .z-6 {
      z-index: 6
    }
  
    .z-10 {
      z-index: 10
    }
  
    .z-11 {
      z-index: 11
    }
  
    .z-18 {
      z-index: 18
    }
  
    .z-19 {
      z-index: 19
    }
  
    .z-20 {
      z-index: 20
    }
  
    .z-20\! {
      z-index: 20 !important
    }
  
    .z-22 {
      z-index: 22
    }
  
    .z-30 {
      z-index: 30
    }
  
    .z-31 {
      z-index: 31
    }
  
    .z-33 {
      z-index: 33
    }
  
    .z-40 {
      z-index: 40
    }
  
    .z-50 {
      z-index: 50
    }
  
    .z-60 {
      z-index: 60
    }
  
    .z-100 {
      z-index: 100
    }
  
    .z-101 {
      z-index: 101
    }
  
    .z-110 {
      z-index: 110
    }
  
    .z-120 {
      z-index: 120
    }
  
    .z-200 {
      z-index: 200
    }
  
    .z-1000 {
      z-index: 1000
    }
  
    .z-\[-1\] {
      z-index: -1
    }
  
    .z-\[999\] {
      z-index: 999
    }
  
    .z-\[9999\] {
      z-index: 9999
    }
  
    .col-span-1 {
      grid-column: span 1/span 1
    }
  
    .col-span-2 {
      grid-column: span 2/span 2
    }
  
    .col-span-3 {
      grid-column: span 3/span 3
    }
  
    .col-span-6 {
      grid-column: span 6/span 6
    }
  
    .col-span-full {
      grid-column: 1/-1
    }
  
    .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
      }
    }
  
    .container\! {
      width: 100% !important
    }
  
    @media(min-width:390px) {
      .container\! {
        max-width: 390px !important
      }
    }
  
    @media(min-width:480px) {
      .container\! {
        max-width: 480px !important
      }
    }
  
    @media(min-width:768px) {
      .container\! {
        max-width: 768px !important
      }
    }
  
    @media(min-width:1024px) {
      .container\! {
        max-width: 1024px !important
      }
    }
  
    @media(min-width:1280px) {
      .container\! {
        max-width: 1280px !important
      }
    }
  
    @media(min-width:1440px) {
      .container\! {
        max-width: 1440px !important
      }
    }
  
    @media(min-width:1680px) {
      .container\! {
        max-width: 1680px !important
      }
    }
  
    @media(min-width:1921px) {
      .container\! {
        max-width: 1921px !important
      }
    }
  
    @media(min-width:2560px) {
      .container\! {
        max-width: 2560px !important
      }
    }
  
    .m-6 {
      margin: calc(var(--spacing) * 6)
    }
  
    .container {
      max-width: 1640px;
      margin-inline: auto;
      padding-inline: 30px
    }
  
    .container\! {
      max-width: 1640px !important;
      margin-inline: auto !important;
      padding-inline: 30px !important
    }
  
    .mx-0\! {
      margin-inline: calc(var(--spacing) * 0) !important
    }
  
    .mx-1 {
      margin-inline: calc(var(--spacing) * 1)
    }
  
    .mx-2 {
      margin-inline: calc(var(--spacing) * 2)
    }
  
    .mx-auto {
      margin-inline: auto
    }
  
    .my-to-17 {
      --my-to: 17;
      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-to-20 {
      --my-to: 20;
      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-5 {
      margin-block: calc(var(--spacing) * 5)
    }
  
    .my-8 {
      margin-block: calc(var(--spacing) * 8)
    }
  
    .my-10 {
      margin-block: calc(var(--spacing) * 10)
    }
  
    .my-15 {
      margin-block: calc(var(--spacing) * 15)
    }
  
    .my-16 {
      margin-block: calc(var(--spacing) * 16)
    }
  
    .my-20 {
      margin-block: calc(var(--spacing) * 20)
    }
  
    .my-auto {
      margin-block: auto
    }
  
    .mt-to-30 {
      --mt-to: 30;
      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-30 {
      --mb-to: 30;
      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-1 {
      margin-top: calc(var(--spacing) * -1)
    }
  
    .-mt-3 {
      margin-top: calc(var(--spacing) * -3)
    }
  
    .-mt-16 {
      margin-top: calc(var(--spacing) * -16)
    }
  
    .mt-0\.5 {
      margin-top: calc(var(--spacing) * .5)
    }
  
    .mt-1 {
      margin-top: calc(var(--spacing) * 1)
    }
  
    .mt-2 {
      margin-top: calc(var(--spacing) * 2)
    }
  
    .mt-2\.5 {
      margin-top: calc(var(--spacing) * 2.5)
    }
  
    .mt-4 {
      margin-top: calc(var(--spacing) * 4)
    }
  
    .mt-8 {
      margin-top: calc(var(--spacing) * 8)
    }
  
    .mt-10 {
      margin-top: calc(var(--spacing) * 10)
    }
  
    .mt-15 {
      margin-top: calc(var(--spacing) * 15)
    }
  
    .mt-18 {
      margin-top: calc(var(--spacing) * 18)
    }
  
    .mt-20 {
      margin-top: calc(var(--spacing) * 20)
    }
  
    .mt-24 {
      margin-top: calc(var(--spacing) * 24)
    }
  
    .mt-25 {
      margin-top: calc(var(--spacing) * 25)
    }
  
    .mt-90 {
      margin-top: calc(var(--spacing) * 90)
    }
  
    .mt-auto {
      margin-top: auto
    }
  
    .mr-1 {
      margin-right: calc(var(--spacing) * 1)
    }
  
    .mr-2 {
      margin-right: calc(var(--spacing) * 2)
    }
  
    .mr-4 {
      margin-right: calc(var(--spacing) * 4)
    }
  
    .mr-10 {
      margin-right: calc(var(--spacing) * 10)
    }
  
    .mr-\[14px\] {
      margin-right: 14px
    }
  
    .-mb-1 {
      margin-bottom: calc(var(--spacing) * -1)
    }
  
    .-mb-2\.5 {
      margin-bottom: calc(var(--spacing) * -2.5)
    }
  
    .mb-2 {
      margin-bottom: calc(var(--spacing) * 2)
    }
  
    .mb-3 {
      margin-bottom: calc(var(--spacing) * 3)
    }
  
    .mb-4 {
      margin-bottom: calc(var(--spacing) * 4)
    }
  
    .mb-5 {
      margin-bottom: calc(var(--spacing) * 5)
    }
  
    .mb-6 {
      margin-bottom: calc(var(--spacing) * 6)
    }
  
    .mb-8 {
      margin-bottom: calc(var(--spacing) * 8)
    }
  
    .mb-10 {
      margin-bottom: calc(var(--spacing) * 10)
    }
  
    .mb-15 {
      margin-bottom: calc(var(--spacing) * 15)
    }
  
    .mb-16 {
      margin-bottom: calc(var(--spacing) * 16)
    }
  
    .mb-20 {
      margin-bottom: calc(var(--spacing) * 20)
    }
  
    .mb-24 {
      margin-bottom: calc(var(--spacing) * 24)
    }
  
    .mb-32 {
      margin-bottom: calc(var(--spacing) * 32)
    }
  
    .mb-90 {
      margin-bottom: calc(var(--spacing) * 90)
    }
  
    .-ml-px {
      margin-left: -1px
    }
  
    .ml-0\.5 {
      margin-left: calc(var(--spacing) * .5)
    }
  
    .ml-1 {
      margin-left: calc(var(--spacing) * 1)
    }
  
    .ml-2 {
      margin-left: calc(var(--spacing) * 2)
    }
  
    .ml-4 {
      margin-left: calc(var(--spacing) * 4)
    }
  
    .ml-12 {
      margin-left: calc(var(--spacing) * 12)
    }
  
    .ml-60 {
      margin-left: calc(var(--spacing) * 60)
    }
  
    .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
    }
  
    .line-clamp-2 {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden
    }
  
    .line-clamp-3 {
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden
    }
  
    .\!inline-flex {
      display: inline-flex !important
    }
  
    .block {
      display: block
    }
  
    .contents {
      display: contents
    }
  
    .flex {
      display: flex
    }
  
    .flex\! {
      display: flex !important
    }
  
    .grid {
      display: grid
    }
  
    .hidden {
      display: none
    }
  
    .inline {
      display: inline
    }
  
    .inline\! {
      display: inline !important
    }
  
    .inline-block {
      display: inline-block
    }
  
    .inline-flex {
      display: inline-flex
    }
  
    .inline-grid {
      display: inline-grid
    }
  
    .inline-table {
      display: inline-table
    }
  
    .list-item {
      display: list-item
    }
  
    .table {
      display: table
    }
  
    .table\! {
      display: table !important
    }
  
    .table-caption {
      display: table-caption
    }
  
    .table-cell {
      display: table-cell
    }
  
    .table-column {
      display: table-column
    }
  
    .table-column-group {
      display: table-column-group
    }
  
    .table-footer-group {
      display: table-footer-group
    }
  
    .table-header-group {
      display: table-header-group
    }
  
    .table-row {
      display: table-row
    }
  
    .table-row-group {
      display: table-row-group
    }
  
    .aspect-2\/3 {
      aspect-ratio: 2/3
    }
  
    .aspect-3\/4 {
      aspect-ratio: 3/4
    }
  
    .aspect-5\/4 {
      aspect-ratio: 5/4
    }
  
    .aspect-10\/6 {
      aspect-ratio: 10/6
    }
  
    .aspect-47\/47 {
      aspect-ratio: 47/47
    }
  
    .aspect-square {
      aspect-ratio: 1
    }
  
    .aspect-video {
      aspect-ratio: var(--aspect-video, 16 / 9)
    }
  
    .size-5 {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5)
    }
  
    .size-6 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6)
    }
  
    .size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8)
    }
  
    .size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10)
    }
  
    .size-11 {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11)
    }
  
    .size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14)
    }
  
    .size-18 {
      width: calc(var(--spacing) * 18);
      height: calc(var(--spacing) * 18)
    }
  
    .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-30 {
      width: calc(var(--spacing) * 30);
      height: calc(var(--spacing) * 30)
    }
  
    .size-32 {
      width: calc(var(--spacing) * 32);
      height: calc(var(--spacing) * 32)
    }
  
    .size-34 {
      width: calc(var(--spacing) * 34);
      height: calc(var(--spacing) * 34)
    }
  
    .size-40 {
      width: calc(var(--spacing) * 40);
      height: calc(var(--spacing) * 40)
    }
  
    .size-42 {
      width: calc(var(--spacing) * 42);
      height: calc(var(--spacing) * 42)
    }
  
    .size-44 {
      width: calc(var(--spacing) * 44);
      height: calc(var(--spacing) * 44)
    }
  
    .size-45 {
      width: calc(var(--spacing) * 45);
      height: calc(var(--spacing) * 45)
    }
  
    .size-46 {
      width: calc(var(--spacing) * 46);
      height: calc(var(--spacing) * 46)
    }
  
    .size-48 {
      width: calc(var(--spacing) * 48);
      height: calc(var(--spacing) * 48)
    }
  
    .size-60 {
      width: calc(var(--spacing) * 60);
      height: calc(var(--spacing) * 60)
    }
  
    .size-70 {
      width: calc(var(--spacing) * 70);
      height: calc(var(--spacing) * 70)
    }
  
    .size-74 {
      width: calc(var(--spacing) * 74);
      height: calc(var(--spacing) * 74)
    }
  
    .size-90 {
      width: calc(var(--spacing) * 90);
      height: calc(var(--spacing) * 90)
    }
  
    .size-180 {
      width: calc(var(--spacing) * 180);
      height: calc(var(--spacing) * 180)
    }
  
    .size-220 {
      width: calc(var(--spacing) * 220);
      height: calc(var(--spacing) * 220)
    }
  
    .size-240 {
      width: calc(var(--spacing) * 240);
      height: calc(var(--spacing) * 240)
    }
  
    .size-260 {
      width: calc(var(--spacing) * 260);
      height: calc(var(--spacing) * 260)
    }
  
    .size-675 {
      width: calc(var(--spacing) * 675);
      height: calc(var(--spacing) * 675)
    }
  
    .size-full {
      width: 100%;
      height: 100%
    }
  
    .size-to-22 {
      --size-to: 22;
      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-26 {
      --size-to: 26;
      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-32 {
      --size-to: 32;
      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-34 {
      --size-to: 34;
      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-35 {
      --size-to: 35;
      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-36 {
      --size-to: 36;
      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-38 {
      --size-to: 38;
      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-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-56 {
      --size-to: 56;
      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-60 {
      --size-to: 60;
      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-64 {
      --size-to: 64;
      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-70 {
      --size-to: 70;
      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-100 {
      --size-to: 100;
      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-116 {
      --size-to: 116;
      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)))
    }
  
    .size-to-180 {
      --size-to: 180;
      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-200 {
      --size-to: 200;
      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-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-345 {
      --h-to: 345;
      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-420 {
      --h-to: 420;
      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-430 {
      --h-to: 430;
      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-490 {
      --h-to: 490;
      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-590 {
      --h-to: 590;
      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-720 {
      --h-to: 720;
      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-740 {
      --h-to: 740;
      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-0 {
      height: calc(var(--spacing) * 0)
    }
  
    .h-1 {
      height: calc(var(--spacing) * 1)
    }
  
    .h-1\.5 {
      height: calc(var(--spacing) * 1.5)
    }
  
    .h-2 {
      height: calc(var(--spacing) * 2)
    }
  
    .h-3 {
      height: calc(var(--spacing) * 3)
    }
  
    .h-4 {
      height: calc(var(--spacing) * 4)
    }
  
    .h-5 {
      height: calc(var(--spacing) * 5)
    }
  
    .h-6 {
      height: calc(var(--spacing) * 6)
    }
  
    .h-7 {
      height: calc(var(--spacing) * 7)
    }
  
    .h-8 {
      height: calc(var(--spacing) * 8)
    }
  
    .h-9 {
      height: calc(var(--spacing) * 9)
    }
  
    .h-10 {
      height: calc(var(--spacing) * 10)
    }
  
    .h-12 {
      height: calc(var(--spacing) * 12)
    }
  
    .h-14 {
      height: calc(var(--spacing) * 14)
    }
  
    .h-16 {
      height: calc(var(--spacing) * 16)
    }
  
    .h-18 {
      height: calc(var(--spacing) * 18)
    }
  
    .h-20 {
      height: calc(var(--spacing) * 20)
    }
  
    .h-22 {
      height: calc(var(--spacing) * 22)
    }
  
    .h-24 {
      height: calc(var(--spacing) * 24)
    }
  
    .h-25 {
      height: calc(var(--spacing) * 25)
    }
  
    .h-28 {
      height: calc(var(--spacing) * 28)
    }
  
    .h-30 {
      height: calc(var(--spacing) * 30)
    }
  
    .h-32 {
      height: calc(var(--spacing) * 32)
    }
  
    .h-36 {
      height: calc(var(--spacing) * 36)
    }
  
    .h-38 {
      height: calc(var(--spacing) * 38)
    }
  
    .h-40 {
      height: calc(var(--spacing) * 40)
    }
  
    .h-44 {
      height: calc(var(--spacing) * 44)
    }
  
    .h-45 {
      height: calc(var(--spacing) * 45)
    }
  
    .h-48 {
      height: calc(var(--spacing) * 48)
    }
  
    .h-50 {
      height: calc(var(--spacing) * 50)
    }
  
    .h-54 {
      height: calc(var(--spacing) * 54)
    }
  
    .h-55 {
      height: calc(var(--spacing) * 55)
    }
  
    .h-56 {
      height: calc(var(--spacing) * 56)
    }
  
    .h-60 {
      height: calc(var(--spacing) * 60)
    }
  
    .h-65 {
      height: calc(var(--spacing) * 65)
    }
  
    .h-72 {
      height: calc(var(--spacing) * 72)
    }
  
    .h-75 {
      height: calc(var(--spacing) * 75)
    }
  
    .h-80 {
      height: calc(var(--spacing) * 80)
    }
  
    .h-100 {
      height: calc(var(--spacing) * 100)
    }
  
    .h-113 {
      height: calc(var(--spacing) * 113)
    }
  
    .h-115 {
      height: calc(var(--spacing) * 115)
    }
  
    .h-130 {
      height: calc(var(--spacing) * 130)
    }
  
    .h-150 {
      height: calc(var(--spacing) * 150)
    }
  
    .h-156 {
      height: calc(var(--spacing) * 156)
    }
  
    .h-160 {
      height: calc(var(--spacing) * 160)
    }
  
    .h-200 {
      height: calc(var(--spacing) * 200)
    }
  
    .h-212 {
      height: calc(var(--spacing) * 212)
    }
  
    .h-240 {
      height: calc(var(--spacing) * 240)
    }
  
    .h-250 {
      height: calc(var(--spacing) * 250)
    }
  
    .h-280 {
      height: calc(var(--spacing) * 280)
    }
  
    .h-300 {
      height: calc(var(--spacing) * 300)
    }
  
    .h-328 {
      height: calc(var(--spacing) * 328)
    }
  
    .h-330 {
      height: calc(var(--spacing) * 330)
    }
  
    .h-340 {
      height: calc(var(--spacing) * 340)
    }
  
    .h-350 {
      height: calc(var(--spacing) * 350)
    }
  
    .h-395 {
      height: calc(var(--spacing) * 395)
    }
  
    .h-400 {
      height: calc(var(--spacing) * 400)
    }
  
    .h-407 {
      height: calc(var(--spacing) * 407)
    }
  
    .h-420 {
      height: calc(var(--spacing) * 420)
    }
  
    .h-450 {
      height: calc(var(--spacing) * 450)
    }
  
    .h-476 {
      height: calc(var(--spacing) * 476)
    }
  
    .h-480 {
      height: calc(var(--spacing) * 480)
    }
  
    .h-500 {
      height: calc(var(--spacing) * 500)
    }
  
    .h-530 {
      height: calc(var(--spacing) * 530)
    }
  
    .h-600 {
      height: calc(var(--spacing) * 600)
    }
  
    .h-680 {
      height: calc(var(--spacing) * 680)
    }
  
    .h-750 {
      height: calc(var(--spacing) * 750)
    }
  
    .h-1656 {
      height: calc(var(--spacing) * 1656)
    }
  
    .h-\[1px\] {
      height: 1px
    }
  
    .h-\[16px\] {
      height: 16px
    }
  
    .h-\[80\%\] {
      height: 80%
    }
  
    .h-\[85\%\] {
      height: 85%
    }
  
    .h-\[200vh\] {
      height: 200vh
    }
  
    .h-\[calc\(100vh-143px\)\] {
      height: calc(100vh - 143px)
    }
  
    .h-auto {
      height: auto
    }
  
    .h-auto\! {
      height: auto !important
    }
  
    .h-fit {
      height: fit-content
    }
  
    .h-fit\! {
      height: fit-content !important
    }
  
    .h-full {
      height: 100%
    }
  
    .h-px {
      height: 1px
    }
  
    .h-screen {
      height: 100vh
    }
  
    .max-h-250 {
      max-height: calc(var(--spacing) * 250)
    }
  
    .max-h-285 {
      max-height: calc(var(--spacing) * 285)
    }
  
    .max-h-476 {
      max-height: calc(var(--spacing) * 476)
    }
  
    .max-h-\[55vh\] {
      max-height: 55vh
    }
  
    .max-h-\[60vh\] {
      max-height: 60vh
    }
  
    .max-h-\[72vh\] {
      max-height: 72vh
    }
  
    .max-h-\[80vh\] {
      max-height: 80vh
    }
  
    .max-h-\[calc\(100vh-400px\)\] {
      max-height: calc(100vh - 400px)
    }
  
    .max-h-full {
      max-height: 100%
    }
  
    .min-h-360 {
      min-height: calc(var(--spacing) * 360)
    }
  
    .min-h-\[calc\(100svh-220px\)\] {
      min-height: calc(100svh - 220px)
    }
  
    .min-h-screen {
      min-height: 100vh
    }
  
    .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-to-74 {
      --w-to: 74;
      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-1 {
      width: calc(var(--spacing) * 1)
    }
  
    .w-1\.5 {
      width: calc(var(--spacing) * 1.5)
    }
  
    .w-1\/2 {
      width: 50%
    }
  
    .w-2 {
      width: calc(var(--spacing) * 2)
    }
  
    .w-3 {
      width: calc(var(--spacing) * 3)
    }
  
    .w-4 {
      width: calc(var(--spacing) * 4)
    }
  
    .w-5 {
      width: calc(var(--spacing) * 5)
    }
  
    .w-6 {
      width: calc(var(--spacing) * 6)
    }
  
    .w-7 {
      width: calc(var(--spacing) * 7)
    }
  
    .w-8 {
      width: calc(var(--spacing) * 8)
    }
  
    .w-10 {
      width: calc(var(--spacing) * 10)
    }
  
    .w-12 {
      width: calc(var(--spacing) * 12)
    }
  
    .w-14 {
      width: calc(var(--spacing) * 14)
    }
  
    .w-16 {
      width: calc(var(--spacing) * 16)
    }
  
    .w-18 {
      width: calc(var(--spacing) * 18)
    }
  
    .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-28 {
      width: calc(var(--spacing) * 28)
    }
  
    .w-30 {
      width: calc(var(--spacing) * 30)
    }
  
    .w-32 {
      width: calc(var(--spacing) * 32)
    }
  
    .w-36 {
      width: calc(var(--spacing) * 36)
    }
  
    .w-40 {
      width: calc(var(--spacing) * 40)
    }
  
    .w-43 {
      width: calc(var(--spacing) * 43)
    }
  
    .w-44 {
      width: calc(var(--spacing) * 44)
    }
  
    .w-48 {
      width: calc(var(--spacing) * 48)
    }
  
    .w-56 {
      width: calc(var(--spacing) * 56)
    }
  
    .w-60 {
      width: calc(var(--spacing) * 60)
    }
  
    .w-64 {
      width: calc(var(--spacing) * 64)
    }
  
    .w-72 {
      width: calc(var(--spacing) * 72)
    }
  
    .w-80 {
      width: calc(var(--spacing) * 80)
    }
  
    .w-180 {
      width: calc(var(--spacing) * 180)
    }
  
    .w-200 {
      width: calc(var(--spacing) * 200)
    }
  
    .w-237 {
      width: calc(var(--spacing) * 237)
    }
  
    .w-300 {
      width: calc(var(--spacing) * 300)
    }
  
    .w-828 {
      width: calc(var(--spacing) * 828)
    }
  
    .w-942 {
      width: calc(var(--spacing) * 942)
    }
  
    .w-\[16px\] {
      width: 16px
    }
  
    .w-\[24px\] {
      width: 24px
    }
  
    .w-\[25\%\] {
      width: 25%
    }
  
    .w-\[28px\] {
      width: 28px
    }
  
    .w-\[31px\] {
      width: 31px
    }
  
    .w-\[35px\] {
      width: 35px
    }
  
    .w-\[72\%\] {
      width: 72%
    }
  
    .w-\[88\%\] {
      width: 88%
    }
  
    .w-\[200px\] {
      width: 200px
    }
  
    .w-\[200vw\] {
      width: 200vw
    }
  
    .w-\[calc\(100\%-40px\)\] {
      width: calc(100% - 40px)
    }
  
    .w-auto {
      width: auto
    }
  
    .w-fit {
      width: fit-content
    }
  
    .w-full {
      width: 100%
    }
  
    .w-max {
      width: max-content
    }
  
    .w-px {
      width: 1px
    }
  
    .w-screen {
      width: 100vw
    }
  
    .line-clamp {
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden
    }
  
    .max-w-2xl {
      max-width: var(--container-2xl, 42rem)
    }
  
    .max-w-4xl {
      max-width: var(--container-4xl, 56rem)
    }
  
    .max-w-5xl {
      max-width: var(--container-5xl, 64rem)
    }
  
    .max-w-6xl {
      max-width: var(--container-6xl, 72rem)
    }
  
    .max-w-7xl {
      max-width: var(--container-7xl, 80rem)
    }
  
    .max-w-60 {
      max-width: calc(var(--spacing) * 60)
    }
  
    .max-w-64 {
      max-width: calc(var(--spacing) * 64)
    }
  
    .max-w-120 {
      max-width: calc(var(--spacing) * 120)
    }
  
    .max-w-170 {
      max-width: calc(var(--spacing) * 170)
    }
  
    .max-w-180 {
      max-width: calc(var(--spacing) * 180)
    }
  
    .max-w-200 {
      max-width: calc(var(--spacing) * 200)
    }
  
    .max-w-230 {
      max-width: calc(var(--spacing) * 230)
    }
  
    .max-w-235 {
      max-width: calc(var(--spacing) * 235)
    }
  
    .max-w-240 {
      max-width: calc(var(--spacing) * 240)
    }
  
    .max-w-250 {
      max-width: calc(var(--spacing) * 250)
    }
  
    .max-w-270 {
      max-width: calc(var(--spacing) * 270)
    }
  
    .max-w-300 {
      max-width: calc(var(--spacing) * 300)
    }
  
    .max-w-360 {
      max-width: calc(var(--spacing) * 360)
    }
  
    .max-w-400 {
      max-width: calc(var(--spacing) * 400)
    }
  
    .max-w-420 {
      max-width: calc(var(--spacing) * 420)
    }
  
    .max-w-430 {
      max-width: calc(var(--spacing) * 430)
    }
  
    .max-w-460 {
      max-width: calc(var(--spacing) * 460)
    }
  
    .max-w-476 {
      max-width: calc(var(--spacing) * 476)
    }
  
    .max-w-480 {
      max-width: calc(var(--spacing) * 480)
    }
  
    .max-w-500 {
      max-width: calc(var(--spacing) * 500)
    }
  
    .max-w-520 {
      max-width: calc(var(--spacing) * 520)
    }
  
    .max-w-620 {
      max-width: calc(var(--spacing) * 620)
    }
  
    .max-w-720 {
      max-width: calc(var(--spacing) * 720)
    }
  
    .max-w-800 {
      max-width: calc(var(--spacing) * 800)
    }
  
    .max-w-960 {
      max-width: calc(var(--spacing) * 960)
    }
  
    .max-w-1000 {
      max-width: calc(var(--spacing) * 1000)
    }
  
    .max-w-1050 {
      max-width: calc(var(--spacing) * 1050)
    }
  
    .max-w-1080 {
      max-width: calc(var(--spacing) * 1080)
    }
  
    .max-w-1200 {
      max-width: calc(var(--spacing) * 1200)
    }
  
    .max-w-1320 {
      max-width: calc(var(--spacing) * 1320)
    }
  
    .max-w-1440 {
      max-width: calc(var(--spacing) * 1440)
    }
  
    .max-w-1500 {
      max-width: calc(var(--spacing) * 1500)
    }
  
    .max-w-1520 {
      max-width: calc(var(--spacing) * 1520)
    }
  
    .max-w-1920 {
      max-width: calc(var(--spacing) * 1920)
    }
  
    .max-w-fit {
      max-width: fit-content
    }
  
    .max-w-full {
      max-width: 100%
    }
  
    .max-w-md {
      max-width: var(--container-md, 28rem)
    }
  
    .max-w-none {
      max-width: none
    }
  
    .max-w-sm {
      max-width: var(--container-sm, 24rem)
    }
  
    .min-w-0 {
      min-width: calc(var(--spacing) * 0)
    }
  
    .min-w-60 {
      min-width: calc(var(--spacing) * 60)
    }
  
    .min-w-90 {
      min-width: calc(var(--spacing) * 90)
    }
  
    .min-w-160 {
      min-width: calc(var(--spacing) * 160)
    }
  
    .min-w-180 {
      min-width: calc(var(--spacing) * 180)
    }
  
    .min-w-190 {
      min-width: calc(var(--spacing) * 190)
    }
  
    .min-w-200 {
      min-width: calc(var(--spacing) * 200)
    }
  
    .min-w-300 {
      min-width: calc(var(--spacing) * 300)
    }
  
    .flex-1 {
      flex: 1
    }
  
    .flex-none {
      flex: none
    }
  
    .flex-shrink {
      flex-shrink: 1
    }
  
    .flex-shrink-0 {
      flex-shrink: 0
    }
  
    .shrink {
      flex-shrink: 1
    }
  
    .shrink-0 {
      flex-shrink: 0
    }
  
    .flex-grow {
      flex-grow: 1
    }
  
    .flex-grow-0 {
      flex-grow: 0
    }
  
    .grow {
      flex-grow: 1
    }
  
    .border-collapse {
      border-collapse: collapse
    }
  
    .origin-center {
      transform-origin: 50%
    }
  
    .translate-10 {
      --tw-translate-x: calc(var(--spacing) * 10);
      --tw-translate-y: calc(var(--spacing) * 10);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-x-1\/2 {
      --tw-translate-x: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-x-0\! {
      --tw-translate-x: calc(var(--spacing) * 0) !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important
    }
  
    .translate-x-1\/2 {
      --tw-translate-x: 50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-x-2 {
      --tw-translate-x: calc(var(--spacing) * 2);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-x-26 {
      --tw-translate-x: calc(var(--spacing) * 26);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-x-\[-50\%\] {
      --tw-translate-x: -50%;
      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-2\.5 {
      --tw-translate-y: calc(var(--spacing) * -2.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-y-3\.5 {
      --tw-translate-y: calc(var(--spacing) * -3.5);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-y-4 {
      --tw-translate-y: calc(var(--spacing) * -4);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .-translate-y-\[14vh\] {
      --tw-translate-y: -14vh;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-0 {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-1\/2 {
      --tw-translate-y: 50%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-4 {
      --tw-translate-y: calc(var(--spacing) * 4);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-5 {
      --tw-translate-y: calc(var(--spacing) * 5);
      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-25 {
      --tw-translate-y: calc(var(--spacing) * 25);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-30 {
      --tw-translate-y: calc(var(--spacing) * 30);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-y-100 {
      --tw-translate-y: calc(var(--spacing) * 100);
      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-\[-50\%\] {
      --tw-translate-y: -50%;
      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-y-full {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .translate-z-0 {
      --tw-translate-z: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y) var(--tw-translate-z)
    }
  
    .scale-0 {
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .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)
    }
  
    .scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .scale-y-\[-1\] {
      --tw-scale-y: -1;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .scale-3d {
      scale: var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)
    }
  
    .scale-\[1\.3\] {
      scale: 1.3
    }
  
    .-rotate-30 {
      rotate: -30deg
    }
  
    .-rotate-45 {
      rotate: -45deg
    }
  
    .-rotate-130 {
      rotate: -130deg
    }
  
    .-rotate-180 {
      rotate: -180deg
    }
  
    .rotate-0 {
      rotate: none
    }
  
    .rotate-25 {
      rotate: 25deg
    }
  
    .rotate-45 {
      rotate: 45deg
    }
  
    .rotate-90 {
      rotate: 90deg
    }
  
    .rotate-130 {
      rotate: 130deg
    }
  
    .rotate-180 {
      rotate: 180deg
    }
  
    .rotate-\[-15deg\] {
      rotate: -15deg
    }
  
    .transform {
      transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
    }
  
    .transform\! {
      transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ) !important
    }
  
    .animate-\[moveImageTwo_6s_infinite_alternate\] {
      animation: 6s infinite alternate moveImageTwo
    }
  
    .animate-\[moveImage_6s_infinite_alternate\] {
      animation: 6s infinite alternate moveImage
    }
  
    .animate-bounce {
      animation: var(--animate-bounce, bounce 1s infinite)
    }
  
    .animate-pulse {
      animation: var(--animate-pulse, pulse 2s cubic-bezier(.4, 0, .6, 1) infinite)
    }
  
    .animate-spin {
      animation: var(--animate-spin, spin 1s linear infinite)
    }
  
    .cursor-default {
      cursor: default
    }
  
    .cursor-grab {
      cursor: grab
    }
  
    .cursor-grabbing {
      cursor: grabbing
    }
  
    .cursor-not-allowed {
      cursor: not-allowed
    }
  
    .cursor-pointer {
      cursor: pointer
    }
  
    .cursor-text {
      cursor: text
    }
  
    .resize {
      resize: both
    }
  
    .resize\! {
      resize: both !important
    }
  
    .columns-2 {
      columns: 2
    }
  
    .columns-3 {
      columns: 3
    }
  
    .columns-4 {
      columns: 4
    }
  
    .auto-rows-min {
      grid-auto-rows: min-content
    }
  
    .grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
    }
  
    .grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }
  
    .grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }
  
    .grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
    }
  
    .grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr))
    }
  
    .grid-cols-\[1\.1fr_1fr\] {
      grid-template-columns: 1.1fr 1fr
    }
  
    .grid-cols-\[1\.7fr_1fr\] {
      grid-template-columns: 1.7fr 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\.4fr\] {
      grid-template-columns: 1fr 1.4fr
    }
  
    .grid-cols-\[1fr_1\.5fr\] {
      grid-template-columns: 1fr 1.5fr
    }
  
    .grid-cols-\[1fr_1\.65fr\] {
      grid-template-columns: 1fr 1.65fr
    }
  
    .grid-cols-\[1fr_2fr\] {
      grid-template-columns: 1fr 2fr
    }
  
    .grid-cols-\[1fr_15fr\] {
      grid-template-columns: 1fr 15fr
    }
  
    .grid-cols-\[2fr_8fr\] {
      grid-template-columns: 2fr 8fr
    }
  
    .grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr)
    }
  
    .grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 3fr)
    }
  
    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr)
    }
  
    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr)
    }
  
    .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\,2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr)
    }
  
    .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 3fr)
    }
  
    .grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 3fr) minmax(0, 1fr)
    }
  
    .grid-rows-\[0fr\] {
      grid-template-rows: 0fr
    }
  
    .grid-rows-\[1\.7fr_1fr\] {
      grid-template-rows: 1.7fr 1fr
    }
  
    .grid-rows-\[1fr\] {
      grid-template-rows: 1fr
    }
  
    .grid-rows-\[1fr_1\.5fr\] {
      grid-template-rows: 1fr 1.5fr
    }
  
    .flex-col {
      flex-direction: column
    }
  
    .flex-row {
      flex-direction: row
    }
  
    .flex-wrap {
      flex-wrap: wrap
    }
  
    .place-items-center {
      place-items: 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
    }
  
    .justify-items-center {
      justify-items: center
    }
  
    .gap-to-12 {
      --gap-to: 12;
      --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-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-22 {
      --gap-to: 22;
      --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-23 {
      --gap-to: 23;
      --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-27 {
      --gap-to: 27;
      --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-36 {
      --gap-to: 36;
      --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-42 {
      --gap-to: 42;
      --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-54 {
      --gap-to: 54;
      --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-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-72 {
      --gap-to: 72;
      --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-110 {
      --gap-to: 110;
      --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-150 {
      --gap-to: 150;
      --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-0 {
      gap: calc(var(--spacing) * 0)
    }
  
    .gap-1 {
      gap: calc(var(--spacing) * 1)
    }
  
    .gap-1\.5 {
      gap: calc(var(--spacing) * 1.5)
    }
  
    .gap-2 {
      gap: calc(var(--spacing) * 2)
    }
  
    .gap-3 {
      gap: calc(var(--spacing) * 3)
    }
  
    .gap-4 {
      gap: calc(var(--spacing) * 4)
    }
  
    .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-11 {
      gap: calc(var(--spacing) * 11)
    }
  
    .gap-12 {
      gap: calc(var(--spacing) * 12)
    }
  
    .gap-14 {
      gap: calc(var(--spacing) * 14)
    }
  
    .gap-15 {
      gap: calc(var(--spacing) * 15)
    }
  
    .gap-16 {
      gap: calc(var(--spacing) * 16)
    }
  
    .gap-18 {
      gap: calc(var(--spacing) * 18)
    }
  
    .gap-20 {
      gap: calc(var(--spacing) * 20)
    }
  
    .gap-30 {
      gap: calc(var(--spacing) * 30)
    }
  
    :where(.space-y-1>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
    }
  
    :where(.space-y-1\.5>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))
    }
  
    :where(.space-y-2>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
    }
  
    :where(.space-y-3>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
    }
  
    :where(.space-y-4>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
    }
  
    :where(.space-y-6>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
    }
  
    :where(.space-y-10>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))
    }
  
    .gap-x-2 {
      column-gap: calc(var(--spacing) * 2)
    }
  
    .gap-x-2\.5 {
      column-gap: calc(var(--spacing) * 2.5)
    }
  
    :where(.space-x-1>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))
    }
  
    :where(.space-x-2>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))
    }
  
    :where(.space-x-4>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))
    }
  
    .gap-y-50 {
      row-gap: calc(var(--spacing) * 50)
    }
  
    :where(.divide-y>:not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))
    }
  
    :where(.divide-gray-100>:not(:last-child)) {
      border-color: var(--color-gray-100, oklch(96.7% .003 264.542))
    }
  
    .self-end {
      align-self: flex-end
    }
  
    .self-start {
      align-self: flex-start
    }
  
    .self-stretch\! {
      align-self: stretch !important
    }
  
    .truncate {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }
  
    .overflow-auto {
      overflow: auto
    }
  
    .overflow-clip {
      overflow: clip
    }
  
    .overflow-hidden {
      overflow: hidden
    }
  
    .overflow-visible\! {
      overflow: visible !important
    }
  
    .overflow-x-auto {
      overflow-x: auto
    }
  
    .overflow-x-hidden {
      overflow-x: hidden
    }
  
    .overflow-y-auto {
      overflow-y: auto
    }
  
    .overflow-y-scroll {
      overflow-y: scroll
    }
  
    .overscroll-contain {
      overscroll-behavior: contain
    }
  
    .\!rounded-full {
      border-radius: 3.40282e38px !important
    }
  
    .rounded {
      border-radius: .25rem
    }
  
    .rounded-2xl {
      border-radius: var(--radius-2xl, 1rem)
    }
  
    .rounded-3xl {
      border-radius: var(--radius-3xl, 1.5rem)
    }
  
    .rounded-\[7px\] {
      border-radius: 7px
    }
  
    .rounded-\[10px\] {
      border-radius: 10px
    }
  
    .rounded-\[13px\] {
      border-radius: 13px
    }
  
    .rounded-\[15px\] {
      border-radius: 15px
    }
  
    .rounded-\[17px\] {
      border-radius: 17px
    }
  
    .rounded-\[18px\] {
      border-radius: 18px
    }
  
    .rounded-\[20px\] {
      border-radius: 20px
    }
  
    .rounded-\[22px\] {
      border-radius: 22px
    }
  
    .rounded-\[24px\] {
      border-radius: 24px
    }
  
    .rounded-\[25px\] {
      border-radius: 25px
    }
  
    .rounded-\[27px\] {
      border-radius: 27px
    }
  
    .rounded-\[28px\] {
      border-radius: 28px
    }
  
    .rounded-\[29px\] {
      border-radius: 29px
    }
  
    .rounded-\[30px\] {
      border-radius: 30px
    }
  
    .rounded-\[60px\] {
      border-radius: 60px
    }
  
    .rounded-full {
      border-radius: 3.40282e38px
    }
  
    .rounded-lg {
      border-radius: var(--radius-lg, .5rem)
    }
  
    .rounded-lg\! {
      border-radius: var(--radius-lg, .5rem) !important
    }
  
    .rounded-md {
      border-radius: var(--radius-md, .375rem)
    }
  
    .rounded-none {
      border-radius: 0
    }
  
    .rounded-sm {
      border-radius: var(--radius-sm, .25rem)
    }
  
    .rounded-xl {
      border-radius: var(--radius-xl, .75rem)
    }
  
    .rounded-l-\[30px\] {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px
    }
  
    .rounded-l-md {
      border-top-left-radius: var(--radius-md, .375rem);
      border-bottom-left-radius: var(--radius-md, .375rem)
    }
  
    .rounded-r-md {
      border-top-right-radius: var(--radius-md, .375rem);
      border-bottom-right-radius: var(--radius-md, .375rem)
    }
  
    .rounded-b-\[30px\] {
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 30px
    }
  
    .border {
      border-style: var(--tw-border-style);
      border-width: 1px
    }
  
    .border-0 {
      border-style: var(--tw-border-style);
      border-width: 0
    }
  
    .border-2 {
      border-style: var(--tw-border-style);
      border-width: 2px
    }
  
    .border-5 {
      border-style: var(--tw-border-style);
      border-width: 5px
    }
  
    .border-\[40px\] {
      border-style: var(--tw-border-style);
      border-width: 40px
    }
  
    .border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px
    }
  
    .border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0
    }
  
    .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-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0
    }
  
    .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-l-0 {
      border-left-style: var(--tw-border-style);
      border-left-width: 0
    }
  
    .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-\[\#C4E9DB\] {
      border-color: #c4e9db
    }
  
    .border-\[\#CAEEFC\] {
      border-color: #caeefc
    }
  
    .border-\[\#CFE0FF\] {
      border-color: #cfe0ff
    }
  
    .border-\[\#DCE5EE\] {
      border-color: #dce5ee
    }
  
    .border-\[\#DDD\] {
      border-color: #ddd
    }
  
    .border-\[\#E0D4F7\] {
      border-color: #e0d4f7
    }
  
    .border-\[\#EEEFEF\] {
      border-color: #eeefef
    }
  
    .border-\[\#FFD3D3\] {
      border-color: #ffd3d3
    }
  
    .border-\[\#FFE6BA\] {
      border-color: #ffe6ba
    }
  
    .border-\[\#d6cfcf\] {
      border-color: #d6cfcf
    }
  
    .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\/5 {
      border-color: #0000000d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/5 {
        border-color: color-mix(in oklab, var(--color-black) 5%, 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\/14 {
      border-color: #00000024
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/14 {
        border-color: color-mix(in oklab, var(--color-black) 14%, 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\/16 {
      border-color: #00000029
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-black\/16 {
        border-color: color-mix(in oklab, var(--color-black) 16%, 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-first\/5 {
      border-color: #000d440d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-first\/5 {
        border-color: color-mix(in oklab, var(--color-first) 5%, transparent)
      }
    }
  
    .border-first\/8 {
      border-color: #000d4414
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-first\/8 {
        border-color: color-mix(in oklab, var(--color-first) 8%, transparent)
      }
    }
  
    .border-first\/10 {
      border-color: #000d441a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-first\/10 {
        border-color: color-mix(in oklab, var(--color-first) 10%, transparent)
      }
    }
  
    .border-first\/15 {
      border-color: #000d4426
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-first\/15 {
        border-color: color-mix(in oklab, var(--color-first) 15%, transparent)
      }
    }
  
    .border-first\/30 {
      border-color: #000d444d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-first\/30 {
        border-color: color-mix(in oklab, var(--color-first) 30%, transparent)
      }
    }
  
    .border-gray-100 {
      border-color: var(--color-gray-100, oklch(96.7% .003 264.542))
    }
  
    .border-gray-200 {
      border-color: var(--color-gray-200, oklch(92.8% .006 264.531))
    }
  
    .border-gray-300 {
      border-color: var(--color-gray-300, oklch(87.2% .01 258.338))
    }
  
    .border-gray-500 {
      border-color: var(--color-gray-500, oklch(55.1% .027 264.364))
    }
  
    .border-neutral-200 {
      border-color: var(--color-neutral-200, oklch(92.2% 0 0))
    }
  
    .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\/10 {
      border-color: #1ecad31a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-primary\/10 {
        border-color: color-mix(in oklab, var(--color-primary) 10%, transparent)
      }
    }
  
    .border-primary\/20 {
      border-color: #1ecad333
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-primary\/20 {
        border-color: color-mix(in oklab, var(--color-primary) 20%, transparent)
      }
    }
  
    .border-primary\/25 {
      border-color: #1ecad340
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-primary\/25 {
        border-color: color-mix(in oklab, var(--color-primary) 25%, transparent)
      }
    }
  
    .border-primary\/35 {
      border-color: #1ecad359
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-primary\/35 {
        border-color: color-mix(in oklab, var(--color-primary) 35%, transparent)
      }
    }
  
    .border-primary\/40 {
      border-color: #1ecad366
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-primary\/40 {
        border-color: color-mix(in oklab, var(--color-primary) 40%, transparent)
      }
    }
  
    .border-primary\/60 {
      border-color: #1ecad399
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-primary\/60 {
        border-color: color-mix(in oklab, var(--color-primary) 60%, transparent)
      }
    }
  
    .border-red-200 {
      border-color: var(--color-red-200, oklch(88.5% .062 18.334))
    }
  
    .border-red-300 {
      border-color: var(--color-red-300, oklch(80.8% .114 19.571))
    }
  
    .border-red-500 {
      border-color: var(--color-red-500, oklch(63.7% .237 25.331))
    }
  
    .border-secondary {
      border-color: var(--color-secondary)
    }
  
    .border-secondary\/10 {
      border-color: #005f7f1a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-secondary\/10 {
        border-color: color-mix(in oklab, var(--color-secondary) 10%, transparent)
      }
    }
  
    .border-secondary\/15 {
      border-color: #005f7f26
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-secondary\/15 {
        border-color: color-mix(in oklab, var(--color-secondary) 15%, transparent)
      }
    }
  
    .border-secondary\/18 {
      border-color: #005f7f2e
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-secondary\/18 {
        border-color: color-mix(in oklab, var(--color-secondary) 18%, transparent)
      }
    }
  
    .border-secondary\/20 {
      border-color: #005f7f33
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-secondary\/20 {
        border-color: color-mix(in oklab, var(--color-secondary) 20%, transparent)
      }
    }
  
    .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\/5 {
      border-color: #ffffff0d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/5 {
        border-color: color-mix(in oklab, var(--color-white) 5%, 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\/30 {
      border-color: #ffffff4d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/30 {
        border-color: color-mix(in oklab, var(--color-white) 30%, transparent)
      }
    }
  
    .border-white\/40 {
      border-color: #fff6
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/40 {
        border-color: color-mix(in oklab, var(--color-white) 40%, transparent)
      }
    }
  
    .border-white\/50 {
      border-color: #ffffff80
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/50 {
        border-color: color-mix(in oklab, var(--color-white) 50%, transparent)
      }
    }
  
    .border-white\/70 {
      border-color: #ffffffb3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/70 {
        border-color: color-mix(in oklab, var(--color-white) 70%, transparent)
      }
    }
  
    .border-white\/80 {
      border-color: #fffc
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .border-white\/80 {
        border-color: color-mix(in oklab, var(--color-white) 80%, transparent)
      }
    }
  
    .border-t-secondary {
      border-top-color: var(--color-secondary)
    }
  
    .bg-\[\#1F1F1F\]\/70 {
      background-color: #1f1f1fb3
    }
  
    .bg-\[\#4A4A4A\] {
      background-color: #4a4a4a
    }
  
    .bg-\[\#4CAF50\] {
      background-color: #4caf50
    }
  
    .bg-\[\#20BBC3\] {
      background-color: #20bbc3
    }
  
    .bg-\[\#024A62\] {
      background-color: #024a62
    }
  
    .bg-\[\#113E68\] {
      background-color: #113e68
    }
  
    .bg-\[\#126A88\] {
      background-color: #126a88
    }
  
    .bg-\[\#00183D\] {
      background-color: #00183d
    }
  
    .bg-\[\#036785\] {
      background-color: #036785
    }
  
    .bg-\[\#046785\] {
      background-color: #046785
    }
  
    .bg-\[\#177793\] {
      background-color: #177793
    }
  
    .bg-\[\#686767\] {
      background-color: #686767
    }
  
    .bg-\[\#A1E8EC\] {
      background-color: #a1e8ec
    }
  
    .bg-\[\#BCBCBC\]\/50 {
      background-color: #bcbcbc80
    }
  
    .bg-\[\#D0F2F4\] {
      background-color: #d0f2f4
    }
  
    .bg-\[\#DDF4EC\] {
      background-color: #ddf4ec
    }
  
    .bg-\[\#E3EBEE\] {
      background-color: #e3ebee
    }
  
    .bg-\[\#E5E6EC\] {
      background-color: #e5e6ec
    }
  
    .bg-\[\#E6F0FF\] {
      background-color: #e6f0ff
    }
  
    .bg-\[\#E7F8FF\] {
      background-color: #e7f8ff
    }
  
    .bg-\[\#E9EEF3\] {
      background-color: #e9eef3
    }
  
    .bg-\[\#EAF2F7\] {
      background-color: #eaf2f7
    }
  
    .bg-\[\#EBFDFF\] {
      background-color: #ebfdff
    }
  
    .bg-\[\#EEF2F6\] {
      background-color: #eef2f6
    }
  
    .bg-\[\#EEFAFB\] {
      background-color: #eefafb
    }
  
    .bg-\[\#EFEFEF\] {
      background-color: #efefef
    }
  
    .bg-\[\#EFFBFC\] {
      background-color: #effbfc
    }
  
    .bg-\[\#F0EAFE\] {
      background-color: #f0eafe
    }
  
    .bg-\[\#F2F2F2\] {
      background-color: #f2f2f2
    }
  
    .bg-\[\#F3F7FC\] {
      background-color: #f3f7fc
    }
  
    .bg-\[\#F7FCFD\] {
      background-color: #f7fcfd
    }
  
    .bg-\[\#F9FCFC\] {
      background-color: #f9fcfc
    }
  
    .bg-\[\#FAFAFA\] {
      background-color: #fafafa
    }
  
    .bg-\[\#FAFBFD\] {
      background-color: #fafbfd
    }
  
    .bg-\[\#FFEAEA\] {
      background-color: #ffeaea
    }
  
    .bg-\[\#FFF4DF\] {
      background-color: #fff4df
    }
  
    .bg-\[\#dadada6e\] {
      background-color: #dadada6e
    }
  
    .bg-amber-50 {
      background-color: var(--color-amber-50, oklch(98.7% .022 95.277))
    }
  
    .bg-amber-100 {
      background-color: var(--color-amber-100, oklch(96.2% .059 95.617))
    }
  
    .bg-amber-500\/10 {
      background-color: #f99c001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-amber-500\/10 {
        background-color: color-mix(in oklab, var(--color-amber-500, oklch(76.9% .188 70.08)) 10%, transparent)
      }
    }
  
    .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\/5 {
      background-color: #0000000d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/5 {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent)
      }
    }
  
    .bg-black\/7 {
      background-color: #00000012
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/7 {
        background-color: color-mix(in oklab, var(--color-black) 7%, transparent)
      }
    }
  
    .bg-black\/8 {
      background-color: #00000014
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/8 {
        background-color: color-mix(in oklab, var(--color-black) 8%, 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\/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\/30 {
      background-color: #0000004d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/30 {
        background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
      }
    }
  
    .bg-black\/40 {
      background-color: #0006
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/40 {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent)
      }
    }
  
    .bg-black\/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\/85 {
      background-color: #000000d9
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-black\/85 {
        background-color: color-mix(in oklab, var(--color-black) 85%, transparent)
      }
    }
  
    .bg-blue-500 {
      background-color: var(--color-blue-500, oklch(62.3% .214 259.815))
    }
  
    .bg-cyan-100 {
      background-color: var(--color-cyan-100, oklch(95.6% .045 203.388))
    }
  
    .bg-cyan-700 {
      background-color: var(--color-cyan-700, oklch(52% .105 223.128))
    }
  
    .bg-emerald-500\/10 {
      background-color: #00bb7f1a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-emerald-500\/10 {
        background-color: color-mix(in oklab, var(--color-emerald-500, oklch(69.6% .17 162.48)) 10%, transparent)
      }
    }
  
    .bg-first {
      background-color: var(--color-first)
    }
  
    .bg-first\/5 {
      background-color: #000d440d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-first\/5 {
        background-color: color-mix(in oklab, var(--color-first) 5%, transparent)
      }
    }
  
    .bg-first\/20 {
      background-color: #000d4433
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-first\/20 {
        background-color: color-mix(in oklab, var(--color-first) 20%, transparent)
      }
    }
  
    .bg-gray-50 {
      background-color: var(--color-gray-50, oklch(98.5% .002 247.839))
    }
  
    .bg-gray-100 {
      background-color: var(--color-gray-100, oklch(96.7% .003 264.542))
    }
  
    .bg-gray-200 {
      background-color: var(--color-gray-200, oklch(92.8% .006 264.531))
    }
  
    .bg-gray-300\/70 {
      background-color: #d1d5dcb3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-gray-300\/70 {
        background-color: color-mix(in oklab, var(--color-gray-300, oklch(87.2% .01 258.338)) 70%, transparent)
      }
    }
  
    .bg-green-50 {
      background-color: var(--color-green-50, oklch(98.2% .018 155.826))
    }
  
    .bg-green-100 {
      background-color: var(--color-green-100, oklch(96.2% .044 156.743))
    }
  
    .bg-green-500 {
      background-color: var(--color-green-500, oklch(72.3% .219 149.579))
    }
  
    .bg-neutral-50\/50 {
      background-color: #fafafa80
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-neutral-50\/50 {
        background-color: color-mix(in oklab, var(--color-neutral-50, oklch(98.5% 0 0)) 50%, transparent)
      }
    }
  
    .bg-pink-100 {
      background-color: var(--color-pink-100, oklch(94.8% .028 342.258))
    }
  
    .bg-primary {
      background-color: var(--color-primary)
    }
  
    .bg-primary\/5 {
      background-color: #1ecad30d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-primary\/5 {
        background-color: color-mix(in oklab, var(--color-primary) 5%, transparent)
      }
    }
  
    .bg-primary\/7 {
      background-color: #1ecad312
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-primary\/7 {
        background-color: color-mix(in oklab, var(--color-primary) 7%, transparent)
      }
    }
  
    .bg-primary\/10 {
      background-color: #1ecad31a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-primary\/10 {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent)
      }
    }
  
    .bg-primary\/15 {
      background-color: #1ecad326
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-primary\/15 {
        background-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
      }
    }
  
    .bg-primary\/20 {
      background-color: #1ecad333
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-primary\/20 {
        background-color: color-mix(in oklab, var(--color-primary) 20%, transparent)
      }
    }
  
    .bg-red-50 {
      background-color: var(--color-red-50, oklch(97.1% .013 17.38))
    }
  
    .bg-red-100 {
      background-color: var(--color-red-100, oklch(93.6% .032 17.717))
    }
  
    .bg-red-500 {
      background-color: var(--color-red-500, oklch(63.7% .237 25.331))
    }
  
    .bg-red-500\/10 {
      background-color: #fb2c361a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-red-500\/10 {
        background-color: color-mix(in oklab, var(--color-red-500, oklch(63.7% .237 25.331)) 10%, transparent)
      }
    }
  
    .bg-secondary {
      background-color: var(--color-secondary)
    }
  
    .bg-secondary\/10 {
      background-color: #005f7f1a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-secondary\/10 {
        background-color: color-mix(in oklab, var(--color-secondary) 10%, transparent)
      }
    }
  
    .bg-secondary\/15 {
      background-color: #005f7f26
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-secondary\/15 {
        background-color: color-mix(in oklab, var(--color-secondary) 15%, transparent)
      }
    }
  
    .bg-sky-500\/10 {
      background-color: #00a5ef1a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-sky-500\/10 {
        background-color: color-mix(in oklab, var(--color-sky-500, oklch(68.5% .169 237.323)) 10%, transparent)
      }
    }
  
    .bg-transparent {
      background-color: #0000
    }
  
    .bg-transparent\! {
      background-color: #0000 !important
    }
  
    .bg-white {
      background-color: var(--color-white)
    }
  
    .bg-white\/0 {
      background-color: #0000
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/0 {
        background-color: color-mix(in oklab, var(--color-white) 0%, 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\/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\/15 {
      background-color: #ffffff26
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/15 {
        background-color: color-mix(in oklab, var(--color-white) 15%, 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\/25 {
      background-color: #ffffff40
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/25 {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent)
      }
    }
  
    .bg-white\/70 {
      background-color: #ffffffb3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/70 {
        background-color: color-mix(in oklab, var(--color-white) 70%, transparent)
      }
    }
  
    .bg-white\/80 {
      background-color: #fffc
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/80 {
        background-color: color-mix(in oklab, var(--color-white) 80%, transparent)
      }
    }
  
    .bg-white\/85 {
      background-color: #ffffffd9
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/85 {
        background-color: color-mix(in oklab, var(--color-white) 85%, transparent)
      }
    }
  
    .bg-white\/95 {
      background-color: #fffffff2
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .bg-white\/95 {
        background-color: color-mix(in oklab, var(--color-white) 95%, transparent)
      }
    }
  
    .bg-linear-to-b {
      --tw-gradient-position: to bottom
    }
  
    @supports (background-image:linear-gradient(in lab, red, red)) {
      .bg-linear-to-b {
        --tw-gradient-position: to bottom in oklab
      }
    }
  
    .bg-linear-to-b {
      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-gradient-to-br {
      --tw-gradient-position: to bottom right in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops))
    }
  
    .bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,\#3973D7_0\%\,rgba\(46\,5\,0\,0\.00\)_100\%\)\] {
      background-image: radial-gradient(50% 50%, #3973d7, #2e050000)
    }
  
    .bg-\[radial-gradient\(circle_at_20\%_20\%\,rgba\(30\,202\,211\,0\.22\)\,transparent_32\%\)\,radial-gradient\(circle_at_84\%_14\%\,rgba\(0\,95\,127\,0\.12\)\,transparent_28\%\)\,linear-gradient\(180deg\,\#F7FCFD_0\%\,\#FFFFFF_100\%\)\] {
      background-image: radial-gradient(circle at 20% 20%, #1ecad338, #0000 32%), radial-gradient(circle at 84% 14%, #005f7f1f, #0000 28%), linear-gradient(#f7fcfd, #fff)
    }
  
    .from-\[\#F3F7FC\] {
      --tw-gradient-from: #f3f7fc;
      --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-blue-500 {
      --tw-gradient-from: var(--color-blue-500, oklch(62.3% .214 259.815));
      --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-secondary {
      --tw-gradient-from: var(--color-secondary);
      --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 {
      --tw-gradient-from: var(--color-white);
      --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-secondary {
      --tw-gradient-via: var(--color-secondary);
      --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-primary {
      --tw-gradient-to: var(--color-primary);
      --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-transparent {
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
  
    .to-white {
      --tw-gradient-to: var(--color-white);
      --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))
    }
  
    .mask-\(--default-mask\) {
      -webkit-mask-image: var(--default-mask);
      mask-image: var(--default-mask)
    }
  
    .mask-\[linear-gradient\(90deg\,red\,black\,black\,transparent\,transparent\,transparent\,transparent\)\] {
      -webkit-mask-image: linear-gradient(90deg, red, #000, #000, #0000, #0000, #0000, #0000);
      mask-image: linear-gradient(90deg, red, #000, #000, #0000, #0000, #0000, #0000)
    }
  
    .mask-\[linear-gradient\(90deg\,transparent\,black_50\%\,transparent\)\] {
      -webkit-mask-image: linear-gradient(90deg, #0000, #000 50%, #0000);
      mask-image: linear-gradient(90deg, #0000, #000 50%, #0000)
    }
  
    .box-decoration-clone {
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone
    }
  
    .box-decoration-slice {
      -webkit-box-decoration-break: slice;
      box-decoration-break: slice
    }
  
    .decoration-clone {
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone
    }
  
    .decoration-slice {
      -webkit-box-decoration-break: slice;
      box-decoration-break: slice
    }
  
    .bg-clip-text {
      -webkit-background-clip: text;
      background-clip: text
    }
  
    .mask-cover {
      -webkit-mask-size: cover;
      mask-size: cover
    }
  
    .mask-center {
      -webkit-mask-position: 50%;
      mask-position: 50%
    }
  
    .mask-no-repeat {
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }
  
    .mask-repeat {
      -webkit-mask-repeat: repeat;
      mask-repeat: repeat
    }
  
    .fill-current {
      fill: currentColor
    }
  
    .stroke-black {
      stroke: var(--color-black)
    }
  
    .stroke-black\/5 {
      stroke: #0000000d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .stroke-black\/5 {
        stroke: color-mix(in oklab, var(--color-black) 5%, transparent)
      }
    }
  
    .stroke-black\/10 {
      stroke: #0000001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .stroke-black\/10 {
        stroke: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }
  
    .stroke-gray-900\/5 {
      stroke: #1018280d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .stroke-gray-900\/5 {
        stroke: color-mix(in oklab, var(--color-gray-900, oklch(21% .034 264.665)) 5%, transparent)
      }
    }
  
    .stroke-gray-900\/20 {
      stroke: #10182833
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .stroke-gray-900\/20 {
        stroke: color-mix(in oklab, var(--color-gray-900, oklch(21% .034 264.665)) 20%, transparent)
      }
    }
  
    .stroke-primary {
      stroke: var(--color-primary)
    }
  
    .stroke-secondary {
      stroke: var(--color-secondary)
    }
  
    .stroke-transparent {
      stroke: #0000
    }
  
    .stroke-white {
      stroke: var(--color-white)
    }
  
    .object-contain {
      object-fit: contain
    }
  
    .object-cover {
      object-fit: cover
    }
  
    .object-bottom {
      object-position: bottom
    }
  
    .object-center {
      object-position: center
    }
  
    .object-right {
      object-position: right
    }
  
    .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-15 {
      --p-to: 15;
      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-25 {
      --p-to: 25;
      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-36 {
      --p-to: 36;
      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-45 {
      --p-to: 45;
      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-50 {
      --p-to: 50;
      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-0 {
      padding: calc(var(--spacing) * 0)
    }
  
    .p-1 {
      padding: calc(var(--spacing) * 1)
    }
  
    .p-1\.5 {
      padding: calc(var(--spacing) * 1.5)
    }
  
    .p-2 {
      padding: calc(var(--spacing) * 2)
    }
  
    .p-2\.5 {
      padding: calc(var(--spacing) * 2.5)
    }
  
    .p-3 {
      padding: calc(var(--spacing) * 3)
    }
  
    .p-4 {
      padding: calc(var(--spacing) * 4)
    }
  
    .p-5 {
      padding: calc(var(--spacing) * 5)
    }
  
    .p-6 {
      padding: calc(var(--spacing) * 6)
    }
  
    .p-8 {
      padding: calc(var(--spacing) * 8)
    }
  
    .p-10 {
      padding: calc(var(--spacing) * 10)
    }
  
    .p-12 {
      padding: calc(var(--spacing) * 12)
    }
  
    .p-13 {
      padding: calc(var(--spacing) * 13)
    }
  
    .p-14 {
      padding: calc(var(--spacing) * 14)
    }
  
    .p-15 {
      padding: calc(var(--spacing) * 15)
    }
  
    .p-16 {
      padding: calc(var(--spacing) * 16)
    }
  
    .p-18 {
      padding: calc(var(--spacing) * 18)
    }
  
    .p-20 {
      padding: calc(var(--spacing) * 20)
    }
  
    .p-30 {
      padding: calc(var(--spacing) * 30)
    }
  
    .p-\[6\.5px\] {
      padding: 6.5px
    }
  
    .p-\[7px_7px\] {
      padding: 7px
    }
  
    .p-\[7px_10px\]\! {
      padding: 7px 10px !important
    }
  
    .p-\[15px_30px\] {
      padding: 15px 30px
    }
  
    .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-40 {
      --px-to: 40;
      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-0 {
      padding-inline: calc(var(--spacing) * 0)
    }
  
    .px-1 {
      padding-inline: calc(var(--spacing) * 1)
    }
  
    .px-2 {
      padding-inline: calc(var(--spacing) * 2)
    }
  
    .px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5)
    }
  
    .px-3 {
      padding-inline: calc(var(--spacing) * 3)
    }
  
    .px-4 {
      padding-inline: calc(var(--spacing) * 4)
    }
  
    .px-6 {
      padding-inline: calc(var(--spacing) * 6)
    }
  
    .px-8 {
      padding-inline: calc(var(--spacing) * 8)
    }
  
    .px-10 {
      padding-inline: calc(var(--spacing) * 10)
    }
  
    .px-11 {
      padding-inline: calc(var(--spacing) * 11)
    }
  
    .px-12 {
      padding-inline: calc(var(--spacing) * 12)
    }
  
    .px-14 {
      padding-inline: calc(var(--spacing) * 14)
    }
  
    .px-15 {
      padding-inline: calc(var(--spacing) * 15)
    }
  
    .px-16 {
      padding-inline: calc(var(--spacing) * 16)
    }
  
    .px-18 {
      padding-inline: calc(var(--spacing) * 18)
    }
  
    .px-20 {
      padding-inline: calc(var(--spacing) * 20)
    }
  
    .px-24 {
      padding-inline: calc(var(--spacing) * 24)
    }
  
    .px-28 {
      padding-inline: calc(var(--spacing) * 28)
    }
  
    .px-30 {
      padding-inline: calc(var(--spacing) * 30)
    }
  
    .px-35 {
      padding-inline: calc(var(--spacing) * 35)
    }
  
    .px-\[30px\] {
      padding-inline: 30px
    }
  
    .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-20 {
      --py-to: 20;
      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-32 {
      --py-to: 32;
      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-50 {
      --py-to: 50;
      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-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-to-250 {
      --py-to: 250;
      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\.5 {
      padding-block: calc(var(--spacing) * .5)
    }
  
    .py-1 {
      padding-block: calc(var(--spacing) * 1)
    }
  
    .py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5)
    }
  
    .py-2 {
      padding-block: calc(var(--spacing) * 2)
    }
  
    .py-3 {
      padding-block: calc(var(--spacing) * 3)
    }
  
    .py-4 {
      padding-block: calc(var(--spacing) * 4)
    }
  
    .py-5 {
      padding-block: calc(var(--spacing) * 5)
    }
  
    .py-6 {
      padding-block: calc(var(--spacing) * 6)
    }
  
    .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-15 {
      padding-block: calc(var(--spacing) * 15)
    }
  
    .py-20 {
      padding-block: calc(var(--spacing) * 20)
    }
  
    .py-24 {
      padding-block: calc(var(--spacing) * 24)
    }
  
    .py-25 {
      padding-block: calc(var(--spacing) * 25)
    }
  
    .py-28 {
      padding-block: calc(var(--spacing) * 28)
    }
  
    .py-30 {
      padding-block: calc(var(--spacing) * 30)
    }
  
    .py-80 {
      padding-block: calc(var(--spacing) * 80)
    }
  
    .py-\[15px\] {
      padding-block: 15px
    }
  
    .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-65 {
      --pr-to: 65;
      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-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-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-55 {
      --pt-to: 55;
      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-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)))
    }
  
    .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-35 {
      --pb-to: 35;
      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-45 {
      --pb-to: 45;
      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-60 {
      --pb-to: 60;
      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)))
    }
  
    .pb-to-120 {
      --pb-to: 120;
      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-0 {
      padding-top: calc(var(--spacing) * 0)
    }
  
    .pt-0\.5 {
      padding-top: calc(var(--spacing) * .5)
    }
  
    .pt-1\.5 {
      padding-top: calc(var(--spacing) * 1.5)
    }
  
    .pt-2 {
      padding-top: calc(var(--spacing) * 2)
    }
  
    .pt-2\.5 {
      padding-top: calc(var(--spacing) * 2.5)
    }
  
    .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-16 {
      padding-top: calc(var(--spacing) * 16)
    }
  
    .pt-20 {
      padding-top: calc(var(--spacing) * 20)
    }
  
    .pt-130 {
      padding-top: calc(var(--spacing) * 130)
    }
  
    .pt-143 {
      padding-top: calc(var(--spacing) * 143)
    }
  
    .\!pr-14 {
      padding-right: calc(var(--spacing) * 14) !important
    }
  
    .pr-2 {
      padding-right: calc(var(--spacing) * 2)
    }
  
    .pr-4 {
      padding-right: calc(var(--spacing) * 4)
    }
  
    .pr-10 {
      padding-right: calc(var(--spacing) * 10)
    }
  
    .pr-13 {
      padding-right: calc(var(--spacing) * 13)
    }
  
    .pr-15 {
      padding-right: calc(var(--spacing) * 15)
    }
  
    .pr-20 {
      padding-right: calc(var(--spacing) * 20)
    }
  
    .pr-30 {
      padding-right: calc(var(--spacing) * 30)
    }
  
    .pr-50 {
      padding-right: calc(var(--spacing) * 50)
    }
  
    .pr-70 {
      padding-right: calc(var(--spacing) * 70)
    }
  
    .pr-\[30px\] {
      padding-right: 30px
    }
  
    .pb-2 {
      padding-bottom: calc(var(--spacing) * 2)
    }
  
    .pb-2\.5 {
      padding-bottom: calc(var(--spacing) * 2.5)
    }
  
    .pb-3 {
      padding-bottom: calc(var(--spacing) * 3)
    }
  
    .pb-4 {
      padding-bottom: calc(var(--spacing) * 4)
    }
  
    .pb-10 {
      padding-bottom: calc(var(--spacing) * 10)
    }
  
    .pb-12 {
      padding-bottom: calc(var(--spacing) * 12)
    }
  
    .pb-15 {
      padding-bottom: calc(var(--spacing) * 15)
    }
  
    .pb-20 {
      padding-bottom: calc(var(--spacing) * 20)
    }
  
    .pb-30 {
      padding-bottom: calc(var(--spacing) * 30)
    }
  
    .pb-50 {
      padding-bottom: calc(var(--spacing) * 50)
    }
  
    .\!pl-10 {
      padding-left: calc(var(--spacing) * 10) !important
    }
  
    .pl-4 {
      padding-left: calc(var(--spacing) * 4)
    }
  
    .pl-10 {
      padding-left: calc(var(--spacing) * 10)
    }
  
    .pl-15 {
      padding-left: calc(var(--spacing) * 15)
    }
  
    .pl-20 {
      padding-left: calc(var(--spacing) * 20)
    }
  
    .pl-30 {
      padding-left: calc(var(--spacing) * 30)
    }
  
    .pl-50 {
      padding-left: calc(var(--spacing) * 50)
    }
  
    .pl-70 {
      padding-left: calc(var(--spacing) * 70)
    }
  
    .text-center {
      text-align: center
    }
  
    .text-end {
      text-align: end
    }
  
    .text-justify {
      text-align: justify
    }
  
    .text-left {
      text-align: left
    }
  
    .text-right {
      text-align: right
    }
  
    .align-bottom {
      vertical-align: bottom
    }
  
    .align-middle {
      vertical-align: middle
    }
  
    .align-top {
      vertical-align: top
    }
  
    .font-mono {
      font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace)
    }
  
    .font-secondary {
      font-family: var(--font-secondary)
    }
  
    .text-3xl {
      font-size: var(--text-3xl, 1.875rem);
      line-height: var(--tw-leading, var(--text-3xl--line-height, 1.2))
    }
  
    .text-4xl {
      font-size: var(--text-4xl, 2.25rem);
      line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
    }
  
    .text-base {
      font-size: var(--text-base, 1rem);
      line-height: var(--tw-leading, var(--text-base--line-height, 1.5))
    }
  
    .text-lg {
      font-size: var(--text-lg, 1.125rem);
      line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)))
    }
  
    .text-sm {
      font-size: var(--text-sm, .875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))
    }
  
    .text-xl {
      font-size: var(--text-xl, 1.25rem);
      line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)))
    }
  
    .text-xs {
      font-size: var(--text-xs, .75rem);
      line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)))
    }
  
    .text-to-12 {
      --text-to: 12;
      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-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-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-23 {
      --text-to: 23;
      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-28 {
      --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)))
    }
  
    .text-to-29 {
      --text-to: 29;
      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-33 {
      --text-to: 33;
      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-35 {
      --text-to: 35;
      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-36 {
      --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)))
    }
  
    .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-39 {
      --text-to: 39;
      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-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-47 {
      --text-to: 47;
      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-54 {
      --text-to: 54;
      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-62 {
      --text-to: 62;
      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-70 {
      --text-to: 70;
      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-72 {
      --text-to: 72;
      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-74 {
      --text-to: 74;
      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-76 {
      --text-to: 76;
      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-128 {
      --text-to: 128;
      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-\[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-\[20px\] {
      font-size: 20px
    }
  
    .text-\[22px\] {
      font-size: 22px
    }
  
    .text-\[25px\] {
      font-size: 25px
    }
  
    .text-\[170px\] {
      font-size: 170px
    }
  
    .leading-5 {
      --tw-leading: calc(var(--spacing) * 5);
      line-height: calc(var(--spacing) * 5)
    }
  
    .leading-8 {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8)
    }
  
    .leading-30 {
      --tw-leading: calc(var(--spacing) * 30);
      line-height: calc(var(--spacing) * 30)
    }
  
    .leading-\[0\.98\] {
      --tw-leading: .98;
      line-height: .98
    }
  
    .leading-\[1\.1\] {
      --tw-leading: 1.1;
      line-height: 1.1
    }
  
    .leading-\[1\.2\] {
      --tw-leading: 1.2;
      line-height: 1.2
    }
  
    .leading-\[1\.4\] {
      --tw-leading: 1.4;
      line-height: 1.4
    }
  
    .leading-\[1\.15\] {
      --tw-leading: 1.15;
      line-height: 1.15
    }
  
    .leading-\[1\.18\] {
      --tw-leading: 1.18;
      line-height: 1.18
    }
  
    .leading-\[1\.35\] {
      --tw-leading: 1.35;
      line-height: 1.35
    }
  
    .leading-\[1\.75\] {
      --tw-leading: 1.75;
      line-height: 1.75
    }
  
    .leading-none {
      --tw-leading: 1;
      line-height: 1
    }
  
    .leading-relaxed {
      --tw-leading: var(--leading-relaxed, 1.625);
      line-height: var(--leading-relaxed, 1.625)
    }
  
    .leading-tight {
      --tw-leading: var(--leading-tight, 1.25);
      line-height: var(--leading-tight, 1.25)
    }
  
    .font-bold {
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700)
    }
  
    .font-light {
      --tw-font-weight: var(--font-weight-light, 300);
      font-weight: var(--font-weight-light, 300)
    }
  
    .font-medium {
      --tw-font-weight: var(--font-weight-medium, 500);
      font-weight: var(--font-weight-medium, 500)
    }
  
    .font-normal {
      --tw-font-weight: var(--font-weight-normal, 400);
      font-weight: var(--font-weight-normal, 400)
    }
  
    .font-semibold {
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600)
    }
  
    .tracking-\[-0\.1px\] {
      --tw-tracking: -.1px;
      letter-spacing: -.1px
    }
  
    .tracking-\[-0\.02em\] {
      --tw-tracking: -.02em;
      letter-spacing: -.02em
    }
  
    .tracking-\[-0\.2px\] {
      --tw-tracking: -.2px;
      letter-spacing: -.2px
    }
  
    .tracking-\[-0\.03em\] {
      --tw-tracking: -.03em;
      letter-spacing: -.03em
    }
  
    .tracking-\[-0\.3px\] {
      --tw-tracking: -.3px;
      letter-spacing: -.3px
    }
  
    .tracking-\[-0\.4px\] {
      --tw-tracking: -.4px;
      letter-spacing: -.4px
    }
  
    .tracking-\[-0\.5px\] {
      --tw-tracking: -.5px;
      letter-spacing: -.5px
    }
  
    .tracking-\[-0\.5xp\] {
      --tw-tracking: -.5xp;
      letter-spacing: -.5xp
    }
  
    .tracking-\[-0\.6px\] {
      --tw-tracking: -.6px;
      letter-spacing: -.6px
    }
  
    .tracking-\[-0\.9px\] {
      --tw-tracking: -.9px;
      letter-spacing: -.9px
    }
  
    .tracking-\[-0\.28px\] {
      --tw-tracking: -.28px;
      letter-spacing: -.28px
    }
  
    .tracking-\[-0\.32px\] {
      --tw-tracking: -.32px;
      letter-spacing: -.32px
    }
  
    .tracking-\[-1\.3px\] {
      --tw-tracking: -1.3px;
      letter-spacing: -1.3px
    }
  
    .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-\[-1\.9px\] {
      --tw-tracking: -1.9px;
      letter-spacing: -1.9px
    }
  
    .tracking-\[-1px\] {
      --tw-tracking: -1px;
      letter-spacing: -1px
    }
  
    .tracking-\[-2\.2px\] {
      --tw-tracking: -2.2px;
      letter-spacing: -2.2px
    }
  
    .tracking-\[-2\.3px\] {
      --tw-tracking: -2.3px;
      letter-spacing: -2.3px
    }
  
    .tracking-\[-2\.4px\] {
      --tw-tracking: -2.4px;
      letter-spacing: -2.4px
    }
  
    .tracking-\[-2\.5px\] {
      --tw-tracking: -2.5px;
      letter-spacing: -2.5px
    }
  
    .tracking-\[-2px\] {
      --tw-tracking: -2px;
      letter-spacing: -2px
    }
  
    .tracking-\[-3\.6px\] {
      --tw-tracking: -3.6px;
      letter-spacing: -3.6px
    }
  
    .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\.14em\] {
      --tw-tracking: .14em;
      letter-spacing: .14em
    }
  
    .tracking-\[0\.16em\] {
      --tw-tracking: .16em;
      letter-spacing: .16em
    }
  
    .tracking-\[0\.18em\] {
      --tw-tracking: .18em;
      letter-spacing: .18em
    }
  
    .tracking-tight {
      --tw-tracking: var(--tracking-tight, -.025em);
      letter-spacing: var(--tracking-tight, -.025em)
    }
  
    .tracking-wide {
      --tw-tracking: var(--tracking-wide, .025em);
      letter-spacing: var(--tracking-wide, .025em)
    }
  
    .text-wrap {
      text-wrap: wrap
    }
  
    .break-all {
      word-break: break-all
    }
  
    .overflow-ellipsis,
    .text-ellipsis {
      text-overflow: ellipsis
    }
  
    .whitespace-nowrap {
      white-space: nowrap
    }
  
    .whitespace-pre-wrap {
      white-space: pre-wrap
    }
  
    .text-\[\#1D607A\] {
      color: #1d607a
    }
  
    .text-\[\#1E4FA8\] {
      color: #1e4fa8
    }
  
    .text-\[\#3C3C3C\] {
      color: #3c3c3c
    }
  
    .text-\[\#3E404E\] {
      color: #3e404e
    }
  
    .text-\[\#4C7787\] {
      color: #4c7787
    }
  
    .text-\[\#6A3FA4\] {
      color: #6a3fa4
    }
  
    .text-\[\#6A6A6A\] {
      color: #6a6a6a
    }
  
    .text-\[\#6C6C6C\] {
      color: #6c6c6c
    }
  
    .text-\[\#6D6D6D\]\/85 {
      color: #6d6d6dd9
    }
  
    .text-\[\#9A5B00\] {
      color: #9a5b00
    }
  
    .text-\[\#113E68\] {
      color: #113e68
    }
  
    .text-\[\#113E68\]\/35 {
      color: #113e6859
    }
  
    .text-\[\#113E68\]\/45 {
      color: #113e6873
    }
  
    .text-\[\#113E68\]\/60 {
      color: #113e6899
    }
  
    .text-\[\#166A4D\] {
      color: #166a4d
    }
  
    .text-\[\#222\] {
      color: #222
    }
  
    .text-\[\#333\]\/50 {
      color: #33333380
    }
  
    .text-\[\#333\]\/65 {
      color: #333333a6
    }
  
    .text-\[\#666\] {
      color: #666
    }
  
    .text-\[\#86859E\] {
      color: #86859e
    }
  
    .text-\[\#098086\] {
      color: #098086
    }
  
    .text-\[\#232323\] {
      color: #232323
    }
  
    .text-\[\#232323\]\/90 {
      color: #232323e6
    }
  
    .text-\[\#314155\] {
      color: #314155
    }
  
    .text-\[\#435160\] {
      color: #435160
    }
  
    .text-\[\#435160\]\/50 {
      color: #43516080
    }
  
    .text-\[\#556163\] {
      color: #556163
    }
  
    .text-\[\#696963\] {
      color: #696963
    }
  
    .text-\[\#707070\] {
      color: #707070
    }
  
    .text-\[\#828386\] {
      color: #828386
    }
  
    .text-\[\#898787\] {
      color: #898787
    }
  
    .text-\[\#A53030\] {
      color: #a53030
    }
  
    .text-\[\#CBC3C3\] {
      color: #cbc3c3
    }
  
    .text-\[\#CEF9FF\] {
      color: #cef9ff
    }
  
    .text-amber-600 {
      color: var(--color-amber-600, oklch(66.6% .179 58.318))
    }
  
    .text-amber-800 {
      color: var(--color-amber-800, oklch(47.3% .137 46.201))
    }
  
    .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\/30 {
      color: #0000004d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/30 {
        color: color-mix(in oklab, var(--color-black) 30%, transparent)
      }
    }
  
    .text-black\/40 {
      color: #0006
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/40 {
        color: color-mix(in oklab, var(--color-black) 40%, transparent)
      }
    }
  
    .text-black\/45 {
      color: #00000073
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-black\/45 {
        color: color-mix(in oklab, var(--color-black) 45%, 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\/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-cyan-50 {
      color: var(--color-cyan-50, oklch(98.4% .019 200.873))
    }
  
    .text-cyan-600 {
      color: var(--color-cyan-600, oklch(60.9% .126 221.723))
    }
  
    .text-emerald-600 {
      color: var(--color-emerald-600, oklch(59.6% .145 163.225))
    }
  
    .text-first {
      color: var(--color-first)
    }
  
    .text-first\/15 {
      color: #000d4426
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/15 {
        color: color-mix(in oklab, var(--color-first) 15%, transparent)
      }
    }
  
    .text-first\/20 {
      color: #000d4433
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/20 {
        color: color-mix(in oklab, var(--color-first) 20%, transparent)
      }
    }
  
    .text-first\/40 {
      color: #000d4466
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/40 {
        color: color-mix(in oklab, var(--color-first) 40%, transparent)
      }
    }
  
    .text-first\/45 {
      color: #000d4473
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/45 {
        color: color-mix(in oklab, var(--color-first) 45%, transparent)
      }
    }
  
    .text-first\/50 {
      color: #000d4480
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/50 {
        color: color-mix(in oklab, var(--color-first) 50%, transparent)
      }
    }
  
    .text-first\/60 {
      color: #000d4499
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/60 {
        color: color-mix(in oklab, var(--color-first) 60%, transparent)
      }
    }
  
    .text-first\/65 {
      color: #000d44a6
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/65 {
        color: color-mix(in oklab, var(--color-first) 65%, transparent)
      }
    }
  
    .text-first\/70 {
      color: #000d44b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/70 {
        color: color-mix(in oklab, var(--color-first) 70%, transparent)
      }
    }
  
    .text-first\/75 {
      color: #000d44bf
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/75 {
        color: color-mix(in oklab, var(--color-first) 75%, transparent)
      }
    }
  
    .text-first\/80 {
      color: #000d44cc
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/80 {
        color: color-mix(in oklab, var(--color-first) 80%, transparent)
      }
    }
  
    .text-first\/85 {
      color: #000d44d9
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-first\/85 {
        color: color-mix(in oklab, var(--color-first) 85%, transparent)
      }
    }
  
    .text-gray-300 {
      color: var(--color-gray-300, oklch(87.2% .01 258.338))
    }
  
    .text-gray-400 {
      color: var(--color-gray-400, oklch(70.7% .022 261.325))
    }
  
    .text-gray-500 {
      color: var(--color-gray-500, oklch(55.1% .027 264.364))
    }
  
    .text-gray-600 {
      color: var(--color-gray-600, oklch(44.6% .03 256.802))
    }
  
    .text-gray-700 {
      color: var(--color-gray-700, oklch(37.3% .034 259.733))
    }
  
    .text-gray-800 {
      color: var(--color-gray-800, oklch(27.8% .033 256.848))
    }
  
    .text-gray-900 {
      color: var(--color-gray-900, oklch(21% .034 264.665))
    }
  
    .text-gray-950 {
      color: var(--color-gray-950, oklch(13% .028 261.692))
    }
  
    .text-green-600 {
      color: var(--color-green-600, oklch(62.7% .194 149.214))
    }
  
    .text-green-700 {
      color: var(--color-green-700, oklch(52.7% .154 150.069))
    }
  
    .text-pink-600 {
      color: var(--color-pink-600, oklch(59.2% .249 .584))
    }
  
    .text-primary {
      color: var(--color-primary)
    }
  
    .text-primary\/70 {
      color: #1ecad3b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-primary\/70 {
        color: color-mix(in oklab, var(--color-primary) 70%, transparent)
      }
    }
  
    .text-red-500 {
      color: var(--color-red-500, oklch(63.7% .237 25.331))
    }
  
    .text-red-600 {
      color: var(--color-red-600, oklch(57.7% .245 27.325))
    }
  
    .text-red-700 {
      color: var(--color-red-700, oklch(50.5% .213 27.518))
    }
  
    .text-red-900 {
      color: var(--color-red-900, oklch(39.6% .141 25.723))
    }
  
    .text-secondary {
      color: var(--color-secondary)
    }
  
    .text-secondary\/50 {
      color: #005f7f80
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-secondary\/50 {
        color: color-mix(in oklab, var(--color-secondary) 50%, transparent)
      }
    }
  
    .text-secondary\/60 {
      color: #005f7f99
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-secondary\/60 {
        color: color-mix(in oklab, var(--color-secondary) 60%, transparent)
      }
    }
  
    .text-secondary\/70 {
      color: #005f7fb3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-secondary\/70 {
        color: color-mix(in oklab, var(--color-secondary) 70%, transparent)
      }
    }
  
    .text-sky-600 {
      color: var(--color-sky-600, oklch(58.8% .158 241.966))
    }
  
    .text-transparent {
      color: #0000
    }
  
    .text-white {
      color: var(--color-white)
    }
  
    .text-white\/30 {
      color: #ffffff4d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/30 {
        color: color-mix(in oklab, var(--color-white) 30%, transparent)
      }
    }
  
    .text-white\/40 {
      color: #fff6
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/40 {
        color: color-mix(in oklab, var(--color-white) 40%, 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\/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\/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\/75 {
      color: #ffffffbf
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/75 {
        color: color-mix(in oklab, var(--color-white) 75%, 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)
      }
    }
  
    .text-white\/85 {
      color: #ffffffd9
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .text-white\/85 {
        color: color-mix(in oklab, var(--color-white) 85%, transparent)
      }
    }
  
    .capitalize {
      text-transform: capitalize
    }
  
    .lowercase {
      text-transform: lowercase
    }
  
    .uppercase {
      text-transform: uppercase
    }
  
    .italic {
      font-style: italic
    }
  
    .ordinal {
      --tw-ordinal: ordinal;
      font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }
  
    .ordinal\! {
      --tw-ordinal: ordinal !important;
      font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ) !important
    }
  
    .tabular-nums {
      --tw-numeric-spacing: tabular-nums;
      font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )
    }
  
    .line-through {
      text-decoration-line: line-through
    }
  
    .overline {
      text-decoration-line: overline
    }
  
    .underline {
      text-decoration-line: underline
    }
  
    .antialiased {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale
    }
  
    .subpixel-antialiased {
      -webkit-font-smoothing: auto;
      -moz-osx-font-smoothing: auto
    }
  
    .opacity-0 {
      opacity: 0
    }
  
    .opacity-0\! {
      opacity: 0 !important
    }
  
    .opacity-2 {
      opacity: .02
    }
  
    .opacity-5 {
      opacity: .05
    }
  
    .opacity-10 {
      opacity: .1
    }
  
    .opacity-20 {
      opacity: .2
    }
  
    .opacity-25 {
      opacity: .25
    }
  
    .opacity-30 {
      opacity: .3
    }
  
    .opacity-40 {
      opacity: .4
    }
  
    .opacity-50 {
      opacity: .5
    }
  
    .opacity-55 {
      opacity: .55
    }
  
    .opacity-60 {
      opacity: .6
    }
  
    .opacity-70 {
      opacity: .7
    }
  
    .opacity-75 {
      opacity: .75
    }
  
    .opacity-80 {
      opacity: .8
    }
  
    .opacity-100 {
      opacity: 1
    }
  
    .opacity-100\! {
      opacity: 1 !important
    }
  
    .mix-blend-plus-lighter {
      mix-blend-mode: plus-lighter
    }
  
    .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-2xl {
      --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.1\)\] {
      --tw-shadow: 0 4px 20px 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_12px_35px_-28px_rgba\(0\,13\,68\,0\.3\)\] {
      --tw-shadow: 0 12px 35px -28px var(--tw-shadow-color, #000d444d);
      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_12px_35px_-28px_rgba\(15\,23\,42\,0\.45\)\] {
      --tw-shadow: 0 12px 35px -28px var(--tw-shadow-color, #0f172a73);
      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_16px_35px_rgba\(30\,202\,211\,0\.35\)\] {
      --tw-shadow: 0 16px 35px var(--tw-shadow-color, #1ecad359);
      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_18px_45px_-28px_rgba\(0\,13\,68\,0\.4\)\] {
      --tw-shadow: 0 18px 45px -28px var(--tw-shadow-color, #000d4466);
      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_18px_45px_-28px_rgba\(15\,23\,42\,0\.5\)\] {
      --tw-shadow: 0 18px 45px -28px var(--tw-shadow-color, #0f172a80);
      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_24px_60px_-30px_rgba\(0\,13\,68\,0\.45\)\] {
      --tw-shadow: 0 24px 60px -30px var(--tw-shadow-color, #000d4473);
      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_30px_90px_rgba\(0\,95\,127\,0\.14\)\] {
      --tw-shadow: 0 30px 90px var(--tw-shadow-color, #005f7f24);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .shadow-lg {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .shadow-md {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .shadow-sm {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .shadow-xl {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .ring,
    .ring-1 {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .ring-1\! {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important
    }
  
    .ring-2 {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .\[box-shadow\:0_0_60px_0_rgba\(30\,202\,211\,0\.12\)\,0_2px_20px_0_rgba\(0\,0\,0\,0\.06\)\] {
      box-shadow: 0 0 60px #1ecad31f, 0 2px 20px #0000000f
    }
  
    .\[box-shadow\:0_0_199px_0_rgba\(7\,15\,78\,0\.05\)\] {
      box-shadow: 0 0 199px #070f4e0d
    }
  
    .\[box-shadow\:0_4px_50px_0_rgba\(0\,0\,0\,0\.05\)\] {
      box-shadow: 0 4px 50px #0000000d
    }
  
    .\[box-shadow\:0_4px_54px_0_rgba\(17\,62\,104\,0\.09\)\] {
      box-shadow: 0 4px 54px #113e6817
    }
  
    .\[box-shadow\:0_10px_45px_rgba\(30\,202\,211\,0\.08\)\] {
      box-shadow: 0 10px 45px #1ecad314
    }
  
    .\[box-shadow\:0_18px_70px_rgba\(17\,62\,104\,0\.10\)\] {
      box-shadow: 0 18px 70px #113e681a
    }
  
    .\[box-shadow\:0_27\.417px_274\.168px_0_rgba\(0\,0\,0\,0\.10\)\] {
      box-shadow: 0 27.417px 274.168px #0000001a
    }
  
    .shadow-primary\/25 {
      --tw-shadow-color: #1ecad340
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .shadow-primary\/25 {
        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 25%, transparent) var(--tw-shadow-alpha), transparent)
      }
    }
  
    .ring-amber-200 {
      --tw-ring-color: var(--color-amber-200, oklch(92.4% .12 95.746))
    }
  
    .ring-gray-200 {
      --tw-ring-color: var(--color-gray-200, oklch(92.8% .006 264.531))
    }
  
    .ring-gray-300 {
      --tw-ring-color: var(--color-gray-300, oklch(87.2% .01 258.338))
    }
  
    .outline {
      outline-style: var(--tw-outline-style);
      outline-width: 1px
    }
  
    .outline\! {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 1px !important
    }
  
    .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, 64px));
      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-\[0px\] {
      --tw-blur: blur(0px);
      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-\[10px\] {
      --tw-blur: blur(10px);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }
  
    .blur-sm {
      --tw-blur: blur(var(--blur-sm, 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-xl {
      --tw-blur: blur(var(--blur-xl, 24px));
      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, )
    }
  
    .brightness-0 {
      --tw-brightness: brightness(0%);
      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, )
    }
  
    .brightness-50 {
      --tw-brightness: brightness(50%);
      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, )
    }
  
    .brightness-100 {
      --tw-brightness: brightness(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, )
    }
  
    .drop-shadow {
      --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f));
      --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }
  
    .grayscale {
      --tw-grayscale: grayscale(100%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
    }
  
    .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, )
    }
  
    .invert\! {
      --tw-invert: invert(100%) !important;
      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, ) !important
    }
  
    .invert-0 {
      --tw-invert: invert(0%);
      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, )
    }
  
    .sepia {
      --tw-sepia: sepia(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, )
    }
  
    .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, ) !important
    }
  
    .filter-\[drop-shadow\(0_2px_5px_rgba\(0\,0\,0\,0\.30\)\)\] {
      filter: drop-shadow(0 2px 5px #0000004d)
    }
  
    .filter-\[drop-shadow\(0_10px_30px_rgba\(30\,202\,211\,0\.50\)\)\] {
      filter: drop-shadow(0 10px 30px #1ecad380)
    }
  
    .backdrop-blur {
      --tw-backdrop-blur: blur(8px);
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }
  
    .backdrop-blur-3xl {
      --tw-backdrop-blur: blur(var(--blur-3xl, 64px));
      -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-\[10px\] {
      --tw-backdrop-blur: blur(10px);
      -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, 8px));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }
  
    .backdrop-filter {
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
    }
  
    .transition {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, .15s))
    }
  
    .transition-\[width\] {
      transition-property: width;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, .15s))
    }
  
    .transition-all {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, .15s))
    }
  
    .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, cubic-bezier(.4, 0, .2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, .15s))
    }
  
    .transition-opacity {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, .15s))
    }
  
    .transition-transform {
      transition-property: transform, translate, scale, rotate;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, .15s))
    }
  
    .delay-0 {
      transition-delay: 0s
    }
  
    .delay-75 {
      transition-delay: 75ms
    }
  
    .delay-100 {
      transition-delay: .1s
    }
  
    .delay-1000 {
      transition-delay: 1s
    }
  
    .delay-2000 {
      transition-delay: 2s
    }
  
    .duration-75 {
      --tw-duration: 75ms;
      transition-duration: 75ms
    }
  
    .duration-100 {
      --tw-duration: .1s;
      transition-duration: .1s
    }
  
    .duration-150 {
      --tw-duration: .15s;
      transition-duration: .15s
    }
  
    .duration-200 {
      --tw-duration: .2s;
      transition-duration: .2s
    }
  
    .duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s
    }
  
    .duration-350 {
      --tw-duration: .35s;
      transition-duration: .35s
    }
  
    .duration-400 {
      --tw-duration: .4s;
      transition-duration: .4s
    }
  
    .duration-450 {
      --tw-duration: .45s;
      transition-duration: .45s
    }
  
    .duration-500 {
      --tw-duration: .5s;
      transition-duration: .5s
    }
  
    .duration-700 {
      --tw-duration: .7s;
      transition-duration: .7s
    }
  
    .duration-1000 {
      --tw-duration: 1s;
      transition-duration: 1s
    }
  
    .duration-\[2\.5s\] {
      --tw-duration: 2.5s;
      transition-duration: 2.5s
    }
  
    .ease-in {
      --tw-ease: var(--ease-in, cubic-bezier(.4, 0, 1, 1));
      transition-timing-function: var(--ease-in, cubic-bezier(.4, 0, 1, 1))
    }
  
    .ease-in-out {
      --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
      transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))
    }
  
    .ease-linear\! {
      --tw-ease: linear !important;
      transition-timing-function: linear !important
    }
  
    .ease-out {
      --tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));
      transition-timing-function: var(--ease-out, cubic-bezier(0, 0, .2, 1))
    }
  
    .will-change-\[transform\,opacity\] {
      will-change: transform, opacity
    }
  
    .will-change-\[transform\,width\] {
      will-change: transform, width
    }
  
    .will-change-transform {
      will-change: transform
    }
  
    .outline-none {
      --tw-outline-style: none;
      outline-style: none
    }
  
    .select-none {
      -webkit-user-select: none;
      user-select: none
    }
  
    .\[--prose-color\:var\(--color-black\)\] {
      --prose-color: var(--color-black)
    }
  
    .\[--prose-color\:var\(--color-white\)\] {
      --prose-color: var(--color-white)
    }
  
    .\[-webkit-text-stroke-width\:1px\] {
      -webkit-text-stroke-width: 1px
    }
  
    .\[-webkit-text-stroke\:1px_theme\(colors\.textColor\)\] {
      -webkit-text-stroke: 1px #fff
    }
  
    .\[animation-duration\:1\.8s\] {
      animation-duration: 1.8s
    }
  
    .\[animation-duration\:10s\] {
      animation-duration: 10s
    }
  
    .\[background\:linear-gradient\(0deg\,\#1ECAD3_0\%\,\#1ECAD3_100\%\)\,linear-gradient\(0deg\,\#005F7F_0\%\,\#005F7F_100\%\)\,\#E6EFF2\] {
      background: linear-gradient(#1ecad3 0% 100%), linear-gradient(#005f7f 0% 100%), #e6eff2
    }
  
    .\[background\:linear-gradient\(90deg\,\#1ECAD3_-23\.79\%\,\#113E68_99\.84\%\)\,var\(--Dark\,\#005F7F\)\] {
      background: linear-gradient(90deg, #1ecad3 -23.79%, #113e68 99.84%), var(--Dark, #005f7f)
    }
  
    .\[background\:linear-gradient\(90deg\,\#005F7F_0\%\,\#077FC3_52\.88\%\,\#1ECAD3_100\%\)\,var\(--Primary\,\#1ECAD3\)\] {
      background: linear-gradient(90deg, #005f7f, #077fc3 52.88%, #1ecad3), var(--Primary, #1ecad3)
    }
  
    .\[background\:linear-gradient\(90deg\,\#005F7F_0\%\,\#077FC3_52\.88\%\,\#1ECAD3_100\%\)\] {
      background: linear-gradient(90deg, #005f7f, #077fc3 52.88%, #1ecad3)
    }
  
    .\[background\:linear-gradient\(90deg\,\#005F7F_0\.01\%\,\#077FC3_70\.98\%\,\#1ECAD3_134\.21\%\)\,linear-gradient\(0deg\,\#005F7F_0\%\,\#005F7F_100\%\)\,\#E6EFF2\] {
      background: linear-gradient(90deg, #005f7f .01%, #077fc3 70.98%, #1ecad3 134.21%), linear-gradient(#005f7f 0% 100%), #e6eff2
    }
  
    .\[background\:linear-gradient\(90deg\,\#005F7F_0\.01\%\,\#077FC3_70\.98\%\,\#1ECAD3_134\.21\%\)\] {
      background: linear-gradient(90deg, #005f7f .01%, #077fc3 70.98%, #1ecad3 134.21%)
    }
  
    .\[background\:linear-gradient\(180deg\,\#FFF_0\%\,rgba\(255\,255\,255\,0\.00\)_100\%\)\,linear-gradient\(253deg\,\#EDE1FA_3\.94\%\,\#FEEBD7_27\.62\%\,\#A4D5D9_98\.67\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.00\)_0\%\,rgba\(255\,255\,255\,0\.51\)_28\.2\%\,rgba\(255\,255\,255\,0\.73\)_40\.87\%\,rgba\(255\,255\,255\,0\.83\)_54\.31\%\,\#F1FAFE_100\%\)\] {
      background: linear-gradient(#fff, #fff0), linear-gradient(253deg, #ede1fa 3.94%, #feebd7 27.62%, #a4d5d9 98.67%), linear-gradient(#fff0, #ffffff82 28.2%, #ffffffba 40.87%, #ffffffd4 54.31%, #f1fafe)
    }
  
    .\[background\:linear-gradient\(180deg\,rgba\(0\,95\,127\,0\)_28\%\,rgba\(0\,95\,127\,0\.5\)_64\%\,rgba\(0\,95\,127\,0\.92\)_100\%\)\] {
      background: linear-gradient(#005f7f00 28%, #005f7f80, #005f7feb)
    }
  
    .\[background\:linear-gradient\(180deg\,rgba\(254\,254\,254\,0\.00\)_0\%\,\#FEFEFE_100\%\)\] {
      background: linear-gradient(#fefefe00, #fefefe)
    }
  
    .\[background\:linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.00\)_0\%\,\#FFF_100\%\)\] {
      background: linear-gradient(#fff0, #fff)
    }
  
    .\[background\:linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.00\)_0\.13\%\,\#077FC3_113\.99\%\)\] {
      background: linear-gradient(#fff0 .13%, #077fc3 113.99%)
    }
  
    .\[background\:linear-gradient\(253deg\,rgba\(17\,62\,104\,0\.20\)_3\.94\%\,rgba\(254\,217\,215\,0\.20\)_27\.62\%\,rgba\(30\,202\,211\,0\.20\)_98\.67\%\)\] {
      background: linear-gradient(253deg, #113e6833 3.94%, #fed9d733 27.62%, #1ecad333 98.67%)
    }
  
    .\[background\:radial-gradient\(91\.91\%_73\.07\%_at_71\.25\%_83\.08\%\,rgba\(255\,255\,255\,0\.49\)_0\%\,\#FFF_100\%\)\] {
      background: radial-gradient(91.91% 73.07% at 71.25% 83.08%, #ffffff7d, #fff)
    }
  
    .\[background\:radial-gradient\(152\.16\%_109\.69\%_at_96\.06\%_103\.29\%\,rgba\(30\,202\,211\,0\.15\)_0\%\,\#113E68_100\%\)\] {
      background: radial-gradient(152.16% 109.69% at 96.06% 103.29%, #1ecad326, #113e68)
    }
  
    .\[clip-path\:inset\(0_round_17px\)\] {
      clip-path: inset(0 round 17px)
    }
  
    .\[program\:horizon\] {
      program: horizon
    }
  
    .\[program\:pulse\] {
      program: pulse
    }
  
    .\[scrollbar-gutter\:stable\] {
      scrollbar-gutter: stable
    }
  
    .\[stroke-dasharray\:0px_150px\] {
      stroke-dasharray: 0 150
    }
  
    .\[stroke-dashoffset\:0px\] {
      stroke-dashoffset: 0
    }
  
    .\[wire\:model\=\"\'\+o\+\'\"\] {
      wire: model="'+o+'"
    }
  
    .\[wire\:model\] {
      wire: model
    }
  
    .backface-hidden {
      backface-visibility: hidden
    }
  
    .gap-from-8 {
      --gap-from: 8
    }
  
    .gap-from-10 {
      --gap-from: 10
    }
  
    .gap-from-12 {
      --gap-from: 12
    }
  
    .gap-from-13 {
      --gap-from: 13
    }
  
    .gap-from-14 {
      --gap-from: 14
    }
  
    .gap-from-15 {
      --gap-from: 15
    }
  
    .gap-from-16 {
      --gap-from: 16
    }
  
    .gap-from-17 {
      --gap-from: 17
    }
  
    .gap-from-18 {
      --gap-from: 18
    }
  
    .gap-from-20 {
      --gap-from: 20
    }
  
    .gap-from-22 {
      --gap-from: 22
    }
  
    .gap-from-30 {
      --gap-from: 30
    }
  
    .gap-from-36 {
      --gap-from: 36
    }
  
    .gap-from-40 {
      --gap-from: 40
    }
  
    .h-from-180 {
      --h-from: 180
    }
  
    .h-from-300 {
      --h-from: 300
    }
  
    .h-from-350 {
      --h-from: 350
    }
  
    .h-from-400 {
      --h-from: 400
    }
  
    .mb-from-15 {
      --mb-from: 15
    }
  
    .mb-from-20 {
      --mb-from: 20
    }
  
    .mt-from-15 {
      --mt-from: 15
    }
  
    .my-from-12 {
      --my-from: 12
    }
  
    .p-from-6 {
      --p-from: 6
    }
  
    .p-from-7 {
      --p-from: 7
    }
  
    .p-from-10 {
      --p-from: 10
    }
  
    .p-from-12 {
      --p-from: 12
    }
  
    .p-from-14 {
      --p-from: 14
    }
  
    .p-from-15 {
      --p-from: 15
    }
  
    .p-from-20 {
      --p-from: 20
    }
  
    .pb-from-12 {
      --pb-from: 12
    }
  
    .pb-from-15 {
      --pb-from: 15
    }
  
    .pb-from-20 {
      --pb-from: 20
    }
  
    .pb-from-30 {
      --pb-from: 30
    }
  
    .pb-from-50 {
      --pb-from: 50
    }
  
    .pl-from-20 {
      --pl-from: 20
    }
  
    .pr-from-40 {
      --pr-from: 40
    }
  
    .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-20 {
      --px: 20
    }
  
    .py-from-8 {
      --py: 8
    }
  
    .py-from-10 {
      --py: 10
    }
  
    .py-from-12 {
      --py: 12
    }
  
    .py-from-15 {
      --py: 15
    }
  
    .py-from-16 {
      --py: 16
    }
  
    .py-from-20 {
      --py: 20
    }
  
    .py-from-30 {
      --py: 30
    }
  
    .py-from-60 {
      --py: 60
    }
  
    .py-from-70 {
      --py: 70
    }
  
    .py-from-170 {
      --py: 170
    }
  
    .size-from-18 {
      --size-from: 18
    }
  
    .size-from-20 {
      --size-from: 20
    }
  
    .size-from-24 {
      --size-from: 24
    }
  
    .size-from-25 {
      --size-from: 25
    }
  
    .size-from-28 {
      --size-from: 28
    }
  
    .size-from-30 {
      --size-from: 30
    }
  
    .size-from-36 {
      --size-from: 36
    }
  
    .size-from-40 {
      --size-from: 40
    }
  
    .size-from-45 {
      --size-from: 45
    }
  
    .size-from-50 {
      --size-from: 50
    }
  
    .size-from-60 {
      --size-from: 60
    }
  
    .size-from-75 {
      --size-from: 75
    }
  
    .size-from-80 {
      --size-from: 80
    }
  
    .size-from-120 {
      --size-from: 120
    }
  
    .text-from-10 {
      --text-from: 10
    }
  
    .text-from-11 {
      --text-from: 11
    }
  
    .text-from-12 {
      --text-from: 12
    }
  
    .text-from-14 {
      --text-from: 14
    }
  
    .text-from-15 {
      --text-from: 15
    }
  
    .text-from-16 {
      --text-from: 16
    }
  
    .text-from-18 {
      --text-from: 18
    }
  
    .text-from-20 {
      --text-from: 20
    }
  
    .text-from-24 {
      --text-from: 24
    }
  
    .text-from-29 {
      --text-from: 29
    }
  
    .text-from-30 {
      --text-from: 30
    }
  
    .text-from-36 {
      --text-from: 36
    }
  
    .text-from-42 {
      --text-from: 42
    }
  
    .w-from-14 {
      --w-from: 14
    }
  
    .w-from-52 {
      --w-from: 52
    }
  
    :is(.\*\*\:text-white *) {
      color: var(--color-white)
    }
  
    :is(.\*\*\:text-white\! *) {
      color: var(--color-white) !important
    }
  
    :is(.\*\*\:text-white\/40 *) {
      color: #fff6
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      :is(.\*\*\:text-white\/40 *) {
        color: color-mix(in oklab, var(--color-white) 40%, transparent)
      }
    }
  
    @media(hover:hover) {
      .group-hover\:scale-110:is(:where(.group):hover *) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
      }
  
      .group-hover\:rotate-45:is(:where(.group):hover *) {
        rotate: 45deg
      }
  
      .group-hover\:border-primary:is(:where(.group):hover *) {
        border-color: var(--color-primary)
      }
  
      .group-hover\:bg-primary:is(:where(.group):hover *) {
        background-color: var(--color-primary)
      }
  
      .group-hover\:bg-primary\/15:is(:where(.group):hover *) {
        background-color: #1ecad326
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .group-hover\:bg-primary\/15:is(:where(.group):hover *) {
          background-color: color-mix(in oklab, var(--color-primary) 15%, transparent)
        }
      }
  
      .group-hover\:text-primary:is(:where(.group):hover *) {
        color: var(--color-primary)
      }
  
      .group-hover\:text-primary\/80:is(:where(.group):hover *) {
        color: #1ecad3cc
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .group-hover\:text-primary\/80:is(:where(.group):hover *) {
          color: color-mix(in oklab, var(--color-primary) 80%, transparent)
        }
      }
  
      .group-hover\:text-white:is(:where(.group):hover *) {
        color: var(--color-white)
      }
  
      .group-hover\/close\:rotate-90:is(:where(.group\/close):hover *) {
        rotate: 90deg
      }
  
      .group-hover\/i\:scale-100:is(:where(.group\/i):hover *) {
        --tw-scale-x: 100%;
        --tw-scale-y: 100%;
        --tw-scale-z: 100%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
      }
  
      .group-hover\/result\:text-primary:is(:where(.group\/result):hover *) {
        color: var(--color-primary)
      }
  
      .group-hover\/t\:scale-\[1\.06\]:is(:where(.group\/t):hover *) {
        scale: 1.06
      }
  
      .group-hover\/t\:-rotate-45:is(:where(.group\/t):hover *) {
        rotate: -45deg
      }
  
      .group-hover\/t\:\[background\:linear-gradient\(180deg\,rgba\(30\,125\,177\,0\.25\)_0\%\,rgba\(0\,95\,127\,0\.65\)_55\%\,rgba\(0\,95\,127\,0\.95\)_100\%\)\]:is(:where(.group\/t):hover *) {
        background: linear-gradient(#1e7db140, #005f7fa6 55%, #005f7ff2)
      }
    }
  
    .group-toggle\:rotate-0:is(:where(.group).toggle *) {
      rotate: none
    }
  
    .group-toggle\:rotate-180:is(:where(.group).toggle *) {
      rotate: 180deg
    }
  
    .group-toggle\:opacity-100:is(:where(.group).toggle *) {
      opacity: 1
    }
  
    .group-toggle\/a\:text-white:is(:where(.group\/a).toggle *) {
      color: var(--color-white)
    }
  
    .group-toggle\/a\:brightness-0:is(:where(.group\/a).toggle *) {
      --tw-brightness: brightness(0%);
      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, )
    }
  
    .group-toggle\/a\:invert:is(:where(.group\/a).toggle *) {
      --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, )
    }
  
    .group-toggle\/i\:scale-110:is(:where(.group\/i).toggle *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .group-toggle\/i\:rotate-180:is(:where(.group\/i).toggle *) {
      rotate: 180deg
    }
  
    .group-toggle\/i\:bg-\[\#1A6F8C\]:is(:where(.group\/i).toggle *) {
      background-color: #1a6f8c
    }
  
    .group-toggle\/i\:bg-primary:is(:where(.group\/i).toggle *) {
      background-color: var(--color-primary)
    }
  
    .group-toggle\/i\:text-white:is(:where(.group\/i).toggle *) {
      color: var(--color-white)
    }
  
    .group-toggle\/i\:brightness-100:is(:where(.group\/i).toggle *) {
      --tw-brightness: brightness(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, )
    }
  
    .group-toggle\/menu\:rotate-180:is(:where(.group\/menu).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\/s\:grid-rows-\[0fr\]:is(:where(.group\/s).toggle *) {
      grid-template-rows: 0fr
    }
  
    .group-toggle\/s\:grid-rows-\[1fr\]:is(:where(.group\/s).toggle *) {
      grid-template-rows: 1fr
    }
  
    .group-toggle\/s\:text-white:is(:where(.group\/s).toggle *) {
      color: var(--color-white)
    }
  
    .group-toggle\/s\:opacity-0:is(:where(.group\/s).toggle *) {
      opacity: 0
    }
  
    .group-toggle\/s\:opacity-100:is(:where(.group\/s).toggle *) {
      opacity: 1
    }
  
    .group-toggle\/s\:brightness-0:is(:where(.group\/s).toggle *) {
      --tw-brightness: brightness(0%);
      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, )
    }
  
    .group-toggle\/s\:invert:is(:where(.group\/s).toggle *) {
      --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, )
    }
  
    .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-scrolling-down\/body\:text-white:is(:where(.group\/body).scrolling-down *),
    .group-scrolling-up\/body\:text-white:is(:where(.group\/body).scrolling-up *) {
      color: var(--color-white)
    }
  
    .group-slide-active\:translate-y-0:is(:where(.group).swiper-slide-active *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      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-300:is(:where(.group).swiper-slide-active *) {
      transition-delay: .3s
    }
  
    .group-slide-active\:delay-500:is(:where(.group).swiper-slide-active *) {
      transition-delay: .5s
    }
  
    .group-slide-active\/i\:opacity-100:is(:where(.group\/i).swiper-slide-active *) {
      opacity: 1
    }
  
    .group-slide-active\/i\:delay-500:is(:where(.group\/i).swiper-slide-active *) {
      transition-delay: .5s
    }
  
    .group-slide-active\/slide\:pointer-events-auto:is(:where(.group\/slide).swiper-slide-active *) {
      pointer-events: auto
    }
  
    .group-slide-active\/slide\:ml-90:is(:where(.group\/slide).swiper-slide-active *) {
      margin-left: calc(var(--spacing) * 90)
    }
  
    .group-slide-active\/slide\:translate-y-0:is(:where(.group\/slide).swiper-slide-active *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-slide-active\/slide\:rotate-none:is(:where(.group\/slide).swiper-slide-active *) {
      rotate: none
    }
  
    .group-slide-active\/slide\:text-white:is(:where(.group\/slide).swiper-slide-active *) {
      color: var(--color-white)
    }
  
    .group-slide-active\/slide\:opacity-100:is(:where(.group\/slide).swiper-slide-active *) {
      opacity: 1
    }
  
    .group-slide-active\/slide\:delay-300:is(:where(.group\/slide).swiper-slide-active *) {
      transition-delay: .3s
    }
  
    .group-slide-active\/slide\:delay-400:is(:where(.group\/slide).swiper-slide-active *) {
      transition-delay: .4s
    }
  
    .group-slide-active\/slide\:delay-500:is(:where(.group\/slide).swiper-slide-active *) {
      transition-delay: .5s
    }
  
    .group-slide-next\/slide\:ml-90:is(:where(.group\/slide).swiper-slide-next *) {
      margin-left: calc(var(--spacing) * 90)
    }
  
    .group-\[\&\.active\]\/lang\:rotate-180:is(:where(.group\/lang).active *) {
      rotate: 180deg
    }
  
    .group-\[\&\.black\]\/header\:text-black:is(:where(.group\/header).black *) {
      color: var(--color-black)
    }
  
    .group-\[\&\.first-item\]\/bullet\:\[stroke-dasharray\:0px_150px\]\!:is(:where(.group\/bullet).first-item *) {
      stroke-dasharray: 0 150 !important
    }
  
    .group-\[\&\.fixed-menu\]\/body\:mb-85:is(:where(.group\/body).fixed-menu *) {
      margin-bottom: calc(var(--spacing) * 85)
    }
  
    .group-\[\&\.fixed-smile\]\/body\:mb-103:is(:where(.group\/body).fixed-smile *) {
      margin-bottom: calc(var(--spacing) * 103)
    }
  
    .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\]\:border-white:is(:where(.group).is-active *) {
      border-color: var(--color-white)
    }
  
    .group-\[\&\.is-active\]\:text-white:is(:where(.group).is-active *) {
      color: var(--color-white)
    }
  
    .group-\[\&\.is-active\]\:opacity-100:is(:where(.group).is-active *) {
      opacity: 1
    }
  
    .group-\[\&\.is-active\]\/item\:translate-y-0:is(:where(.group\/item).is-active *) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .group-\[\&\.is-active\]\/item\:border-white:is(:where(.group\/item).is-active *) {
      border-color: var(--color-white)
    }
  
    .group-\[\&\.is-active\]\/item\:bg-\[\#5B6670\]:is(:where(.group\/item).is-active *) {
      background-color: #5b6670
    }
  
    .group-\[\&\.is-active\]\/item\:bg-primary:is(:where(.group\/item).is-active *) {
      background-color: var(--color-primary)
    }
  
    .group-\[\&\.is-active\]\/item\:bg-white:is(:where(.group\/item).is-active *) {
      background-color: var(--color-white)
    }
  
    .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-\[\&\.is-active\]\/item\:brightness-100:is(:where(.group\/item).is-active *) {
      --tw-brightness: brightness(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, )
    }
  
    .group-\[\&\.is-active\]\/item\:invert-0:is(:where(.group\/item).is-active *) {
      --tw-invert: invert(0%);
      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, )
    }
  
    .group-\[\&\.swiper-pagination-bullet-active\]\/bullet\:stroke-white\/15:is(:where(.group\/bullet).swiper-pagination-bullet-active *) {
      stroke: #ffffff26
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .group-\[\&\.swiper-pagination-bullet-active\]\/bullet\:stroke-white\/15:is(:where(.group\/bullet).swiper-pagination-bullet-active *) {
        stroke: color-mix(in oklab, var(--color-white) 15%, transparent)
      }
    }
  
    .group-\[\&\.swiper-pagination-bullet-active\]\/bullet\:duration-\[5s\]:is(:where(.group\/bullet).swiper-pagination-bullet-active *) {
      --tw-duration: 5s;
      transition-duration: 5s
    }
  
    .group-\[\&\.swiper-pagination-bullet-active\]\/bullet\:\[stroke-dasharray\:120px_150px\]:is(:where(.group\/bullet).swiper-pagination-bullet-active *) {
      stroke-dasharray: 120 150
    }
  
    .group-\[\&\.swiper-slide-thumb-active\]\/slide\:border-primary:is(:where(.group\/slide).swiper-slide-thumb-active *) {
      border-color: var(--color-primary)
    }
  
    .group-\[\&\.swiper-slide-thumb-active\]\/slide\:text-black:is(:where(.group\/slide).swiper-slide-thumb-active *) {
      color: var(--color-black)
    }
  
    .peer-checked\:border-black:is(:where(.peer):checked~*) {
      border-color: var(--color-black)
    }
  
    .placeholder\:text-\[16px\]::placeholder {
      font-size: 16px
    }
  
    .placeholder\:text-\[\#222\]\/60::placeholder {
      color: #2229
    }
  
    .placeholder\:text-\[\#222\]\/70::placeholder {
      color: #222222b3
    }
  
    .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-first\/45::placeholder {
      color: #000d4473
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .placeholder\:text-first\/45::placeholder {
        color: color-mix(in oklab, var(--color-first) 45%, transparent)
      }
    }
  
    .placeholder\:text-gray-400::placeholder {
      color: var(--color-gray-400, oklch(70.7% .022 261.325))
    }
  
    .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-center:before {
      content: var(--tw-content);
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%
    }
  
    .before\:absolute:before {
      content: var(--tw-content);
      position: absolute
    }
  
    .before\:-top-1\.5:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -1.5)
    }
  
    .before\:-top-1\/2:before {
      content: var(--tw-content);
      top: -50%
    }
  
    .before\:-top-50:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -50)
    }
  
    .before\:top-0:before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0)
    }
  
    .before\:top-1\/2:before {
      content: var(--tw-content);
      top: 50%
    }
  
    .before\:top-\[-50px\]:before {
      content: var(--tw-content);
      top: -50px
    }
  
    .before\:top-\[50\%\]:before {
      content: var(--tw-content);
      top: 50%
    }
  
    .before\:right-0:before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0)
    }
  
    .before\:bottom-0:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0)
    }
  
    .before\:bottom-\[-15px\]:before {
      content: var(--tw-content);
      bottom: -15px
    }
  
    .before\:bottom-\[-30px\]:before {
      content: var(--tw-content);
      bottom: -30px
    }
  
    .before\:-left-1\/2:before {
      content: var(--tw-content);
      left: -50%
    }
  
    .before\:left-0:before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0)
    }
  
    .before\:left-1\/2:before {
      content: var(--tw-content);
      left: 50%
    }
  
    .before\:left-55:before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 55)
    }
  
    .before\:left-\[-90px\]:before {
      content: var(--tw-content);
      left: -90px
    }
  
    .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-20:before {
      content: var(--tw-content);
      z-index: 20
    }
  
    .before\:z-30:before {
      content: var(--tw-content);
      z-index: 30
    }
  
    .before\:aspect-square:before {
      content: var(--tw-content);
      aspect-ratio: 1
    }
  
    .before\:size-12:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12)
    }
  
    .before\:size-\[calc\(100\%-7px\)\]:before {
      content: var(--tw-content);
      width: calc(100% - 7px);
      height: calc(100% - 7px)
    }
  
    .before\:size-\[calc\(100\%-15px\)\]:before {
      content: var(--tw-content);
      width: calc(100% - 15px);
      height: calc(100% - 15px)
    }
  
    .before\:size-\[calc\(100\%-20px\)\]:before {
      content: var(--tw-content);
      width: calc(100% - 20px);
      height: calc(100% - 20px)
    }
  
    .before\:size-full:before {
      content: var(--tw-content);
      width: 100%;
      height: 100%
    }
  
    .before\:h-1:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 1)
    }
  
    .before\:h-2:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 2)
    }
  
    .before\:h-5:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 5)
    }
  
    .before\:h-25:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 25)
    }
  
    .before\:h-60:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 60)
    }
  
    .before\:h-300:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 300)
    }
  
    .before\:h-\[50\%\]:before {
      content: var(--tw-content);
      height: 50%
    }
  
    .before\:h-\[calc\(100\%\+120px\)\]:before {
      content: var(--tw-content);
      height: calc(100% + 120px)
    }
  
    .before\:h-full:before {
      content: var(--tw-content);
      height: 100%
    }
  
    .before\:w-0:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 0)
    }
  
    .before\:w-1:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1)
    }
  
    .before\:w-1\/2:before {
      content: var(--tw-content);
      width: 50%
    }
  
    .before\:w-46:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 46)
    }
  
    .before\:w-60:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 60)
    }
  
    .before\:w-800:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 800)
    }
  
    .before\:w-1400:before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1400)
    }
  
    .before\:w-\[50\%\]:before {
      content: var(--tw-content);
      width: 50%
    }
  
    .before\:w-\[calc\(100\%\+50px\)\]:before {
      content: var(--tw-content);
      width: calc(100% + 50px)
    }
  
    .before\:w-full:before {
      content: var(--tw-content);
      width: 100%
    }
  
    .before\:w-screen:before {
      content: var(--tw-content);
      width: 100vw
    }
  
    .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-\[-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\:scale-\[1\.2\]:before {
      content: var(--tw-content);
      scale: 1.2
    }
  
    .before\:rounded-2xl:before {
      content: var(--tw-content);
      border-radius: var(--radius-2xl, 1rem)
    }
  
    .before\:rounded-3xl:before {
      content: var(--tw-content);
      border-radius: var(--radius-3xl, 1.5rem)
    }
  
    .before\:rounded-\[10px\]:before {
      content: var(--tw-content);
      border-radius: 10px
    }
  
    .before\:rounded-\[15px\]:before {
      content: var(--tw-content);
      border-radius: 15px
    }
  
    .before\:rounded-\[17px\]:before {
      content: var(--tw-content);
      border-radius: 17px
    }
  
    .before\:rounded-\[20px\]:before {
      content: var(--tw-content);
      border-radius: 20px
    }
  
    .before\:rounded-\[25px\]:before {
      content: var(--tw-content);
      border-radius: 25px
    }
  
    .before\:rounded-\[27px\]:before {
      content: var(--tw-content);
      border-radius: 27px
    }
  
    .before\:rounded-\[30px\]:before {
      content: var(--tw-content);
      border-radius: 30px
    }
  
    .before\:rounded-full:before {
      content: var(--tw-content);
      border-radius: 3.40282e38px
    }
  
    .before\:rounded-md:before {
      content: var(--tw-content);
      border-radius: var(--radius-md, .375rem)
    }
  
    .before\:rounded-b-\[30px\]:before {
      content: var(--tw-content);
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 30px
    }
  
    .before\:bg-\[\#1E7DB1\]:before {
      content: var(--tw-content);
      background-color: #1e7db1
    }
  
    .before\:bg-\[\#2E8DAD\]\/60:before {
      content: var(--tw-content);
      background-color: #2e8dad99
    }
  
    .before\:bg-\[\#5B6670\]\/30:before {
      content: var(--tw-content);
      background-color: #5b66704d
    }
  
    .before\:bg-black:before {
      content: var(--tw-content);
      background-color: var(--color-black)
    }
  
    .before\:bg-black\/10:before {
      content: var(--tw-content);
      background-color: #0000001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-black\/10:before {
        background-color: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }
  
    .before\:bg-black\/15:before {
      content: var(--tw-content);
      background-color: #00000026
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-black\/15:before {
        background-color: color-mix(in oklab, var(--color-black) 15%, transparent)
      }
    }
  
    .before\:bg-black\/20:before {
      content: var(--tw-content);
      background-color: #0003
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-black\/20:before {
        background-color: color-mix(in oklab, var(--color-black) 20%, transparent)
      }
    }
  
    .before\:bg-black\/30:before {
      content: var(--tw-content);
      background-color: #0000004d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-black\/30:before {
        background-color: color-mix(in oklab, var(--color-black) 30%, transparent)
      }
    }
  
    .before\:bg-black\/45:before {
      content: var(--tw-content);
      background-color: #00000073
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-black\/45:before {
        background-color: color-mix(in oklab, var(--color-black) 45%, transparent)
      }
    }
  
    .before\:bg-primary:before {
      content: var(--tw-content);
      background-color: var(--color-primary)
    }
  
    .before\:bg-primary\/0:before {
      content: var(--tw-content);
      background-color: #0000
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-primary\/0:before {
        background-color: color-mix(in oklab, var(--color-primary) 0%, transparent)
      }
    }
  
    .before\:bg-secondary:before {
      content: var(--tw-content);
      background-color: var(--color-secondary)
    }
  
    .before\:bg-secondary\/70:before {
      content: var(--tw-content);
      background-color: #005f7fb3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-secondary\/70:before {
        background-color: color-mix(in oklab, var(--color-secondary) 70%, transparent)
      }
    }
  
    .before\:bg-white:before {
      content: var(--tw-content);
      background-color: var(--color-white)
    }
  
    .before\:bg-white\/20:before {
      content: var(--tw-content);
      background-color: #fff3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-white\/20:before {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
      }
    }
  
    .before\:bg-white\/75:before {
      content: var(--tw-content);
      background-color: #ffffffbf
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .before\:bg-white\/75:before {
        background-color: color-mix(in oklab, var(--color-white) 75%, transparent)
      }
    }
  
    .before\:bg-linear-to-r:before {
      content: var(--tw-content);
      --tw-gradient-position: to right
    }
  
    @supports (background-image:linear-gradient(in lab, red, red)) {
      .before\:bg-linear-to-r:before {
        --tw-gradient-position: to right in oklab
      }
    }
  
    .before\:bg-linear-to-r:before {
      background-image: linear-gradient(var(--tw-gradient-stops))
    }
  
    .before\:from-white:before {
      content: var(--tw-content);
      --tw-gradient-from: var(--color-white);
      --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))
    }
  
    .before\:via-white:before {
      content: var(--tw-content);
      --tw-gradient-via: var(--color-white);
      --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)
    }
  
    .before\:to-transparent:before {
      content: var(--tw-content);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
    }
  
    .before\:p-10:before {
      content: var(--tw-content);
      padding: calc(var(--spacing) * 10)
    }
  
    .before\:opacity-0:before {
      content: var(--tw-content);
      opacity: 0
    }
  
    .before\:opacity-6:before {
      content: var(--tw-content);
      opacity: .06
    }
  
    .before\:opacity-10:before {
      content: var(--tw-content);
      opacity: .1
    }
  
    .before\:opacity-20:before {
      content: var(--tw-content);
      opacity: .2
    }
  
    .before\:opacity-30:before {
      content: var(--tw-content);
      opacity: .3
    }
  
    .before\:opacity-70:before {
      content: var(--tw-content);
      opacity: .7
    }
  
    .before\:transition-all:before {
      content: var(--tw-content);
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, .15s))
    }
  
    .before\:duration-450:before {
      content: var(--tw-content);
      --tw-duration: .45s;
      transition-duration: .45s
    }
  
    .before\:duration-500:before {
      content: var(--tw-content);
      --tw-duration: .5s;
      transition-duration: .5s
    }
  
    .before\:duration-700:before {
      content: var(--tw-content);
      --tw-duration: .7s;
      transition-duration: .7s
    }
  
    .before\:ease-in-out:before {
      content: var(--tw-content);
      --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
      transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))
    }
  
    .before\:\[background\:linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.40\)_0\%\,rgba\(0\,0\,0\,0\.40\)_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#0006 0% 100%)
    }
  
    .before\:\[background\:linear-gradient\(0deg\,rgba\(0\,95\,127\,0\.40\)_0\%\,rgba\(0\,95\,127\,0\.40\)_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#005f7f66 0% 100%)
    }
  
    .before\:\[background\:linear-gradient\(90deg\,\#1ECAD3_-17\.7\%\,\#077FC3_37\.75\%\,\#005F7F_99\.99\%\)\,var\(--Dark\,\#005F7F\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(90deg, #1ecad3 -17.7%, #077fc3 37.75%, #005f7f 99.99%), var(--Dark, #005f7f)
    }
  
    .before\:\[background\:linear-gradient\(90deg\,\#1ECAD3_-38\.85\%\,\#113E68_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(90deg, #1ecad3 -38.85%, #113e68)
    }
  
    .before\:\[background\:linear-gradient\(90deg\,\#1ECAD3_-57\.01\%\,\#077FC3_16\.96\%\,\#005F7F_100\%\)\,var\(--Dark\,\#005F7F\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(90deg, #1ecad3 -57.01%, #077fc3 16.96%, #005f7f), var(--Dark, #005f7f)
    }
  
    .before\:\[background\:linear-gradient\(90deg\,\#005F7F_0\%\,\#077FC3_52\.88\%\,\#1ECAD3_100\%\)\,\#FFF\]:before {
      content: var(--tw-content);
      background: linear-gradient(90deg, #005f7f, #077fc3 52.88%, #1ecad3), #fff
    }
  
    .before\:\[background\:linear-gradient\(90deg\,\#005F7F_0\%\,\#077FC3_52\.88\%\,\#1ECAD3_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(90deg, #005f7f, #077fc3 52.88%, #1ecad3)
    }
  
    .before\:\[background\:linear-gradient\(90deg\,rgba\(206\,209\,211\,0\.40\)_0\%\,rgba\(176\,205\,215\,0\.40\)_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(90deg, #ced1d366, #b0cdd766)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,\#000D44_4\.64\%\,rgba\(0\,13\,68\,0\.00\)_27\.81\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#000d44 4.64%, #000d4400 27.81%)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,\#FFF_0\%\,rgba\(255\,255\,255\,0\.00\)_100\%\)\,linear-gradient\(253deg\,\#E6E1FA_3\.94\%\,\#FEEBD7_27\.62\%\,\#A4D5D9_98\.67\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.00\)_0\%\,rgba\(255\,255\,255\,0\.51\)_28\.2\%\,rgba\(255\,255\,255\,0\.73\)_40\.87\%\,rgba\(255\,255\,255\,0\.83\)_54\.31\%\,\#F1FAFE_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#fff, #fff0), linear-gradient(253deg, #e6e1fa 3.94%, #feebd7 27.62%, #a4d5d9 98.67%), linear-gradient(#fff0, #ffffff82 28.2%, #ffffffba 40.87%, #ffffffd4 54.31%, #f1fafe)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,rgba\(10\,11\,30\,0\.00\)_0\%\,\#0A0B1E_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#0a0b1e00, #0a0b1e)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.00\)_-119\.15\%\,\#077FC3_114\.13\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#fff0 -119.15%, #077fc3 114.13%)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.00\)_0\.13\%\,\#077FC3_113\.99\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#fff0 .13%, #077fc3 113.99%)
    }
  
    .before\:\[background\:linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.00\)_1\.13\%\,\#077FC3_113\.99\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(#fff0 1.13%, #077fc3 113.99%)
    }
  
    .before\:\[background\:linear-gradient\(180deg_\#FFF_0\%\,rgba\(255\,255\,255\,0\.00\)_100\%\)\,linear-gradient\(253deg\,\#E6E1FA_3\.94\%\,\#FEEBD7_27\.62\%\,\#A4D5D9_98\.67\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.00\)_0\%\,rgba\(255\,255\,255\,0\.51\)_28\.2\%\,rgba\(255\,255\,255\,0\.73\)_40\.87\%\,rgba\(255\,255\,255\,0\.83\)_54\.31\%\,\#F1FAFE_100\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(180deg #fff 0%, #fff0), linear-gradient(253deg, #e6e1fa 3.94%, #feebd7 27.62%, #a4d5d9 98.67%), linear-gradient(180deg, #fff0, #ffffff82 28.2%, #ffffffba 40.87%, #ffffffd4 54.31%, #f1fafe)
    }
  
    .before\:\[background\:linear-gradient\(271deg\,rgba\(14\,17\,51\,0\.00\)_39\.58\%\,rgba\(0\,0\,31\,0\.80\)_93\.77\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(271deg, #0e113300 39.58%, #00001fcc 93.77%)
    }
  
    .before\:\[background\:linear-gradient\(272deg\,rgba\(0\,95\,127\,0\.00\)_-30\.4\%\,\#005F7F_58\.63\%\)\]:before {
      content: var(--tw-content);
      background: linear-gradient(272deg, #005f7f00 -30.4%, #005f7f 58.63%)
    }
  
    .before\:\[background\:radial-gradient\(50\%_50\%_at_50\%_50\%\,\#34AEF5_0\%\,rgba\(18\,28\,34\,0\.00\)_100\%\)\]:before {
      content: var(--tw-content);
      background: radial-gradient(50% 50%, #34aef5, #121c2200)
    }
  
    .before\:\[background\:radial-gradient\(50\%_50\%_at_50\%_50\%\,\#34AEF5_0\%\,rgba\(18\,28\,35\,0\.00\)_100\%\)\]:before {
      content: var(--tw-content);
      background: radial-gradient(50% 50%, #34aef5, #121c2300)
    }
  
    .before\:\[background\:radial-gradient\(91\.91\%_73\.07\%_at_71\.25\%_83\.08\%\,rgba\(255\,255\,255\,0\.49\)_0\%\,\#FFF_100\%\)\]:before {
      content: var(--tw-content);
      background: radial-gradient(91.91% 73.07% at 71.25% 83.08%, #ffffff7d, #fff)
    }
  
    .before\:\[background\:var\(--gradient\,linear-gradient\(90deg\,\#005F7F_0\%\,\#077FC3_52\.88\%\,\#1ECAD3_100\%\)\)\]:before {
      content: var(--tw-content);
      background: var(--gradient, linear-gradient(90deg, #005f7f 0%, #077fc3 52.88%, #1ecad3 100%))
    }
  
    .group-slide-active\/slide\:before\:bg-white:is(:where(.group\/slide).swiper-slide-active *):before {
      content: var(--tw-content);
      background-color: var(--color-white)
    }
  
    .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-full:after {
      content: var(--tw-content);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0
    }
  
    .after\:absolute:after {
      content: var(--tw-content);
      position: absolute
    }
  
    .after\:top-0:after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0)
    }
  
    .after\:left-0:after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0)
    }
  
    .after\:-z-1:after {
      content: var(--tw-content);
      z-index: -1
    }
  
    .after\:z-2:after {
      content: var(--tw-content);
      z-index: 2
    }
  
    .after\:hidden:after {
      content: var(--tw-content);
      display: none
    }
  
    .after\:h-full:after {
      content: var(--tw-content);
      height: 100%
    }
  
    .after\:w-7:after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 7)
    }
  
    .after\:rotate-180:after {
      content: var(--tw-content);
      rotate: 180deg
    }
  
    .after\:rounded-\[20px\]:after {
      content: var(--tw-content);
      border-radius: 20px
    }
  
    .after\:rounded-full:after {
      content: var(--tw-content);
      border-radius: 3.40282e38px
    }
  
    .after\:bg-black\/40:after {
      content: var(--tw-content);
      background-color: #0006
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .after\:bg-black\/40:after {
        background-color: color-mix(in oklab, var(--color-black) 40%, transparent)
      }
    }
  
    .after\:bg-primary:after {
      content: var(--tw-content);
      background-color: var(--color-primary)
    }
  
    .after\:opacity-0:after {
      content: var(--tw-content);
      opacity: 0
    }
  
    .after\:\[box-shadow\:0_4\.729px_63\.843px_0_rgba\(30\,202\,211\,0\.11\)\]:after {
      content: var(--tw-content);
      box-shadow: 0 4.729px 63.843px #1ecad31c
    }
  
    .after\:duration-500:after {
      content: var(--tw-content);
      --tw-duration: .5s;
      transition-duration: .5s
    }
  
    .after\:\[background\:linear-gradient\(90deg\,\#1ECAD3_-38\.85\%\,\#113E68_100\%\)\]:after {
      content: var(--tw-content);
      background: linear-gradient(90deg, #1ecad3 -38.85%, #113e68)
    }
  
    .after\:\[background\:linear-gradient\(90deg\,\#005F7F_0\%\,\#077FC3_52\.88\%\,\#1ECAD3_100\%\)\,\#FFF\]:after {
      content: var(--tw-content);
      background: linear-gradient(90deg, #005f7f, #077fc3 52.88%, #1ecad3), #fff
    }
  
    .after\:\[background\:radial-gradient\(152\.16\%_109\.69\%_at_96\.06\%_103\.29\%\,rgba\(30\,202\,211\,0\.15\)_0\%\,\#113E68_100\%\)\]:after {
      content: var(--tw-content);
      background: radial-gradient(152.16% 109.69% at 96.06% 103.29%, #1ecad326, #113e68)
    }
  
    .after\:\[background\:var\(--gradient\,linear-gradient\(90deg\,\#005F7F_0\%\,\#077FC3_52\.88\%\,\#1ECAD3_100\%\)\)\]:after {
      content: var(--tw-content);
      background: var(--gradient, linear-gradient(90deg, #005f7f 0%, #077fc3 52.88%, #1ecad3 100%))
    }
  
    .last\:border-none:last-child {
      --tw-border-style: none;
      border-style: none
    }
  
    @media(hover:hover) {
      .hover\:rotate-90:hover {
        rotate: 90deg
      }
  
      .hover\:border-transparent:hover {
        border-color: #0000
      }
  
      .hover\:border-white:hover {
        border-color: var(--color-white)
      }
  
      .hover\:bg-first:hover {
        background-color: var(--color-first)
      }
  
      .hover\:bg-first\/80:hover {
        background-color: #000d44cc
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-first\/80:hover {
          background-color: color-mix(in oklab, var(--color-first) 80%, transparent)
        }
      }
  
      .hover\:bg-gray-50:hover {
        background-color: var(--color-gray-50, oklch(98.5% .002 247.839))
      }
  
      .hover\:bg-gray-50\/80:hover {
        background-color: #f9fafbcc
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-gray-50\/80:hover {
          background-color: color-mix(in oklab, var(--color-gray-50, oklch(98.5% .002 247.839)) 80%, transparent)
        }
      }
  
      .hover\:bg-gray-100:hover {
        background-color: var(--color-gray-100, oklch(96.7% .003 264.542))
      }
  
      .hover\:bg-primary:hover {
        background-color: var(--color-primary)
      }
  
      .hover\:bg-white\/10:hover {
        background-color: #ffffff1a
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/10:hover {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
        }
      }
  
      .hover\:bg-white\/20:hover {
        background-color: #fff3
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .hover\:bg-white\/20:hover {
          background-color: color-mix(in oklab, var(--color-white) 20%, transparent)
        }
      }
  
      .hover\:text-first:hover {
        color: var(--color-first)
      }
  
      .hover\:text-gray-400:hover {
        color: var(--color-gray-400, oklch(70.7% .022 261.325))
      }
  
      .hover\:text-gray-700:hover {
        color: var(--color-gray-700, oklch(37.3% .034 259.733))
      }
  
      .hover\:text-primary:hover {
        color: var(--color-primary)
      }
  
      .hover\:text-white:hover {
        color: var(--color-white)
      }
  
      .hover\:underline:hover {
        text-decoration-line: underline
      }
  
      .hover\:opacity-80:hover {
        opacity: .8
      }
  
      .hover\:shadow-md:hover {
        --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)
      }
  
      .hover\:shadow-sm:hover {
        --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)
      }
    }
  
    .focus\:border-black:focus {
      border-color: var(--color-black)
    }
  
    .focus\:border-blue-300:focus {
      border-color: var(--color-blue-300, oklch(80.9% .105 251.813))
    }
  
    .focus\:border-first\/20:focus {
      border-color: #000d4433
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .focus\:border-first\/20:focus {
        border-color: color-mix(in oklab, var(--color-first) 20%, transparent)
      }
    }
  
    .focus\:border-primary:focus {
      border-color: var(--color-primary)
    }
  
    .focus\:border-primary\/40:focus {
      border-color: #1ecad366
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .focus\:border-primary\/40:focus {
        border-color: color-mix(in oklab, var(--color-primary) 40%, transparent)
      }
    }
  
    .focus\:underline:focus {
      text-decoration-line: underline
    }
  
    .focus\:ring:focus {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .focus\:ring-0:focus {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .focus\:ring-1:focus {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .focus\:ring-2:focus {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .focus\:ring-blue-500:focus {
      --tw-ring-color: var(--color-blue-500, oklch(62.3% .214 259.815))
    }
  
    .focus\:ring-first:focus {
      --tw-ring-color: var(--color-first)
    }
  
    .focus\:ring-white:focus {
      --tw-ring-color: var(--color-white)
    }
  
    .focus\:ring-offset-2:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
    }
  
    .focus\:ring-offset-secondary:focus {
      --tw-ring-offset-color: var(--color-secondary)
    }
  
    .focus\:outline-none:focus {
      --tw-outline-style: none;
      outline-style: none
    }
  
    .focus-visible\:ring-2:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
    }
  
    .focus-visible\:ring-blue-500:focus-visible {
      --tw-ring-color: var(--color-blue-500, oklch(62.3% .214 259.815))
    }
  
    .focus-visible\:outline:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px
    }
  
    .focus-visible\:outline-2:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px
    }
  
    .focus-visible\:outline-offset-2:focus-visible {
      outline-offset: 2px
    }
  
    .active\:bg-gray-100:active {
      background-color: var(--color-gray-100, oklch(96.7% .003 264.542))
    }
  
    .active\:text-gray-500:active {
      color: var(--color-gray-500, oklch(55.1% .027 264.364))
    }
  
    .active\:text-gray-700:active {
      color: var(--color-gray-700, oklch(37.3% .034 259.733))
    }
  
    .active\:text-gray-800:active {
      color: var(--color-gray-800, oklch(27.8% .033 256.848))
    }
  
    .disabled\:pointer-events-none:disabled {
      pointer-events: none
    }
  
    .disabled\:cursor-not-allowed:disabled {
      cursor: not-allowed
    }
  
    .disabled\:bg-gray-300:disabled {
      background-color: var(--color-gray-300, oklch(87.2% .01 258.338))
    }
  
    .disabled\:text-gray-500:disabled {
      color: var(--color-gray-500, oklch(55.1% .027 264.364))
    }
  
    .disabled\:opacity-50:disabled {
      opacity: .5
    }
  
    .disabled\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled {
      -webkit-text-fill-color: oklch(55.1% .027 264.364)
    }
  
    .disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled::placeholder {
      -webkit-text-fill-color: oklch(70.7% .022 261.325)
    }
  
    @media not all and (min-width:1680px) {
      .max-2xl\:right-\[-15\%\] {
        right: -15%
      }
  
      .max-2xl\:right-\[-20\%\] {
        right: -20%
      }
  
      .max-2xl\:left-\[-8\%\] {
        left: -8%
      }
  
      .max-2xl\:left-\[-15\%\] {
        left: -15%
      }
  
      .max-2xl\:left-\[-20\%\] {
        left: -20%
      }
  
      .max-2xl\:aspect-40\/40 {
        aspect-ratio: 40/40
      }
  
      .max-2xl\:h-400 {
        height: calc(var(--spacing) * 400)
      }
  
      .max-2xl\:h-500 {
        height: calc(var(--spacing) * 500)
      }
  
      .max-2xl\:h-600 {
        height: calc(var(--spacing) * 600)
      }
  
      .max-2xl\:h-700 {
        height: calc(var(--spacing) * 700)
      }
  
      .max-2xl\:max-h-400 {
        max-height: calc(var(--spacing) * 400)
      }
  
      .max-2xl\:w-500 {
        width: calc(var(--spacing) * 500)
      }
  
      .max-2xl\:w-700 {
        width: calc(var(--spacing) * 700)
      }
  
      .max-2xl\:max-w-400 {
        max-width: calc(var(--spacing) * 400)
      }
  
      .max-2xl\:max-w-450 {
        max-width: calc(var(--spacing) * 450)
      }
  
      .max-2xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr)
      }
  
      .max-2xl\:tracking-\[-3px\] {
        --tw-tracking: -3px;
        letter-spacing: -3px
      }
    }
  
    @media not all and (min-width:1440px) {
      .max-xl\:-top-100 {
        top: calc(var(--spacing) * -100)
      }
  
      .max-xl\:top-\[18\%\] {
        top: 18%
      }
  
      .max-xl\:top-full {
        top: 100%
      }
  
      .max-xl\:right-\[-10\%\] {
        right: -10%
      }
  
      .max-xl\:bottom-\[-50\%\] {
        bottom: -50%
      }
  
      .max-xl\:left-\[-3\%\] {
        left: -3%
      }
  
      .max-xl\:left-\[-5\%\] {
        left: -5%
      }
  
      .max-xl\:left-\[-10\%\] {
        left: -10%
      }
  
      .max-xl\:mt-40 {
        margin-top: calc(var(--spacing) * 40)
      }
  
      .max-xl\:flex {
        display: flex
      }
  
      .max-xl\:grid {
        display: grid
      }
  
      .max-xl\:aspect-35\/35 {
        aspect-ratio: 35/35
      }
  
      .max-xl\:size-20 {
        width: calc(var(--spacing) * 20);
        height: calc(var(--spacing) * 20)
      }
  
      .max-xl\:size-60 {
        width: calc(var(--spacing) * 60);
        height: calc(var(--spacing) * 60)
      }
  
      .max-xl\:size-140 {
        width: calc(var(--spacing) * 140);
        height: calc(var(--spacing) * 140)
      }
  
      .max-xl\:size-170 {
        width: calc(var(--spacing) * 170);
        height: calc(var(--spacing) * 170)
      }
  
      .max-xl\:size-550 {
        width: calc(var(--spacing) * 550);
        height: calc(var(--spacing) * 550)
      }
  
      .max-xl\:h-50 {
        height: calc(var(--spacing) * 50)
      }
  
      .max-xl\:h-200 {
        height: calc(var(--spacing) * 200)
      }
  
      .max-xl\:h-300 {
        height: calc(var(--spacing) * 300)
      }
  
      .max-xl\:h-350 {
        height: calc(var(--spacing) * 350)
      }
  
      .max-xl\:h-402 {
        height: calc(var(--spacing) * 402)
      }
  
      .max-xl\:h-550 {
        height: calc(var(--spacing) * 550)
      }
  
      .max-xl\:h-650 {
        height: calc(var(--spacing) * 650)
      }
  
      .max-xl\:max-h-350 {
        max-height: calc(var(--spacing) * 350)
      }
  
      .max-xl\:w-fit {
        width: fit-content
      }
  
      .max-xl\:w-full {
        width: 100%
      }
  
      .max-xl\:max-w-200 {
        max-width: calc(var(--spacing) * 200)
      }
  
      .max-xl\:max-w-220 {
        max-width: calc(var(--spacing) * 220)
      }
  
      .max-xl\:max-w-350 {
        max-width: calc(var(--spacing) * 350)
      }
  
      .max-xl\:max-w-820 {
        max-width: calc(var(--spacing) * 820)
      }
  
      .max-xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }
  
      .max-xl\:grid-cols-\[1fr_1\.45fr\] {
        grid-template-columns: 1fr 1.45fr
      }
  
      .max-xl\:grid-cols-\[minmax\(0\,1\.75fr\)_minmax\(0\,1fr\)\] {
        grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr)
      }
  
      .max-xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2\.5fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2.5fr)
      }
  
      .max-xl\:flex-col {
        flex-direction: column
      }
  
      .max-xl\:flex-col-reverse {
        flex-direction: column-reverse
      }
  
      .max-xl\:items-end {
        align-items: flex-end
      }
  
      .max-xl\:gap-10 {
        gap: calc(var(--spacing) * 10)
      }
  
      .max-xl\:gap-15 {
        gap: calc(var(--spacing) * 15)
      }
  
      .max-xl\:p-10 {
        padding: calc(var(--spacing) * 10)
      }
  
      .max-xl\:tracking-\[-1\.5px\] {
        --tw-tracking: -1.5px;
        letter-spacing: -1.5px
      }
  
      .max-xl\:tracking-\[-2\.5px\] {
        --tw-tracking: -2.5px;
        letter-spacing: -2.5px
      }
  
      .max-xl\:tracking-\[-2px\] {
        --tw-tracking: -2px;
        letter-spacing: -2px
      }
  
      .max-xl\:tracking-\[-3px\] {
        --tw-tracking: -3px;
        letter-spacing: -3px
      }
  
      .max-xl\:before\:bottom-\[-25px\]:before {
        content: var(--tw-content);
        bottom: -25px
      }
    }
  
    @media not all and (min-width:1280px) {
      .max-lg\:pointer-events-none {
        pointer-events: none
      }
  
      .max-lg\:absolute {
        position: absolute
      }
  
      .max-lg\:top-0 {
        top: calc(var(--spacing) * 0)
      }
  
      .max-lg\:top-\[35\%\] {
        top: 35%
      }
  
      .max-lg\:top-\[105\%\] {
        top: 105%
      }
  
      .max-lg\:top-full {
        top: 100%
      }
  
      .max-lg\:right-0 {
        right: calc(var(--spacing) * 0)
      }
  
      .max-lg\:right-10 {
        right: calc(var(--spacing) * 10)
      }
  
      .max-lg\:right-85 {
        right: calc(var(--spacing) * 85)
      }
  
      .max-lg\:right-\[-5\%\] {
        right: -5%
      }
  
      .max-lg\:right-\[0\%\] {
        right: 0%
      }
  
      .max-lg\:bottom-0 {
        bottom: calc(var(--spacing) * 0)
      }
  
      .max-lg\:bottom-80 {
        bottom: calc(var(--spacing) * 80)
      }
  
      .max-lg\:bottom-140 {
        bottom: calc(var(--spacing) * 140)
      }
  
      .max-lg\:left-0 {
        left: calc(var(--spacing) * 0)
      }
  
      .max-lg\:left-\[-5\%\] {
        left: -5%
      }
  
      .max-lg\:left-\[-6\%\] {
        left: -6%
      }
  
      .max-lg\:order-1 {
        order: 1
      }
  
      .max-lg\:order-2 {
        order: 2
      }
  
      .max-lg\:order-3 {
        order: 3
      }
  
      .max-lg\:row-span-2 {
        grid-row: span 2/span 2
      }
  
      .max-lg\:mx-auto {
        margin-inline: auto
      }
  
      .max-lg\:-mt-80 {
        margin-top: calc(var(--spacing) * -80)
      }
  
      .max-lg\:mb-30 {
        margin-bottom: calc(var(--spacing) * 30)
      }
  
      .max-lg\:block {
        display: block
      }
  
      .max-lg\:flex {
        display: flex
      }
  
      .max-lg\:grid {
        display: grid
      }
  
      .max-lg\:hidden {
        display: none
      }
  
      .max-lg\:aspect-30\/30 {
        aspect-ratio: 30/30
      }
  
      .max-lg\:size-50 {
        width: calc(var(--spacing) * 50);
        height: calc(var(--spacing) * 50)
      }
  
      .max-lg\:size-55 {
        width: calc(var(--spacing) * 55);
        height: calc(var(--spacing) * 55)
      }
  
      .max-lg\:h-120 {
        height: calc(var(--spacing) * 120)
      }
  
      .max-lg\:h-300 {
        height: calc(var(--spacing) * 300)
      }
  
      .max-lg\:h-350 {
        height: calc(var(--spacing) * 350)
      }
  
      .max-lg\:h-450 {
        height: calc(var(--spacing) * 450)
      }
  
      .max-lg\:h-500 {
        height: calc(var(--spacing) * 500)
      }
  
      .max-lg\:h-550 {
        height: calc(var(--spacing) * 550)
      }
  
      .max-lg\:h-\[calc\(100svh-117px\)\] {
        height: calc(100svh - 117px)
      }
  
      .max-lg\:h-full {
        height: 100%
      }
  
      .max-lg\:max-h-300 {
        max-height: calc(var(--spacing) * 300)
      }
  
      .max-lg\:w-15 {
        width: calc(var(--spacing) * 15)
      }
  
      .max-lg\:w-350 {
        width: calc(var(--spacing) * 350)
      }
  
      .max-lg\:w-450 {
        width: calc(var(--spacing) * 450)
      }
  
      .max-lg\:w-full {
        width: 100%
      }
  
      .max-lg\:max-w-200 {
        max-width: calc(var(--spacing) * 200)
      }
  
      .max-lg\:max-w-300 {
        max-width: calc(var(--spacing) * 300)
      }
  
      .max-lg\:max-w-650 {
        max-width: calc(var(--spacing) * 650)
      }
  
      .max-lg\:max-w-750 {
        max-width: calc(var(--spacing) * 750)
      }
  
      .max-lg\:max-w-full {
        max-width: 100%
      }
  
      .max-lg\:translate-x-full {
        --tw-translate-x: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .max-lg\:translate-y-\[15\%\] {
        --tw-translate-y: 15%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .max-lg\:-rotate-45 {
        rotate: -45deg
      }
  
      .max-lg\:rotate-\[-10deg\] {
        rotate: -10deg
      }
  
      .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-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
      }
  
      .max-lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
      }
  
      .max-lg\:grid-cols-\[1fr_1fr\] {
        grid-template-columns: 1fr 1fr
      }
  
      .max-lg\:grid-cols-\[2fr_7fr\] {
        grid-template-columns: 2fr 7fr
      }
  
      .max-lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 2fr)
      }
  
      .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-center {
        align-items: center
      }
  
      .max-lg\:items-start {
        align-items: flex-start
      }
  
      .max-lg\:justify-between {
        justify-content: space-between
      }
  
      .max-lg\:justify-center {
        justify-content: center
      }
  
      .max-lg\:gap-0 {
        gap: calc(var(--spacing) * 0)
      }
  
      .max-lg\:gap-5 {
        gap: calc(var(--spacing) * 5)
      }
  
      .max-lg\:gap-10 {
        gap: calc(var(--spacing) * 10)
      }
  
      .max-lg\:gap-12 {
        gap: calc(var(--spacing) * 12)
      }
  
      .max-lg\:gap-15 {
        gap: calc(var(--spacing) * 15)
      }
  
      .max-lg\:gap-20 {
        gap: calc(var(--spacing) * 20)
      }
  
      .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-none {
        --tw-border-style: none;
        border-style: none
      }
  
      .max-lg\:border-white\/40 {
        border-color: #fff6
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-lg\:border-white\/40 {
          border-color: color-mix(in oklab, var(--color-white) 40%, transparent)
        }
      }
  
      .max-lg\:bg-primary {
        background-color: var(--color-primary)
      }
  
      .max-lg\:p-5 {
        padding: calc(var(--spacing) * 5)
      }
  
      .max-lg\:p-7 {
        padding: calc(var(--spacing) * 7)
      }
  
      .max-lg\:p-\[15px_30px\] {
        padding: 15px 30px
      }
  
      .max-lg\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
  
      .max-lg\:px-30 {
        padding-inline: calc(var(--spacing) * 30)
      }
  
      .max-lg\:py-10 {
        padding-block: calc(var(--spacing) * 10)
      }
  
      .max-lg\:py-20 {
        padding-block: calc(var(--spacing) * 20)
      }
  
      .max-lg\:py-25 {
        padding-block: calc(var(--spacing) * 25)
      }
  
      .max-lg\:pt-100 {
        padding-top: calc(var(--spacing) * 100)
      }
  
      .max-lg\:pr-70 {
        padding-right: calc(var(--spacing) * 70)
      }
  
      .max-lg\:pb-20 {
        padding-bottom: calc(var(--spacing) * 20)
      }
  
      .max-lg\:pl-20 {
        padding-left: calc(var(--spacing) * 20)
      }
  
      .max-lg\:text-center {
        text-align: center
      }
  
      .max-lg\:tracking-\[-1\.5px\] {
        --tw-tracking: -1.5px;
        letter-spacing: -1.5px
      }
  
      .max-lg\:tracking-\[-1px\] {
        --tw-tracking: -1px;
        letter-spacing: -1px
      }
  
      .max-lg\:tracking-\[-2px\] {
        --tw-tracking: -2px;
        letter-spacing: -2px
      }
  
      .max-lg\:text-black {
        color: var(--color-black)
      }
  
      .max-lg\:text-white {
        color: var(--color-white)
      }
  
      .max-lg\:opacity-0 {
        opacity: 0
      }
  
      .max-lg\:opacity-100 {
        opacity: 1
      }
  
      .max-lg\:group-\[\&\.fixed-smile\]\/body\:mb-160:is(:where(.group\/body).fixed-smile *) {
        margin-bottom: calc(var(--spacing) * 160)
      }
  
      .max-lg\:before\:-bottom-20:before {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * -20)
      }
    }
  
    @media not all and (min-width:1024px) {
      .max-md\:pointer-events-none {
        pointer-events: none
      }
  
      .max-md\:relative {
        position: relative
      }
  
      .max-md\:-top-50 {
        top: calc(var(--spacing) * -50)
      }
  
      .max-md\:top-5 {
        top: calc(var(--spacing) * 5)
      }
  
      .max-md\:top-20 {
        top: calc(var(--spacing) * 20)
      }
  
      .max-md\:top-\[40\%\] {
        top: 40%
      }
  
      .max-md\:right-5 {
        right: calc(var(--spacing) * 5)
      }
  
      .max-md\:right-10 {
        right: calc(var(--spacing) * 10)
      }
  
      .max-md\:right-\[-0\%\] {
        right: -0%
      }
  
      .max-md\:bottom-20 {
        bottom: calc(var(--spacing) * 20)
      }
  
      .max-md\:bottom-30 {
        bottom: calc(var(--spacing) * 30)
      }
  
      .max-md\:bottom-85 {
        bottom: calc(var(--spacing) * 85)
      }
  
      .max-md\:bottom-150 {
        bottom: calc(var(--spacing) * 150)
      }
  
      .max-md\:left-0 {
        left: calc(var(--spacing) * 0)
      }
  
      .max-md\:left-1\/2 {
        left: 50%
      }
  
      .max-md\:left-20 {
        left: calc(var(--spacing) * 20)
      }
  
      .max-md\:z-20 {
        z-index: 20
      }
  
      .max-md\:order-1 {
        order: 1
      }
  
      .max-md\:order-2 {
        order: 2
      }
  
      .max-md\:order-3 {
        order: 3
      }
  
      .max-md\:col-span-1 {
        grid-column: span 1/span 1
      }
  
      .max-md\:row-span-1 {
        grid-row: span 1/span 1
      }
  
      .max-md\:mx-0 {
        margin-inline: calc(var(--spacing) * 0)
      }
  
      .max-md\:mt-0 {
        margin-top: calc(var(--spacing) * 0)
      }
  
      .max-md\:mt-2 {
        margin-top: calc(var(--spacing) * 2)
      }
  
      .max-md\:mt-20 {
        margin-top: calc(var(--spacing) * 20)
      }
  
      .max-md\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0)
      }
  
      .max-md\:mb-10 {
        margin-bottom: calc(var(--spacing) * 10)
      }
  
      .max-md\:mb-24 {
        margin-bottom: calc(var(--spacing) * 24)
      }
  
      .max-md\:ml-0\! {
        margin-left: calc(var(--spacing) * 0) !important
      }
  
      .max-md\:flex-between {
        justify-content: space-between;
        align-items: center;
        display: flex
      }
  
      .max-md\:flex-center {
        justify-content: center;
        align-items: center;
        display: flex
      }
  
      .max-md\:block {
        display: block
      }
  
      .max-md\:flex {
        display: flex
      }
  
      .max-md\:grid {
        display: grid
      }
  
      .max-md\:hidden {
        display: none
      }
  
      .max-md\:inline {
        display: inline
      }
  
      .max-md\:aspect-5\/4 {
        aspect-ratio: 5/4
      }
  
      .max-md\:aspect-6\/7 {
        aspect-ratio: 6/7
      }
  
      .max-md\:aspect-10\/6 {
        aspect-ratio: 10/6
      }
  
      .max-md\:aspect-square {
        aspect-ratio: 1
      }
  
      .max-md\:size-30 {
        width: calc(var(--spacing) * 30);
        height: calc(var(--spacing) * 30)
      }
  
      .max-md\:size-40 {
        width: calc(var(--spacing) * 40);
        height: calc(var(--spacing) * 40)
      }
  
      .max-md\:size-50 {
        width: calc(var(--spacing) * 50);
        height: calc(var(--spacing) * 50)
      }
  
      .max-md\:size-60 {
        width: calc(var(--spacing) * 60);
        height: calc(var(--spacing) * 60)
      }
  
      .max-md\:h-45 {
        height: calc(var(--spacing) * 45)
      }
  
      .max-md\:h-50 {
        height: calc(var(--spacing) * 50)
      }
  
      .max-md\:h-60 {
        height: calc(var(--spacing) * 60)
      }
  
      .max-md\:h-300 {
        height: calc(var(--spacing) * 300)
      }
  
      .max-md\:h-500 {
        height: calc(var(--spacing) * 500)
      }
  
      .max-md\:h-\[calc\(100dvh\)\] {
        height: 100dvh
      }
  
      .max-md\:h-\[calc\(100svh-71px\)\] {
        height: calc(100svh - 71px)
      }
  
      .max-md\:h-auto {
        height: auto
      }
  
      .max-md\:h-auto\! {
        height: auto !important
      }
  
      .max-md\:h-dvh {
        height: 100dvh
      }
  
      .max-md\:h-full {
        height: 100%
      }
  
      .max-md\:max-h-240 {
        max-height: calc(var(--spacing) * 240)
      }
  
      .max-md\:max-h-full {
        max-height: 100%
      }
  
      .max-md\:max-h-none {
        max-height: none
      }
  
      .max-md\:min-h-200 {
        min-height: calc(var(--spacing) * 200)
      }
  
      .max-md\:w-16 {
        width: calc(var(--spacing) * 16)
      }
  
      .max-md\:w-50 {
        width: calc(var(--spacing) * 50)
      }
  
      .max-md\:w-auto {
        width: auto
      }
  
      .max-md\:w-full {
        width: 100%
      }
  
      .max-md\:max-w-full {
        max-width: 100%
      }
  
      .max-md\:shrink-0 {
        flex-shrink: 0
      }
  
      .max-md\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .max-md\:translate-x-100 {
        --tw-translate-x: calc(var(--spacing) * 100);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .max-md\:translate-y-0 {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .max-md\:-rotate-90 {
        rotate: -90deg
      }
  
      .max-md\:rotate-0 {
        rotate: none
      }
  
      .max-md\:rotate-90 {
        rotate: 90deg
      }
  
      .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\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
      }
  
      .max-md\:grid-rows-\[0fr\] {
        grid-template-rows: 0fr
      }
  
      .max-md\:grid-rows-\[1fr\] {
        grid-template-rows: 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\:flex-wrap {
        flex-wrap: wrap
      }
  
      .max-md\:items-center {
        align-items: center
      }
  
      .max-md\:items-start {
        align-items: flex-start
      }
  
      .max-md\:items-stretch {
        align-items: stretch
      }
  
      .max-md\:justify-between {
        justify-content: space-between
      }
  
      .max-md\:justify-center {
        justify-content: center
      }
  
      .max-md\:justify-start {
        justify-content: flex-start
      }
  
      .max-md\:gap-5 {
        gap: calc(var(--spacing) * 5)
      }
  
      .max-md\:gap-8 {
        gap: calc(var(--spacing) * 8)
      }
  
      .max-md\:gap-10 {
        gap: calc(var(--spacing) * 10)
      }
  
      .max-md\:gap-12 {
        gap: calc(var(--spacing) * 12)
      }
  
      .max-md\:gap-15 {
        gap: calc(var(--spacing) * 15)
      }
  
      .max-md\:self-stretch\! {
        align-self: stretch !important
      }
  
      .max-md\:overflow-hidden {
        overflow: hidden
      }
  
      .max-md\:overflow-x-auto {
        overflow-x: auto
      }
  
      .max-md\:rounded-2xl {
        border-radius: var(--radius-2xl, 1rem)
      }
  
      .max-md\:rounded-\[10px\] {
        border-radius: 10px
      }
  
      .max-md\:rounded-\[15px\] {
        border-radius: 15px
      }
  
      .max-md\:rounded-\[20px\] {
        border-radius: 20px
      }
  
      .max-md\:rounded-full {
        border-radius: 3.40282e38px
      }
  
      .max-md\:rounded-none {
        border-radius: 0
      }
  
      .max-md\:rounded-xl {
        border-radius: var(--radius-xl, .75rem)
      }
  
      .max-md\:border {
        border-style: var(--tw-border-style);
        border-width: 1px
      }
  
      .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-secondary {
        border-color: var(--color-secondary)
      }
  
      .max-md\:border-white {
        border-color: var(--color-white)
      }
  
      .max-md\:bg-primary {
        background-color: var(--color-primary)
      }
  
      .max-md\:bg-secondary {
        background-color: var(--color-secondary)
      }
  
      .max-md\:bg-white {
        background-color: var(--color-white)
      }
  
      .max-md\:object-bottom-right {
        object-position: right bottom
      }
  
      .max-md\:p-0 {
        padding: calc(var(--spacing) * 0)
      }
  
      .max-md\:p-10 {
        padding: calc(var(--spacing) * 10)
      }
  
      .max-md\:p-12 {
        padding: calc(var(--spacing) * 12)
      }
  
      .max-md\:p-15 {
        padding: calc(var(--spacing) * 15)
      }
  
      .max-md\:p-16 {
        padding: calc(var(--spacing) * 16)
      }
  
      .max-md\:p-\[5px_5px_5px_5px\] {
        padding: 5px
      }
  
      .max-md\:px-0 {
        padding-inline: calc(var(--spacing) * 0)
      }
  
      .max-md\:px-4 {
        padding-inline: calc(var(--spacing) * 4)
      }
  
      .max-md\:px-15 {
        padding-inline: calc(var(--spacing) * 15)
      }
  
      .max-md\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
  
      .max-md\:py-0 {
        padding-block: calc(var(--spacing) * 0)
      }
  
      .max-md\:py-15 {
        padding-block: calc(var(--spacing) * 15)
      }
  
      .max-md\:py-20 {
        padding-block: calc(var(--spacing) * 20)
      }
  
      .max-md\:py-30 {
        padding-block: calc(var(--spacing) * 30)
      }
  
      .max-md\:py-80 {
        padding-block: calc(var(--spacing) * 80)
      }
  
      .max-md\:pt-20 {
        padding-top: calc(var(--spacing) * 20)
      }
  
      .max-md\:pt-30 {
        padding-top: calc(var(--spacing) * 30)
      }
  
      .max-md\:pt-50 {
        padding-top: calc(var(--spacing) * 50)
      }
  
      .max-md\:pt-70 {
        padding-top: calc(var(--spacing) * 70)
      }
  
      .max-md\:pr-45 {
        padding-right: calc(var(--spacing) * 45)
      }
  
      .max-md\:pb-0 {
        padding-bottom: calc(var(--spacing) * 0)
      }
  
      .max-md\:pb-20 {
        padding-bottom: calc(var(--spacing) * 20)
      }
  
      .max-md\:pl-5 {
        padding-left: calc(var(--spacing) * 5)
      }
  
      .max-md\:pl-45 {
        padding-left: calc(var(--spacing) * 45)
      }
  
      .max-md\:text-center {
        text-align: center
      }
  
      .max-md\:text-\[12px\] {
        font-size: 12px
      }
  
      .max-md\:tracking-\[-0\.5px\] {
        --tw-tracking: -.5px;
        letter-spacing: -.5px
      }
  
      .max-md\:tracking-\[-1px\] {
        --tw-tracking: -1px;
        letter-spacing: -1px
      }
  
      .max-md\:text-\[\#333\] {
        color: #333
      }
  
      .max-md\:text-black\! {
        color: var(--color-black) !important
      }
  
      .max-md\:text-first {
        color: var(--color-first)
      }
  
      .max-md\:text-white {
        color: var(--color-white)
      }
  
      .max-md\:text-white\! {
        color: var(--color-white) !important
      }
  
      .max-md\:text-white\/40 {
        color: #fff6
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-md\:text-white\/40 {
          color: color-mix(in oklab, var(--color-white) 40%, transparent)
        }
      }
  
      .max-md\:opacity-15 {
        opacity: .15
      }
  
      .max-md\:opacity-100 {
        opacity: 1
      }
  
      .max-md\:brightness-100 {
        --tw-brightness: brightness(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, )
      }
  
      .max-md\:grayscale-0 {
        --tw-grayscale: grayscale(0%);
        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, )
      }
  
      .max-md\:group-toggle\/i\:rotate-180:is(:where(.group\/i).toggle *) {
        rotate: 180deg
      }
  
      .max-md\:group-\[\&\.active\]\/lang\:pointer-events-auto:is(:where(.group\/lang).active *) {
        pointer-events: auto
      }
  
      .max-md\:group-\[\&\.active\]\/lang\:opacity-100:is(:where(.group\/lang).active *) {
        opacity: 1
      }
  
      .max-md\:group-\[\&\.fixed-menu\]\/body\:mb-75:is(:where(.group\/body).fixed-menu *) {
        margin-bottom: calc(var(--spacing) * 75)
      }
  
      .max-md\:before\:absolute:before {
        content: var(--tw-content);
        position: absolute
      }
  
      .max-md\:before\:top-0:before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0)
      }
  
      .max-md\:before\:left-0:before {
        content: var(--tw-content);
        left: calc(var(--spacing) * 0)
      }
  
      .max-md\:before\:hidden:before {
        content: var(--tw-content);
        display: none
      }
  
      .max-md\:before\:h-1\/2:before {
        content: var(--tw-content);
        height: 50%
      }
  
      .max-md\:before\:h-full:before {
        content: var(--tw-content);
        height: 100%
      }
  
      .max-md\:before\:w-full:before {
        content: var(--tw-content);
        width: 100%
      }
  
      .max-md\:before\:max-md\:rounded-2xl:before {
        content: var(--tw-content)
      }
  
      .max-md\:before\:max-md\:rounded-2xl:before {
        border-radius: var(--radius-2xl, 1rem)
      }
  
      .max-md\:before\:rounded-2xl:before {
        content: var(--tw-content);
        border-radius: var(--radius-2xl, 1rem)
      }
  
      .max-md\:before\:rounded-none:before {
        content: var(--tw-content);
        border-radius: 0
      }
  
      .max-md\:before\:bg-white:before {
        content: var(--tw-content);
        background-color: var(--color-white)
      }
  
      .max-md\:before\:bg-linear-to-b:before {
        content: var(--tw-content);
        --tw-gradient-position: to bottom
      }
  
      @supports (background-image:linear-gradient(in lab, red, red)) {
        .max-md\:before\:bg-linear-to-b:before {
          --tw-gradient-position: to bottom in oklab
        }
      }
  
      .max-md\:before\:bg-linear-to-b:before {
        background-image: linear-gradient(var(--tw-gradient-stops))
      }
  
      .max-md\:before\:from-white:before {
        content: var(--tw-content);
        --tw-gradient-from: var(--color-white);
        --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))
      }
  
      .max-md\:before\:via-white:before {
        content: var(--tw-content);
        --tw-gradient-via: var(--color-white);
        --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)
      }
  
      .max-md\:before\:to-transparent:before {
        content: var(--tw-content);
        --tw-gradient-to: transparent;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
      }
  
      .max-md\:before\:opacity-70:before {
        content: var(--tw-content);
        opacity: .7
      }
  
      .max-md\:before\:opacity-100:before {
        content: var(--tw-content);
        opacity: 1
      }
  
      .max-md\:after\:bg-black\/65:after {
        content: var(--tw-content);
        background-color: #000000a6
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .max-md\:after\:bg-black\/65:after {
          background-color: color-mix(in oklab, var(--color-black) 65%, transparent)
        }
      }
    }
  
    @media not all and (min-width:768px) {
      .max-sm\:pointer-events-none {
        pointer-events: none
      }
  
      .max-sm\:relative {
        position: relative
      }
  
      .max-sm\:-top-40 {
        top: calc(var(--spacing) * -40)
      }
  
      .max-sm\:top-\[30\%\] {
        top: 30%
      }
  
      .max-sm\:-right-10\! {
        right: calc(var(--spacing) * -10) !important
      }
  
      .max-sm\:right-0 {
        right: calc(var(--spacing) * 0)
      }
  
      .max-sm\:right-4 {
        right: calc(var(--spacing) * 4)
      }
  
      .max-sm\:right-10 {
        right: calc(var(--spacing) * 10)
      }
  
      .max-sm\:right-65 {
        right: calc(var(--spacing) * 65)
      }
  
      .max-sm\:bottom-0 {
        bottom: calc(var(--spacing) * 0)
      }
  
      .max-sm\:bottom-10 {
        bottom: calc(var(--spacing) * 10)
      }
  
      .max-sm\:left-4 {
        left: calc(var(--spacing) * 4)
      }
  
      .max-sm\:left-6 {
        left: calc(var(--spacing) * 6)
      }
  
      .max-sm\:left-10 {
        left: calc(var(--spacing) * 10)
      }
  
      .max-sm\:order-1 {
        order: 1
      }
  
      .max-sm\:order-2 {
        order: 2
      }
  
      .max-sm\:order-3 {
        order: 3
      }
  
      .max-sm\:col-span-1 {
        grid-column: span 1/span 1
      }
  
      .max-sm\:mx-0 {
        margin-inline: calc(var(--spacing) * 0)
      }
  
      .max-sm\:my-10 {
        margin-block: calc(var(--spacing) * 10)
      }
  
      .max-sm\:-mt-10 {
        margin-top: calc(var(--spacing) * -10)
      }
  
      .max-sm\:mt-0 {
        margin-top: calc(var(--spacing) * 0)
      }
  
      .max-sm\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0)
      }
  
      .max-sm\:line-clamp-4 {
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
      }
  
      .max-sm\:block {
        display: block
      }
  
      .max-sm\:flex {
        display: flex
      }
  
      .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\:size-30 {
        width: calc(var(--spacing) * 30);
        height: calc(var(--spacing) * 30)
      }
  
      .max-sm\:size-40 {
        width: calc(var(--spacing) * 40);
        height: calc(var(--spacing) * 40)
      }
  
      .max-sm\:size-430 {
        width: calc(var(--spacing) * 430);
        height: calc(var(--spacing) * 430)
      }
  
      .max-sm\:size-full {
        width: 100%;
        height: 100%
      }
  
      .max-sm\:h-48 {
        height: calc(var(--spacing) * 48)
      }
  
      .max-sm\:h-50 {
        height: calc(var(--spacing) * 50)
      }
  
      .max-sm\:h-80 {
        height: calc(var(--spacing) * 80)
      }
  
      .max-sm\:h-120 {
        height: calc(var(--spacing) * 120)
      }
  
      .max-sm\:h-200 {
        height: calc(var(--spacing) * 200)
      }
  
      .max-sm\:h-370 {
        height: calc(var(--spacing) * 370)
      }
  
      .max-sm\:h-auto {
        height: auto
      }
  
      .max-sm\:w-15 {
        width: calc(var(--spacing) * 15)
      }
  
      .max-sm\:w-150 {
        width: calc(var(--spacing) * 150)
      }
  
      .max-sm\:w-auto {
        width: auto
      }
  
      .max-sm\:w-full {
        width: 100%
      }
  
      .max-sm\:w-full\! {
        width: 100% !important
      }
  
      .max-sm\:w-max {
        width: max-content
      }
  
      .max-sm\:w-screen {
        width: 100vw
      }
  
      .max-sm\:max-w-160 {
        max-width: calc(var(--spacing) * 160)
      }
  
      .max-sm\:max-w-180 {
        max-width: calc(var(--spacing) * 180)
      }
  
      .max-sm\:max-w-200 {
        max-width: calc(var(--spacing) * 200)
      }
  
      .max-sm\:max-w-300 {
        max-width: calc(var(--spacing) * 300)
      }
  
      .max-sm\:max-w-500 {
        max-width: calc(var(--spacing) * 500)
      }
  
      .max-sm\:max-w-full {
        max-width: 100%
      }
  
      .max-sm\:max-w-max {
        max-width: max-content
      }
  
      .max-sm\:max-w-none {
        max-width: none
      }
  
      .max-sm\:shrink-0 {
        flex-shrink: 0
      }
  
      .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\:flex-col {
        flex-direction: column
      }
  
      .max-sm\:flex-row {
        flex-direction: row
      }
  
      .max-sm\:flex-row-reverse {
        flex-direction: row-reverse
      }
  
      .max-sm\:flex-wrap {
        flex-wrap: wrap
      }
  
      .max-sm\:items-center {
        align-items: center
      }
  
      .max-sm\:justify-between {
        justify-content: space-between
      }
  
      .max-sm\:justify-center {
        justify-content: center
      }
  
      .max-sm\:justify-start {
        justify-content: flex-start
      }
  
      .max-sm\:gap-0 {
        gap: calc(var(--spacing) * 0)
      }
  
      .max-sm\:gap-8 {
        gap: calc(var(--spacing) * 8)
      }
  
      .max-sm\:gap-10 {
        gap: calc(var(--spacing) * 10)
      }
  
      .max-sm\:gap-12 {
        gap: calc(var(--spacing) * 12)
      }
  
      .max-sm\:gap-15 {
        gap: calc(var(--spacing) * 15)
      }
  
      .max-sm\:overflow-x-auto {
        overflow-x: auto
      }
  
      .max-sm\:rounded-3xl {
        border-radius: var(--radius-3xl, 1.5rem)
      }
  
      .max-sm\:rounded-\[24px\] {
        border-radius: 24px
      }
  
      .max-sm\:rounded-none {
        border-radius: 0
      }
  
      .max-sm\:p-0 {
        padding: calc(var(--spacing) * 0)
      }
  
      .max-sm\:p-20 {
        padding: calc(var(--spacing) * 20)
      }
  
      .max-sm\:px-0 {
        padding-inline: calc(var(--spacing) * 0)
      }
  
      .max-sm\:px-12 {
        padding-inline: calc(var(--spacing) * 12)
      }
  
      .max-sm\:px-15 {
        padding-inline: calc(var(--spacing) * 15)
      }
  
      .max-sm\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
  
      .max-sm\:py-5 {
        padding-block: calc(var(--spacing) * 5)
      }
  
      .max-sm\:py-10 {
        padding-block: calc(var(--spacing) * 10)
      }
  
      .max-sm\:py-20 {
        padding-block: calc(var(--spacing) * 20)
      }
  
      .max-sm\:py-30 {
        padding-block: calc(var(--spacing) * 30)
      }
  
      .max-sm\:pt-15 {
        padding-top: calc(var(--spacing) * 15)
      }
  
      .max-sm\:pr-45 {
        padding-right: calc(var(--spacing) * 45)
      }
  
      .max-sm\:pb-40 {
        padding-bottom: calc(var(--spacing) * 40)
      }
  
      .max-sm\:text-center {
        text-align: center
      }
  
      .max-sm\:text-\[13px\] {
        font-size: 13px
      }
  
      .max-sm\:text-\[14px\] {
        font-size: 14px
      }
  
      .max-sm\:text-\[16px\] {
        font-size: 16px
      }
  
      .max-sm\:text-\[20px\] {
        font-size: 20px
      }
  
      .max-sm\:text-\[120px\] {
        font-size: 120px
      }
  
      .max-sm\:leading-24 {
        --tw-leading: calc(var(--spacing) * 24);
        line-height: calc(var(--spacing) * 24)
      }
  
      .max-sm\:font-bold {
        --tw-font-weight: var(--font-weight-bold, 700);
        font-weight: var(--font-weight-bold, 700)
      }
  
      .max-sm\:tracking-\[-0\.5px\] {
        --tw-tracking: -.5px;
        letter-spacing: -.5px
      }
  
      .max-sm\:text-white {
        color: var(--color-white)
      }
  
      .max-sm\:underline {
        text-decoration-line: underline
      }
  
      .max-sm\:opacity-100\! {
        opacity: 1 !important
      }
  
      .max-sm\:group-\[\&\.fixed-menu\]\/body\:mb-0:is(:where(.group\/body).fixed-menu *) {
        margin-bottom: calc(var(--spacing) * 0)
      }
  
      .max-sm\:group-\[\&\.fixed-tab\]\/body\:mb-50:is(:where(.group\/body).fixed-tab *) {
        margin-bottom: calc(var(--spacing) * 50)
      }
  
      .max-sm\:placeholder\:text-\[14px\]::placeholder {
        font-size: 14px
      }
    }
  
    @media not all and (min-width:480px) {
      .max-xs\:-right-10\! {
        right: calc(var(--spacing) * -10) !important
      }
  
      .max-xs\:right-50 {
        right: calc(var(--spacing) * 50)
      }
  
      .max-xs\:size-full {
        width: 100%;
        height: 100%
      }
  
      .max-xs\:h-280 {
        height: calc(var(--spacing) * 280)
      }
  
      .max-xs\:h-330 {
        height: calc(var(--spacing) * 330)
      }
  
      .max-xs\:w-auto {
        width: auto
      }
  
      .max-xs\:shrink-0 {
        flex-shrink: 0
      }
  
      .max-xs\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
      }
  
      .max-xs\:justify-start {
        justify-content: flex-start
      }
  
      .max-xs\:overflow-x-auto {
        overflow-x: auto
      }
  
      .max-xs\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
    }
  
    @media(min-width:768px) {
      .sm\:absolute {
        position: absolute
      }
  
      .sm\:top-1\/2 {
        top: 50%
      }
  
      .sm\:bottom-0 {
        bottom: calc(var(--spacing) * 0)
      }
  
      .sm\:left-0 {
        left: calc(var(--spacing) * 0)
      }
  
      .sm\:left-1\/2 {
        left: 50%
      }
  
      .sm\:flex {
        display: flex
      }
  
      .sm\:hidden {
        display: none
      }
  
      .sm\:w-20 {
        width: calc(var(--spacing) * 20)
      }
  
      .sm\:max-w-190 {
        max-width: calc(var(--spacing) * 190)
      }
  
      .sm\:max-w-320 {
        max-width: calc(var(--spacing) * 320)
      }
  
      .sm\:max-w-400 {
        max-width: calc(var(--spacing) * 400)
      }
  
      .sm\:flex-1 {
        flex: 1
      }
  
      .sm\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .sm\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }
  
      .sm\:flex-row {
        flex-direction: row
      }
  
      .sm\:items-center {
        align-items: center
      }
  
      .sm\:justify-between {
        justify-content: space-between
      }
  
      .sm\:gap-2 {
        gap: calc(var(--spacing) * 2)
      }
  
      .sm\:rounded-full {
        border-radius: 3.40282e38px
      }
  
      .sm\:bg-white {
        background-color: var(--color-white)
      }
  
      .sm\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
      }
  
      .sm\:text-4xl {
        font-size: var(--text-4xl, 2.25rem);
        line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
      }
  
      .sm\:text-6xl {
        font-size: var(--text-6xl, 3.75rem);
        line-height: var(--tw-leading, var(--text-6xl--line-height, 1))
      }
  
      .sm\:text-sm {
        font-size: var(--text-sm, .875rem);
        line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)))
      }
  
      .sm\:leading-6 {
        --tw-leading: calc(var(--spacing) * 6);
        line-height: calc(var(--spacing) * 6)
      }
  
      .sm\:\[box-shadow\:0_0_199px_0_rgba\(7\,15\,78\,0\.05\)\] {
        box-shadow: 0 0 199px #070f4e0d
      }
  
      .sm\:group-slide-active\/slide\:text-white:is(:where(.group\/slide).swiper-slide-active *) {
        color: var(--color-white)
      }
    }
  
    @media(min-width:1024px) {
      .md\:pointer-events-none {
        pointer-events: none
      }
  
      .md\:absolute {
        position: absolute
      }
  
      .md\:-top-135 {
        top: calc(var(--spacing) * -135)
      }
  
      .md\:right-0 {
        right: calc(var(--spacing) * 0)
      }
  
      .md\:bottom-0 {
        bottom: calc(var(--spacing) * 0)
      }
  
      .md\:m-7 {
        margin: calc(var(--spacing) * 7)
      }
  
      .md\:mb-120 {
        margin-bottom: calc(var(--spacing) * 120)
      }
  
      .md\:block {
        display: block
      }
  
      .md\:hidden {
        display: none
      }
  
      .md\:aspect-square {
        aspect-ratio: 1
      }
  
      .md\:h-100 {
        height: calc(var(--spacing) * 100)
      }
  
      .md\:h-370 {
        height: calc(var(--spacing) * 370)
      }
  
      .md\:h-475 {
        height: calc(var(--spacing) * 475)
      }
  
      .md\:h-500 {
        height: calc(var(--spacing) * 500)
      }
  
      .md\:h-750 {
        height: calc(var(--spacing) * 750)
      }
  
      .md\:h-dvh {
        height: 100dvh
      }
  
      .md\:max-h-220 {
        max-height: calc(var(--spacing) * 220)
      }
  
      .md\:max-h-700 {
        max-height: calc(var(--spacing) * 700)
      }
  
      .md\:w-300 {
        width: calc(var(--spacing) * 300)
      }
  
      .md\:w-full {
        width: 100%
      }
  
      .md\:max-w-190 {
        max-width: calc(var(--spacing) * 190)
      }
  
      .md\:max-w-200 {
        max-width: calc(var(--spacing) * 200)
      }
  
      .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-310 {
        max-width: calc(var(--spacing) * 310)
      }
  
      .md\:max-w-350 {
        max-width: calc(var(--spacing) * 350)
      }
  
      .md\:max-w-420 {
        max-width: calc(var(--spacing) * 420)
      }
  
      .md\:max-w-450 {
        max-width: calc(var(--spacing) * 450)
      }
  
      .md\:max-w-500 {
        max-width: calc(var(--spacing) * 500)
      }
  
      .md\:max-w-540 {
        max-width: calc(var(--spacing) * 540)
      }
  
      .md\:max-w-550 {
        max-width: calc(var(--spacing) * 550)
      }
  
      .md\:max-w-560 {
        max-width: calc(var(--spacing) * 560)
      }
  
      .md\:max-w-600 {
        max-width: calc(var(--spacing) * 600)
      }
  
      .md\:max-w-645 {
        max-width: calc(var(--spacing) * 645)
      }
  
      .md\:max-w-650 {
        max-width: calc(var(--spacing) * 650)
      }
  
      .md\:max-w-750 {
        max-width: calc(var(--spacing) * 750)
      }
  
      .md\:max-w-790 {
        max-width: calc(var(--spacing) * 790)
      }
  
      .md\:max-w-800 {
        max-width: calc(var(--spacing) * 800)
      }
  
      .md\:max-w-880 {
        max-width: calc(var(--spacing) * 880)
      }
  
      .md\:max-w-950 {
        max-width: calc(var(--spacing) * 950)
      }
  
      .md\:max-w-1000 {
        max-width: calc(var(--spacing) * 1000)
      }
  
      .md\:max-w-1200 {
        max-width: calc(var(--spacing) * 1200)
      }
  
      .md\:min-w-280 {
        min-width: calc(var(--spacing) * 280)
      }
  
      .md\:-translate-y-100 {
        --tw-translate-y: calc(var(--spacing) * -100);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .md\:-translate-y-\[16vh\] {
        --tw-translate-y: -16vh;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .md\:translate-y-\[20\%\] {
        --tw-translate-y: 20%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .md\:translate-y-full {
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .md\:scale-0 {
        --tw-scale-x: 0%;
        --tw-scale-y: 0%;
        --tw-scale-z: 0%;
        scale: var(--tw-scale-x) var(--tw-scale-y)
      }
  
      .md\:scale-\[2\] {
        scale: 2
      }
  
      .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }
  
      .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
      }
  
      .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
      }
  
      :where(.md\:space-y-0>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))
      }
  
      :where(.md\:space-x-4>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))
      }
  
      .md\:overflow-auto {
        overflow: auto
      }
  
      .md\:overflow-hidden {
        overflow: hidden
      }
  
      .md\:rounded-2xl {
        border-radius: var(--radius-2xl, 1rem)
      }
  
      .md\:rounded-3xl {
        border-radius: var(--radius-3xl, 1.5rem)
      }
  
      .md\:rounded-\[20px\] {
        border-radius: 20px
      }
  
      .md\:rounded-\[30px\] {
        border-radius: 30px
      }
  
      .md\:rounded-\[40px\] {
        border-radius: 40px
      }
  
      .md\:rounded-full {
        border-radius: 3.40282e38px
      }
  
      .md\:rounded-xl {
        border-radius: var(--radius-xl, .75rem)
      }
  
      .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\:bg-white {
        background-color: var(--color-white)
      }
  
      .md\:object-right {
        object-position: right
      }
  
      .md\:p-20 {
        padding: calc(var(--spacing) * 20)
      }
  
      .md\:p-30 {
        padding: calc(var(--spacing) * 30)
      }
  
      .md\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
      }
  
      .md\:px-20 {
        padding-inline: calc(var(--spacing) * 20)
      }
  
      .md\:px-30 {
        padding-inline: calc(var(--spacing) * 30)
      }
  
      .md\:py-8 {
        padding-block: calc(var(--spacing) * 8)
      }
  
      .md\:text-end {
        text-align: end
      }
  
      .md\:opacity-0 {
        opacity: 0
      }
  
      .md\:opacity-25 {
        opacity: .25
      }
  
      .md\:opacity-40 {
        opacity: .4
      }
  
      .md\:shadow-2xl {
        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }
  
      .md\:\[box-shadow\:0_4px_44px_8px_rgba\(0\,0\,0\,0\.07\)\] {
        box-shadow: 0 4px 44px 8px #00000012
      }
  
      .md\:\[box-shadow\:0_10px_30px_0_rgba\(0\,0\,0\,0\.07\)\] {
        box-shadow: 0 10px 30px #00000012
      }
  
      @media(hover:hover) {
        .md\:group-hover\:pointer-events-auto:is(:where(.group):hover *) {
          pointer-events: auto
        }
  
        .md\:group-hover\:right-0:is(:where(.group):hover *) {
          right: calc(var(--spacing) * 0)
        }
  
        .md\:group-hover\:left-0:is(:where(.group):hover *) {
          left: calc(var(--spacing) * 0)
        }
  
        .md\:group-hover\:size-full:is(:where(.group):hover *) {
          width: 100%;
          height: 100%
        }
  
        .md\:group-hover\:translate-y-0:is(:where(.group):hover *) {
          --tw-translate-y: calc(var(--spacing) * 0);
          translate: var(--tw-translate-x) var(--tw-translate-y)
        }
  
        .md\:group-hover\:scale-100:is(:where(.group):hover *) {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }
  
        .md\: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)
        }
  
        .md\:group-hover\:scale-110:is(:where(.group):hover *) {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }
  
        .md\:group-hover\:rotate-0:is(:where(.group):hover *) {
          rotate: none
        }
  
        .md\:group-hover\:rounded-none:is(:where(.group):hover *) {
          border-radius: 0
        }
  
        .md\:group-hover\:border-primary:is(:where(.group):hover *) {
          border-color: var(--color-primary)
        }
  
        .md\:group-hover\:border-white:is(:where(.group):hover *) {
          border-color: var(--color-white)
        }
  
        .md\:group-hover\:bg-first:is(:where(.group):hover *) {
          background-color: var(--color-first)
        }
  
        .md\:group-hover\:bg-primary:is(:where(.group):hover *) {
          background-color: var(--color-primary)
        }
  
        .md\:group-hover\:bg-primary\/40:is(:where(.group):hover *) {
          background-color: #1ecad366
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:group-hover\:bg-primary\/40:is(:where(.group):hover *) {
            background-color: color-mix(in oklab, var(--color-primary) 40%, transparent)
          }
        }
  
        .md\:group-hover\:bg-secondary:is(:where(.group):hover *) {
          background-color: var(--color-secondary)
        }
  
        .md\:group-hover\:bg-white:is(:where(.group):hover *) {
          background-color: var(--color-white)
        }
  
        .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\:opacity-100:is(:where(.group):hover *) {
          opacity: 1
        }
  
        .md\:group-hover\:grayscale-0:is(:where(.group):hover *) {
          --tw-grayscale: grayscale(0%);
          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, )
        }
  
        .md\:group-hover\/a\:text-white:is(:where(.group\/a):hover *) {
          color: var(--color-white)
        }
  
        .md\:group-hover\/a\:brightness-0:is(:where(.group\/a):hover *) {
          --tw-brightness: brightness(0%);
          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, )
        }
  
        .md\:group-hover\/a\:invert:is(:where(.group\/a):hover *) {
          --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, )
        }
  
        .md\:group-hover\/b\:scale-110:is(:where(.group\/b):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\/button\:\[stroke-dashoffset\:0\]\!:is(:where(.group\/button):hover *) {
          stroke-dashoffset: 0 !important
        }
  
        .md\:group-hover\/d\:opacity-30:is(:where(.group\/d):hover *) {
          opacity: .3
        }
  
        .md\:group-hover\/i\:pointer-events-none:is(:where(.group\/i):hover *) {
          pointer-events: none
        }
  
        .md\:group-hover\/i\:right-0:is(:where(.group\/i):hover *) {
          right: calc(var(--spacing) * 0)
        }
  
        .md\:group-hover\/i\:size-full:is(:where(.group\/i):hover *) {
          width: 100%;
          height: 100%
        }
  
        .md\:group-hover\/i\:rotate-0:is(:where(.group\/i):hover *) {
          rotate: none
        }
  
        .md\:group-hover\/i\:rounded-none:is(:where(.group\/i):hover *) {
          border-radius: 0
        }
  
        .md\:group-hover\/i\:bg-\[\#1A6F8C\]:is(:where(.group\/i):hover *) {
          background-color: #1a6f8c
        }
  
        .md\:group-hover\/i\:bg-primary:is(:where(.group\/i):hover *) {
          background-color: var(--color-primary)
        }
  
        .md\:group-hover\/i\:bg-secondary:is(:where(.group\/i):hover *) {
          background-color: var(--color-secondary)
        }
  
        .md\:group-hover\/i\:text-first:is(:where(.group\/i):hover *) {
          color: var(--color-first)
        }
  
        .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\:opacity-100:is(:where(.group\/i):hover *) {
          opacity: 1
        }
  
        .md\:group-hover\/i\:opacity-100\!:is(:where(.group\/i):hover *) {
          opacity: 1 !important
        }
  
        .md\:group-hover\/item\:scale-110:is(:where(.group\/item):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\/item\:text-first:is(:where(.group\/item):hover *) {
          color: var(--color-first)
        }
  
        .md\:group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
          opacity: 1
        }
  
        .md\:group-hover\/lang\:pointer-events-auto:is(:where(.group\/lang):hover *) {
          pointer-events: auto
        }
  
        .md\:group-hover\/lang\:rotate-180:is(:where(.group\/lang):hover *) {
          rotate: 180deg
        }
  
        .md\:group-hover\/lang\:opacity-100:is(:where(.group\/lang):hover *) {
          opacity: 1
        }
      }
  
      @media(hover:hover) {
        .md\:md\:group-hover\/langs\:text-white:is(:where(.group\/langs):hover *) {
          color: var(--color-white)
        }
      }
  
      @media(hover:hover) {
        .md\:group-hover\/m\:scale-110:is(:where(.group\/m):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\/m\:text-primary:is(:where(.group\/m):hover *) {
          color: var(--color-primary)
        }
  
        .md\:group-hover\/m\:opacity-0:is(:where(.group\/m):hover *) {
          opacity: 0
        }
  
        .md\:group-hover\/m\:opacity-100:is(:where(.group\/m):hover *) {
          opacity: 1
        }
  
        .md\:group-hover\/menu\:text-primary:is(:where(.group\/menu):hover *) {
          color: var(--color-primary)
        }
  
        .md\:group-hover\/p\:pointer-events-auto:is(:where(.group\/p):hover *) {
          pointer-events: auto
        }
  
        .md\:group-hover\/p\:bg-\[\#6AADD1\]:is(:where(.group\/p):hover *) {
          background-color: #6aadd1
        }
  
        .md\:group-hover\/p\:bg-white:is(:where(.group\/p):hover *) {
          background-color: var(--color-white)
        }
  
        .md\:group-hover\/p\:text-black:is(:where(.group\/p):hover *) {
          color: var(--color-black)
        }
  
        .md\:group-hover\/p\:text-white:is(:where(.group\/p):hover *) {
          color: var(--color-white)
        }
  
        .md\:group-hover\/p\:text-white\/40:is(:where(.group\/p):hover *) {
          color: #fff6
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:group-hover\/p\:text-white\/40:is(:where(.group\/p):hover *) {
            color: color-mix(in oklab, var(--color-white) 40%, transparent)
          }
        }
  
        .md\:group-hover\/p\:text-white\/50:is(:where(.group\/p):hover *) {
          color: #ffffff80
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:group-hover\/p\:text-white\/50:is(:where(.group\/p):hover *) {
            color: color-mix(in oklab, var(--color-white) 50%, transparent)
          }
        }
  
        .md\:group-hover\/p\:text-white\/60:is(:where(.group\/p):hover *) {
          color: #fff9
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:group-hover\/p\:text-white\/60:is(:where(.group\/p):hover *) {
            color: color-mix(in oklab, var(--color-white) 60%, transparent)
          }
        }
  
        .md\:group-hover\/p\:text-white\/80:is(:where(.group\/p):hover *) {
          color: #fffc
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:group-hover\/p\:text-white\/80:is(:where(.group\/p):hover *) {
            color: color-mix(in oklab, var(--color-white) 80%, transparent)
          }
        }
  
        .md\:group-hover\/p\:opacity-0:is(:where(.group\/p):hover *) {
          opacity: 0
        }
  
        .md\:group-hover\/p\:opacity-15:is(:where(.group\/p):hover *) {
          opacity: .15
        }
  
        .md\:group-hover\/p\:opacity-100:is(:where(.group\/p):hover *) {
          opacity: 1
        }
  
        .md\:group-hover\/p\:brightness-0:is(:where(.group\/p):hover *) {
          --tw-brightness: brightness(0%);
          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, )
        }
  
        .md\:group-hover\/p\:invert:is(:where(.group\/p):hover *) {
          --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, )
        }
  
        .md\:group-hover\/s\:right-0:is(:where(.group\/s):hover *) {
          right: calc(var(--spacing) * 0)
        }
  
        .md\:group-hover\/s\:size-full:is(:where(.group\/s):hover *) {
          width: 100%;
          height: 100%
        }
  
        .md\:group-hover\/s\:scale-110:is(:where(.group\/s):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\/s\:rounded-none:is(:where(.group\/s):hover *) {
          border-radius: 0
        }
  
        .md\:group-hover\/s\:bg-primary:is(:where(.group\/s):hover *) {
          background-color: var(--color-primary)
        }
  
        .md\:group-hover\/s\:text-first:is(:where(.group\/s):hover *) {
          color: var(--color-first)
        }
  
        .md\:group-hover\/s\:text-white:is(:where(.group\/s):hover *) {
          color: var(--color-white)
        }
  
        .md\:group-hover\/s\:brightness-0:is(:where(.group\/s):hover *) {
          --tw-brightness: brightness(0%);
          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, )
        }
  
        .md\:group-hover\/s\:invert:is(:where(.group\/s):hover *) {
          --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, )
        }
      }
  
      .md\:group-toggle\/menu\:text-primary:is(:where(.group\/menu).toggle *) {
        color: var(--color-primary)
      }
  
      .md\:group-slide-active\:opacity-100:is(:where(.group).swiper-slide-active *),
      .md\:group-not-hover\/d\:opacity-100:is(:where(.group\/d):not(:hover) *) {
        opacity: 1
      }
  
      .md\:group-\[\&\.scroll-down\]\/header\:bg-black:is(:where(.group\/header).scroll-down *) {
        background-color: var(--color-black)
      }
  
      .md\:before\:hidden:before {
        content: var(--tw-content);
        display: none
      }
  
      .md\:before\:rounded-2xl:before {
        content: var(--tw-content);
        border-radius: var(--radius-2xl, 1rem)
      }
  
      .md\:before\:rounded-3xl:before {
        content: var(--tw-content);
        border-radius: var(--radius-3xl, 1.5rem)
      }
  
      .md\:before\:rounded-\[30px\]:before {
        content: var(--tw-content);
        border-radius: 30px
      }
  
      .md\:before\:rounded-\[40px\]:before {
        content: var(--tw-content);
        border-radius: 40px
      }
  
      @media(hover:hover) {
        .md\:group-hover\:before\:opacity-100:is(:where(.group):hover *):before {
          content: var(--tw-content);
          opacity: 1
        }
  
        .md\:group-hover\/i\:before\:bg-white:is(:where(.group\/i):hover *):before {
          content: var(--tw-content);
          background-color: var(--color-white)
        }
  
        .md\:group-hover\/i\:before\:opacity-0:is(:where(.group\/i):hover *):before {
          content: var(--tw-content);
          opacity: 0
        }
  
        .md\:group-hover\:after\:opacity-100:is(:where(.group):hover *):after,
        .md\:group-hover\/i\:after\:opacity-100:is(:where(.group\/i):hover *):after {
          content: var(--tw-content);
          opacity: 1
        }
  
        .md\:hover\:-translate-y-2:hover {
          --tw-translate-y: calc(var(--spacing) * -2);
          translate: var(--tw-translate-x) var(--tw-translate-y)
        }
  
        .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-180:hover {
          rotate: 180deg
        }
  
        .md\:hover\:rotate-none:hover {
          rotate: none
        }
  
        .md\:hover\:border-black:hover {
          border-color: var(--color-black)
        }
  
        .md\:hover\:border-first\/20:hover {
          border-color: #000d4433
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:border-first\/20:hover {
            border-color: color-mix(in oklab, var(--color-first) 20%, transparent)
          }
        }
  
        .md\:hover\:border-first\/25:hover {
          border-color: #000d4440
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:border-first\/25:hover {
            border-color: color-mix(in oklab, var(--color-first) 25%, transparent)
          }
        }
  
        .md\:hover\:border-first\/40:hover {
          border-color: #000d4466
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:border-first\/40:hover {
            border-color: color-mix(in oklab, var(--color-first) 40%, transparent)
          }
        }
  
        .md\:hover\:border-primary:hover {
          border-color: var(--color-primary)
        }
  
        .md\:hover\:border-primary\/30:hover {
          border-color: #1ecad34d
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:border-primary\/30:hover {
            border-color: color-mix(in oklab, var(--color-primary) 30%, transparent)
          }
        }
  
        .md\:hover\:border-secondary:hover {
          border-color: var(--color-secondary)
        }
  
        .md\:hover\:border-white:hover {
          border-color: var(--color-white)
        }
  
        .md\:hover\:bg-black\/3:hover {
          background-color: #00000008
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:bg-black\/3:hover {
            background-color: color-mix(in oklab, var(--color-black) 3%, transparent)
          }
        }
  
        .md\:hover\:bg-first:hover {
          background-color: var(--color-first)
        }
  
        .md\:hover\:bg-first\/85:hover {
          background-color: #000d44d9
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:bg-first\/85:hover {
            background-color: color-mix(in oklab, var(--color-first) 85%, transparent)
          }
        }
  
        .md\:hover\:bg-primary:hover {
          background-color: var(--color-primary)
        }
  
        .md\:hover\:bg-primary\/5:hover {
          background-color: #1ecad30d
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:bg-primary\/5:hover {
            background-color: color-mix(in oklab, var(--color-primary) 5%, transparent)
          }
        }
  
        .md\:hover\:bg-primary\/85:hover {
          background-color: #1ecad3d9
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:bg-primary\/85:hover {
            background-color: color-mix(in oklab, var(--color-primary) 85%, transparent)
          }
        }
  
        .md\:hover\:bg-secondary:hover {
          background-color: var(--color-secondary)
        }
  
        .md\:hover\:bg-transparent:hover {
          background-color: #0000
        }
  
        .md\:hover\:bg-white:hover {
          background-color: var(--color-white)
        }
  
        .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\:text-white\!:hover {
          color: var(--color-white) !important
        }
  
        .md\:hover\:opacity-100:hover {
          opacity: 1
        }
  
        .md\:hover\:shadow-\[0_20px_40px_-25px_rgba\(15\,23\,42\,0\.35\)\]:hover {
          --tw-shadow: 0 20px 40px -25px var(--tw-shadow-color, #0f172a59);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
  
        .md\:hover\:shadow-\[0_20px_45px_-25px_rgba\(0\,13\,68\,0\.25\)\]:hover {
          --tw-shadow: 0 20px 45px -25px var(--tw-shadow-color, #000d4440);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
  
        .md\:hover\:grayscale-0:hover {
          --tw-grayscale: grayscale(0%);
          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, )
        }
  
        .md\:hover\:before\:w-full:hover:before {
          content: var(--tw-content);
          width: 100%
        }
  
        .md\:hover\:before\:scale-100:hover:before {
          content: var(--tw-content);
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y)
        }
  
        .md\:hover\:before\:rotate-180:hover:before {
          content: var(--tw-content);
          rotate: 180deg
        }
  
        .md\:hover\:before\:bg-primary:hover:before {
          content: var(--tw-content);
          background-color: var(--color-primary)
        }
  
        .md\:hover\:before\:bg-secondary\/0:hover:before {
          content: var(--tw-content);
          background-color: #0000
        }
  
        @supports (color:color-mix(in lab, red, red)) {
          .md\:hover\:before\:bg-secondary\/0:hover:before {
            background-color: color-mix(in oklab, var(--color-secondary) 0%, transparent)
          }
        }
  
        .md\:hover\:before\:opacity-0:hover:before {
          content: var(--tw-content);
          opacity: 0
        }
  
        .md\:hover\:before\:opacity-5:hover:before {
          content: var(--tw-content);
          opacity: .05
        }
  
        .md\:hover\:before\:opacity-6:hover:before {
          content: var(--tw-content);
          opacity: .06
        }
  
        .md\:hover\:before\:opacity-14:hover:before {
          content: var(--tw-content);
          opacity: .14
        }
  
        .md\:hover\:before\:opacity-100:hover:before,
        .md\:hover\:after\:opacity-100:hover:after {
          content: var(--tw-content);
          opacity: 1
        }
      }
    }
  
    @media(min-width:1280px) {
      .lg\:pointer-events-none {
        pointer-events: none
      }
  
      .lg\:absolute {
        position: absolute
      }
  
      .lg\:top-\[calc\(100\%\+10px\)\] {
        top: calc(100% + 10px)
      }
  
      .lg\:bottom-\[3\%\] {
        bottom: 3%
      }
  
      .lg\:bottom-\[5\%\] {
        bottom: 5%
      }
  
      .lg\:left-0 {
        left: calc(var(--spacing) * 0)
      }
  
      .lg\:left-1\/2 {
        left: 50%
      }
  
      .lg\:container {
        width: 100%
      }
  
      @media(min-width:390px) {
        .lg\:container {
          max-width: 390px
        }
      }
  
      @media(min-width:480px) {
        .lg\:container {
          max-width: 480px
        }
      }
  
      @media(min-width:768px) {
        .lg\:container {
          max-width: 768px
        }
      }
  
      @media(min-width:1024px) {
        .lg\:container {
          max-width: 1024px
        }
      }
  
      .lg\:container {
        max-width: 1280px
      }
  
      @media(min-width:1440px) {
        .lg\:container {
          max-width: 1440px
        }
      }
  
      @media(min-width:1680px) {
        .lg\:container {
          max-width: 1680px
        }
      }
  
      @media(min-width:1921px) {
        .lg\:container {
          max-width: 1921px
        }
      }
  
      @media(min-width:2560px) {
        .lg\:container {
          max-width: 2560px
        }
      }
  
      .lg\:container {
        max-width: 1640px;
        margin-inline: auto;
        padding-inline: 30px
      }
  
      .lg\:grid {
        display: grid
      }
  
      .lg\:hidden {
        display: none
      }
  
      .lg\:h-190 {
        height: calc(var(--spacing) * 190)
      }
  
      .lg\:h-850 {
        height: calc(var(--spacing) * 850)
      }
  
      .lg\:h-\[50vh\] {
        height: 50vh
      }
  
      .lg\:h-\[55vh\] {
        height: 55vh
      }
  
      .lg\:h-\[calc\(100svh-143px\)\] {
        height: calc(100svh - 143px)
      }
  
      .lg\:h-auto {
        height: auto
      }
  
      .lg\:max-h-1080 {
        max-height: calc(var(--spacing) * 1080)
      }
  
      .lg\:max-h-\[65vh\] {
        max-height: 65vh
      }
  
      .lg\:min-h-400 {
        min-height: calc(var(--spacing) * 400)
      }
  
      .lg\:min-h-550 {
        min-height: calc(var(--spacing) * 550)
      }
  
      .lg\:w-\[calc\(100\%-40px\)\] {
        width: calc(100% - 40px)
      }
  
      .lg\:max-w-285 {
        max-width: calc(var(--spacing) * 285)
      }
  
      .lg\:max-w-340 {
        max-width: calc(var(--spacing) * 340)
      }
  
      .lg\:max-w-485 {
        max-width: calc(var(--spacing) * 485)
      }
  
      .lg\:max-w-550 {
        max-width: calc(var(--spacing) * 550)
      }
  
      .lg\:max-w-630 {
        max-width: calc(var(--spacing) * 630)
      }
  
      .lg\:max-w-700 {
        max-width: calc(var(--spacing) * 700)
      }
  
      .lg\:max-w-770 {
        max-width: calc(var(--spacing) * 770)
      }
  
      .lg\:max-w-1500 {
        max-width: calc(var(--spacing) * 1500)
      }
  
      .lg\:-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
      }
  
      .lg\:grid-cols-\[0\.95fr_1\.05fr\] {
        grid-template-columns: .95fr 1.05fr
      }
  
      .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,4fr\)\] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 4fr)
      }
  
      .lg\:gap-15 {
        gap: calc(var(--spacing) * 15)
      }
  
      .lg\:overflow-auto {
        overflow: auto
      }
  
      .lg\:rounded-\[30px\] {
        border-radius: 30px
      }
  
      .lg\:bg-\[\#F3F3F3\] {
        background-color: #f3f3f3
      }
  
      .lg\:p-5 {
        padding: calc(var(--spacing) * 5)
      }
  
      .lg\:px-8 {
        padding-inline: calc(var(--spacing) * 8)
      }
  
      .lg\:pl-0 {
        padding-left: calc(var(--spacing) * 0)
      }
  
      @media(hover:hover) {
        .lg\:group-hover\/m\:-rotate-45:is(:where(.group\/m):hover *) {
          rotate: -45deg
        }
  
        .lg\:group-hover\/m\:text-white:is(:where(.group\/m):hover *) {
          color: var(--color-white)
        }
  
        .lg\:group-hover\/m\:invert:is(:where(.group\/m):hover *) {
          --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, )
        }
      }
    }
  
    @media(min-width:1440px) {
      .xl\:h-530 {
        height: calc(var(--spacing) * 530)
      }
  
      .xl\:h-\[57vh\] {
        height: 57vh
      }
  
      .xl\:w-1\/3 {
        width: 33.3333%
      }
  
      .xl\:w-2\/3 {
        width: 66.6667%
      }
  
      .xl\:translate-x-15 {
        --tw-translate-x: calc(var(--spacing) * 15);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
      }
  
      .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
      }
  
      .xl\:items-end {
        align-items: flex-end
      }
  
      .xl\:justify-center {
        justify-content: center
      }
  
      .xl\:rounded-3xl {
        border-radius: var(--radius-3xl, 1.5rem)
      }
  
      .xl\:pl-80 {
        padding-left: calc(var(--spacing) * 80)
      }
    }
  
    @media(min-width:1921px) {
      .\33xl\:h-auto {
        height: auto
      }
  
      .\33xl\:h-fit\! {
        height: fit-content !important
      }
  
      .\33xl\:min-w-1100 {
        min-width: calc(var(--spacing) * 1100)
      }
    }
  
    @media(min-width:1024px) {
      @media(orientation:landscape) {
        .md\:landscape\:min-h-675 {
          min-height: calc(var(--spacing) * 675)
        }
      }
    }
  
    .rtl\:flex-row-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
      flex-direction: row-reverse
    }
  
    :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) {
      --tw-space-x-reverse: 1
    }
  
    :where(.dark\:divide-white\/5:where(.dark, .dark *)>:not(:last-child)) {
      border-color: #ffffff0d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      :where(.dark\:divide-white\/5:where(.dark, .dark *)>:not(:last-child)) {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent)
      }
    }
  
    .dark\:border-gray-400\/60:where(.dark, .dark *) {
      border-color: #99a1af99
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:border-gray-400\/60:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--color-gray-400, oklch(70.7% .022 261.325)) 60%, transparent)
      }
    }
  
    .dark\:border-gray-600:where(.dark, .dark *) {
      border-color: var(--color-gray-600, oklch(44.6% .03 256.802))
    }
  
    .dark\:border-gray-700:where(.dark, .dark *) {
      border-color: var(--color-gray-700, oklch(37.3% .034 259.733))
    }
  
    .dark\:border-neutral-700:where(.dark, .dark *) {
      border-color: var(--color-neutral-700, oklch(37.1% 0 0))
    }
  
    .dark\:border-neutral-800:where(.dark, .dark *) {
      border-color: var(--color-neutral-800, oklch(26.9% 0 0))
    }
  
    .dark\:border-red-500\/30:where(.dark, .dark *) {
      border-color: #fb2c364d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:border-red-500\/30:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--color-red-500, oklch(63.7% .237 25.331)) 30%, transparent)
      }
    }
  
    .dark\:border-white\/5:where(.dark, .dark *) {
      border-color: #ffffff0d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:border-white\/5:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--color-white) 5%, transparent)
      }
    }
  
    .dark\:border-white\/10:where(.dark, .dark *) {
      border-color: #ffffff1a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:border-white\/10:where(.dark, .dark *) {
        border-color: color-mix(in oklab, var(--color-white) 10%, transparent)
      }
    }
  
    .dark\:bg-amber-500\/10:where(.dark, .dark *) {
      background-color: #f99c001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-amber-500\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-amber-500, oklch(76.9% .188 70.08)) 10%, transparent)
      }
    }
  
    .dark\:bg-amber-900\/30:where(.dark, .dark *) {
      background-color: #7b33064d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-amber-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-amber-900, oklch(41.4% .112 45.904)) 30%, transparent)
      }
    }
  
    .dark\:bg-cyan-900\/30:where(.dark, .dark *) {
      background-color: #104e644d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-cyan-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-cyan-900, oklch(39.8% .07 227.392)) 30%, transparent)
      }
    }
  
    .dark\:bg-gray-500\/20:where(.dark, .dark *) {
      background-color: #6a728233
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-gray-500\/20:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-gray-500, oklch(55.1% .027 264.364)) 20%, transparent)
      }
    }
  
    .dark\:bg-gray-600\/70:where(.dark, .dark *) {
      background-color: #4a5565b3
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-gray-600\/70:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-gray-600, oklch(44.6% .03 256.802)) 70%, transparent)
      }
    }
  
    .dark\:bg-gray-700:where(.dark, .dark *) {
      background-color: var(--color-gray-700, oklch(37.3% .034 259.733))
    }
  
    .dark\:bg-gray-800:where(.dark, .dark *) {
      background-color: var(--color-gray-800, oklch(27.8% .033 256.848))
    }
  
    .dark\:bg-gray-900:where(.dark, .dark *) {
      background-color: var(--color-gray-900, oklch(21% .034 264.665))
    }
  
    .dark\:bg-gray-900\/30:where(.dark, .dark *) {
      background-color: #1018284d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-gray-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-gray-900, oklch(21% .034 264.665)) 30%, transparent)
      }
    }
  
    .dark\:bg-green-900\/20:where(.dark, .dark *) {
      background-color: #0d542b33
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-green-900\/20:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-green-900, oklch(39.3% .095 152.535)) 20%, transparent)
      }
    }
  
    .dark\:bg-green-900\/30:where(.dark, .dark *) {
      background-color: #0d542b4d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-green-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-green-900, oklch(39.3% .095 152.535)) 30%, transparent)
      }
    }
  
    .dark\:bg-neutral-900\/50:where(.dark, .dark *) {
      background-color: #17171780
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-neutral-900\/50:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-neutral-900, oklch(20.5% 0 0)) 50%, transparent)
      }
    }
  
    .dark\:bg-neutral-950:where(.dark, .dark *) {
      background-color: var(--color-neutral-950, oklch(14.5% 0 0))
    }
  
    .dark\:bg-pink-900\/30:where(.dark, .dark *) {
      background-color: #8610434d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-pink-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-pink-900, oklch(40.8% .153 2.432)) 30%, transparent)
      }
    }
  
    .dark\:bg-red-500\/10:where(.dark, .dark *) {
      background-color: #fb2c361a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-red-500\/10:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-red-500, oklch(63.7% .237 25.331)) 10%, transparent)
      }
    }
  
    .dark\:bg-red-900\/20:where(.dark, .dark *) {
      background-color: #82181a33
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-red-900\/20:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-red-900, oklch(39.6% .141 25.723)) 20%, transparent)
      }
    }
  
    .dark\:bg-red-900\/30:where(.dark, .dark *) {
      background-color: #82181a4d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-red-900\/30:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-red-900, oklch(39.6% .141 25.723)) 30%, transparent)
      }
    }
  
    .dark\:bg-white\/5:where(.dark, .dark *) {
      background-color: #ffffff0d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:bg-white\/5:where(.dark, .dark *) {
        background-color: color-mix(in oklab, var(--color-white) 5%, transparent)
      }
    }
  
    .dark\:via-transparent:where(.dark, .dark *) {
      --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)
    }
  
    .dark\:fill-\[url\(\#logoGradientDark\)\]:where(.dark, .dark *) {
      fill: url(#logoGradientDark)
    }
  
    .dark\:stroke-neutral-100\/5:where(.dark, .dark *) {
      stroke: #f5f5f50d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:stroke-neutral-100\/5:where(.dark, .dark *) {
        stroke: color-mix(in oklab, var(--color-neutral-100, oklch(97% 0 0)) 5%, transparent)
      }
    }
  
    .dark\:stroke-neutral-100\/20:where(.dark, .dark *) {
      stroke: #f5f5f533
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:stroke-neutral-100\/20:where(.dark, .dark *) {
        stroke: color-mix(in oklab, var(--color-neutral-100, oklch(97% 0 0)) 20%, transparent)
      }
    }
  
    .dark\:text-amber-200:where(.dark, .dark *) {
      color: var(--color-amber-200, oklch(92.4% .12 95.746))
    }
  
    .dark\:text-amber-400:where(.dark, .dark *) {
      color: var(--color-amber-400, oklch(82.8% .189 84.429))
    }
  
    .dark\:text-cyan-400:where(.dark, .dark *) {
      color: var(--color-cyan-400, oklch(78.9% .154 211.53))
    }
  
    .dark\:text-gray-50:where(.dark, .dark *) {
      color: var(--color-gray-50, oklch(98.5% .002 247.839))
    }
  
    .dark\:text-gray-100:where(.dark, .dark *) {
      color: var(--color-gray-100, oklch(96.7% .003 264.542))
    }
  
    .dark\:text-gray-200:where(.dark, .dark *) {
      color: var(--color-gray-200, oklch(92.8% .006 264.531))
    }
  
    .dark\:text-gray-300:where(.dark, .dark *) {
      color: var(--color-gray-300, oklch(87.2% .01 258.338))
    }
  
    .dark\:text-gray-400:where(.dark, .dark *) {
      color: var(--color-gray-400, oklch(70.7% .022 261.325))
    }
  
    .dark\:text-gray-500:where(.dark, .dark *) {
      color: var(--color-gray-500, oklch(55.1% .027 264.364))
    }
  
    .dark\:text-gray-600:where(.dark, .dark *) {
      color: var(--color-gray-600, oklch(44.6% .03 256.802))
    }
  
    .dark\:text-green-300:where(.dark, .dark *) {
      color: var(--color-green-300, oklch(87.1% .15 154.449))
    }
  
    .dark\:text-green-400:where(.dark, .dark *) {
      color: var(--color-green-400, oklch(79.2% .209 151.711))
    }
  
    .dark\:text-pink-400:where(.dark, .dark *) {
      color: var(--color-pink-400, oklch(71.8% .202 349.761))
    }
  
    .dark\:text-red-200:where(.dark, .dark *) {
      color: var(--color-red-200, oklch(88.5% .062 18.334))
    }
  
    .dark\:text-red-300:where(.dark, .dark *) {
      color: var(--color-red-300, oklch(80.8% .114 19.571))
    }
  
    .dark\:text-red-400:where(.dark, .dark *) {
      color: var(--color-red-400, oklch(70.4% .191 22.216))
    }
  
    .dark\:text-white:where(.dark, .dark *) {
      color: var(--color-white)
    }
  
    .dark\:opacity-15:where(.dark, .dark *) {
      opacity: .15
    }
  
    .dark\:ring-amber-500\/20:where(.dark, .dark *) {
      --tw-ring-color: #f99c0033
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:ring-amber-500\/20:where(.dark, .dark *) {
        --tw-ring-color: color-mix(in oklab, var(--color-amber-500, oklch(76.9% .188 70.08)) 20%, transparent)
      }
    }
  
    .dark\:ring-white\/10:where(.dark, .dark *) {
      --tw-ring-color: #ffffff1a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:ring-white\/10:where(.dark, .dark *) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent)
      }
    }
  
    .dark\:placeholder\:text-gray-500:where(.dark, .dark *)::placeholder {
      color: var(--color-gray-500, oklch(55.1% .027 264.364))
    }
  
    @media(hover:hover) {
      .dark\:hover\:bg-gray-700:where(.dark, .dark *):hover {
        background-color: var(--color-gray-700, oklch(37.3% .034 259.733))
      }
  
      .dark\:hover\:bg-gray-700\/50:where(.dark, .dark *):hover {
        background-color: #36415380
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .dark\:hover\:bg-gray-700\/50:where(.dark, .dark *):hover {
          background-color: color-mix(in oklab, var(--color-gray-700, oklch(37.3% .034 259.733)) 50%, transparent)
        }
      }
  
      .dark\:hover\:bg-gray-900:where(.dark, .dark *):hover {
        background-color: var(--color-gray-900, oklch(21% .034 264.665))
      }
  
      .dark\:hover\:bg-gray-900\/40:where(.dark, .dark *):hover {
        background-color: #10182866
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .dark\:hover\:bg-gray-900\/40:where(.dark, .dark *):hover {
          background-color: color-mix(in oklab, var(--color-gray-900, oklch(21% .034 264.665)) 40%, transparent)
        }
      }
  
      .dark\:hover\:text-gray-200:where(.dark, .dark *):hover {
        color: var(--color-gray-200, oklch(92.8% .006 264.531))
      }
  
      .dark\:hover\:text-gray-300:where(.dark, .dark *):hover {
        color: var(--color-gray-300, oklch(87.2% .01 258.338))
      }
    }
  
    .dark\:focus\:border-blue-700:where(.dark, .dark *):focus {
      border-color: var(--color-blue-700, oklch(48.8% .243 264.376))
    }
  
    .dark\:focus\:border-blue-800:where(.dark, .dark *):focus {
      border-color: var(--color-blue-800, oklch(42.4% .199 265.638))
    }
  
    .dark\:active\:bg-gray-700:where(.dark, .dark *):active {
      background-color: var(--color-gray-700, oklch(37.3% .034 259.733))
    }
  
    .dark\:active\:text-gray-300:where(.dark, .dark *):active {
      color: var(--color-gray-300, oklch(87.2% .01 258.338))
    }
  
    .dark\:disabled\:text-gray-400:where(.dark, .dark *):disabled {
      color: var(--color-gray-400, oklch(70.7% .022 261.325))
    }
  
    .dark\:disabled\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:where(.dark, .dark *):disabled {
      -webkit-text-fill-color: oklch(70.7% .022 261.325)
    }
  
    .dark\:disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:where(.dark, .dark *):disabled::placeholder {
      -webkit-text-fill-color: oklch(55.1% .027 264.364)
    }
  
    .toggle\:pointer-events-auto.toggle {
      pointer-events: auto
    }
  
    .toggle\:relative.toggle {
      position: relative
    }
  
    .toggle\:translate-x-0.toggle {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .toggle\:translate-y-0.toggle {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .toggle\:scale-100.toggle {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }
  
    .toggle\:grid-rows-\[0fr\].toggle {
      grid-template-rows: 0fr
    }
  
    .toggle\:grid-rows-\[1fr\].toggle {
      grid-template-rows: 1fr
    }
  
    .toggle\:rounded-\[25px\].toggle {
      border-radius: 25px
    }
  
    .toggle\:border-black\/10.toggle {
      border-color: #0000001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .toggle\:border-black\/10.toggle {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent)
      }
    }
  
    .toggle\:border-primary.toggle {
      border-color: var(--color-primary)
    }
  
    .toggle\:border-secondary.toggle {
      border-color: var(--color-secondary)
    }
  
    .toggle\:bg-primary.toggle {
      background-color: var(--color-primary)
    }
  
    .toggle\:bg-secondary.toggle {
      background-color: var(--color-secondary)
    }
  
    .toggle\:bg-white.toggle {
      background-color: var(--color-white)
    }
  
    .toggle\:text-black.toggle {
      color: var(--color-black)
    }
  
    .toggle\:text-first.toggle {
      color: var(--color-first)
    }
  
    .toggle\:text-white.toggle {
      color: var(--color-white)
    }
  
    .toggle\:opacity-0.toggle {
      opacity: 0
    }
  
    .toggle\:opacity-100.toggle {
      opacity: 1
    }
  
    .toggle\:delay-300.toggle {
      transition-delay: .3s
    }
  
    .toggle\:before\:w-full.toggle:before {
      content: var(--tw-content);
      width: 100%
    }
  
    .toggle\:before\:opacity-100.toggle:before,
    .toggle\:after\:opacity-100.toggle:after {
      content: var(--tw-content);
      opacity: 1
    }
  
    @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:1024px) {
      .max-md\:toggle\:grid-rows-\[1fr\].toggle {
        grid-template-rows: 1fr
      }
  
      .max-md\:toggle\:rounded-\[15px\].toggle {
        border-radius: 15px
      }
    }
  
    @media(min-width:1024px) {
      .md\:toggle\:border-primary.toggle {
        border-color: var(--color-primary)
      }
  
      .md\:toggle\:bg-primary.toggle {
        background-color: var(--color-primary)
      }
  
      .md\:toggle\:text-white.toggle {
        color: var(--color-white)
      }
  
      .md\:toggle\:opacity-100.toggle {
        opacity: 1
      }
    }
  
    .slide-active\:opacity-100.swiper-slide-active {
      opacity: 1
    }
  
    .slide-active\:opacity-100\!.swiper-slide-active {
      opacity: 1 !important
    }
  
    .\[\&_a\]\:text-first a {
      color: var(--color-first)
    }
  
    .\[\&_a\]\:underline a {
      text-decoration-line: underline
    }
  
    .\[\&_a\]\:underline-offset-4 a {
      text-underline-offset: 4px
    }
  
    .\[\&_a\]\:duration-500 a {
      --tw-duration: .5s;
      transition-duration: .5s
    }
  
    .\[\&_a\]\:after\:content-\[\'_↗\'\] a:after {
      --tw-content: " ↗";
      content: var(--tw-content)
    }
  
    @media not all and (min-width:1024px) {
      .max-md\:\[\&_a\]\:text-white a {
        color: var(--color-white)
      }
    }
  
    @media(min-width:1024px) {
      @media(hover:hover) {
        .md\:group-hover\/p\:\[\&_a\]\:text-white:is(:where(.group\/p):hover *) a {
          color: var(--color-white)
        }
      }
    }
  
    .\[\&_del\]\:bg-red-100 del {
      background-color: var(--color-red-100, oklch(93.6% .032 17.717))
    }
  
    .\[\&_del\]\:text-red-800 del {
      color: var(--color-red-800, oklch(44.4% .177 26.899))
    }
  
    .\[\&_del\]\:no-underline del {
      text-decoration-line: none
    }
  
    .dark\:\[\&_del\]\:bg-red-900\/30:where(.dark, .dark *) del {
      background-color: #82181a4d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:\[\&_del\]\:bg-red-900\/30:where(.dark, .dark *) del {
        background-color: color-mix(in oklab, var(--color-red-900, oklch(39.6% .141 25.723)) 30%, transparent)
      }
    }
  
    .dark\:\[\&_del\]\:text-red-200:where(.dark, .dark *) del {
      color: var(--color-red-200, oklch(88.5% .062 18.334))
    }
  
    .\[\&_h2\]\:text-white h2 {
      color: var(--color-white)
    }
  
    .\[\&_h4\]\:text-primary h4 {
      color: var(--color-primary)
    }
  
    .\[\&_h6\]\:text-\[\#828386\] h6 {
      color: #828386
    }
  
    .\[\&_h6\]\:text-white h6 {
      color: var(--color-white)
    }
  
    .\[\&_ins\]\:bg-green-100 ins {
      background-color: var(--color-green-100, oklch(96.2% .044 156.743))
    }
  
    .\[\&_ins\]\:text-green-800 ins {
      color: var(--color-green-800, oklch(44.8% .119 151.328))
    }
  
    .\[\&_ins\]\:no-underline ins {
      text-decoration-line: none
    }
  
    .dark\:\[\&_ins\]\:bg-green-900\/30:where(.dark, .dark *) ins {
      background-color: #0d542b4d
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .dark\:\[\&_ins\]\:bg-green-900\/30:where(.dark, .dark *) ins {
        background-color: color-mix(in oklab, var(--color-green-900, oklch(39.3% .095 152.535)) 30%, transparent)
      }
    }
  
    .dark\:\[\&_ins\]\:text-green-200:where(.dark, .dark *) ins {
      color: var(--color-green-200, oklch(92.5% .084 155.995))
    }
  
    .\[\&_label\]\:hidden label {
      display: none
    }
  
    .\[\&_ol_li_strong\]\:font-semibold ol li strong {
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600)
    }
  
    .\[\&_p\]\:text-black\/40 p {
      color: #0006
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_p\]\:text-black\/40 p {
        color: color-mix(in oklab, var(--color-black) 40%, transparent)
      }
    }
  
    .\[\&_p\]\:text-black\/50 p {
      color: #00000080
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_p\]\:text-black\/50 p {
        color: color-mix(in oklab, var(--color-black) 50%, transparent)
      }
    }
  
    .\[\&_p\]\:text-first p {
      color: var(--color-first)
    }
  
    .\[\&_p\]\:text-white\/50 p {
      color: #ffffff80
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_p\]\:text-white\/50 p {
        color: color-mix(in oklab, var(--color-white) 50%, transparent)
      }
    }
  
    .\[\&_p\]\:first\:text-white p:first-child {
      color: var(--color-white)
    }
  
    .\[\&_p\:first-of-type\]\:font-semibold p:first-of-type {
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600)
    }
  
    .\[\&_p\:first-of-type\]\:text-black p:first-of-type {
      color: var(--color-black)
    }
  
    .\[\&_select\]\:\!h-50 select {
      height: calc(var(--spacing) * 50) !important
    }
  
    .\[\&_select\]\:\!rounded-full select {
      border-radius: 3.40282e38px !important
    }
  
    .\[\&_select\]\:\!border-black\/10 select {
      border-color: #0000001a !important
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .\[\&_select\]\:\!border-black\/10 select {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important
      }
    }
  
    .\[\&_select\]\:\!bg-white select {
      background-color: var(--color-white) !important
    }
  
    .\[\&_select\]\:\!px-20 select {
      padding-inline: calc(var(--spacing) * 20) !important
    }
  
    .\[\&_select\]\:\!pr-45 select {
      padding-right: calc(var(--spacing) * 45) !important
    }
  
    .\[\&_select\]\:\!text-\[15px\] select {
      font-size: 15px !important
    }
  
    .\[\&_select\]\:\!font-medium select {
      --tw-font-weight: var(--font-weight-medium, 500) !important;
      font-weight: var(--font-weight-medium, 500) !important
    }
  
    .\[\&_select\]\:\!text-\[\#222\] select {
      color: #222 !important
    }
  
    .\[\&_strong\]\:relative strong {
      position: relative
    }
  
    .\[\&_strong\]\:bg-linear-to-r strong {
      --tw-gradient-position: to right
    }
  
    @supports (background-image:linear-gradient(in lab, red, red)) {
      .\[\&_strong\]\:bg-linear-to-r strong {
        --tw-gradient-position: to right in oklab
      }
    }
  
    .\[\&_strong\]\:bg-linear-to-r strong {
      background-image: linear-gradient(var(--tw-gradient-stops))
    }
  
    .\[\&_strong\]\:from-secondary strong {
      --tw-gradient-from: var(--color-secondary);
      --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))
    }
  
    .\[\&_strong\]\:via-\[\#077FC3\] strong {
      --tw-gradient-via: #077fc3;
      --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)
    }
  
    .\[\&_strong\]\:to-primary strong {
      --tw-gradient-to: var(--color-primary);
      --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))
    }
  
    .\[\&_strong\]\:bg-clip-text strong {
      -webkit-background-clip: text;
      background-clip: text
    }
  
    .\[\&_strong\]\:font-secondary strong {
      font-family: var(--font-secondary)
    }
  
    .\[\&_strong\]\:text-to-25 strong {
      --text-to: 25;
      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)))
    }
  
    .\[\&_strong\]\:text-to-100 strong {
      --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)))
    }
  
    .\[\&_strong\]\:font-bold strong {
      --tw-font-weight: var(--font-weight-bold, 700);
      font-weight: var(--font-weight-bold, 700)
    }
  
    .\[\&_strong\]\:font-medium strong {
      --tw-font-weight: var(--font-weight-medium, 500);
      font-weight: var(--font-weight-medium, 500)
    }
  
    .\[\&_strong\]\:font-normal strong {
      --tw-font-weight: var(--font-weight-normal, 400);
      font-weight: var(--font-weight-normal, 400)
    }
  
    .\[\&_strong\]\:font-semibold strong {
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600)
    }
  
    .\[\&_strong\]\:text-black strong {
      color: var(--color-black)
    }
  
    .\[\&_strong\]\:text-first strong {
      color: var(--color-first)
    }
  
    .\[\&_strong\]\:text-primary strong {
      color: var(--color-primary)
    }
  
    .\[\&_strong\]\:text-transparent strong {
      color: #0000
    }
  
    .\[\&_strong\]\:text-white strong {
      color: var(--color-white)
    }
  
    .\[\&_strong\]\:underline strong {
      text-decoration-line: underline
    }
  
    .\[\&_strong\]\:duration-500 strong {
      --tw-duration: .5s;
      transition-duration: .5s
    }
  
    .\[\&_strong\]\:text-from-16 strong {
      --text-from: 16
    }
  
    .\[\&_strong\]\:text-from-30 strong {
      --text-from: 30
    }
  
    .\[\&_strong\]\:before\:absolute strong:before {
      content: var(--tw-content);
      position: absolute
    }
  
    .\[\&_strong\]\:before\:bottom-0 strong:before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 0)
    }
  
    .\[\&_strong\]\:before\:left-0 strong:before {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0)
    }
  
    .\[\&_strong\]\:before\:-z-1 strong:before {
      content: var(--tw-content);
      z-index: -1
    }
  
    .\[\&_strong\]\:before\:h-30 strong:before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 30)
    }
  
    .\[\&_strong\]\:before\:w-full strong:before {
      content: var(--tw-content);
      width: 100%
    }
  
    .\[\&_strong\]\:before\:rounded-full strong:before {
      content: var(--tw-content);
      border-radius: 3.40282e38px
    }
  
    .\[\&_strong\]\:before\:bg-\[\#FBCC34\] strong:before {
      content: var(--tw-content);
      background-color: #fbcc34
    }
  
    .\[\&_strong\]\:before\:blur-\[5px\] strong:before {
      content: var(--tw-content);
      --tw-blur: blur(5px);
      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, )
    }
  
    @media(min-width:1024px) {
      @media(hover:hover) {
        .md\:group-hover\/item\:\[\&_strong\]\:text-first:is(:where(.group\/item):hover *) strong {
          color: var(--color-first)
        }
      }
    }
  
    .\[\&_ul_li\]\:text-first ul li {
      color: var(--color-first)
    }
  
    .\[\&\.active\]\:pointer-events-auto.active {
      pointer-events: auto
    }
  
    .\[\&\.active\]\:translate-y-0.active {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }
  
    .\[\&\.active\]\:grid-rows-\[1fr\].active {
      grid-template-rows: 1fr
    }
  
    .\[\&\.active\]\:border-primary.active {
      border-color: var(--color-primary)
    }
  
    .\[\&\.active\]\:bg-primary.active {
      background-color: var(--color-primary)
    }
  
    .\[\&\.active\]\:text-first.active {
      color: var(--color-first)
    }
  
    .\[\&\.active\]\:text-white.active {
      color: var(--color-white)
    }
  
    .\[\&\.active\]\:opacity-100.active {
      opacity: 1
    }
  
    .\[\&\.active\]\:delay-300.active {
      transition-delay: .3s
    }
  
    .\[\&\.active_\.treatment-category-title\]\:text-secondary.active .treatment-category-title {
      color: var(--color-secondary)
    }
  
    .\[\&\.disabled\]\:pointer-events-none.disabled {
      pointer-events: none
    }
  
    .\[\&\.disabled\]\:opacity-30.disabled {
      opacity: .3
    }
  
    @media(min-width:1280px) {
      .lg\:\[\&\.home\]\:absolute.home {
        position: absolute
      }
    }
  
    .\[\&\.is-active\]\:border-white.is-active {
      border-color: var(--color-white)
    }
  
    .\[\&\.is-active\]\:bg-primary.is-active {
      background-color: var(--color-primary)
    }
  
    .\[\&\.is-fading\]\:opacity-0.is-fading {
      opacity: 0
    }
  
    @media(min-width:1024px) {
      .md\:\[\&\.scroll-down\]\:-translate-y-40.scroll-down {
        --tw-translate-y: calc(var(--spacing) * -40);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
  
      .md\:\[\&\.scroll-down\]\:border-b-zinc-300\/80.scroll-down {
        border-bottom-color: #d4d4d8cc
      }
  
      @supports (color:color-mix(in lab, red, red)) {
        .md\:\[\&\.scroll-down\]\:border-b-zinc-300\/80.scroll-down {
          border-bottom-color: color-mix(in oklab, var(--color-zinc-300, oklch(87.1% .006 286.286)) 80%, transparent)
        }
      }
  
      .md\:\[\&\.scroll-down\]\:shadow-lg.scroll-down {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }
    }
  
    @media(min-width:1280px) {
      .lg\:\[\&\.scroll-down\]\:-translate-y-50.scroll-down {
        --tw-translate-y: calc(var(--spacing) * -50);
        translate: var(--tw-translate-x) var(--tw-translate-y)
      }
    }
  
    .\[\&\.swiper-pagination-bullet-active\]\:before\:bg-white.swiper-pagination-bullet-active:before {
      content: var(--tw-content);
      background-color: var(--color-white)
    }
  
    .\[\&\.swiper-slide-active\]\:opacity-100.swiper-slide-active {
      opacity: 1
    }
  
    .\[\&\.swiper-slide-active\]\:delay-400.swiper-slide-active {
      transition-delay: .4s
    }
  
    .\[\&\.swiper-slide-active\+\.swiper-slide\]\:opacity-60.swiper-slide-active + .swiper-slide {
      opacity: .6
    }
  
    .\[\&\.swiper-slide-active\+\.swiper-slide\+\.swiper-slide\]\:opacity-40.swiper-slide-active + .swiper-slide + .swiper-slide {
      opacity: .4
    }
  
    .\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
      width: calc(var(--spacing) * 1)
    }
  
    .\[\&\:\:-webkit-scrollbar\]\:w-\[6px\]::-webkit-scrollbar {
      width: 6px
    }
  
    .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
      border-radius: 3.40282e38px
    }
  
    .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-300::-webkit-scrollbar-thumb {
      background-color: var(--color-gray-300, oklch(87.2% .01 258.338))
    }
  
    .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-primary\/60::-webkit-scrollbar-thumb {
      background-color: #1ecad399
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-primary\/60::-webkit-scrollbar-thumb {
        background-color: color-mix(in oklab, var(--color-primary) 60%, transparent)
      }
    }
  
    .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-700:where(.dark, .dark *)::-webkit-scrollbar-thumb {
      background-color: var(--color-gray-700, oklch(37.3% .034 259.733))
    }
  
    .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-gray-400::-webkit-scrollbar-thumb:hover {
      background-color: var(--color-gray-400, oklch(70.7% .022 261.325))
    }
  
    .\[\&\:\:-webkit-scrollbar-thumb\:hover\]\:bg-primary::-webkit-scrollbar-thumb:hover {
      background-color: var(--color-primary)
    }
  
    .\[\&\:\:-webkit-scrollbar-track\]\:rounded-full::-webkit-scrollbar-track {
      border-radius: 3.40282e38px
    }
  
    .\[\&\:\:-webkit-scrollbar-track\]\:bg-black\/10::-webkit-scrollbar-track {
      background-color: #0000001a
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .\[\&\:\:-webkit-scrollbar-track\]\:bg-black\/10::-webkit-scrollbar-track {
        background-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
    }
  
    .\[\&\>\.fi-sc\]\:gap-4 > .fi-sc {
      gap: calc(var(--spacing) * 4)
    }
  
    .\[\&\>li\>a\]\:p-5 > li > a {
      padding: calc(var(--spacing) * 5)
    }
  }
  
  .rich-content .grid-layout {
    gap: calc(var(--spacing) * 4);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-auto-flow: row;
    display: grid
  }
  
  .rich-content .grid-layout[data-cols] {
    grid-template-columns: var(--cols, auto)
  }
  
  .rich-content .grid-layout-col[data-col-span] {
    grid-column: var(--col-span, span 1)
  }
  
  .rich-content .grid-layout[data-from-breakpoint=sm] {
    grid-template-columns: 1fr
  }
  
  @media(min-width:640px) {
    .rich-content .grid-layout[data-from-breakpoint=sm][data-cols] {
      grid-template-columns: var(--cols, auto)
    }
  }
  
  .rich-content .grid-layout[data-from-breakpoint=md] {
    grid-template-columns: 1fr
  }
  
  @media(min-width:768px) {
    .rich-content .grid-layout[data-from-breakpoint=md][data-cols] {
      grid-template-columns: var(--cols, auto)
    }
  }
  
  .rich-content .grid-layout[data-from-breakpoint=lg] {
    grid-template-columns: 1fr
  }
  
  @media(min-width:1024px) {
    .rich-content .grid-layout[data-from-breakpoint=lg][data-cols] {
      grid-template-columns: var(--cols, auto)
    }
  }
  
  .rich-content .grid-layout[data-from-breakpoint=xl] {
    grid-template-columns: 1fr
  }
  
  @media(min-width:1280px) {
    .rich-content .grid-layout[data-from-breakpoint=xl][data-cols] {
      grid-template-columns: var(--cols, auto)
    }
  }
  
  .rich-content span[data-color] {
    color: var(--color, inherit)
  }
  
  .rich-content details {
    margin-block: calc(var(--spacing) * 8);
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
    background-color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
    --tw-duration: .2s;
    transition-duration: .2s
  }
  
  .rich-content details summary {
    cursor: pointer;
    padding: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-gray-900, oklch(21% .034 264.665));
    -webkit-user-select: none;
    user-select: none;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    display: flex
  }
  
  .rich-content details[open] summary {
    margin-bottom: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200, oklch(92.8% .006 264.531))
  }
  
  .rich-content details summary::-webkit-details-marker {
    display: none
  }
  
  .rich-content details summary:after {
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    transition: transform .2s ease-in-out
  }
  
  .rich-content details[open] summary:after {
    transform: rotate(180deg)
  }
  
  .rich-content details > :not(summary) {
    padding: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 0);
    color: var(--color-gray-700, oklch(37.3% .034 259.733))
  }
  
  .rich-content details > :not(summary):first-child {
    padding-top: 1rem
  }
  
  .rich-content details[open] {
    --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)
  }
  
  .rich-content table {
    margin-block: calc(var(--spacing) * 6);
    border-collapse: collapse;
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    width: 100%;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    font-size: var(--text-sm, .875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));
    border-radius: var(--radius-lg, .5rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
    background-color: var(--color-white);
    --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);
    overflow: hidden
  }
  
  .rich-content table tbody tr:first-child th {
    height: calc(var(--spacing) * 12);
    background-color: var(--color-gray-50, oklch(98.5% .002 247.839));
    padding-inline: calc(var(--spacing) * 4);
    text-align: left;
    vertical-align: middle;
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-gray-900, oklch(21% .034 264.665));
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200, oklch(92.8% .006 264.531))
  }
  
  .rich-content table tbody tr:first-child th p {
    margin: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-gray-900, oklch(21% .034 264.665))
  }
  
  .rich-content table tbody tr:not(:first-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200, oklch(92.8% .006 264.531));
    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, cubic-bezier(.4, 0, .2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, .15s))
  }
  
  @media(hover:hover) {
    .rich-content table tbody tr:not(:first-child):hover {
      background-color: #f9fafb80
    }
  
    @supports (color:color-mix(in lab, red, red)) {
      .rich-content table tbody tr:not(:first-child):hover {
        background-color: color-mix(in oklab, var(--color-gray-50, oklch(98.5% .002 247.839)) 50%, transparent)
      }
    }
  }
  
  .rich-content table tbody tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0
  }
  
  .rich-content table tbody tr:not(:first-child) td {
    padding: calc(var(--spacing) * 4);
    vertical-align: middle;
    color: var(--color-gray-700, oklch(37.3% .034 259.733))
  }
  
  .rich-content table tbody tr:not(:first-child) td p {
    margin: calc(var(--spacing) * 0);
    color: var(--color-gray-700, oklch(37.3% .034 259.733))
  }
  
  .rich-content .table-wrapper {
    width: 100%;
    position: relative;
    overflow: auto
  }
  
  .rich-content table.table-striped tbody tr:not(:first-child):nth-child(2n) {
    background-color: #f9fafb4d
  }
  
  @supports (color:color-mix(in lab, red, red)) {
    .rich-content table.table-striped tbody tr:not(:first-child):nth-child(2n) {
      background-color: color-mix(in oklab, var(--color-gray-50, oklch(98.5% .002 247.839)) 30%, transparent)
    }
  }
  
  input[type=checkbox]:checked + div {
    background-color: #0000 !important
  }
  
  .swiperHeroImage:not(.swiper-initialized) .swiper-slide:first-child,
  .swiperHeroImage:not(.swiper-initialized) .swiper-slide:first-child .opacity-0,
  .swiperHeroText:not(.swiper-initialized) .swiper-slide:first-child,
  .swiperHeroText:not(.swiper-initialized) .swiper-slide:first-child .opacity-0,
  .swiperHeroMiniText:not(.swiper-initialized) .swiper-slide:first-child,
  .swiperHeroMiniText:not(.swiper-initialized) .swiper-slide:first-child .opacity-0,
  .swiperHeroRightImage:not(.swiper-initialized) .swiper-slide:first-child,
  .swiperHeroRightImage:not(.swiper-initialized) .swiper-slide:first-child .opacity-0 {
    opacity: 1
  }
  
  .flatpickr-calendar.open {
    z-index: 80 !important
  }
  
  .iti__dropdown-content {
    z-index: 100 !important
  }
  
  .iti__country-list {
    max-height: min(16rem, 60vh) !important;
    overflow-y: auto !important
  }
  
  .iti__selected-country-primary {
    border-top-left-radius: 3.40282e38px !important;
    border-bottom-left-radius: 3.40282e38px !important
  }
  
  @media(hover:hover) {
    .iti__selected-country-primary:hover {
      background-color: #0000 !important
    }
  }
  
  .iti__search-input {
    height: calc(var(--spacing) * 32) !important
  }
  
  .iti__search-icon {
    display: none !important
  }
  
  .transparent-phone .iti__selected-dial-code {
    color: var(--color-white) !important
  }
  
  .transparent-phone .iti__arrow,
  .transparent-phone .iti__arrow.iti__arrow--up {
    border-top-color: var(--color-white) !important
  }
  
  .transparent-phone .iti__flag.iti__globe {
    filter: brightness(0)invert()
  }
  
  @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) 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 .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) .swiper-navigation-icon {
    transform: rotate(180deg)
  }
  
  :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) .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) .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
  }
  
  .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
  }
  
  .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: Figtree;
    src: url(../fonts/Figtree-Bold-DMTOjEBK.woff2)format("woff2"), url(../fonts/Figtree-Bold-oQZhHMMS.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Figtree;
    src: url(../fonts/Figtree-ExtraBold-BQq2uOW4.woff2)format("woff2"), url(../fonts/Figtree-ExtraBold-CoIRhA5e.woff)format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Figtree;
    src: url(../fonts/Figtree-Italic-xqF8Aq3B.woff2)format("woff2"), url(../fonts/Figtree-Italic-ahW7ZJNG.woff)format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
  }
  
  @font-face {
    font-family: Figtree;
    src: url(../fonts/Figtree-Light-SCbqbGJG.woff2)format("woff2"), url(../fonts/Figtree-Light-BZ5tAaZo.woff)format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Figtree;
    src: url(../fonts/Figtree-Medium-CNH3sZWK.woff2)format("woff2"), url(../fonts/Figtree-Medium-B1fzLbyw.woff)format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Figtree;
    src: url(../fonts/Figtree-Regular-DuR40O9r.woff2)format("woff2"), url(../fonts/Figtree-Regular-_dpz-jZJ.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Figtree;
    src: url(../fonts/Figtree-SemiBold-C3iunyYq.woff2)format("woff2"), url(../fonts/Figtree-SemiBold-yqx0-GFq.woff)format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: Figtree;
    src: url(../fonts/Figtree-SemiBoldItalic-C22uYQWY.woff2)format("woff2"), url(../fonts/Figtree-SemiBoldItalic-DnDKD0Nw.woff)format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap
  }
  
  @font-face {
    font-family: Allison;
    src: url(../fonts/Allison-Regular-BZuQ-WBv.woff2)format("woff2"), url(../fonts/Allison-Regular-7nte-PVZ.woff)format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
  }
  
  @font-face {
    font-family: icon;
    src: url(../fonts/icon-6_m_LL-o.eot);
    src: url(../fonts/icon-6_m_LL-o-1.eot)format("embedded-opentype"), url(../fonts/icon-CYwbbwts.woff)format("woff"), url(../fonts/icon-Ym6ESXxa.ttf)format("truetype"), url(../fonts/icon-BWaCQnVC.svg)format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
  }
  
  [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-right-2:before {
    content: "A"
  }
  
  .icon-arrow-right-3:before {
    content: "B"
  }
  
  .icon-arrow-right:before {
    content: "C"
  }
  
  .icon-box:before {
    content: "D"
  }
  
  .icon-chevron-down:before {
    content: "E"
  }
  
  .icon-chevron-right:before {
    content: "F"
  }
  
  .icon-clock:before {
    content: "G"
  }
  
  .icon-close:before {
    content: "H"
  }
  
  .icon-dental:before {
    content: "I"
  }
  
  .icon-download:before {
    content: "J"
  }
  
  .icon-eye:before {
    content: "K"
  }
  
  .icon-facebook:before {
    content: "L"
  }
  
  .icon-headset-2:before {
    content: "M"
  }
  
  .icon-headset:before {
    content: "N"
  }
  
  .icon-instagram:before {
    content: "O"
  }
  
  .icon-link-2:before {
    content: "P"
  }
  
  .icon-link:before {
    content: "Q"
  }
  
  .icon-linkedin-2:before {
    content: "R"
  }
  
  .icon-linkedin:before {
    content: "S"
  }
  
  .icon-mail:before {
    content: "T"
  }
  
  .icon-arroba:before {
    content: "U"
  }
  
  .icon-map:before {
    content: "V"
  }
  
  .icon-phone:before {
    content: "W"
  }
  
  .icon-play-2:before {
    content: "X"
  }
  
  .icon-play:before {
    content: "Y"
  }
  
  .icon-printer:before {
    content: "Z"
  }
  
  .icon-search:before {
    content: "a"
  }
  
  .icon-whatsapp:before {
    content: "b"
  }
  
  .icon-world:before {
    content: "c"
  }
  
  .icon-x-2:before {
    content: "d"
  }
  
  .icon-x:before {
    content: "e"
  }
  
  .icon-youtube:before {
    content: "f"
  }
  
  @media(min-width:1024px) {
    .sticky {
      position: sticky;
      top: 150px;
      -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] {
      transform: translateY(-50px)
    }
  
    [reveal=bottom-scale] {
      opacity: 0;
      transform: translateY(20px)translate(-40px)scale(.85)
    }
  
    [reveal=bottom-scale].toggle {
      opacity: 1;
      transform: translateY(0)scale(1)
    }
  
    [reveal=blur] {
      filter: blur(8px);
      -moz-filter: blur(8px);
      -o-filter: blur(8px);
      -ms-filter: blur(8px);
      transform: translateY(-50px)
    }
  
    [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
  }
  
  @keyframes ripple {
    0% {
      opacity: 0;
      transform: scale(.6)
    }
  
    10% {
      opacity: 1;
      transform: scale(.8)
    }
  
    50% {
      opacity: 1;
      transform: scale(1.3)
    }
  
    90% {
      opacity: .3;
      transform: scale(1.7)
    }
  
    to {
      opacity: 0;
      transform: scale(1.8)
    }
  }
  
  .ripple {
    animation: 2s linear infinite ripple;
    position: absolute
  }
  
  .ripple:first-child {
    animation-delay: 0s
  }
  
  .ripple:nth-child(2) {
    animation-delay: 1s
  }
  
  .swiper-sense-drag {
    background-color: #0f2130;
    width: 5px
  }
  
  .patient-pagination .swiper-pagination-bullet,
  .patient-pagination .swiper-pagination-bullet-active {
    background-color: #fff !important
  }
  
  @media(min-width:1024px) {
    .animate-carousel .swiper-slide > * {
      --tw-scale-x: .9;
      --tw-scale-y: .9;
      opacity: 0;
      pointer-events: none;
      transition-duration: .6s;
      transition-timing-function: cubic-bezier(.25, .75, .5, 1.25)
    }
  
    .animate-carousel .swiper-slide-visible > *,
    .animate-carousel .swiper-slide > * {
      -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -moz-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
  
    .animate-carousel .swiper-slide-visible > * {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      opacity: 1;
      pointer-events: auto;
      transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }
  }
  
  @media print {
  
    :not(:has(.prose-blog)),
    header,
    footer {
      border: none !important;
      display: none !important
    }
  
    .prose-blog {
      border: none !important;
      flex-direction: column !important;
      gap: 30px !important;
      margin: 0 !important;
      padding: 0 !important;
      display: flex !important
    }
  
    :has(.prose-blog),
    .prose-blog * {
      border: none !important;
      margin: 0 !important;
      padding: 0 !important;
      display: block !important
    }
  }
  
  .sticky-home {
    position: sticky;
    top: 10px;
    -o-transition: all .5s ease !important;
    transition: all .5s !important
  }
  
  .shadow-strong-two {
    position: relative
  }
  
  .shadow-img-two {
    z-index: 50;
    aspect-ratio: 773/212;
    width: 350px;
    height: auto;
    position: absolute;
    top: calc(100% - 80px);
    left: 6%;
    rotate: 5deg
  }
  
  @media(max-width:1024px) {
    .shadow-img-two {
      display: none
    }
  }
  
  @keyframes moveImage {
    0% {
      transform: translateY(-5px)
    }
  
    50% {
      transform: translateY(5px)
    }
  
    to {
      transform: translateY(-5px)
    }
  }
  
  @keyframes moveImageTwo {
    0% {
      transform: translateY(5px)
    }
  
    50% {
      transform: translateY(-5px)
    }
  
    to {
      transform: translateY(5px)
    }
  }
  
  .animate-carousel > .swiper-wrapper > .swiper-slide > * {
    pointer-events: none;
    opacity: 1;
    --tw-duration: .6s;
    --tw-ease: cubic-bezier(.25, .75, .5, 1.25);
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.25, .75, .5, 1.25)
  }
  
  .animate-carousel > .swiper-wrapper > .swiper-slide-prev > *,
  .animate-carousel > .swiper-wrapper > .swiper-slide:has(+.swiper-slide-prev) > *,
  .animate-carousel > .swiper-wrapper > .swiper-slide:has(+.swiper-slide+.swiper-slide-prev) > * {
    opacity: 0
  }
  
  .animate-carousel > .swiper-wrapper > .swiper-slide:has(+.swiper-slide-prev) .box-content {
    --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);
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))
  }
  
  .animate-carousel > .swiper-wrapper > .swiper-slide .box-wrapper {
    opacity: 1;
    --tw-duration: .6s;
    --tw-ease: cubic-bezier(.25, .75, .5, 1.25);
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.25, .75, .5, 1.25)
  }
  
  .animate-carousel > .swiper-wrapper > .swiper-slide:has(+.swiper-slide-prev) > * {
    pointer-events: auto;
    opacity: 0;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))
  }
  
  .animate-carousel > .swiper-wrapper > .swiper-slide:has(+.swiper-slide-prev) .box-wrapper {
    opacity: 1;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))
  }
  
  .animate-carousel > .swiper-wrapper > .swiper-slide-visible > *,
  .animate-carousel > .swiper-wrapper > .swiper-slide-active > *,
  .animate-carousel > .swiper-wrapper > .swiper-slide-next > *,
  .animate-carousel > .swiper-wrapper > .swiper-slide-next + .swiper-slide > * {
    pointer-events: auto;
    opacity: 1;
    --tw-ease: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1));
    transition-timing-function: var(--ease-in-out, cubic-bezier(.4, 0, .2, 1))
  }
  
  .is-hidden {
    display: none !important
  }
  
  .shadow-wrapper-two {
    display: contents
  }
  
  html,
  body {
    scrollbar-gutter: stable
  }
  
  html {
    scroll-behavior: smooth
  }
  
  @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-space-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }
  
  @property --tw-space-x-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }
  
  @property --tw-divide-y-reverse {
    syntax: "*";
    inherits: false;
    initial-value: 0
  }
  
  @property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
  }
  
  @property --tw-gradient-position {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-gradient-from {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
  }
  
  @property --tw-gradient-via {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
  }
  
  @property --tw-gradient-to {
    syntax: "<color>";
    inherits: false;
    initial-value: #0000
  }
  
  @property --tw-gradient-stops {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-gradient-via-stops {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-gradient-from-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 0%
  }
  
  @property --tw-gradient-via-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 50%
  }
  
  @property --tw-gradient-to-position {
    syntax: "<length-percentage>";
    inherits: false;
    initial-value: 100%
  }
  
  @property --tw-leading {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-font-weight {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-tracking {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-ordinal {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-slashed-zero {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-numeric-figure {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-numeric-spacing {
    syntax: "*";
    inherits: false
  }
  
  @property --tw-numeric-fraction {
    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: ""
  }
  
  @property --tw-border-spacing-x {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
  }
  
  @property --tw-border-spacing-y {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
  }
  
  @keyframes spin {
    to {
      transform: rotate(360deg)
    }
  }
  
  @keyframes pulse {
    50% {
      opacity: .5
    }
  }
  
  @keyframes bounce {
  
    0%,
    to {
      animation-timing-function: cubic-bezier(.8, 0, 1, 1);
      transform: translateY(-25%)
    }
  
    50% {
      animation-timing-function: cubic-bezier(0, 0, .2, 1);
      transform: none
    }
  }
  
  .swiperHeroImage .swiper-slide {
    opacity: 1 !important;
    visibility: visible !important
  }
  
  .swiperHeroImage .swiper-slide .image {
    opacity: 1 !important;
    visibility: visible !important
  }
  
  .swiperHeroImage .swiper-slide img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important
  }
  