.md\:text-h1-md,
      .md\:text-h2-md,
      .md\:text-h3-md,
      .md\:text-h4-md,
      .md\:text-h5-md,
      .md\:text-h6-md,
      .prose-sm h1,
      .text-h1-sm,
      .text-h2-sm,
      .text-h3-sm,
      .text-h4-sm,
      .text-h5-sm,
      .text-h6-sm,
      .xl\:text-h1-lg,
      .xl\:text-h2-lg,
      .xl\:text-h3-lg,
      .xl\:text-h4-lg,
      .xl\:text-h5-lg,
      .xl\:text-h6-lg {
        font-weight: 500 !important;
        text-transform: uppercase !important
      }

      .prose-sm h1 {
        font-size: 2.3125rem;
        line-height: 1.2
      }

      @media (min-width:768px) {
        .prose-sm h1 {
          font-size: 2.75rem;
          line-height: 1.2
        }
      }

      @media (min-width:1280px) {
        .prose-sm h1 {
          font-size: 3.625rem;
          line-height: 1.2
        }
      }

      .prose-sm h2 {
        font-size: 1.9375rem;
        font-weight: 500 !important;
        line-height: 1.2;
        text-transform: uppercase !important
      }

      @media (min-width:768px) {
        .prose-sm h2 {
          font-size: 2.3125rem;
          line-height: 1.2
        }
      }

      @media (min-width:1280px) {
        .prose-sm h2 {
          font-size: 3rem;
          line-height: 1.2
        }
      }

      .prose-sm h3 {
        font-size: 1.625rem;
        font-weight: 500 !important;
        line-height: 1.2;
        text-transform: uppercase !important
      }

      @media (min-width:768px) {
        .prose-sm h3 {
          font-size: 2rem;
          line-height: 1.2
        }
      }

      @media (min-width:1280px) {
        .prose-sm h3 {
          font-size: 2.5rem;
          line-height: 1.2
        }
      }

      .prose-sm h4 {
        font-size: 1.375rem;
        font-weight: 500 !important;
        line-height: 1.2;
        text-transform: uppercase !important
      }

      @media (min-width:768px) {
        .prose-sm h4 {
          font-size: 1.625rem;
          line-height: 1.2
        }
      }

      @media (min-width:1280px) {
        .prose-sm h4 {
          font-size: 2.0625rem;
          line-height: 1.2
        }
      }

      .prose-sm h5 {
        font-size: 1.125rem;
        font-weight: 500 !important;
        line-height: 1.2;
        text-transform: uppercase !important
      }

      @media (min-width:768px) {
        .prose-sm h5 {
          font-size: 1.3125rem;
          line-height: 1.2
        }
      }

      @media (min-width:1280px) {
        .prose-sm h5 {
          font-size: 1.75rem;
          line-height: 1.2
        }
      }

      .prose-sm h6 {
        font-size: 1rem;
        font-weight: 500 !important;
        line-height: 1.2;
        text-transform: uppercase !important
      }

      @media (min-width:768px) {
        .prose-sm h6 {
          font-size: 1.125rem;
          line-height: 1.2
        }
      }

      @media (min-width:1280px) {
        .prose-sm h6 {
          font-size: 1.5625rem;
          line-height: 1.2
        }
      }

      *,
      :after,
      :before {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style:
      }

      ::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-gradient-from-position: ;
        --tw-gradient-via-position: ;
        --tw-gradient-to-position: ;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgba(59, 130, 246, .5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia: ;
        --tw-contain-size: ;
        --tw-contain-layout: ;
        --tw-contain-paint: ;
        --tw-contain-style:
      }

      /*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/
      *,
      :after,
      :before {
        border: 0 solid #efefef;
        box-sizing: border-box
      }

      :after,
      :before {
        --tw-content: ""
      }

      :host,
      html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        font-family: Case, Helvetica Neue, Helvetica, Arial, Nimbus Sans L, Liberation Sans, sans-serif;
        font-feature-settings: normal;
        font-variation-settings: normal;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent
      }

      body {
        line-height: inherit;
        margin: 0
      }

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

      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;
        text-decoration: inherit
      }

      b,
      strong {
        font-weight: bolder
      }

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

      small {
        font-size: 80%
      }

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

      sub {
        bottom: -.25em
      }

      sup {
        top: -.5em
      }

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

      button,
      input,
      optgroup,
      select,
      textarea {
        color: inherit;
        font-family: inherit;
        font-feature-settings: inherit;
        font-size: 100%;
        font-variation-settings: inherit;
        font-weight: inherit;
        letter-spacing: inherit;
        line-height: inherit;
        margin: 0;
        padding: 0
      }

      button,
      select {
        text-transform: none
      }

      button,
      input:where([type=button]),
      input:where([type=reset]),
      input:where([type=submit]) {
        -webkit-appearance: button;
        background-color: transparent;
        background-image: none
      }

      :-moz-focusring {
        outline: auto
      }

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

      progress {
        vertical-align: baseline
      }

      ::-webkit-inner-spin-button,
      ::-webkit-outer-spin-button {
        height: auto
      }

      [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
      }

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

      ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
      }

      summary {
        display: list-item
      }

      blockquote,
      dd,
      dl,
      figure,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      hr,
      p,
      pre {
        margin: 0
      }

      fieldset {
        margin: 0
      }

      fieldset,
      legend {
        padding: 0
      }

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

      dialog {
        padding: 0
      }

      textarea {
        resize: vertical
      }

      input::-moz-placeholder,
      textarea::-moz-placeholder {
        color: #959798;
        opacity: 1
      }

      input::placeholder,
      textarea::placeholder {
        color: #959798;
        opacity: 1
      }

      [role=button],
      button {
        cursor: pointer
      }

      :disabled {
        cursor: default
      }

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

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

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

      :focus-visible {
        outline-color: #2563eb;
        outline-offset: 0;
        outline-width: 2px
      }

      html {
        scrollbar-gutter: stable
      }

      * {
        font-family: CaseTT, Helvetica Neue, Helvetica, Arial, Nimbus Sans L, Liberation Sans, sans-serif
      }

      body:has(.block-scrolling),
      body:has(dialog[open]) {
        overflow: hidden
      }

      dialog {
        max-height: 100vh;
        max-width: 100vw
      }

      .\!container {
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        width: 100% !important
      }

      .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%
      }

      @media (min-width:93.75rem) {
        .\!container {
          max-width: 93.75rem !important
        }

        .container {
          max-width: 93.75rem
        }
      }

      .prose {
        color: var(--tw-prose-body);
        max-width: 65ch
      }

      .prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
      }

      .prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-lead);
        font-size: 1.25em;
        line-height: 1.6;
        margin-bottom: 1.2em;
        margin-top: 1.2em
      }

      .prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-links);
        font-weight: 500;
        text-decoration: underline
      }

      .prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-bold);
        font-weight: 600
      }

      .prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: decimal;
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em
      }

      .prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
      }

      .prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
      }

      .prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-alpha
      }

      .prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-alpha
      }

      .prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
      }

      .prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
      }

      .prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: upper-roman
      }

      .prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: lower-roman
      }

      .prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: decimal
      }

      .prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        list-style-type: disc;
        margin-bottom: 1.25em;
        margin-top: 1.25em;
        padding-inline-start: 1.625em
      }

      .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-counters);
        font-weight: 400
      }

      .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
        color: var(--tw-prose-bullets)
      }

      .prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        margin-top: 1.25em
      }

      .prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-color: var(--tw-prose-hr);
        border-top-width: 1px;
        margin-bottom: 3em;
        margin-top: 3em
      }

      .prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-inline-start-color: var(--tw-prose-quote-borders);
        border-inline-start-width: .25rem;
        color: var(--tw-prose-quotes);
        font-style: italic;
        font-weight: 500;
        margin-bottom: 1.6em;
        margin-top: 1.6em;
        padding-inline-start: 1em;
        quotes: "“""”""‘""’"
      }

      .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: open-quote
      }

      .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: close-quote
      }

      .prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-size: 2.25em;
        font-weight: 800;
        line-height: 1.1111111;
        margin-bottom: .8888889em;
        margin-top: 0
      }

      .prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 900
      }

      .prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-size: 1.5em;
        font-weight: 700;
        line-height: 1.3333333;
        margin-bottom: 1em;
        margin-top: 2em
      }

      .prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 800
      }

      .prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-size: 1.25em;
        font-weight: 600;
        line-height: 1.6;
        margin-bottom: .6em;
        margin-top: 1.6em
      }

      .prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
      }

      .prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: .5em;
        margin-top: 1.5em
      }

      .prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-weight: 700
      }

      .prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
      }

      .prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        display: block;
        margin-bottom: 2em;
        margin-top: 2em
      }

      .prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
      }

      .prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .3125rem;
        box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px rgb(var(--tw-prose-kbd-shadows)/10%);
        color: var(--tw-prose-kbd);
        font-family: inherit;
        font-size: .875em;
        font-weight: 500;
        padding-inline-end: .375em;
        padding-bottom: .1875em;
        padding-top: .1875em;
        padding-inline-start: .375em
      }

      .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-code);
        font-size: .875em;
        font-weight: 600
      }

      .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: "`"
      }

      .prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: "`"
      }

      .prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .875em
      }

      .prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit;
        font-size: .9em
      }

      .prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: inherit
      }

      .prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        background-color: var(--tw-prose-pre-bg);
        border-radius: .375rem;
        color: var(--tw-prose-pre-code);
        font-size: .875em;
        font-weight: 400;
        line-height: 1.7142857;
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em;
        overflow-x: auto;
        padding-inline-end: 1.1428571em;
        padding-bottom: .8571429em;
        padding-top: .8571429em;
        padding-inline-start: 1.1428571em
      }

      .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        background-color: transparent;
        border-radius: 0;
        border-width: 0;
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: inherit;
        padding: 0
      }

      .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):before {
        content: none
      }

      .prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)):after {
        content: none
      }

      .prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .875em;
        line-height: 1.7142857;
        margin-bottom: 2em;
        margin-top: 2em;
        table-layout: auto;
        width: 100%
      }

      .prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-color: var(--tw-prose-th-borders);
        border-bottom-width: 1px
      }

      .prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-headings);
        font-weight: 600;
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-inline-start: .5714286em;
        vertical-align: bottom
      }

      .prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-color: var(--tw-prose-td-borders);
        border-bottom-width: 1px
      }

      .prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-bottom-width: 0
      }

      .prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: baseline
      }

      .prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-top-color: var(--tw-prose-th-borders);
        border-top-width: 1px
      }

      .prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        vertical-align: top
      }

      .prose :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        text-align: start
      }

      .prose :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
      }

      .prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: var(--tw-prose-captions);
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
      }

      .prose {
        --tw-prose-body: #374151;
        --tw-prose-headings: #111827;
        --tw-prose-lead: #4b5563;
        --tw-prose-links: #111827;
        --tw-prose-bold: #111827;
        --tw-prose-counters: #6b7280;
        --tw-prose-bullets: #d1d5db;
        --tw-prose-hr: #e5e7eb;
        --tw-prose-quotes: #111827;
        --tw-prose-quote-borders: #e5e7eb;
        --tw-prose-captions: #6b7280;
        --tw-prose-kbd: #111827;
        --tw-prose-kbd-shadows: 17 24 39;
        --tw-prose-code: #111827;
        --tw-prose-pre-code: #e5e7eb;
        --tw-prose-pre-bg: #1f2937;
        --tw-prose-th-borders: #d1d5db;
        --tw-prose-td-borders: #e5e7eb;
        --tw-prose-invert-body: #d1d5db;
        --tw-prose-invert-headings: #fff;
        --tw-prose-invert-lead: #9ca3af;
        --tw-prose-invert-links: #fff;
        --tw-prose-invert-bold: #fff;
        --tw-prose-invert-counters: #9ca3af;
        --tw-prose-invert-bullets: #4b5563;
        --tw-prose-invert-hr: #374151;
        --tw-prose-invert-quotes: #f3f4f6;
        --tw-prose-invert-quote-borders: #374151;
        --tw-prose-invert-captions: #9ca3af;
        --tw-prose-invert-kbd: #fff;
        --tw-prose-invert-kbd-shadows: 255 255 255;
        --tw-prose-invert-code: #fff;
        --tw-prose-invert-pre-code: #d1d5db;
        --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
        --tw-prose-invert-th-borders: #4b5563;
        --tw-prose-invert-td-borders: #374151;
        font-size: 1rem;
        line-height: 1.75
      }

      .prose :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
      }

      .prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .5em;
        margin-top: .5em
      }

      .prose :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .375em
      }

      .prose :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .375em
      }

      .prose :where(.prose>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
      }

      .prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
      }

      .prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
      }

      .prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.25em
      }

      .prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em
      }

      .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .75em;
        margin-top: .75em
      }

      .prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.25em;
        margin-top: 1.25em
      }

      .prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .5em;
        padding-inline-start: 1.625em
      }

      .prose :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
      }

      .prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
      }

      .prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: .5714286em;
        padding-bottom: .5714286em;
        padding-top: .5714286em;
        padding-inline-start: .5714286em
      }

      .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
      }

      .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
      }

      .prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2em;
        margin-top: 2em
      }

      .prose :where(.prose>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose :where(.prose>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0
      }

      .prose-sm {
        font-size: .875rem;
        line-height: 1.7142857
      }

      .prose-sm :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em;
        margin-top: 1.1428571em
      }

      .prose-sm :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-bottom: .8888889em;
        margin-top: .8888889em
      }

      .prose-sm :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.3333333em;
        margin-top: 1.3333333em;
        padding-inline-start: 1.1111111em
      }

      .prose-sm :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 2.1428571em;
        line-height: 1.2;
        margin-bottom: .8em;
        margin-top: 0
      }

      .prose-sm :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.4285714em;
        line-height: 1.4;
        margin-bottom: .8em;
        margin-top: 1.6em
      }

      .prose-sm :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-bottom: .4444444em;
        margin-top: 1.5555556em
      }

      .prose-sm :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
        line-height: 1.4285714;
        margin-bottom: .5714286em;
        margin-top: 1.4285714em
      }

      .prose-sm :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em
      }

      .prose-sm :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em
      }

      .prose-sm :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
      }

      .prose-sm :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em
      }

      .prose-sm :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .3125rem;
        font-size: .8571429em;
        padding-inline-end: .3571429em;
        padding-bottom: .1428571em;
        padding-top: .1428571em;
        padding-inline-start: .3571429em
      }

      .prose-sm :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8571429em
      }

      .prose-sm :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .9em
      }

      .prose-sm :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8888889em
      }

      .prose-sm :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
        border-radius: .25rem;
        font-size: .8571429em;
        line-height: 1.6666667;
        margin-bottom: 1.6666667em;
        margin-top: 1.6666667em;
        padding-inline-end: 1em;
        padding-bottom: .6666667em;
        padding-top: .6666667em;
        padding-inline-start: 1em
      }

      .prose-sm :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em;
        margin-top: 1.1428571em;
        padding-inline-start: 1.5714286em
      }

      .prose-sm :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em;
        margin-top: 1.1428571em;
        padding-inline-start: 1.5714286em
      }

      .prose-sm :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .2857143em;
        margin-top: .2857143em
      }

      .prose-sm :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .4285714em
      }

      .prose-sm :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: .4285714em
      }

      .prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .5714286em;
        margin-top: .5714286em
      }

      .prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.1428571em
      }

      .prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em
      }

      .prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.1428571em
      }

      .prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em
      }

      .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: .5714286em;
        margin-top: .5714286em
      }

      .prose-sm :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.1428571em;
        margin-top: 1.1428571em
      }

      .prose-sm :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 1.1428571em
      }

      .prose-sm :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: .2857143em;
        padding-inline-start: 1.5714286em
      }

      .prose-sm :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 2.8571429em;
        margin-top: 2.8571429em
      }

      .prose-sm :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose-sm :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose-sm :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose-sm :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose-sm :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8571429em;
        line-height: 1.5
      }

      .prose-sm :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 1em;
        padding-bottom: .6666667em;
        padding-inline-start: 1em
      }

      .prose-sm :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
      }

      .prose-sm :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
      }

      .prose-sm :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 1em;
        padding-bottom: .6666667em;
        padding-top: .6666667em;
        padding-inline-start: 1em
      }

      .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-start: 0
      }

      .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        padding-inline-end: 0
      }

      .prose-sm :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 1.7142857em;
        margin-top: 1.7142857em
      }

      .prose-sm :where(figure>*):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0;
        margin-top: 0
      }

      .prose-sm :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
        font-size: .8571429em;
        line-height: 1.3333333;
        margin-top: .6666667em
      }

      .prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-top: 0
      }

      .prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
        margin-bottom: 0
      }

      .sr-only {
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        clip: rect(0, 0, 0, 0);
        border-width: 0;
        white-space: nowrap
      }

      .pointer-events-none {
        pointer-events: none
      }

      .pointer-events-auto {
        pointer-events: auto
      }

      .\!visible {
        visibility: visible !important
      }

      .visible {
        visibility: visible
      }

      .invisible {
        visibility: hidden
      }

      .collapse {
        visibility: collapse
      }

      .static {
        position: static
      }

      .fixed {
        position: fixed
      }

      .\!absolute {
        position: absolute !important
      }

      .absolute {
        position: absolute
      }

      .relative {
        position: relative
      }

      .\!sticky {
        position: sticky !important
      }

      .sticky {
        position: sticky
      }

      .inset-0 {
        inset: 0
      }

      .inset-x-0 {
        left: 0;
        right: 0
      }

      .inset-x-auto {
        left: auto;
        right: auto
      }

      .inset-y-0 {
        bottom: 0;
        top: 0
      }

      .\!bottom-0 {
        bottom: 0 !important
      }

      .\!left-0 {
        left: 0 !important
      }

      .\!top-0 {
        top: 0 !important
      }

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

      .-bottom-0\.5 {
        bottom: -.125rem
      }

      .-bottom-1\.5 {
        bottom: -.375rem
      }

      .-bottom-3 {
        bottom: -.75rem
      }

      .-left-2 {
        left: -.5rem
      }

      .-left-6 {
        left: -1.5rem
      }

      .-right-1 {
        right: -.25rem
      }

      .-right-2 {
        right: -.5rem
      }

      .-right-4 {
        right: -1rem
      }

      .-right-6 {
        right: -1.5rem
      }

      .-top-1 {
        top: -.25rem
      }

      .-top-4 {
        top: -1rem
      }

      .-top-7 {
        top: -1.75rem
      }

      .bottom-0 {
        bottom: 0
      }

      .bottom-1 {
        bottom: .25rem
      }

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

      .bottom-2 {
        bottom: .5rem
      }

      .bottom-6 {
        bottom: 1.5rem
      }

      .bottom-8 {
        bottom: 2rem
      }

      .bottom-\[14px\] {
        bottom: 14px
      }

      .bottom-\[30px\] {
        bottom: 30px
      }

      .left-0 {
        left: 0
      }

      .left-0\.5 {
        left: .125rem
      }

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

      .left-2 {
        left: .5rem
      }

      .left-3 {
        left: .75rem
      }

      .left-4 {
        left: 1rem
      }

      .left-6 {
        left: 1.5rem
      }

      .left-8 {
        left: 2rem
      }

      .left-auto {
        left: auto
      }

      .left-full {
        left: 100%
      }

      .right-0 {
        right: 0
      }

      .right-1 {
        right: .25rem
      }

      .right-1\.5 {
        right: .375rem
      }

      .right-2 {
        right: .5rem
      }

      .right-2\.5 {
        right: .625rem
      }

      .right-3 {
        right: .75rem
      }

      .right-4 {
        right: 1rem
      }

      .right-6 {
        right: 1.5rem
      }

      .right-8 {
        right: 2rem
      }

      .right-\[10px\] {
        right: 10px
      }

      .right-\[12px\] {
        right: 12px
      }

      .right-\[50\%\] {
        right: 50%
      }

      .top-0 {
        top: 0
      }

      .top-0\.5 {
        top: .125rem
      }

      .top-1 {
        top: .25rem
      }

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

      .top-12 {
        top: 3rem
      }

      .top-2 {
        top: .5rem
      }

      .top-2\.5 {
        top: .625rem
      }

      .top-2\/3 {
        top: 66.666667%
      }

      .top-3 {
        top: .75rem
      }

      .top-4 {
        top: 1rem
      }

      .top-5 {
        top: 1.25rem
      }

      .top-6 {
        top: 1.5rem
      }

      .top-\[-34px\] {
        top: -34px
      }

      .top-\[10px\] {
        top: 10px
      }

      .top-\[3\.25rem\] {
        top: 3.25rem
      }

      .top-\[37\%\] {
        top: 37%
      }

      .top-\[calc\(var\(--so-header-height\)\+var\(--so-promo-height\)-1rem\)\] {
        top: calc(var(--so-header-height) + var(--so-promo-height) - 1rem)
      }

      .top-\[calc\(var\(--so-header-height\)-1rem\)\] {
        top: calc(var(--so-header-height) - 1rem)
      }

      .top-full {
        top: 100%
      }

      .top-header {
        top: var(--so-header-height)
      }

      .\!z-20 {
        z-index: 20 !important
      }

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

      .z-0 {
        z-index: 0
      }

      .z-10 {
        z-index: 10
      }

      .z-100 {
        z-index: 100
      }

      .z-110 {
        z-index: 110
      }

      .z-20 {
        z-index: 20
      }

      .z-30 {
        z-index: 30
      }

      .z-50 {
        z-index: 50
      }

      .z-60 {
        z-index: 60
      }

      .z-70 {
        z-index: 70
      }

      .z-80 {
        z-index: 90
      }

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

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

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

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

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

      .order-1 {
        order: 1
      }

      .order-2 {
        order: 2
      }

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

      .col-span-11 {
        grid-column: span 11/span 11
      }

      .col-span-12 {
        grid-column: span 12/span 12
      }

      .col-span-2 {
        grid-column: span 2/span 2
      }

      .col-span-3 {
        grid-column: span 3/span 3
      }

      .col-span-4 {
        grid-column: span 4/span 4
      }

      .col-span-5 {
        grid-column: span 5/span 5
      }

      .col-span-6 {
        grid-column: span 6/span 6
      }

      .col-span-8 {
        grid-column: span 8/span 8
      }

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

      .row-auto {
        grid-row: auto
      }

      .row-span-2 {
        grid-row: span 2/span 2
      }

      .row-span-full {
        grid-row: 1/-1
      }

      .\!m-0 {
        margin: 0 !important
      }

      .-m-0\.5 {
        margin: -.125rem
      }

      .-m-1 {
        margin: -.25rem
      }

      .-m-2 {
        margin: -.5rem
      }

      .m-0 {
        margin: 0
      }

      .m-0\.5 {
        margin: .125rem
      }

      .m-1 {
        margin: .25rem
      }

      .m-3 {
        margin: .75rem
      }

      .m-4 {
        margin: 1rem
      }

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

      .m-\[-15px\] {
        margin: -15px
      }

      .m-auto {
        margin: auto
      }

      .m-px {
        margin: 1px
      }

      .\!mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
      }

      .\!my-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
      }

      .-mx-0\.5 {
        margin-left: -.125rem;
        margin-right: -.125rem
      }

      .-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
      }

      .-mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
      }

      .-mx-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
      }

      .mx-0 {
        margin-left: 0;
        margin-right: 0
      }

      .mx-1 {
        margin-left: .25rem;
        margin-right: .25rem
      }

      .mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
      }

      .mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
      }

      .mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
      }

      .mx-\[\.125rem\] {
        margin-left: .125rem;
        margin-right: .125rem
      }

      .mx-auto {
        margin-left: auto;
        margin-right: auto
      }

      .my-0 {
        margin-bottom: 0;
        margin-top: 0
      }

      .my-1 {
        margin-bottom: .25rem;
        margin-top: .25rem
      }

      .my-10 {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem
      }

      .my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem
      }

      .my-14 {
        margin-bottom: 3.5rem;
        margin-top: 3.5rem
      }

      .my-2 {
        margin-bottom: .5rem;
        margin-top: .5rem
      }

      .my-2\.5 {
        margin-bottom: .625rem;
        margin-top: .625rem
      }

      .my-3 {
        margin-bottom: .75rem;
        margin-top: .75rem
      }

      .my-4 {
        margin-bottom: 1rem;
        margin-top: 1rem
      }

      .my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
      }

      .my-8 {
        margin-bottom: 2rem;
        margin-top: 2rem
      }

      .my-auto {
        margin-bottom: auto;
        margin-top: auto
      }

      .\!mb-0 {
        margin-bottom: 0 !important
      }

      .\!ml-0 {
        margin-left: 0 !important
      }

      .\!ml-auto {
        margin-left: auto !important
      }

      .\!mt-0 {
        margin-top: 0 !important
      }

      .\!mt-2 {
        margin-top: .5rem !important
      }

      .\!mt-4 {
        margin-top: 1rem !important
      }

      .\!mt-8 {
        margin-top: 2rem !important
      }

      .\!mt-\[10px\] {
        margin-top: 10px !important
      }

      .-mr-4 {
        margin-right: -1rem
      }

      .-mr-6 {
        margin-right: -1.5rem
      }

      .mb-0 {
        margin-bottom: 0
      }

      .mb-0\.5 {
        margin-bottom: .125rem
      }

      .mb-1 {
        margin-bottom: .25rem
      }

      .mb-1\.5 {
        margin-bottom: .375rem
      }

      .mb-10 {
        margin-bottom: 2.5rem
      }

      .mb-12 {
        margin-bottom: 3rem
      }

      .mb-16 {
        margin-bottom: 4rem
      }

      .mb-2 {
        margin-bottom: .5rem
      }

      .mb-2\.5 {
        margin-bottom: .625rem
      }

      .mb-20 {
        margin-bottom: 5rem
      }

      .mb-24 {
        margin-bottom: 6rem
      }

      .mb-28 {
        margin-bottom: 7rem
      }

      .mb-3 {
        margin-bottom: .75rem
      }

      .mb-32 {
        margin-bottom: 8rem
      }

      .mb-4 {
        margin-bottom: 1rem
      }

      .mb-40 {
        margin-bottom: 10rem
      }

      .mb-5 {
        margin-bottom: 1.25rem
      }

      .mb-6 {
        margin-bottom: 1.5rem
      }

      .mb-7 {
        margin-bottom: 1.75rem
      }

      .mb-8 {
        margin-bottom: 2rem
      }

      .mb-\[-5px\] {
        margin-bottom: -5px
      }

      .mb-\[\.125rem\] {
        margin-bottom: .125rem
      }

      .mb-\[12px\] {
        margin-bottom: 12px
      }

      .mb-\[2px\] {
        margin-bottom: 2px
      }

      .mb-auto {
        margin-bottom: auto
      }

      .ml-0 {
        margin-left: 0
      }

      .ml-1 {
        margin-left: .25rem
      }

      .ml-1\.5 {
        margin-left: .375rem
      }

      .ml-16 {
        margin-left: 4rem
      }

      .ml-2 {
        margin-left: .5rem
      }

      .ml-2\.5 {
        margin-left: .625rem
      }

      .ml-3 {
        margin-left: .75rem
      }

      .ml-4 {
        margin-left: 1rem
      }

      .ml-5 {
        margin-left: 1.25rem
      }

      .ml-8 {
        margin-left: 2rem
      }

      .ml-\[12px\] {
        margin-left: 12px
      }

      .ml-\[20px\] {
        margin-left: 20px
      }

      .ml-auto {
        margin-left: auto
      }

      .ml-px {
        margin-left: 1px
      }

      .mr-0 {
        margin-right: 0
      }

      .mr-0\.5 {
        margin-right: .125rem
      }

      .mr-1 {
        margin-right: .25rem
      }

      .mr-1\.5 {
        margin-right: .375rem
      }

      .mr-2 {
        margin-right: .5rem
      }

      .mr-2\.5 {
        margin-right: .625rem
      }

      .mr-3 {
        margin-right: .75rem
      }

      .mr-4 {
        margin-right: 1rem
      }

      .mr-5 {
        margin-right: 1.25rem
      }

      .mr-6 {
        margin-right: 1.5rem
      }

      .mr-8 {
        margin-right: 2rem
      }

      .mr-\[-11px\] {
        margin-right: -11px
      }

      .mr-\[-60px\] {
        margin-right: -60px
      }

      .mr-\[-6px\] {
        margin-right: -6px
      }

      .mr-\[12px\] {
        margin-right: 12px
      }

      .mr-auto {
        margin-right: auto
      }

      .mt-0\.5 {
        margin-top: .125rem
      }

      .mt-1 {
        margin-top: .25rem
      }

      .mt-1\.5 {
        margin-top: .375rem
      }

      .mt-10 {
        margin-top: 2.5rem
      }

      .mt-12 {
        margin-top: 3rem
      }

      .mt-14 {
        margin-top: 3.5rem
      }

      .mt-16 {
        margin-top: 4rem
      }

      .mt-2 {
        margin-top: .5rem
      }

      .mt-2\.5 {
        margin-top: .625rem
      }

      .mt-20 {
        margin-top: 5rem
      }

      .mt-24 {
        margin-top: 6rem
      }

      .mt-28 {
        margin-top: 7rem
      }

      .mt-3 {
        margin-top: .75rem
      }

      .mt-3\.5 {
        margin-top: .875rem
      }

      .mt-32 {
        margin-top: 8rem
      }

      .mt-4 {
        margin-top: 1rem
      }

      .mt-5 {
        margin-top: 1.25rem
      }

      .mt-6 {
        margin-top: 1.5rem
      }

      .mt-7 {
        margin-top: 1.75rem
      }

      .mt-8 {
        margin-top: 2rem
      }

      .mt-\[-70px\] {
        margin-top: -70px
      }

      .mt-\[15vh\] {
        margin-top: 15vh
      }

      .mt-auto {
        margin-top: auto
      }

      .mt-px {
        margin-top: 1px
      }

      .box-border {
        box-sizing: border-box
      }

      .box-content {
        box-sizing: content-box
      }

      .\!block {
        display: block !important
      }

      .block {
        display: block
      }

      .inline-block {
        display: inline-block
      }

      .inline {
        display: inline
      }

      .\!flex {
        display: flex !important
      }

      .flex {
        display: flex
      }

      .inline-flex {
        display: inline-flex
      }

      .table {
        display: table
      }

      .table-cell {
        display: table-cell
      }

      .table-row {
        display: table-row
      }

      .grid {
        display: grid
      }

      .contents {
        display: contents
      }

      .\!hidden {
        display: none !important
      }

      .hidden {
        display: none
      }

      .aspect-3\/4 {
        aspect-ratio: 3/4
      }

      .aspect-4\/3 {
        aspect-ratio: 4/3
      }

      .aspect-5\/7 {
        aspect-ratio: 5/7
      }

      .aspect-7\/5 {
        aspect-ratio: 7/5
      }

      .aspect-9\/16 {
        aspect-ratio: 9/16
      }

      .aspect-\[16\/9\] {
        aspect-ratio: 16/9
      }

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

      .aspect-\[21\/9\] {
        aspect-ratio: 21/9
      }

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

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

      .aspect-\[5\/6\] {
        aspect-ratio: 5/6
      }

      .aspect-\[5\/7\] {
        aspect-ratio: 5/7
      }

      .aspect-auto {
        aspect-ratio: auto
      }

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

      .aspect-video {
        aspect-ratio: 16/9
      }

      .\!size-13 {
        height: 52px !important;
        width: 52px !important
      }

      .\!size-5 {
        height: 1.25rem !important;
        width: 1.25rem !important
      }

      .\!size-6 {
        height: 1.5rem !important;
        width: 1.5rem !important
      }

      .\!size-9 {
        height: 2.25rem !important;
        width: 2.25rem !important
      }

      .\!size-\[14px\] {
        height: 14px !important;
        width: 14px !important
      }

      .\!size-\[20px\] {
        height: 20px !important;
        width: 20px !important
      }

      .\!size-max {
        height: -moz-max-content !important;
        height: max-content !important;
        width: -moz-max-content !important;
        width: max-content !important
      }

      .size-1 {
        height: .25rem;
        width: .25rem
      }

      .size-10 {
        height: 2.5rem;
        width: 2.5rem
      }

      .size-11 {
        height: 2.75rem;
        width: 2.75rem
      }

      .size-12 {
        height: 3rem;
        width: 3rem
      }

      .size-2 {
        height: .5rem;
        width: .5rem
      }

      .size-2\.5 {
        height: .625rem;
        width: .625rem
      }

      .size-20 {
        height: 5rem;
        width: 5rem
      }

      .size-3 {
        height: .75rem;
        width: .75rem
      }

      .size-3\.5 {
        height: .875rem;
        width: .875rem
      }

      .size-4 {
        height: 1rem;
        width: 1rem
      }

      .size-5 {
        height: 1.25rem;
        width: 1.25rem
      }

      .size-6 {
        height: 1.5rem;
        width: 1.5rem
      }

      .size-8 {
        height: 2rem;
        width: 2rem
      }

      .size-9 {
        height: 2.25rem;
        width: 2.25rem
      }

      .size-\[10px\] {
        height: 10px;
        width: 10px
      }

      .size-\[12px\] {
        height: 12px;
        width: 12px
      }

      .size-\[18px\] {
        height: 18px;
        width: 18px
      }

      .size-\[20px\] {
        height: 20px;
        width: 20px
      }

      .size-\[24px\] {
        height: 24px;
        width: 24px
      }

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

      .\!h-0 {
        height: 0 !important
      }

      .\!h-10 {
        height: 2.5rem !important
      }

      .\!h-5 {
        height: 1.25rem !important
      }

      .\!h-6 {
        height: 1.5rem !important
      }

      .\!h-\[2\.313rem\] {
        height: 2.313rem !important
      }

      .\!h-\[44px\] {
        height: 44px !important
      }

      .\!h-auto {
        height: auto !important
      }

      .h-0 {
        height: 0
      }

      .h-0\.5 {
        height: .125rem
      }

      .h-1 {
        height: .25rem
      }

      .h-1\.5 {
        height: .375rem
      }

      .h-1\/2 {
        height: 50%
      }

      .h-1\/3 {
        height: 33.333333%
      }

      .h-10 {
        height: 2.5rem
      }

      .h-11 {
        height: 2.75rem
      }

      .h-12 {
        height: 3rem
      }

      .h-13 {
        height: 52px
      }

      .h-16 {
        height: 4rem
      }

      .h-2 {
        height: .5rem
      }

      .h-2\.5 {
        height: .625rem
      }

      .h-2\/3 {
        height: 66.666667%
      }

      .h-20 {
        height: 5rem
      }

      .h-3 {
        height: .75rem
      }

      .h-3\/4 {
        height: 75%
      }

      .h-3\/5 {
        height: 60%
      }

      .h-4 {
        height: 1rem
      }

      .h-4\/5 {
        height: 80%
      }

      .h-40 {
        height: 10rem
      }

      .h-44 {
        height: 11rem
      }

      .h-5\/6 {
        height: 83.333333%
      }

      .h-6 {
        height: 1.5rem
      }

      .h-64 {
        height: 16rem
      }

      .h-7 {
        height: 1.75rem
      }

      .h-8 {
        height: 2rem
      }

      .h-9 {
        height: 2.25rem
      }

      .h-96 {
        height: 24rem
      }

      .h-\[1\.375rem\] {
        height: 1.375rem
      }

      .h-\[1\.875rem\] {
        height: 1.875rem
      }

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

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

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

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

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

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

      .h-\[3\.25rem\] {
        height: 3.25rem
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .h-\[90\%\] {
        height: 90%
      }

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

      .h-\[calc\(100vh-220px\)\] {
        height: calc(100vh - 220px)
      }

      .h-\[var\(--so-dy-height\)\] {
        height: var(--so-dy-height)
      }

      .h-auto {
        height: auto
      }

      .h-dvh {
        height: 100dvh
      }

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

      .h-full {
        height: 100%
      }

      .h-px {
        height: 1px
      }

      .h-screen {
        height: 100vh
      }

      .max-h-0 {
        max-height: 0
      }

      .max-h-80 {
        max-height: 20rem
      }

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

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

      .max-h-\[60\%\] {
        max-height: 60%
      }

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

      .max-h-\[calc\(100\%-250px\)\] {
        max-height: calc(100% - 250px)
      }

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

      .max-h-full {
        max-height: 100%
      }

      .max-h-lg {
        max-height: 32rem
      }

      .max-h-md {
        max-height: 28rem
      }

      .max-h-xl {
        max-height: 36rem
      }

      .max-h-xs {
        max-height: 20rem
      }

      .\!min-h-\[80px\] {
        min-height: 80px !important
      }

      .min-h-10 {
        min-height: 2.5rem
      }

      .min-h-11 {
        min-height: 2.75rem
      }

      .min-h-3 {
        min-height: .75rem
      }

      .min-h-4 {
        min-height: 1rem
      }

      .min-h-64 {
        min-height: 16rem
      }

      .min-h-8 {
        min-height: 2rem
      }

      .min-h-96 {
        min-height: 24rem
      }

      .min-h-\[150vh\] {
        min-height: 150vh
      }

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

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

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

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

      .min-h-\[65vh\] {
        min-height: 65vh
      }

      .min-h-\[85vh\] {
        min-height: 85vh
      }

      .min-h-\[var\(--so-dy-mobile-min-height\)\] {
        min-height: var(--so-dy-mobile-min-height)
      }

      .min-h-full {
        min-height: 100%
      }

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

      .\!w-32 {
        width: 8rem !important
      }

      .\!w-56 {
        width: 14rem !important
      }

      .\!w-\[100vw\] {
        width: 100vw !important
      }

      .\!w-\[12\.5rem\] {
        width: 12.5rem !important
      }

      .\!w-\[22\.125rem\] {
        width: 22.125rem !important
      }

      .\!w-\[298px\] {
        width: 298px !important
      }

      .\!w-\[calc\(50vw-2px\)\] {
        width: calc(50vw - 2px) !important
      }

      .\!w-fit {
        width: -moz-fit-content !important;
        width: fit-content !important
      }

      .\!w-full {
        width: 100% !important
      }

      .w-0 {
        width: 0
      }

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

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

      .w-1\/4 {
        width: 25%
      }

      .w-1\/5 {
        width: 20%
      }

      .w-10 {
        width: 2.5rem
      }

      .w-11 {
        width: 2.75rem
      }

      .w-12 {
        width: 3rem
      }

      .w-13 {
        width: 52px
      }

      .w-14 {
        width: 3.5rem
      }

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

      .w-20 {
        width: 5rem
      }

      .w-24 {
        width: 6rem
      }

      .w-28 {
        width: 7rem
      }

      .w-3\/4 {
        width: 75%
      }

      .w-3\/5 {
        width: 60%
      }

      .w-32 {
        width: 8rem
      }

      .w-4 {
        width: 1rem
      }

      .w-4\/5 {
        width: 80%
      }

      .w-40 {
        width: 10rem
      }

      .w-48 {
        width: 12rem
      }

      .w-5 {
        width: 1.25rem
      }

      .w-6 {
        width: 1.5rem
      }

      .w-64 {
        width: 16rem
      }

      .w-7 {
        width: 1.75rem
      }

      .w-72 {
        width: 18rem
      }

      .w-8 {
        width: 2rem
      }

      .w-80 {
        width: 20rem
      }

      .w-9 {
        width: 2.25rem
      }

      .w-96 {
        width: 24rem
      }

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

      .w-\[12\.5\%\] {
        width: 12.5%
      }

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

      .w-\[19\.5rem\] {
        width: 19.5rem
      }

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

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

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

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

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

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

      .w-\[37\.5\%\] {
        width: 37.5%
      }

      .w-\[4\.125rem\] {
        width: 4.125rem
      }

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

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

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

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

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

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

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

      .w-\[calc\(100\%\/1\.5\)\] {
        width: 66.66667%
      }

      .w-auto {
        width: auto
      }

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

      .w-full {
        width: 100%
      }

      .w-max {
        width: -moz-max-content;
        width: max-content
      }

      .w-min {
        width: -moz-min-content;
        width: min-content
      }

      .w-px {
        width: 1px
      }

      .\!min-w-16 {
        min-width: 4rem !important
      }

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

      .min-w-16 {
        min-width: 4rem
      }

      .min-w-4 {
        min-width: 1rem
      }

      .min-w-48 {
        min-width: 12rem
      }

      .min-w-8 {
        min-width: 2rem
      }

      .min-w-\[2ch\] {
        min-width: 2ch
      }

      .min-w-\[37\%\] {
        min-width: 37%
      }

      .min-w-\[50px\] {
        min-width: 50px
      }

      .min-w-\[66\%\] {
        min-width: 66%
      }

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

      .min-w-full {
        min-width: 100%
      }

      .min-w-max {
        min-width: -moz-max-content;
        min-width: max-content
      }

      .min-w-px {
        min-width: 1px
      }

      .min-w-xs {
        min-width: 20rem
      }

      .\!max-w-\[12\.5rem\] {
        max-width: 12.5rem !important
      }

      .\!max-w-\[75\%\] {
        max-width: 75% !important
      }

      .\!max-w-full {
        max-width: 100% !important
      }

      .max-w-10 {
        max-width: 2.5rem
      }

      .max-w-24 {
        max-width: 6rem
      }

      .max-w-2xl {
        max-width: 42rem
      }

      .max-w-36 {
        max-width: 9rem
      }

      .max-w-3xl {
        max-width: 48rem
      }

      .max-w-4xl {
        max-width: 56rem
      }

      .max-w-5xl {
        max-width: 64rem
      }

      .max-w-64 {
        max-width: 16rem
      }

      .max-w-6xl {
        max-width: 72rem
      }

      .max-w-7xl {
        max-width: 80rem
      }

      .max-w-96 {
        max-width: 24rem
      }

      .max-w-\[100vw\] {
        max-width: 100vw
      }

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

      .max-w-\[23rem\] {
        max-width: 23rem
      }

      .max-w-\[29\.75rem\] {
        max-width: 29.75rem
      }

      .max-w-\[33\.75rem\] {
        max-width: 33.75rem
      }

      .max-w-\[3ch\] {
        max-width: 3ch
      }

      .max-w-\[50\%\] {
        max-width: 50%
      }

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

      .max-w-\[65\%\] {
        max-width: 65%
      }

      .max-w-\[66\%\] {
        max-width: 66%
      }

      .max-w-\[80\%\] {
        max-width: 80%
      }

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

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

      .max-w-\[calc\(100\%-1\.875rem\)\] {
        max-width: calc(100% - 1.875rem)
      }

      .max-w-\[calc\(100vw-32px\)\] {
        max-width: calc(100vw - 32px)
      }

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

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

      .max-w-lg {
        max-width: 32rem
      }

      .max-w-md {
        max-width: 28rem
      }

      .max-w-screen-2xl {
        max-width: 1440px
      }

      .max-w-sm {
        max-width: 24rem
      }

      .max-w-xl {
        max-width: 36rem
      }

      .max-w-xs {
        max-width: 20rem
      }

      .flex-1 {
        flex: 1 1 0%
      }

      .flex-\[0_0_100\%\] {
        flex: 0 0 100%
      }

      .flex-\[0_0_25\%\] {
        flex: 0 0 25%
      }

      .flex-\[0_0_66\%\] {
        flex: 0 0 66%
      }

      .flex-\[155px\] {
        flex: 155px
      }

      .flex-\[193px\] {
        flex: 193px
      }

      .flex-\[20\%\] {
        flex: 20%
      }

      .flex-\[237px\] {
        flex: 237px
      }

      .flex-\[536px\] {
        flex: 536px
      }

      .flex-initial {
        flex: 0 1 auto
      }

      .flex-none {
        flex: none
      }

      .shrink-0 {
        flex-shrink: 0
      }

      .grow {
        flex-grow: 1
      }

      .basis-0 {
        flex-basis: 0px
      }

      .basis-1\/2 {
        flex-basis: 50%
      }

      .basis-1\/4 {
        flex-basis: 25%
      }

      .basis-3\/4 {
        flex-basis: 75%
      }

      .basis-5\/12 {
        flex-basis: 41.666667%
      }

      .basis-7\/12 {
        flex-basis: 58.333333%
      }

      .border-collapse {
        border-collapse: collapse
      }

      .-translate-x-1\/2 {
        --tw-translate-x: -50%
      }

      .-translate-x-1\/2,
      .-translate-x-3\/4 {
        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))
      }

      .-translate-x-3\/4 {
        --tw-translate-x: -75%
      }

      .-translate-x-full {
        --tw-translate-x: -100%
      }

      .-translate-x-full,
      .-translate-y-1\/2 {
        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))
      }

      .-translate-y-1\/2 {
        --tw-translate-y: -50%
      }

      .-translate-y-4 {
        --tw-translate-y: -1rem
      }

      .-translate-y-4,
      .-translate-y-5 {
        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))
      }

      .-translate-y-5 {
        --tw-translate-y: -1.25rem
      }

      .-translate-y-8 {
        --tw-translate-y: -2rem
      }

      .-translate-y-8,
      .-translate-y-9 {
        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))
      }

      .-translate-y-9 {
        --tw-translate-y: -2.25rem
      }

      .-translate-y-full {
        --tw-translate-y: -100%
      }

      .-translate-y-full,
      .translate-x-0 {
        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))
      }

      .translate-x-0 {
        --tw-translate-x: 0px
      }

      .translate-x-1 {
        --tw-translate-x: .25rem
      }

      .translate-x-1,
      .translate-x-6 {
        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))
      }

      .translate-x-6 {
        --tw-translate-x: 1.5rem
      }

      .translate-x-\[-100vw\] {
        --tw-translate-x: -100vw
      }

      .translate-x-\[-100vw\],
      .translate-x-\[-10px\] {
        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))
      }

      .translate-x-\[-10px\] {
        --tw-translate-x: -10px
      }

      .translate-x-full {
        --tw-translate-x: 100%
      }

      .translate-x-full,
      .translate-y-0 {
        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))
      }

      .translate-y-0 {
        --tw-translate-y: 0px
      }

      .translate-y-1\/2 {
        --tw-translate-y: 50%
      }

      .translate-y-10,
      .translate-y-1\/2 {
        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))
      }

      .translate-y-10 {
        --tw-translate-y: 2.5rem
      }

      .translate-y-2 {
        --tw-translate-y: .5rem
      }

      .translate-y-2,
      .translate-y-4 {
        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))
      }

      .translate-y-4 {
        --tw-translate-y: 1rem
      }

      .translate-y-8 {
        --tw-translate-y: 2rem
      }

      .translate-y-8,
      .translate-y-\[-10px\] {
        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))
      }

      .translate-y-\[-10px\] {
        --tw-translate-y: -10px
      }

      .translate-y-full {
        --tw-translate-y: 100%
      }

      .-rotate-180,
      .translate-y-full {
        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))
      }

      .-rotate-180 {
        --tw-rotate: -180deg
      }

      .rotate-0 {
        --tw-rotate: 0deg
      }

      .rotate-0,
      .rotate-180 {
        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))
      }

      .rotate-180 {
        --tw-rotate: 180deg
      }

      .rotate-90 {
        --tw-rotate: 90deg
      }

      .rotate-90,
      .rotate-\[25deg\] {
        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))
      }

      .rotate-\[25deg\] {
        --tw-rotate: 25deg
      }

      .scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
      }

      .scale-100,
      .scale-95 {
        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))
      }

      .scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95
      }

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

      @keyframes flash {

        0%,
        to {
          opacity: 1
        }

        50% {
          opacity: 0
        }
      }

      .animate-flash {
        animation: flash .75s infinite
      }

      @keyframes pulse {

        0%,
        to {
          opacity: 1
        }

        50% {
          opacity: .5
        }
      }

      .animate-pulse {
        animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
      }

      @keyframes pump {
        0% {
          transform: scale(1)
        }

        40% {
          transform: scale(.85)
        }

        60% {
          transform: scale(1.4)
        }

        to {
          transform: scale(1)
        }
      }

      .animate-pump {
        animation: pump .6s ease-in-out
      }

      @keyframes spin {
        0% {
          transform: rotate(0)
        }

        to {
          transform: rotate(1turn)
        }
      }

      .animate-spin {
        animation: spin 1s linear infinite
      }

      .\!cursor-pointer {
        cursor: pointer !important
      }

      .cursor-default {
        cursor: default
      }

      .cursor-not-allowed {
        cursor: not-allowed
      }

      .cursor-pointer {
        cursor: pointer
      }

      .cursor-text {
        cursor: text
      }

      .cursor-zoom-in {
        cursor: zoom-in
      }

      .cursor-zoom-out {
        cursor: zoom-out
      }

      .select-none {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
      }

      .resize-none {
        resize: none
      }

      .resize {
        resize: both
      }

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

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

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

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

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

      .snap-always {
        scroll-snap-stop: always
      }

      .scroll-mt-8 {
        scroll-margin-top: 2rem
      }

      .list-inside {
        list-style-position: inside
      }

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

      .list-none {
        list-style-type: none
      }

      .\!appearance-none {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important
      }

      .appearance-none {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
      }

      .break-before-right {
        -moz-column-break-before: right;
        break-before: right
      }

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

      .grid-flow-col {
        grid-auto-flow: column
      }

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

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

      .grid-cols-12 {
        grid-template-columns: repeat(12, 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-\[fit-content\(100\%\)_minmax\(auto\,_528px\)\] {
        grid-template-columns: fit-content(100%) minmax(auto, 528px)
      }

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

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

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

      .grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr))
      }

      .grid-rows-\[fit-content\(0\)\] {
        grid-template-rows: fit-content(0)
      }

      .\!flex-row {
        flex-direction: row !important
      }

      .flex-row {
        flex-direction: row
      }

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

      .flex-col {
        flex-direction: column
      }

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

      .flex-wrap {
        flex-wrap: wrap
      }

      .flex-nowrap {
        flex-wrap: nowrap
      }

      .place-content-between {
        place-content: space-between
      }

      .content-center {
        align-content: center
      }

      .\!items-start {
        align-items: flex-start !important
      }

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

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

      .items-center {
        align-items: center
      }

      .items-baseline {
        align-items: baseline
      }

      .items-stretch {
        align-items: stretch
      }

      .\!justify-normal {
        justify-content: normal !important
      }

      .\!justify-start {
        justify-content: flex-start !important
      }

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

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

      .\!justify-center {
        justify-content: center !important
      }

      .justify-center {
        justify-content: center
      }

      .\!justify-between {
        justify-content: space-between !important
      }

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

      .justify-evenly {
        justify-content: space-evenly
      }

      .justify-items-start {
        justify-items: start
      }

      .justify-items-center {
        justify-items: center
      }

      .\!gap-0 {
        gap: 0 !important
      }

      .\!gap-1 {
        gap: .25rem !important
      }

      .\!gap-2 {
        gap: .5rem !important
      }

      .\!gap-3 {
        gap: .75rem !important
      }

      .\!gap-6 {
        gap: 1.5rem !important
      }

      .gap-0 {
        gap: 0
      }

      .gap-0\.5 {
        gap: .125rem
      }

      .gap-1 {
        gap: .25rem
      }

      .gap-10 {
        gap: 2.5rem
      }

      .gap-2 {
        gap: .5rem
      }

      .gap-2\.5 {
        gap: .625rem
      }

      .gap-3 {
        gap: .75rem
      }

      .gap-3\.5 {
        gap: .875rem
      }

      .gap-4 {
        gap: 1rem
      }

      .gap-5 {
        gap: 1.25rem
      }

      .gap-6 {
        gap: 1.5rem
      }

      .gap-7 {
        gap: 1.75rem
      }

      .gap-8 {
        gap: 2rem
      }

      .gap-\[10px\] {
        gap: 10px
      }

      .gap-\[20px\] {
        gap: 20px
      }

      .gap-\[2px\] {
        gap: 2px
      }

      .gap-\[30px\] {
        gap: 30px
      }

      .gap-x-1 {
        -moz-column-gap: .25rem;
        column-gap: .25rem
      }

      .gap-x-2 {
        -moz-column-gap: .5rem;
        column-gap: .5rem
      }

      .gap-x-3 {
        -moz-column-gap: .75rem;
        column-gap: .75rem
      }

      .gap-y-0\.5 {
        row-gap: .125rem
      }

      .gap-y-1 {
        row-gap: .25rem
      }

      .gap-y-4 {
        row-gap: 1rem
      }

      .gap-y-6 {
        row-gap: 1.5rem
      }

      .gap-y-\[\.125rem\] {
        row-gap: .125rem
      }

      .space-x-1>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.25rem*var(--tw-space-x-reverse))
      }

      .space-x-2>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.5rem*var(--tw-space-x-reverse))
      }

      .space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.75rem*var(--tw-space-x-reverse))
      }

      .space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
      }

      .space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(2rem*var(--tw-space-x-reverse))
      }

      .space-y-1\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
        margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
      }

      .space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(3rem*var(--tw-space-y-reverse));
        margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
      }

      .space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
        margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
      }

      .space-y-2\.5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
        margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)))
      }

      .space-y-3>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
        margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
      }

      .space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1rem*var(--tw-space-y-reverse));
        margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
      }

      .space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
        margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
      }

      .space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
        margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
      }

      .space-y-8>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(2rem*var(--tw-space-y-reverse));
        margin-top: calc(2rem*(1 - var(--tw-space-y-reverse)))
      }

      .divide-y>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
        border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
      }

      .self-start {
        align-self: flex-start
      }

      .self-end {
        align-self: flex-end
      }

      .self-center {
        align-self: center
      }

      .self-stretch {
        align-self: stretch
      }

      .overflow-auto {
        overflow: auto
      }

      .overflow-hidden {
        overflow: hidden
      }

      .overflow-visible {
        overflow: visible
      }

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

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

      .overflow-x-hidden {
        overflow-x: hidden
      }

      .overflow-y-hidden {
        overflow-y: hidden
      }

      .overflow-x-scroll {
        overflow-x: scroll
      }

      .overflow-y-scroll {
        overflow-y: scroll
      }

      .overscroll-none {
        overscroll-behavior: none
      }

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

      .text-ellipsis,
      .truncate {
        text-overflow: ellipsis
      }

      .hyphens-auto {
        -webkit-hyphens: auto;
        hyphens: auto
      }

      .\!whitespace-normal {
        white-space: normal !important
      }

      .whitespace-normal {
        white-space: normal
      }

      .whitespace-nowrap {
        white-space: nowrap
      }

      .whitespace-pre {
        white-space: pre
      }

      .whitespace-pre-line {
        white-space: pre-line
      }

      .whitespace-pre-wrap {
        white-space: pre-wrap
      }

      .whitespace-break-spaces {
        white-space: break-spaces
      }

      .text-balance {
        text-wrap: balance
      }

      .break-words {
        overflow-wrap: break-word
      }

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

      .\!rounded-full {
        border-radius: 9999px !important
      }

      .\!rounded-none {
        border-radius: 0 !important
      }

      .rounded {
        border-radius: .25rem
      }

      .rounded-3xl {
        border-radius: 1.5rem
      }

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

      .rounded-\[2\.375rem\] {
        border-radius: 2.375rem
      }

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

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

      .rounded-full {
        border-radius: 9999px
      }

      .rounded-lg {
        border-radius: .5rem
      }

      .rounded-md {
        border-radius: .375rem
      }

      .rounded-none {
        border-radius: 0
      }

      .rounded-sm {
        border-radius: .125rem
      }

      .rounded-xl {
        border-radius: .75rem
      }

      .rounded-l-full {
        border-bottom-left-radius: 9999px;
        border-top-left-radius: 9999px
      }

      .rounded-r-full {
        border-bottom-right-radius: 9999px;
        border-top-right-radius: 9999px
      }

      .rounded-t-md {
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem
      }

      .rounded-t-xl {
        border-top-left-radius: .75rem;
        border-top-right-radius: .75rem
      }

      .rounded-tl-md {
        border-top-left-radius: .375rem
      }

      .\!border-0 {
        border-width: 0 !important
      }

      .\!border-2 {
        border-width: 2px !important
      }

      .\!border-\[1px\] {
        border-width: 1px !important
      }

      .border {
        border-width: 1px
      }

      .border-0 {
        border-width: 0
      }

      .border-2 {
        border-width: 2px
      }

      .border-\[0\.3125rem\] {
        border-width: .3125rem
      }

      .border-\[3px\] {
        border-width: 3px
      }

      .border-\[5px\] {
        border-width: 5px
      }

      .border-y {
        border-bottom-width: 1px;
        border-top-width: 1px
      }

      .\!border-t-0 {
        border-top-width: 0 !important
      }

      .border-b {
        border-bottom-width: 1px
      }

      .border-b-2,
      .border-b-\[2px\] {
        border-bottom-width: 2px
      }

      .border-l {
        border-left-width: 1px
      }

      .border-r {
        border-right-width: 1px
      }

      .border-r-\[14px\] {
        border-right-width: 14px
      }

      .border-t {
        border-top-width: 1px
      }

      .border-t-2 {
        border-top-width: 2px
      }

      .border-t-\[14px\] {
        border-top-width: 14px
      }

      .\!border-none {
        border-style: none !important
      }

      .border-none {
        border-style: none
      }

      .\!border-\[\#bec2c4\] {
        --tw-border-opacity: 1 !important;
        border-color: rgb(190 194 196/var(--tw-border-opacity, 1)) !important
      }

      .\!border-accent {
        --tw-border-opacity: 1 !important;
        border-color: rgb(229 0 64/var(--tw-border-opacity, 1)) !important
      }

      .\!border-black {
        --tw-border-opacity: 1 !important;
        border-color: rgb(16 16 16/var(--tw-border-opacity, 1)) !important
      }

      .\!border-primary {
        --tw-border-opacity: 1 !important;
        border-color: rgb(43 43 43/var(--tw-border-opacity, 1)) !important
      }

      .border-black {
        --tw-border-opacity: 1;
        border-color: rgb(16 16 16/var(--tw-border-opacity, 1))
      }

      .border-black\/10 {
        border-color: #0f0f0f1a
      }

      .border-black\/50 {
        border-color: #0f0f0f80
      }

      .border-current {
        border-color: currentColor
      }

      .border-gray-100 {
        --tw-border-opacity: 1;
        border-color: rgb(216 220 222/var(--tw-border-opacity, 1))
      }

      .border-gray-200,
      .border-gray-300 {
        --tw-border-opacity: 1;
        border-color: rgb(198 201 203/var(--tw-border-opacity, 1))
      }

      .border-gray-400,
      .border-gray-450 {
        --tw-border-opacity: 1;
        border-color: rgb(149 151 152/var(--tw-border-opacity, 1))
      }

      .border-gray-50 {
        --tw-border-opacity: 1;
        border-color: rgb(239 239 239/var(--tw-border-opacity, 1))
      }

      .border-gray-500 {
        --tw-border-opacity: 1;
        border-color: rgb(120 122 123/var(--tw-border-opacity, 1))
      }

      .border-gray-60 {
        --tw-border-opacity: 1;
        border-color: rgb(113 113 114/var(--tw-border-opacity, 1))
      }

      .border-gray-75 {
        --tw-border-opacity: 1;
        border-color: rgb(87 87 87/var(--tw-border-opacity, 1))
      }

      .border-gray-750 {
        --tw-border-opacity: 1;
        border-color: rgb(91 92 93/var(--tw-border-opacity, 1))
      }

      .border-gray-900 {
        --tw-border-opacity: 1;
        border-color: rgb(43 59 43/var(--tw-border-opacity, 1))
      }

      .border-neutral-400 {
        --tw-border-opacity: 1;
        border-color: rgb(163 163 163/var(--tw-border-opacity, 1))
      }

      .border-neutral-600 {
        --tw-border-opacity: 1;
        border-color: rgb(82 82 82/var(--tw-border-opacity, 1))
      }

      .border-neutral-800 {
        --tw-border-opacity: 1;
        border-color: rgb(38 38 38/var(--tw-border-opacity, 1))
      }

      .border-newsletter-color,
      .border-primary {
        --tw-border-opacity: 1;
        border-color: rgb(43 43 43/var(--tw-border-opacity, 1))
      }

      .border-status-inputError {
        --tw-border-opacity: 1;
        border-color: rgb(252 0 0/var(--tw-border-opacity, 1))
      }

      .border-transparent {
        border-color: transparent
      }

      .border-white {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
      }

      .border-white\/50 {
        border-color: #ffffff80
      }

      .border-b-\[gray-200\] {
        border-bottom-color: gray-200
      }

      .border-b-black {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(16 16 16/var(--tw-border-opacity, 1))
      }

      .border-b-gray-200 {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(198 201 203/var(--tw-border-opacity, 1))
      }

      .border-b-neutral-25 {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(239 239 239/var(--tw-border-opacity, 1))
      }

      .border-b-primary {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(43 43 43/var(--tw-border-opacity, 1))
      }

      .border-b-secondary {
        --tw-border-opacity: 1;
        border-bottom-color: rgb(255 255 255/var(--tw-border-opacity, 1))
      }

      .border-b-transparent {
        border-bottom-color: transparent
      }

      .border-r-transparent {
        border-right-color: transparent
      }

      .border-t-gray-200 {
        --tw-border-opacity: 1;
        border-top-color: rgb(198 201 203/var(--tw-border-opacity, 1))
      }

      .border-t-gray-500 {
        --tw-border-opacity: 1;
        border-top-color: rgb(120 122 123/var(--tw-border-opacity, 1))
      }

      .border-t-neutral-800 {
        --tw-border-opacity: 1;
        border-top-color: rgb(38 38 38/var(--tw-border-opacity, 1))
      }

      .\!bg-\[\#bec2c4\] {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(190 194 196/var(--tw-bg-opacity, 1)) !important
      }

      .\!bg-black {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(16 16 16/var(--tw-bg-opacity, 1)) !important
      }

      .\!bg-gray-300 {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(198 201 203/var(--tw-bg-opacity, 1)) !important
      }

      .\!bg-primary {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(43 43 43/var(--tw-bg-opacity, 1)) !important
      }

      .\!bg-transparent {
        background-color: transparent !important
      }

      .\!bg-white {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
      }

      .bg-\[\#0061F2\] {
        --tw-bg-opacity: 1;
        background-color: rgb(0 97 242/var(--tw-bg-opacity, 1))
      }

      .bg-\[\#1877F2\] {
        --tw-bg-opacity: 1;
        background-color: rgb(24 119 242/var(--tw-bg-opacity, 1))
      }

      .bg-\[\#4285F4\] {
        --tw-bg-opacity: 1;
        background-color: rgb(66 133 244/var(--tw-bg-opacity, 1))
      }

      .bg-\[\#71A65F\] {
        --tw-bg-opacity: 1;
        background-color: rgb(113 166 95/var(--tw-bg-opacity, 1))
      }

      .bg-\[\#ABABAB\] {
        --tw-bg-opacity: 1;
        background-color: rgb(171 171 171/var(--tw-bg-opacity, 1))
      }

      .bg-\[\#C43A31\] {
        --tw-bg-opacity: 1;
        background-color: rgb(196 58 49/var(--tw-bg-opacity, 1))
      }

      .bg-\[\#FF8200\] {
        --tw-bg-opacity: 1;
        background-color: rgb(255 130 0/var(--tw-bg-opacity, 1))
      }

      .bg-\[\#a6a6a6\] {
        --tw-bg-opacity: 1;
        background-color: rgb(166 166 166/var(--tw-bg-opacity, 1))
      }

      .bg-\[var\(--bg-color\)\] {
        background-color: var(--bg-color)
      }

      .bg-amber-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(245 158 11/var(--tw-bg-opacity, 1))
      }

      .bg-beige {
        --tw-bg-opacity: 1;
        background-color: rgb(240 238 233/var(--tw-bg-opacity, 1))
      }

      .bg-black {
        --tw-bg-opacity: 1;
        background-color: rgb(16 16 16/var(--tw-bg-opacity, 1))
      }

      .bg-black\/30 {
        background-color: #0f0f0f4d
      }

      .bg-black\/50 {
        background-color: #0f0f0f80
      }

      .bg-cyan-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(6 182 212/var(--tw-bg-opacity, 1))
      }

      .bg-gray-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(216 220 222/var(--tw-bg-opacity, 1))
      }

      .bg-gray-100\/50 {
        background-color: #d8dcde80
      }

      .bg-gray-150 {
        --tw-bg-opacity: 1;
        background-color: rgb(213 215 226/var(--tw-bg-opacity, 1))
      }

      .bg-gray-200,
      .bg-gray-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(198 201 203/var(--tw-bg-opacity, 1))
      }

      .bg-gray-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(149 151 152/var(--tw-bg-opacity, 1))
      }

      .bg-gray-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(239 239 239/var(--tw-bg-opacity, 1))
      }

      .bg-gray-500,
      .bg-gray-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(120 122 123/var(--tw-bg-opacity, 1))
      }

      .bg-gray-800 {
        --tw-bg-opacity: 1;
        background-color: rgb(91 92 93/var(--tw-bg-opacity, 1))
      }

      .bg-green {
        --tw-bg-opacity: 1;
        background-color: rgb(2 136 82/var(--tw-bg-opacity, 1))
      }

      .bg-green-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(34 197 94/var(--tw-bg-opacity, 1))
      }

      .bg-green-light {
        --tw-bg-opacity: 1;
        background-color: rgb(228 244 228/var(--tw-bg-opacity, 1))
      }

      .bg-inherit {
        background-color: inherit
      }

      .bg-lime-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(132 204 22/var(--tw-bg-opacity, 1))
      }

      .bg-neutral-100\/80 {
        background-color: #929496cc
      }

      .bg-neutral-25 {
        --tw-bg-opacity: 1;
        background-color: rgb(239 239 239/var(--tw-bg-opacity, 1))
      }

      .bg-neutral-25\/80 {
        background-color: #f0f0f0cc
      }

      .bg-neutral-50 {
        --tw-bg-opacity: 1;
        background-color: rgb(250 250 250/var(--tw-bg-opacity, 1))
      }

      .bg-neutral-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(82 82 82/var(--tw-bg-opacity, 1))
      }

      .bg-neutral-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(23 23 23/var(--tw-bg-opacity, 1))
      }

      .bg-orange-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(249 115 22/var(--tw-bg-opacity, 1))
      }

      .bg-orange-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(234 88 12/var(--tw-bg-opacity, 1))
      }

      .bg-primary {
        --tw-bg-opacity: 1;
        background-color: rgb(43 43 43/var(--tw-bg-opacity, 1))
      }

      .bg-primary\/50 {
        background-color: #2b2b2b80
      }

      .bg-red {
        --tw-bg-opacity: 1;
        background-color: rgb(251 0 0/var(--tw-bg-opacity, 1))
      }

      .bg-red-500 {
        --tw-bg-opacity: 1;
        background-color: rgb(239 68 68/var(--tw-bg-opacity, 1))
      }

      .bg-red-600 {
        --tw-bg-opacity: 1;
        background-color: rgb(220 38 38/var(--tw-bg-opacity, 1))
      }

      .bg-secondary {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
      }

      .bg-slate-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
      }

      .bg-status-alert {
        --tw-bg-opacity: 1;
        background-color: rgb(255 196 167/var(--tw-bg-opacity, 1))
      }

      .bg-status-error {
        --tw-bg-opacity: 1;
        background-color: rgb(255 198 208/var(--tw-bg-opacity, 1))
      }

      .bg-status-success {
        --tw-bg-opacity: 1;
        background-color: rgb(228 244 228/var(--tw-bg-opacity, 1))
      }

      .bg-transparent {
        background-color: transparent
      }

      .bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
      }

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

      .bg-white\/20 {
        background-color: #fff3
      }

      .bg-white\/40 {
        background-color: #fff6
      }

      .bg-white\/60 {
        background-color: #fff9
      }

      .bg-white\/70 {
        background-color: #ffffffb3
      }

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

      .bg-white\/85 {
        background-color: #ffffffd9
      }

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

      .bg-yellow-300 {
        --tw-bg-opacity: 1;
        background-color: rgb(253 224 71/var(--tw-bg-opacity, 1))
      }

      .bg-yellow-400 {
        --tw-bg-opacity: 1;
        background-color: rgb(250 204 21/var(--tw-bg-opacity, 1))
      }

      .bg-\[linear-gradient\(180deg\,_\#000_-99\.5\%\,_rgba\(0\,0\,0\,0\.57\)_25\.19\%\,_rgba\(0\,0\,0\,0\)_100\%\)\] {
        background-image: linear-gradient(180deg, #000 -99.5%, rgba(0, 0, 0, .57) 25.19%, transparent)
      }

      .bg-gradient-to-b {
        background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
      }

      .bg-gradient-to-br {
        background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
      }

      .bg-gradient-to-t {
        background-image: linear-gradient(to top, var(--tw-gradient-stops))
      }

      .from-black {
        --tw-gradient-from: #101010 var(--tw-gradient-from-position);
        --tw-gradient-to: hsla(0, 0%, 6%, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .from-black\/70 {
        --tw-gradient-from: hsla(0, 0%, 6%, .7) var(--tw-gradient-from-position);
        --tw-gradient-to: hsla(0, 0%, 6%, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .from-black\/90 {
        --tw-gradient-from: hsla(0, 0%, 6%, .9) var(--tw-gradient-from-position);
        --tw-gradient-to: hsla(0, 0%, 6%, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .from-blue-300 {
        --tw-gradient-from: #93c5fd var(--tw-gradient-from-position);
        --tw-gradient-to: rgba(147, 197, 253, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .to-purple-200 {
        --tw-gradient-to: #e9d5ff var(--tw-gradient-to-position)
      }

      .to-transparent {
        --tw-gradient-to: transparent var(--tw-gradient-to-position)
      }

      .bg-\[size\:100\%_100\%\] {
        background-size: 100% 100%
      }

      .bg-cover {
        background-size: cover
      }

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

      .fill-current {
        fill: currentColor
      }

      .fill-gray-500 {
        fill: #787a7b
      }

      .fill-gray-700 {
        fill: #374151
      }

      .fill-gray-750 {
        fill: #5b5c5d
      }

      .fill-primary {
        fill: #2b2b2b
      }

      .fill-transparent {
        fill: transparent
      }

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

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

      .object-top {
        -o-object-position: top;
        object-position: top
      }

      .\!p-0 {
        padding: 0 !important
      }

      .\!p-1 {
        padding: .25rem !important
      }

      .\!p-2 {
        padding: .5rem !important
      }

      .\!p-3 {
        padding: .75rem !important
      }

      .\!p-3\.5 {
        padding: .875rem !important
      }

      .\!p-4 {
        padding: 1rem !important
      }

      .p-0 {
        padding: 0
      }

      .p-0\.5 {
        padding: .125rem
      }

      .p-1 {
        padding: .25rem
      }

      .p-10 {
        padding: 2.5rem
      }

      .p-16 {
        padding: 4rem
      }

      .p-2 {
        padding: .5rem
      }

      .p-2\.5 {
        padding: .625rem
      }

      .p-3 {
        padding: .75rem
      }

      .p-4 {
        padding: 1rem
      }

      .p-5 {
        padding: 1.25rem
      }

      .p-6 {
        padding: 1.5rem
      }

      .p-8 {
        padding: 2rem
      }

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

      .p-\[12px\] {
        padding: 12px
      }

      .p-\[15px\] {
        padding: 15px
      }

      .p-\[5px\] {
        padding: 5px
      }

      .p-px {
        padding: 1px
      }

      .\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
      }

      .\!px-1\.5 {
        padding-left: .375rem !important;
        padding-right: .375rem !important
      }

      .\!px-2\.5 {
        padding-left: .625rem !important;
        padding-right: .625rem !important
      }

      .\!px-3 {
        padding-left: .75rem !important;
        padding-right: .75rem !important
      }

      .\!px-3\.5 {
        padding-left: .875rem !important;
        padding-right: .875rem !important
      }

      .\!px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
      }

      .\!px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
      }

      .\!px-\[6px\] {
        padding-left: 6px !important;
        padding-right: 6px !important
      }

      .\!py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
      }

      .\!py-1 {
        padding-bottom: .25rem !important;
        padding-top: .25rem !important
      }

      .\!py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
      }

      .\!py-4 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
      }

      .\!py-\[12px\] {
        padding-bottom: 12px !important;
        padding-top: 12px !important
      }

      .px-0 {
        padding-left: 0;
        padding-right: 0
      }

      .px-0\.5 {
        padding-left: .125rem;
        padding-right: .125rem
      }

      .px-1 {
        padding-left: .25rem;
        padding-right: .25rem
      }

      .px-1\.5 {
        padding-left: .375rem;
        padding-right: .375rem
      }

      .px-2 {
        padding-left: .5rem;
        padding-right: .5rem
      }

      .px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem
      }

      .px-3 {
        padding-left: .75rem;
        padding-right: .75rem
      }

      .px-4 {
        padding-left: 1rem;
        padding-right: 1rem
      }

      .px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
      }

      .px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
      }

      .px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem
      }

      .px-8 {
        padding-left: 2rem;
        padding-right: 2rem
      }

      .px-\[0\.325rem\] {
        padding-left: .325rem;
        padding-right: .325rem
      }

      .px-\[11px\] {
        padding-left: 11px;
        padding-right: 11px
      }

      .px-\[12px\] {
        padding-left: 12px;
        padding-right: 12px
      }

      .px-\[16px\] {
        padding-left: 16px;
        padding-right: 16px
      }

      .px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
      }

      .px-\[27px\] {
        padding-left: 27px;
        padding-right: 27px
      }

      .px-\[28px\] {
        padding-left: 28px;
        padding-right: 28px
      }

      .px-\[5\%\] {
        padding-left: 5%;
        padding-right: 5%
      }

      .py-0 {
        padding-bottom: 0;
        padding-top: 0
      }

      .py-0\.5 {
        padding-bottom: .125rem;
        padding-top: .125rem
      }

      .py-1 {
        padding-bottom: .25rem;
        padding-top: .25rem
      }

      .py-1\.5 {
        padding-bottom: .375rem;
        padding-top: .375rem
      }

      .py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem
      }

      .py-2 {
        padding-bottom: .5rem;
        padding-top: .5rem
      }

      .py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
      }

      .py-3\.5 {
        padding-bottom: .875rem;
        padding-top: .875rem
      }

      .py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem
      }

      .py-5 {
        padding-bottom: 1.25rem;
        padding-top: 1.25rem
      }

      .py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
      }

      .py-7 {
        padding-bottom: 1.75rem;
        padding-top: 1.75rem
      }

      .py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem
      }

      .py-\[0\.825rem\] {
        padding-bottom: .825rem;
        padding-top: .825rem
      }

      .py-\[10px\] {
        padding-bottom: 10px;
        padding-top: 10px
      }

      .py-\[2px\] {
        padding-bottom: 2px;
        padding-top: 2px
      }

      .py-\[7px\] {
        padding-bottom: 7px;
        padding-top: 7px
      }

      .py-px {
        padding-bottom: 1px;
        padding-top: 1px
      }

      .\!pb-1 {
        padding-bottom: .25rem !important
      }

      .\!pb-2 {
        padding-bottom: .5rem !important
      }

      .\!pb-3 {
        padding-bottom: .75rem !important
      }

      .\!pb-5 {
        padding-bottom: 1.25rem !important
      }

      .\!pb-\[12px\] {
        padding-bottom: 12px !important
      }

      .\!pb-\[4px\] {
        padding-bottom: 4px !important
      }

      .\!pl-0 {
        padding-left: 0 !important
      }

      .\!pl-4 {
        padding-left: 1rem !important
      }

      .\!pr-0 {
        padding-right: 0 !important
      }

      .\!pr-1 {
        padding-right: .25rem !important
      }

      .\!pr-4 {
        padding-right: 1rem !important
      }

      .\!pr-\[10px\] {
        padding-right: 10px !important
      }

      .\!pt-2 {
        padding-top: .5rem !important
      }

      .\!pt-3 {
        padding-top: .75rem !important
      }

      .\!pt-4 {
        padding-top: 1rem !important
      }

      .pb-0 {
        padding-bottom: 0
      }

      .pb-1 {
        padding-bottom: .25rem
      }

      .pb-10 {
        padding-bottom: 2.5rem
      }

      .pb-2 {
        padding-bottom: .5rem
      }

      .pb-20 {
        padding-bottom: 5rem
      }

      .pb-3 {
        padding-bottom: .75rem
      }

      .pb-4 {
        padding-bottom: 1rem
      }

      .pb-5 {
        padding-bottom: 1.25rem
      }

      .pb-6 {
        padding-bottom: 1.5rem
      }

      .pb-8 {
        padding-bottom: 2rem
      }

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

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

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

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

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

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

      .pl-0\.5 {
        padding-left: .125rem
      }

      .pl-1 {
        padding-left: .25rem
      }

      .pl-10 {
        padding-left: 2.5rem
      }

      .pl-12 {
        padding-left: 3rem
      }

      .pl-16 {
        padding-left: 4rem
      }

      .pl-2 {
        padding-left: .5rem
      }

      .pl-20 {
        padding-left: 5rem
      }

      .pl-24 {
        padding-left: 6rem
      }

      .pl-28 {
        padding-left: 7rem
      }

      .pl-3 {
        padding-left: .75rem
      }

      .pl-4 {
        padding-left: 1rem
      }

      .pl-5 {
        padding-left: 1.25rem
      }

      .pl-6 {
        padding-left: 1.5rem
      }

      .pl-7 {
        padding-left: 1.75rem
      }

      .pl-8 {
        padding-left: 2rem
      }

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

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

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

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

      .pl-header {
        padding-left: var(--so-header-height)
      }

      .pr-1 {
        padding-right: .25rem
      }

      .pr-12 {
        padding-right: 3rem
      }

      .pr-16 {
        padding-right: 4rem
      }

      .pr-2 {
        padding-right: .5rem
      }

      .pr-20 {
        padding-right: 5rem
      }

      .pr-24 {
        padding-right: 6rem
      }

      .pr-28 {
        padding-right: 7rem
      }

      .pr-3 {
        padding-right: .75rem
      }

      .pr-4 {
        padding-right: 1rem
      }

      .pr-5 {
        padding-right: 1.25rem
      }

      .pr-6 {
        padding-right: 1.5rem
      }

      .pr-7 {
        padding-right: 1.75rem
      }

      .pr-8 {
        padding-right: 2rem
      }

      .pt-0 {
        padding-top: 0
      }

      .pt-1 {
        padding-top: .25rem
      }

      .pt-11 {
        padding-top: 2.75rem
      }

      .pt-14 {
        padding-top: 3.5rem
      }

      .pt-16 {
        padding-top: 4rem
      }

      .pt-2 {
        padding-top: .5rem
      }

      .pt-3 {
        padding-top: .75rem
      }

      .pt-4 {
        padding-top: 1rem
      }

      .pt-5 {
        padding-top: 1.25rem
      }

      .pt-6 {
        padding-top: 1.5rem
      }

      .pt-7 {
        padding-top: 1.75rem
      }

      .pt-8 {
        padding-top: 2rem
      }

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

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

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

      .\!text-left {
        text-align: left !important
      }

      .text-left {
        text-align: left
      }

      .\!text-center {
        text-align: center !important
      }

      .text-center {
        text-align: center
      }

      .text-right {
        text-align: right
      }

      .text-justify {
        text-align: justify
      }

      .text-start {
        text-align: start
      }

      .text-end {
        text-align: end
      }

      .align-middle {
        vertical-align: middle
      }

      .font-sans {
        font-family: Case, Helvetica Neue, Helvetica, Arial, Nimbus Sans L, Liberation Sans, sans-serif
      }

      .\!text-2xs {
        font-size: .6875rem !important
      }

      .\!text-\[0px\] {
        font-size: 0 !important
      }

      .\!text-h1-lg {
        font-size: 3.625rem !important;
        line-height: 1.2 !important
      }

      .\!text-h3-sm,
      .\!text-h4-md {
        font-size: 1.625rem !important;
        line-height: 1.2 !important
      }

      .\!text-h5-sm {
        font-size: 1.125rem !important;
        line-height: 1.2 !important
      }

      .\!text-l {
        line-height: 1.5 !important
      }

      .\!text-l,
      .\!text-lg {
        font-size: 1rem !important
      }

      .\!text-lg {
        letter-spacing: -.02rem !important;
        line-height: 1.2rem !important
      }

      .\!text-m,
      .\!text-md {
        font-size: .875rem !important;
        line-height: 1.5 !important
      }

      .\!text-md {
        letter-spacing: -.009rem !important
      }

      .\!text-s,
      .\!text-sm {
        font-size: .75rem !important;
        line-height: 1.6 !important
      }

      .\!text-sm {
        letter-spacing: -.008rem !important
      }

      .\!text-xl {
        font-size: 1.125rem !important;
        line-height: 1.5 !important
      }

      .\!text-xs {
        font-size: .6875rem !important;
        line-height: 1.6 !important
      }

      .text-2xl {
        font-size: 1.25rem;
        letter-spacing: -.025rem;
        line-height: 1.75rem
      }

      .text-2xs {
        font-size: .6875rem
      }

      .text-3xl {
        font-size: 1.75rem;
        letter-spacing: -.035rem;
        line-height: 2.1rem
      }

      .text-4xl {
        font-size: 2.25rem;
        letter-spacing: -.045rem;
        line-height: 2.75rem
      }

      .text-5xl {
        font-size: 2.75rem;
        letter-spacing: -.055rem;
        line-height: 3.063rem
      }

      .text-6xl {
        font-size: 3.25rem;
        letter-spacing: -.063rem;
        line-height: 3.625rem
      }

      .text-7xl {
        font-size: 4rem;
        letter-spacing: -.075rem;
        line-height: 4.5rem
      }

      .text-8xl {
        font-size: 5rem;
        letter-spacing: -.085rem;
        line-height: 5.625rem
      }

      .text-9xl {
        font-size: 6rem;
        letter-spacing: -.1rem;
        line-height: 6.75rem
      }

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

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

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

      .text-acc-md {
        font-size: 1.875rem;
        line-height: 2.375rem
      }

      .text-acc-sm {
        font-size: 1.5rem;
        line-height: 1.875rem
      }

      .text-base {
        font-size: .813rem;
        letter-spacing: -.008rem;
        line-height: 1
      }

      .text-h1-lg {
        font-size: 3.625rem;
        line-height: 1.2
      }

      .text-h1-sm {
        font-size: 2.3125rem;
        line-height: 1.2
      }

      .text-h2-lg {
        font-size: 3rem;
        line-height: 1.2
      }

      .text-h2-sm {
        font-size: 1.9375rem;
        line-height: 1.2
      }

      .text-h3-lg {
        font-size: 2.5rem;
        line-height: 1.2
      }

      .text-h3-sm {
        font-size: 1.625rem;
        line-height: 1.2
      }

      .text-h4-lg {
        font-size: 2.0625rem;
        line-height: 1.2
      }

      .text-h4-md {
        font-size: 1.625rem;
        line-height: 1.2
      }

      .text-h4-sm {
        font-size: 1.375rem;
        line-height: 1.2
      }

      .text-h5-lg {
        font-size: 1.75rem;
        line-height: 1.2
      }

      .text-h5-sm {
        font-size: 1.125rem;
        line-height: 1.2
      }

      .text-l {
        font-size: 1rem;
        line-height: 1.5
      }

      .text-lg {
        font-size: 1rem;
        letter-spacing: -.02rem;
        line-height: 1.2rem
      }

      .text-m,
      .text-md {
        font-size: .875rem;
        line-height: 1.5
      }

      .text-md {
        letter-spacing: -.009rem
      }

      .text-s,
      .text-sm {
        font-size: .75rem;
        line-height: 1.6
      }

      .text-sm {
        letter-spacing: -.008rem
      }

      .text-xl {
        font-size: 1.125rem;
        line-height: 1.5
      }

      .text-xs {
        font-size: .6875rem;
        line-height: 1.6
      }

      .text-xxl {
        font-size: 1.5rem;
        line-height: 1.5
      }

      .\!font-bold {
        font-weight: 700 !important
      }

      .\!font-normal {
        font-weight: 400 !important
      }

      .\!font-semibold {
        font-weight: 600 !important
      }

      .font-\[100\] {
        font-weight: 100
      }

      .font-\[500\] {
        font-weight: 500
      }

      .font-bold {
        font-weight: 700
      }

      .font-light {
        font-weight: 300
      }

      .font-medium {
        font-weight: 500
      }

      .font-normal {
        font-weight: 400
      }

      .font-semibold {
        font-weight: 600
      }

      .\!uppercase {
        text-transform: uppercase !important
      }

      .uppercase {
        text-transform: uppercase
      }

      .lowercase {
        text-transform: lowercase
      }

      .\!capitalize {
        text-transform: capitalize !important
      }

      .capitalize {
        text-transform: capitalize
      }

      .\!normal-case {
        text-transform: none !important
      }

      .normal-case {
        text-transform: none
      }

      .italic {
        font-style: italic
      }

      .ordinal {
        --tw-ordinal: ordinal
      }

      .ordinal,
      .tabular-nums {
        font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
      }

      .tabular-nums {
        --tw-numeric-spacing: tabular-nums
      }

      .\!leading-6 {
        line-height: 1.5rem !important
      }

      .\!leading-none {
        line-height: 1 !important
      }

      .leading-4 {
        line-height: 1rem
      }

      .leading-5 {
        line-height: 1.25rem
      }

      .leading-6 {
        line-height: 1.5rem
      }

      .leading-8 {
        line-height: 2rem
      }

      .leading-\[0\.875rem\] {
        line-height: .875rem
      }

      .leading-\[18px\] {
        line-height: 18px
      }

      .leading-\[38px\] {
        line-height: 38px
      }

      .leading-\[normal\] {
        line-height: normal
      }

      .leading-loose {
        line-height: 2
      }

      .leading-none {
        line-height: 1
      }

      .leading-normal {
        line-height: 1.5
      }

      .leading-snug {
        line-height: 1.375
      }

      .leading-tight {
        line-height: 1.25
      }

      .\!tracking-\[0\.3px\] {
        letter-spacing: .3px !important
      }

      .tracking-\[-0\.11px\] {
        letter-spacing: -.11px
      }

      .tracking-\[-0\.14px\] {
        letter-spacing: -.14px
      }

      .tracking-\[-0\.16px\] {
        letter-spacing: -.16px
      }

      .tracking-\[-0\.36px\] {
        letter-spacing: -.36px
      }

      .tracking-heading {
        letter-spacing: .0625rem
      }

      .tracking-headline-s {
        letter-spacing: -.36px
      }

      .tracking-text-s {
        letter-spacing: -.12px
      }

      .\!text-\[\#7b7c7d\] {
        --tw-text-opacity: 1 !important;
        color: rgb(123 124 125/var(--tw-text-opacity, 1)) !important
      }

      .\!text-black {
        --tw-text-opacity: 1 !important;
        color: rgb(16 16 16/var(--tw-text-opacity, 1)) !important
      }

      .\!text-gray-500,
      .\!text-gray-600 {
        --tw-text-opacity: 1 !important;
        color: rgb(120 122 123/var(--tw-text-opacity, 1)) !important
      }

      .\!text-neutral-75 {
        --tw-text-opacity: 1 !important;
        color: rgb(217 216 214/var(--tw-text-opacity, 1)) !important
      }

      .\!text-primary {
        --tw-text-opacity: 1 !important;
        color: rgb(43 43 43/var(--tw-text-opacity, 1)) !important
      }

      .\!text-white {
        --tw-text-opacity: 1 !important;
        color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
      }

      .text-\[\#2B2B2B\] {
        --tw-text-opacity: 1;
        color: rgb(43 43 43/var(--tw-text-opacity, 1))
      }

      .text-accent {
        --tw-text-opacity: 1;
        color: rgb(229 0 64/var(--tw-text-opacity, 1))
      }

      .text-black {
        --tw-text-opacity: 1;
        color: rgb(16 16 16/var(--tw-text-opacity, 1))
      }

      .text-blue-600 {
        --tw-text-opacity: 1;
        color: rgb(37 99 235/var(--tw-text-opacity, 1))
      }

      .text-gray-100 {
        --tw-text-opacity: 1;
        color: rgb(216 220 222/var(--tw-text-opacity, 1))
      }

      .text-gray-200,
      .text-gray-300 {
        --tw-text-opacity: 1;
        color: rgb(198 201 203/var(--tw-text-opacity, 1))
      }

      .text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(149 151 152/var(--tw-text-opacity, 1))
      }

      .text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(120 122 123/var(--tw-text-opacity, 1))
      }

      .text-gray-60 {
        --tw-text-opacity: 1;
        color: rgb(113 113 114/var(--tw-text-opacity, 1))
      }

      .text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(120 122 123/var(--tw-text-opacity, 1))
      }

      .text-gray-700 {
        --tw-text-opacity: 1;
        color: rgb(55 65 81/var(--tw-text-opacity, 1))
      }

      .text-gray-75 {
        --tw-text-opacity: 1;
        color: rgb(87 87 87/var(--tw-text-opacity, 1))
      }

      .text-gray-750 {
        --tw-text-opacity: 1;
        color: rgb(91 92 93/var(--tw-text-opacity, 1))
      }

      .text-gray-900 {
        --tw-text-opacity: 1;
        color: rgb(43 59 43/var(--tw-text-opacity, 1))
      }

      .text-gray-950 {
        --tw-text-opacity: 1;
        color: rgb(43 43 43/var(--tw-text-opacity, 1))
      }

      .text-green {
        --tw-text-opacity: 1;
        color: rgb(2 136 82/var(--tw-text-opacity, 1))
      }

      .text-green-400 {
        --tw-text-opacity: 1;
        color: rgb(74 222 128/var(--tw-text-opacity, 1))
      }

      .text-inherit {
        color: inherit
      }

      .text-neutral-100 {
        --tw-text-opacity: 1;
        color: rgb(145 147 149/var(--tw-text-opacity, 1))
      }

      .text-neutral-500 {
        --tw-text-opacity: 1;
        color: rgb(115 115 115/var(--tw-text-opacity, 1))
      }

      .text-neutral-600 {
        --tw-text-opacity: 1;
        color: rgb(82 82 82/var(--tw-text-opacity, 1))
      }

      .text-neutral-700 {
        --tw-text-opacity: 1;
        color: rgb(64 64 64/var(--tw-text-opacity, 1))
      }

      .text-neutral-75 {
        --tw-text-opacity: 1;
        color: rgb(217 216 214/var(--tw-text-opacity, 1))
      }

      .text-neutral-800 {
        --tw-text-opacity: 1;
        color: rgb(38 38 38/var(--tw-text-opacity, 1))
      }

      .text-neutral-900 {
        --tw-text-opacity: 1;
        color: rgb(23 23 23/var(--tw-text-opacity, 1))
      }

      .text-newsletter-color {
        --tw-text-opacity: 1;
        color: rgb(43 43 43/var(--tw-text-opacity, 1))
      }

      .text-orange {
        --tw-text-opacity: 1;
        color: rgb(255 130 0/var(--tw-text-opacity, 1))
      }

      .text-orange-600 {
        --tw-text-opacity: 1;
        color: rgb(234 88 12/var(--tw-text-opacity, 1))
      }

      .text-primary {
        --tw-text-opacity: 1;
        color: rgb(43 43 43/var(--tw-text-opacity, 1))
      }

      .text-red {
        --tw-text-opacity: 1;
        color: rgb(251 0 0/var(--tw-text-opacity, 1))
      }

      .text-red-500 {
        --tw-text-opacity: 1;
        color: rgb(239 68 68/var(--tw-text-opacity, 1))
      }

      .text-red-sale {
        --tw-text-opacity: 1;
        color: rgb(235 0 0/var(--tw-text-opacity, 1))
      }

      .text-secondary {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
      }

      .text-status-inputError {
        --tw-text-opacity: 1;
        color: rgb(252 0 0/var(--tw-text-opacity, 1))
      }

      .text-transparent {
        color: transparent
      }

      .text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
      }

      .underline {
        text-decoration-line: underline
      }

      .overline {
        text-decoration-line: overline
      }

      .line-through {
        text-decoration-line: line-through
      }

      .underline-offset-2 {
        text-underline-offset: 2px
      }

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

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

      .\!opacity-0 {
        opacity: 0 !important
      }

      .\!opacity-100 {
        opacity: 1 !important
      }

      .opacity-0 {
        opacity: 0
      }

      .opacity-100 {
        opacity: 1
      }

      .opacity-40 {
        opacity: .4
      }

      .opacity-50 {
        opacity: .5
      }

      .opacity-75 {
        opacity: .75
      }

      .mix-blend-darken {
        mix-blend-mode: darken
      }

      .shadow {
        --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
      }

      .shadow,
      .shadow-\[0_-1px_2px_-1px_rgba\(0\,0\,0\,0\.15\)\] {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-\[0_-1px_2px_-1px_rgba\(0\,0\,0\,0\.15\)\] {
        --tw-shadow: 0 -1px 2px -1px rgba(0, 0, 0, .15);
        --tw-shadow-colored: 0 -1px 2px -1px var(--tw-shadow-color)
      }

      .shadow-\[0_-4px_4px_rgba\(0\,0\,0\,0\.075\)\] {
        --tw-shadow: 0 -4px 4px rgba(0, 0, 0, .075);
        --tw-shadow-colored: 0 -4px 4px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

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

      .shadow-\[0_3px_24px_0_rgba\(0\,0\,0\,0\.12\)\] {
        --tw-shadow: 0 3px 24px 0 rgba(0, 0, 0, .12);
        --tw-shadow-colored: 0 3px 24px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-\[0px_-3px_8px_0px_rgba\(0\,_0\,_0\,_0\.08\)\] {
        --tw-shadow: 0px -3px 8px 0px rgba(0, 0, 0, .08);
        --tw-shadow-colored: 0px -3px 8px 0px var(--tw-shadow-color)
      }

      .shadow-\[0px_-3px_8px_0px_rgba\(0\,_0\,_0\,_0\.08\)\],
      .shadow-filters {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-filters {
        --tw-shadow: 0px 1px 5px 0px #0000001f;
        --tw-shadow-colored: 0px 1px 5px 0px var(--tw-shadow-color)
      }

      .shadow-lg {
        --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
      }

      .shadow-lg,
      .shadow-md {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-md {
        --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
        --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)
      }

      .shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000
      }

      .shadow-none,
      .shadow-secondary {
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-secondary {
        --tw-shadow: 0px 6px 16px -10px rgba(0, 0, 0, .04);
        --tw-shadow-colored: 0px 6px 16px -10px var(--tw-shadow-color)
      }

      .shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .shadow-secondary {
        --tw-shadow-color: #fff;
        --tw-shadow: var(--tw-shadow-colored)
      }

      .\!outline-none {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important
      }

      .outline-none {
        outline: 2px solid transparent;
        outline-offset: 2px
      }

      .outline {
        outline-style: solid
      }

      .outline-0 {
        outline-width: 0
      }

      .outline-1 {
        outline-width: 1px
      }

      .outline-2 {
        outline-width: 2px
      }

      .outline-4 {
        outline-width: 4px
      }

      .-outline-offset-4 {
        outline-offset: -4px
      }

      .outline-offset-2 {
        outline-offset: 2px
      }

      .outline-black\/60 {
        outline-color: #0f0f0f99
      }

      .outline-gray-400 {
        outline-color: #959798
      }

      .outline-gray-500 {
        outline-color: #787a7b
      }

      .outline-white\/50 {
        outline-color: #ffffff80
      }

      .ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
      }

      .ring-0,
      .ring-1 {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
      }

      .ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
      }

      .\!ring-black {
        --tw-ring-opacity: 1 !important;
        --tw-ring-color: rgb(16 16 16/var(--tw-ring-opacity, 1)) !important
      }

      .ring-gray-200 {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(198 201 203/var(--tw-ring-opacity, 1))
      }

      .ring-gray-200\/50 {
        --tw-ring-color: hsla(204, 5%, 79%, .5)
      }

      .ring-offset-2 {
        --tw-ring-offset-width: 2px
      }

      .blur {
        --tw-blur: blur(8px)
      }

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

      .blur-sm {
        --tw-blur: blur(4px)
      }

      .drop-shadow-\[0_4px_50px_rgba\(0\,0\,0\,0\.8\)\] {
        --tw-drop-shadow: drop-shadow(0 4px 50px rgba(0, 0, 0, .8))
      }

      .drop-shadow-\[0_4px_50px_rgba\(0\,0\,0\,0\.8\)\],
      .filter {
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
      }

      .backdrop-blur-\[1px\] {
        --tw-backdrop-blur: blur(1px)
      }

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

      .backdrop-blur-\[5\.33px\] {
        --tw-backdrop-blur: blur(5.33px)
      }

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

      .backdrop-blur-sm {
        --tw-backdrop-blur: blur(4px);
        -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-none {
        transition-property: none !important
      }

      .transition {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-\[max-height\,opacity\] {
        transition-duration: .15s;
        transition-property: max-height, opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-\[top\] {
        transition-duration: .15s;
        transition-property: top;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-all {
        transition-duration: .15s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-colors {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-none {
        transition-property: none
      }

      .transition-opacity {
        transition-duration: .15s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-shadow {
        transition-duration: .15s;
        transition-property: box-shadow;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .transition-transform {
        transition-duration: .15s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .delay-100 {
        transition-delay: .1s
      }

      .duration-100 {
        transition-duration: .1s
      }

      .duration-1000 {
        transition-duration: 1s
      }

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

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

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

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

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

      .ease-in {
        transition-timing-function: cubic-bezier(.4, 0, 1, 1)
      }

      .ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .ease-in-out-quad {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
      }

      .ease-linear {
        transition-timing-function: linear
      }

      .ease-out {
        transition-timing-function: cubic-bezier(0, 0, .2, 1)
      }

      .will-change-transform {
        will-change: transform
      }

      .anchor-scrolling-none {
        overflow-anchor: none
      }

      .scrollbar-hide {
        scrollbar-width: none
      }

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

      .scrollbar-mobile-hide {
        scrollbar-width: none
      }

      .scrollbar-mobile-hide::-webkit-scrollbar {
        display: none
      }

      @media (min-width:1024px) {
        .scrollbar-mobile-hide {
          scrollbar-width: auto
        }

        .scrollbar-mobile-hide::-webkit-scrollbar {
          background: #c6c9cb;
          border-radius: 30px;
          display: block;
          height: 6px
        }

        .scrollbar-mobile-hide::-webkit-scrollbar-thumb {
          background: #2b2b2b;
          border-radius: 30px
        }
      }

      .test {
        border: 1px solid red
      }

      .visually-hidden {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        border: 0;
        clip-path: inset(0 0 99.9% 99.9%);
        height: 1px;
        overflow: hidden;
        padding: 0;
        width: 1px
      }

      .diagonal-strikethrough {
        background: linear-gradient(to left top, transparent 49%, currentColor, currentColor, transparent 52.25%)
      }

      :root {
        --so-header-height: 0px;
        --so-scroll-offset: 0px;
        --saiz-widget-header-text-transform: uppercase
      }

      html {
        scroll-padding-top: var(--so-scroll-offset)
      }

      @media not all and (min-width:768px) {
        .max-md\:container {
          margin-left: auto;
          margin-right: auto;
          padding-left: 1rem;
          padding-right: 1rem;
          width: 100%
        }

        @media (min-width:93.75rem) {
          .max-md\:container {
            max-width: 93.75rem
          }
        }
      }

      @media (min-width:768px) {
        .md\:container {
          margin-left: auto;
          margin-right: auto;
          padding-left: 1rem;
          padding-right: 1rem;
          width: 100%
        }

        @media (min-width:93.75rem) {
          .md\:container {
            max-width: 93.75rem
          }
        }
      }

      @media (min-width:1024px) {
        .lg\:container {
          margin-left: auto;
          margin-right: auto;
          padding-left: 1rem;
          padding-right: 1rem;
          width: 100%
        }

        @media (min-width:93.75rem) {
          .lg\:container {
            max-width: 93.75rem
          }
        }
      }

      @media (min-width:1280px) {
        .xl\:container {
          margin-left: auto;
          margin-right: auto;
          padding-left: 1rem;
          padding-right: 1rem;
          width: 100%
        }

        @media (min-width:93.75rem) {
          .xl\:container {
            max-width: 93.75rem
          }
        }
      }

      @media (min-width:1440px) {
        .\32xl\:container {
          margin-left: auto;
          margin-right: auto;
          padding-left: 1rem;
          padding-right: 1rem;
          width: 100%
        }

        @media (min-width:93.75rem) {
          .\32xl\:container {
            max-width: 93.75rem
          }
        }
      }

      @media (min-width:1920px) {
        .\33xl\:container {
          margin-left: auto;
          margin-right: auto;
          padding-left: 1rem;
          padding-right: 1rem;
          width: 100%
        }

        @media (min-width:93.75rem) {
          .\33xl\:container {
            max-width: 93.75rem
          }
        }
      }

      .first-letter\:capitalize:first-letter {
        text-transform: capitalize
      }

      .placeholder\:uppercase::-moz-placeholder {
        text-transform: uppercase
      }

      .placeholder\:uppercase::placeholder {
        text-transform: uppercase
      }

      .placeholder\:text-gray-60::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(113 113 114/var(--tw-text-opacity, 1))
      }

      .placeholder\:text-gray-60::placeholder {
        --tw-text-opacity: 1;
        color: rgb(113 113 114/var(--tw-text-opacity, 1))
      }

      .placeholder\:text-gray-600::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(120 122 123/var(--tw-text-opacity, 1))
      }

      .placeholder\:text-gray-600::placeholder {
        --tw-text-opacity: 1;
        color: rgb(120 122 123/var(--tw-text-opacity, 1))
      }

      .placeholder\:text-inherit::-moz-placeholder {
        color: inherit
      }

      .placeholder\:text-inherit::placeholder {
        color: inherit
      }

      .placeholder\:text-secondary::-moz-placeholder {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
      }

      .placeholder\:text-secondary::placeholder {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
      }

      .backdrop\:bg-black\/80::backdrop {
        background-color: #0f0f0fcc
      }

      .backdrop\:opacity-0::backdrop {
        opacity: 0
      }

      .backdrop\:opacity-100::backdrop {
        opacity: 1
      }

      .backdrop\:backdrop-blur-\[10px\]::backdrop {
        --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\:transition::backdrop {
        transition-duration: .15s;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
      }

      .backdrop\:duration-200::backdrop {
        transition-duration: .2s
      }

      .backdrop\:duration-300::backdrop {
        transition-duration: .3s
      }

      .backdrop\:ease-in-out-quad::backdrop {
        transition-timing-function: cubic-bezier(.455, .03, .515, .955)
      }

      .before\:pointer-events-none:before {
        content: var(--tw-content);
        pointer-events: none
      }

      .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
      }

      .before\:bottom-\[-5px\]:before {
        bottom: -5px;
        content: var(--tw-content)
      }

      .before\:left-0:before {
        content: var(--tw-content);
        left: 0
      }

      .before\:left-1\/2:before {
        content: var(--tw-content);
        left: 50%
      }

      .before\:right-0:before {
        content: var(--tw-content);
        right: 0
      }

      .before\:top-2\.5:before {
        content: var(--tw-content);
        top: .625rem
      }

      .before\:size-3:before {
        content: var(--tw-content);
        height: .75rem;
        width: .75rem
      }

      .before\:h-\[2px\]:before {
        content: var(--tw-content);
        height: 2px
      }

      .before\:-translate-x-1\/2:before {
        --tw-translate-x: -50%
      }

      .before\:-translate-x-1\/2:before,
      .before\:rotate-45:before {
        content: var(--tw-content);
        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))
      }

      .before\:rotate-45:before {
        --tw-rotate: 45deg
      }

      .before\:border:before {
        border-width: 1px;
        content: var(--tw-content)
      }

      .before\:border-black:before {
        content: var(--tw-content);
        --tw-border-opacity: 1;
        border-color: rgb(16 16 16/var(--tw-border-opacity, 1))
      }

      .before\:bg-black:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(16 16 16/var(--tw-bg-opacity, 1))
      }

      .before\:bg-white:before {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
      }

      .before\:content-\[\"\"\]:before,
      .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
      }

      .after\:pointer-events-none:after {
        content: var(--tw-content);
        pointer-events: none
      }

      .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
      }

      .after\:inset-0:after {
        content: var(--tw-content);
        inset: 0
      }

      .after\:-bottom-0\.5:after {
        bottom: -.125rem;
        content: var(--tw-content)
      }

      .after\:left-0:after {
        content: var(--tw-content);
        left: 0
      }

      .after\:left-1\/2:after {
        content: var(--tw-content);
        left: 50%
      }

      .after\:right-0:after {
        content: var(--tw-content);
        right: 0
      }

      .after\:top-1\/2:after {
        content: var(--tw-content);
        top: 50%
      }

      .after\:z-0:after {
        content: var(--tw-content);
        z-index: 0
      }

      .after\:z-\[1\]:after {
        content: var(--tw-content);
        z-index: 1
      }

      .after\:block:after {
        content: var(--tw-content);
        display: block
      }

      .after\:size-20:after {
        content: var(--tw-content);
        height: 5rem;
        width: 5rem
      }

      .after\:size-\[160\%\]:after {
        content: var(--tw-content);
        height: 160%;
        width: 160%
      }

      .after\:size-\[200\%\]:after {
        content: var(--tw-content);
        height: 200%;
        width: 200%
      }

      .after\:size-\[220\%\]:after {
        content: var(--tw-content);
        height: 220%;
        width: 220%
      }

      .after\:h-full:after {
        content: var(--tw-content);
        height: 100%
      }

      .after\:h-px:after {
        content: var(--tw-content);
        height: 1px
      }

      .after\:w-0:after {
        content: var(--tw-content);
        width: 0
      }

      .after\:w-20:after {
        content: var(--tw-content);
        width: 5rem
      }

      .after\:w-3\/5:after {
        content: var(--tw-content);
        width: 60%
      }

      .after\:-translate-x-1\/2:after {
        --tw-translate-x: -50%
      }

      .after\:-translate-x-1\/2:after,
      .after\:-translate-y-1\/2:after {
        content: var(--tw-content);
        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))
      }

      .after\:-translate-y-1\/2:after {
        --tw-translate-y: -50%
      }

      .after\:bg-black:after {
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(16 16 16/var(--tw-bg-opacity, 1))
      }

      .after\:bg-gradient-to-b:after {
        background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
        content: var(--tw-content)
      }

      .after\:bg-gradient-to-l:after {
        background-image: linear-gradient(to left, var(--tw-gradient-stops));
        content: var(--tw-content)
      }

      .after\:bg-gradient-to-r:after {
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        content: var(--tw-content)
      }

      .after\:from-black\/0:after {
        content: var(--tw-content);
        --tw-gradient-from: hsla(0, 0%, 6%, 0) var(--tw-gradient-from-position);
        --tw-gradient-to: hsla(0, 0%, 6%, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .after\:from-white:after {
        content: var(--tw-content);
        --tw-gradient-from: #fff var(--tw-gradient-from-position);
        --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
      }

      .after\:from-20\%:after {
        content: var(--tw-content);
        --tw-gradient-from-position: 20%
      }

      .after\:via-black\/10:after {
        content: var(--tw-content);
        --tw-gradient-to: hsla(0, 0%, 6%, 0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 6%, .1) var(--tw-gradient-via-position), var(--tw-gradient-to)
      }

      .after\:via-60\%:after {
        content: var(--tw-content);
        --tw-gradient-via-position: 60%
      }

      .after\:to-black\/30:after {
        content: var(--tw-content);
        --tw-gradient-to: hsla(0, 0%, 6%, .3) var(--tw-gradient-to-position)
      }

      .after\:to-transparent:after {
        content: var(--tw-content);
        --tw-gradient-to: transparent var(--tw-gradient-to-position)
      }

      .after\:opacity-0:after {
        content: var(--tw-content);
        opacity: 0
      }

      .after\:mix-blend-luminosity:after {
        content: var(--tw-content);
        mix-blend-mode: luminosity
      }

      .after\:shadow-\[0_0_0_1px_inset_rgba\(0\,0\,0\,0\.05\)\]:after {
        content: var(--tw-content);
        --tw-shadow: 0 0 0 1px inset rgba(0, 0, 0, .05);
        --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
      }

      .after\:content-\[\\\'\\\'\]:after {
        --tw-content: \'\';
        content: var(--tw-content)
      }

      .first\:mt-0:first-child {
        margin-top: 0
      }

      .first\:rounded-md:first-child {
        border-radius: .375rem
      }

      .first\:\!p-0\.5:first-child {
        padding: .125rem !important
      }

      .last\:mb-0:last-child {
        margin-bottom: 0
      }

      .last\:mr-0:last-child {
        margin-right: 0
      }

      .last\:rounded-md:last-child {
        border-radius: .375rem
      }

      .last\:\!p-0\.5:last-child {
        padding: .125rem !important
      }

      .last\:\!pr-0:last-child {
        padding-right: 0 !important
      }

      .first-of-type\:rounded-t-md:first-of-type {
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem
      }

      .first-of-type\:pl-0:first-of-type {
        padding-left: 0
      }

      .last-of-type\:col-span-full:last-of-type {
        grid-column: 1/-1
      }

      .last-of-type\:\!mr-0:last-of-type {
        margin-right: 0 !important
      }

      .last-of-type\:mb-0:last-of-type {
        margin-bottom: 0
      }

      .last-of-type\:mr-0:last-of-type {
        margin-right: 0
      }

      .last-of-type\:rounded-b-md:last-of-type {
        border-bottom-left-radius: .375rem;
        border-bottom-right-radius: .375rem
      }

      .last-of-type\:border-b-0:last-of-type {
        border-bottom-width: 0
      }

      .last-of-type\:border-none:last-of-type {
        border-style: none
      }

      .last-of-type\:pb-5:last-of-type {
        padding-bottom: 1.25rem
      }

      .checked\:bg-black:checked {
        --tw-bg-opacity: 1;
        background-color: rgb(16 16 16/var(--tw-bg-opacity, 1))
      }

      .empty\:hidden:empty {
        display: none
      }

      .focus-within\:opacity-100:focus-within {
        opacity: 1
      }

      @media (hover:hover) and (pointer:fine) {
        .hover\:z-\[2\]:hover {
          z-index: 2
        }

        .hover\:scale-110:hover {
          --tw-scale-x: 1.1;
          --tw-scale-y: 1.1;
          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))
        }

        .hover\:border:hover {
          border-width: 1px
        }

        .hover\:border-black:hover {
          --tw-border-opacity: 1;
          border-color: rgb(16 16 16/var(--tw-border-opacity, 1))
        }

        .hover\:border-primary:hover {
          --tw-border-opacity: 1;
          border-color: rgb(43 43 43/var(--tw-border-opacity, 1))
        }

        .hover\:\!bg-primary:hover {
          --tw-bg-opacity: 1 !important;
          background-color: rgb(43 43 43/var(--tw-bg-opacity, 1)) !important
        }

        .hover\:\!bg-white:hover {
          --tw-bg-opacity: 1 !important;
          background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
        }

        .hover\:bg-\[\#004ecb\]:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(0 78 203/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-\[\#165dbb\]:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(22 93 187/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-\[\#333333\]:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-\[\#3869c1\]:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(56 105 193/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-\[\#a32b26\]:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(163 43 38/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-black:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(16 16 16/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-gray-100:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(216 220 222/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-gray-100\/50:hover {
          background-color: #d8dcde80
        }

        .hover\:bg-gray-200:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(198 201 203/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-neutral-25:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(239 239 239/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-neutral-800\/5:hover {
          background-color: #2626260d
        }

        .hover\:bg-primary:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(43 43 43/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-secondary:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-slate-100:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(241 245 249/var(--tw-bg-opacity, 1))
        }

        .hover\:bg-white:hover {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
        }

        .hover\:font-bold:hover {
          font-weight: 700
        }

        .hover\:\!text-neutral-800:hover {
          --tw-text-opacity: 1 !important;
          color: rgb(38 38 38/var(--tw-text-opacity, 1)) !important
        }

        .hover\:\!text-primary:hover {
          --tw-text-opacity: 1 !important;
          color: rgb(43 43 43/var(--tw-text-opacity, 1)) !important
        }

        .hover\:\!text-white:hover {
          --tw-text-opacity: 1 !important;
          color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
        }

        .hover\:text-black:hover {
          --tw-text-opacity: 1;
          color: rgb(16 16 16/var(--tw-text-opacity, 1))
        }

        .hover\:text-gray-700:hover {
          --tw-text-opacity: 1;
          color: rgb(55 65 81/var(--tw-text-opacity, 1))
        }

        .hover\:text-gray-900:hover {
          --tw-text-opacity: 1;
          color: rgb(43 59 43/var(--tw-text-opacity, 1))
        }

        .hover\:text-neutral-800:hover {
          --tw-text-opacity: 1;
          color: rgb(38 38 38/var(--tw-text-opacity, 1))
        }

        .hover\:text-primary:hover {
          --tw-text-opacity: 1;
          color: rgb(43 43 43/var(--tw-text-opacity, 1))
        }

        .hover\:text-white:hover {
          --tw-text-opacity: 1;
          color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

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

        .hover\:\!opacity-75:hover {
          opacity: .75 !important
        }

        .hover\:opacity-100:hover {
          opacity: 1
        }

        .hover\:opacity-75:hover {
          opacity: .75
        }

        .hover\:shadow-md:hover {
          --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
          --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .hover\:ring-1:hover {
          --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
          --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
        }
      }

      .focus\:border-0:focus {
        border-width: 0
      }

      .focus\:border-2:focus {
        border-width: 2px
      }

      .focus\:border-black:focus {
        --tw-border-opacity: 1;
        border-color: rgb(16 16 16/var(--tw-border-opacity, 1))
      }

      .focus\:border-status-inputError:focus {
        --tw-border-opacity: 1;
        border-color: rgb(252 0 0/var(--tw-border-opacity, 1))
      }

      .focus\:border-transparent:focus {
        border-color: transparent
      }

      .focus\:bg-\[\#004ecb\]:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(0 78 203/var(--tw-bg-opacity, 1))
      }

      .focus\:bg-\[\#165dbb\]:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(22 93 187/var(--tw-bg-opacity, 1))
      }

      .focus\:bg-\[\#333333\]:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(51 51 51/var(--tw-bg-opacity, 1))
      }

      .focus\:bg-\[\#3869c1\]:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(56 105 193/var(--tw-bg-opacity, 1))
      }

      .focus\:bg-\[\#a32b26\]:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(163 43 38/var(--tw-bg-opacity, 1))
      }

      .focus\:outline-none:focus {
        outline: 2px solid transparent;
        outline-offset: 2px
      }

      .focus\:outline-0:focus {
        outline-width: 0
      }

      .focus\:ring-0:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)
      }

      .focus\:ring-0:focus,
      .focus\:ring-1:focus {
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
      }

      .focus\:ring-1:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
      }

      .focus\:ring-2:focus {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
      }

      .focus\:ring-blue-500:focus {
        --tw-ring-opacity: 1;
        --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1))
      }

      .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px
      }

      .focus\:focus-within\:outline-accent:focus-within:focus {
        outline-color: #e50040
      }

      .focus-visible\:outline-none:focus-visible {
        outline: 2px solid transparent;
        outline-offset: 2px
      }

      .focus-visible\:outline:focus-visible {
        outline-style: solid
      }

      .focus-visible\:outline-2:focus-visible {
        outline-width: 2px
      }

      .focus-visible\:outline-4:focus-visible {
        outline-width: 4px
      }

      .focus-visible\:-outline-offset-4:focus-visible {
        outline-offset: -4px
      }

      .focus-visible\:outline-offset-2:focus-visible {
        outline-offset: 2px
      }

      .focus-visible\:outline-offset-\[-1px\]:focus-visible {
        outline-offset: -1px
      }

      .focus-visible\:outline-black:focus-visible {
        outline-color: #101010
      }

      .focus-visible\:outline-black\/60:focus-visible {
        outline-color: #0f0f0f99
      }

      .focus-visible\:outline-gray-500:focus-visible {
        outline-color: #787a7b
      }

      .focus-visible\:outline-white\/50:focus-visible {
        outline-color: #ffffff80
      }

      .focus-visible\:ring-1:focus-visible {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
      }

      .active\:scale-95:active {
        --tw-scale-x: .95;
        --tw-scale-y: .95
      }

      .active\:scale-95:active,
      .active\:scale-\[1\.2\]:active {
        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))
      }

      .active\:scale-\[1\.2\]:active {
        --tw-scale-x: 1.2;
        --tw-scale-y: 1.2
      }

      .active\:scale-\[99\%\]:active {
        --tw-scale-x: 99%;
        --tw-scale-y: 99%;
        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))
      }

      .active\:border-neutral-800:active {
        --tw-border-opacity: 1;
        border-color: rgb(38 38 38/var(--tw-border-opacity, 1))
      }

      .active\:border-white:active {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255/var(--tw-border-opacity, 1))
      }

      .active\:bg-gray-100\/50:active {
        background-color: #d8dcde80
      }

      .active\:bg-gray-300:active {
        --tw-bg-opacity: 1;
        background-color: rgb(198 201 203/var(--tw-bg-opacity, 1))
      }

      .active\:bg-gray-400:active {
        --tw-bg-opacity: 1;
        background-color: rgb(149 151 152/var(--tw-bg-opacity, 1))
      }

      .active\:bg-gray-60:active {
        --tw-bg-opacity: 1;
        background-color: rgb(113 113 114/var(--tw-bg-opacity, 1))
      }

      .active\:bg-transparent:active {
        background-color: transparent
      }

      .active\:text-neutral-800:active {
        --tw-text-opacity: 1;
        color: rgb(38 38 38/var(--tw-text-opacity, 1))
      }

      .active\:text-primary:active {
        --tw-text-opacity: 1;
        color: rgb(43 43 43/var(--tw-text-opacity, 1))
      }

      .active\:text-white:active {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
      }

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

      .disabled\:hidden:disabled {
        display: none
      }

      .disabled\:border:disabled {
        border-width: 1px
      }

      .disabled\:border-gray-300:disabled {
        --tw-border-opacity: 1;
        border-color: rgb(198 201 203/var(--tw-border-opacity, 1))
      }

      .disabled\:border-gray-60:disabled {
        --tw-border-opacity: 1;
        border-color: rgb(113 113 114/var(--tw-border-opacity, 1))
      }

      .disabled\:bg-gray-100:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(216 220 222/var(--tw-bg-opacity, 1))
      }

      .disabled\:bg-gray-200:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(198 201 203/var(--tw-bg-opacity, 1))
      }

      .disabled\:bg-gray-60:disabled {
        --tw-bg-opacity: 1;
        background-color: rgb(113 113 114/var(--tw-bg-opacity, 1))
      }

      .disabled\:text-gray-60:disabled {
        --tw-text-opacity: 1;
        color: rgb(113 113 114/var(--tw-text-opacity, 1))
      }

      .disabled\:text-neutral-600:disabled {
        --tw-text-opacity: 1;
        color: rgb(82 82 82/var(--tw-text-opacity, 1))
      }

      .disabled\:opacity-30:disabled {
        opacity: .3
      }

      .disabled\:opacity-60:disabled {
        opacity: .6
      }

      .group[open] .group-open\:rotate-180 {
        --tw-rotate: 180deg;
        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))
      }

      .group:focus-within .group-focus-within\:opacity-100 {
        opacity: 1
      }

      @media (hover:hover) and (pointer:fine) {
        .group:hover .group-hover\:-inset-x-1 {
          left: -.25rem;
          right: -.25rem
        }

        .group:hover .group-hover\:block {
          display: block
        }

        .group:hover .group-hover\:scale-100 {
          --tw-scale-x: 1;
          --tw-scale-y: 1
        }

        .group:hover .group-hover\:scale-100,
        .group:hover .group-hover\:scale-105 {
          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))
        }

        .group:hover .group-hover\:scale-105 {
          --tw-scale-x: 1.05;
          --tw-scale-y: 1.05
        }

        .group:hover .group-hover\:scale-110 {
          --tw-scale-x: 1.1;
          --tw-scale-y: 1.1;
          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))
        }

        @keyframes ping {

          25%,
          50% {
            opacity: 1;
            transform: scale(.8)
          }
        }

        .group:hover .group-hover\:animate-ping-small {
          animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
        }

        .group:hover .group-hover\:\!bg-white {
          --tw-bg-opacity: 1 !important;
          background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
        }

        .group:hover .group-hover\:bg-black {
          --tw-bg-opacity: 1;
          background-color: rgb(16 16 16/var(--tw-bg-opacity, 1))
        }

        .group:hover .group-hover\:font-bold {
          font-weight: 700
        }

        .group:hover .group-hover\:\!text-black {
          --tw-text-opacity: 1 !important;
          color: rgb(16 16 16/var(--tw-text-opacity, 1)) !important
        }

        .group:hover .group-hover\:\!text-white {
          --tw-text-opacity: 1 !important;
          color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
        }

        .group:hover .group-hover\:text-black {
          --tw-text-opacity: 1;
          color: rgb(16 16 16/var(--tw-text-opacity, 1))
        }

        .group:hover .group-hover\:text-white {
          --tw-text-opacity: 1;
          color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

        .group:hover .group-hover\:opacity-100 {
          opacity: 1
        }

        .group:hover .group-hover\:outline-2 {
          outline-width: 2px
        }

        .group:hover .group-hover\:outline-accent {
          outline-color: #e50040
        }
      }

      .group\/button:active .group-active\/button\:scale-90 {
        --tw-scale-x: .9;
        --tw-scale-y: .9
      }

      .group:active .group-active\:scale-100,
      .group\/button:active .group-active\/button\:scale-90 {
        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))
      }

      .group:active .group-active\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
      }

      .group:disabled .group-disabled\:fill-gray-300 {
        fill: #c6c9cb
      }

      .group:disabled .group-disabled\:line-through {
        text-decoration-line: line-through
      }

      .peer:checked~.peer-checked\:bg-accent {
        --tw-bg-opacity: 1;
        background-color: rgb(229 0 64/var(--tw-bg-opacity, 1))
      }

      .peer:checked~.peer-checked\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity, 1))
      }

      .peer:checked~.peer-checked\:outline-accent {
        outline-color: #e50040
      }

      .aria-disabled\:\!border-\[\#717172\][aria-disabled=true] {
        --tw-border-opacity: 1 !important;
        border-color: rgb(113 113 114/var(--tw-border-opacity, 1)) !important
      }

      .aria-disabled\:\!bg-neutral-25[aria-disabled=true] {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(239 239 239/var(--tw-bg-opacity, 1)) !important
      }

      .aria-disabled\:\!text-\[\#717172\][aria-disabled=true] {
        --tw-text-opacity: 1 !important;
        color: rgb(113 113 114/var(--tw-text-opacity, 1)) !important
      }

      @media (hover:hover) and (pointer:fine) {
        .aria-disabled\:hover\:\!border-\[\#717172\]:hover[aria-disabled=true] {
          --tw-border-opacity: 1 !important;
          border-color: rgb(113 113 114/var(--tw-border-opacity, 1)) !important
        }

        .aria-disabled\:hover\:\!bg-neutral-25:hover[aria-disabled=true] {
          --tw-bg-opacity: 1 !important;
          background-color: rgb(239 239 239/var(--tw-bg-opacity, 1)) !important
        }

        .aria-disabled\:hover\:\!text-\[\#717172\]:hover[aria-disabled=true] {
          --tw-text-opacity: 1 !important;
          color: rgb(113 113 114/var(--tw-text-opacity, 1)) !important
        }
      }

      .marker\:hidden::marker {
        display: none
      }

      .marker\:hidden ::marker {
        display: none
      }

      .marker\:hidden ::-webkit-details-marker,
      .marker\:hidden::-webkit-details-marker {
        display: none
      }

      @media (hover:hover) {
        @media (hover:hover) and (pointer:fine) {
          .supports-hover\:hover\:bg-white:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
          }

          .supports-hover\:hover\:text-black:hover {
            --tw-text-opacity: 1;
            color: rgb(16 16 16/var(--tw-text-opacity, 1))
          }
        }
      }

      @media not all and (min-width:1440px) {
        .max-2xl\:max-w-none {
          max-width: none
        }
      }

      @media not all and (min-width:1280px) {
        .max-xl\:hidden {
          display: none
        }
      }

      @media not all and (min-width:1024px) {
        .max-lg\:sticky {
          position: sticky
        }

        .max-lg\:top-10 {
          top: 2.5rem
        }

        .max-lg\:z-\[11\] {
          z-index: 11
        }

        .max-lg\:hidden {
          display: none
        }

        .max-lg\:\!max-w-32 {
          max-width: 8rem !important
        }

        .max-lg\:bg-white {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
        }

        .max-lg\:opacity-100 {
          opacity: 1
        }
      }

      @media not all and (min-width:768px) {
        .max-md\:absolute {
          position: absolute
        }

        .max-md\:\!relative {
          position: relative !important
        }

        .max-md\:sticky {
          position: sticky
        }

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

        .max-md\:top-header {
          top: var(--so-header-height)
        }

        .max-md\:z-10 {
          z-index: 10
        }

        .max-md\:m-0 {
          margin: 0
        }

        .max-md\:mx-4 {
          margin-left: 1rem;
          margin-right: 1rem
        }

        .max-md\:mx-5 {
          margin-left: 1.25rem;
          margin-right: 1.25rem
        }

        .max-md\:mx-\[8\.333\%\] {
          margin-left: 8.333%;
          margin-right: 8.333%
        }

        .max-md\:my-2 {
          margin-bottom: .5rem;
          margin-top: .5rem
        }

        .max-md\:my-auto {
          margin-bottom: auto;
          margin-top: auto
        }

        .max-md\:mb-1 {
          margin-bottom: .25rem
        }

        .max-md\:mb-10 {
          margin-bottom: 2.5rem
        }

        .max-md\:mb-12 {
          margin-bottom: 3rem
        }

        .max-md\:mb-16 {
          margin-bottom: 4rem
        }

        .max-md\:mb-2 {
          margin-bottom: .5rem
        }

        .max-md\:mb-20 {
          margin-bottom: 5rem
        }

        .max-md\:mb-24 {
          margin-bottom: 6rem
        }

        .max-md\:mb-28 {
          margin-bottom: 7rem
        }

        .max-md\:mb-3 {
          margin-bottom: .75rem
        }

        .max-md\:mb-32 {
          margin-bottom: 8rem
        }

        .max-md\:mb-4 {
          margin-bottom: 1rem
        }

        .max-md\:mb-6 {
          margin-bottom: 1.5rem
        }

        .max-md\:mb-8 {
          margin-bottom: 2rem
        }

        .max-md\:mt-1 {
          margin-top: .25rem
        }

        .max-md\:mt-10 {
          margin-top: 2.5rem
        }

        .max-md\:mt-12 {
          margin-top: 3rem
        }

        .max-md\:mt-16 {
          margin-top: 4rem
        }

        .max-md\:mt-2 {
          margin-top: .5rem
        }

        .max-md\:mt-20 {
          margin-top: 5rem
        }

        .max-md\:mt-24 {
          margin-top: 6rem
        }

        .max-md\:mt-28 {
          margin-top: 7rem
        }

        .max-md\:mt-3 {
          margin-top: .75rem
        }

        .max-md\:mt-32 {
          margin-top: 8rem
        }

        .max-md\:mt-4 {
          margin-top: 1rem
        }

        .max-md\:mt-5 {
          margin-top: 1.25rem
        }

        .max-md\:mt-6 {
          margin-top: 1.5rem
        }

        .max-md\:mt-8 {
          margin-top: 2rem
        }

        .max-md\:mt-auto {
          margin-top: auto
        }

        .max-md\:block {
          display: block
        }

        .max-md\:hidden {
          display: none
        }

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

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

        .max-md\:h-fit {
          height: -moz-fit-content;
          height: fit-content
        }

        .max-md\:h-full {
          height: 100%
        }

        .max-md\:max-h-\[33\.333\%\] {
          max-height: 33.333%
        }

        .max-md\:max-h-\[50\%\] {
          max-height: 50%
        }

        .max-md\:max-h-\[66\.666\%\] {
          max-height: 66.666%
        }

        .max-md\:max-h-\[75\%\] {
          max-height: 75%
        }

        .max-md\:max-h-\[80\%\] {
          max-height: 80%
        }

        .max-md\:max-h-\[83\.333\%\] {
          max-height: 83.333%
        }

        .max-md\:max-h-\[calc\(100vh-40px\)\] {
          max-height: calc(100vh - 40px)
        }

        .max-md\:w-40 {
          width: 10rem
        }

        .max-md\:w-48 {
          width: 12rem
        }

        .max-md\:w-fit {
          width: -moz-fit-content;
          width: fit-content
        }

        .max-md\:w-full {
          width: 100%
        }

        .max-md\:min-w-\[calc\(50\%-1rem\)\] {
          min-width: calc(50% - 1rem)
        }

        .max-md\:max-w-\[calc\(33\%-2rem\)\] {
          max-width: calc(33% - 2rem)
        }

        .max-md\:max-w-\[calc\(66\%-2rem\)\] {
          max-width: calc(66% - 2rem)
        }

        .max-md\:flex-\[calc\(33\%-2rem\)\] {
          flex: calc(33% - 2rem)
        }

        .max-md\:flex-\[calc\(66\%-2rem\)\] {
          flex: calc(66% - 2rem)
        }

        .max-md\:-translate-x-1\/2 {
          --tw-translate-x: -50%
        }

        .max-md\:-translate-x-1\/2,
        .max-md\:-translate-y-1\/2 {
          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))
        }

        .max-md\:-translate-y-1\/2 {
          --tw-translate-y: -50%
        }

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

        .max-md\:grid-rows-1 {
          grid-template-rows: repeat(1, minmax(0, 1fr))
        }

        .max-md\:flex-col {
          flex-direction: column
        }

        .max-md\:flex-wrap {
          flex-wrap: wrap
        }

        .max-md\:items-start {
          align-items: flex-start
        }

        .max-md\:items-end {
          align-items: flex-end
        }

        .max-md\:items-center {
          align-items: center
        }

        .max-md\:justify-end {
          justify-content: flex-end
        }

        .max-md\:justify-center {
          justify-content: center
        }

        .max-md\:justify-between {
          justify-content: space-between
        }

        .max-md\:space-y-5>:not([hidden])~:not([hidden]) {
          --tw-space-y-reverse: 0;
          margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
          margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
        }

        .max-md\:overflow-hidden {
          overflow: hidden
        }

        .max-md\:overflow-x-scroll {
          overflow-x: scroll
        }

        .max-md\:rounded-full {
          border-radius: 9999px
        }

        .max-md\:rounded-l-none {
          border-bottom-left-radius: 0;
          border-top-left-radius: 0
        }

        .max-md\:rounded-r-none {
          border-bottom-right-radius: 0;
          border-top-right-radius: 0
        }

        .max-md\:border {
          border-width: 1px
        }

        .max-md\:border-gray-300 {
          --tw-border-opacity: 1;
          border-color: rgb(198 201 203/var(--tw-border-opacity, 1))
        }

        .max-md\:bg-gray-900 {
          --tw-bg-opacity: 1;
          background-color: rgb(43 59 43/var(--tw-bg-opacity, 1))
        }

        .max-md\:bg-white {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
        }

        .max-md\:bg-white-smoke {
          --tw-bg-opacity: 1;
          background-color: rgb(246 246 246/var(--tw-bg-opacity, 1))
        }

        .max-md\:px-0 {
          padding-left: 0;
          padding-right: 0
        }

        .max-md\:py-1 {
          padding-bottom: .25rem;
          padding-top: .25rem
        }

        .max-md\:py-16 {
          padding-bottom: 4rem;
          padding-top: 4rem
        }

        .max-md\:pl-1 {
          padding-left: .25rem
        }

        .max-md\:pl-12 {
          padding-left: 3rem
        }

        .max-md\:pl-16 {
          padding-left: 4rem
        }

        .max-md\:pl-2 {
          padding-left: .5rem
        }

        .max-md\:pl-20 {
          padding-left: 5rem
        }

        .max-md\:pl-24 {
          padding-left: 6rem
        }

        .max-md\:pl-28 {
          padding-left: 7rem
        }

        .max-md\:pl-4 {
          padding-left: 1rem
        }

        .max-md\:pl-6 {
          padding-left: 1.5rem
        }

        .max-md\:pl-8 {
          padding-left: 2rem
        }

        .max-md\:pr-1 {
          padding-right: .25rem
        }

        .max-md\:pr-12 {
          padding-right: 3rem
        }

        .max-md\:pr-16 {
          padding-right: 4rem
        }

        .max-md\:pr-2 {
          padding-right: .5rem
        }

        .max-md\:pr-20 {
          padding-right: 5rem
        }

        .max-md\:pr-24 {
          padding-right: 6rem
        }

        .max-md\:pr-28 {
          padding-right: 7rem
        }

        .max-md\:pr-4 {
          padding-right: 1rem
        }

        .max-md\:pr-6 {
          padding-right: 1.5rem
        }

        .max-md\:pr-8 {
          padding-right: 2rem
        }

        .max-md\:pt-1\.5 {
          padding-top: .375rem
        }

        .max-md\:text-center {
          text-align: center
        }

        .max-md\:text-start {
          text-align: start
        }

        .max-md\:text-end {
          text-align: end
        }

        .max-md\:text-sm {
          font-size: .75rem;
          letter-spacing: -.008rem;
          line-height: 1.6
        }

        .max-md\:text-white {
          --tw-text-opacity: 1;
          color: rgb(255 255 255/var(--tw-text-opacity, 1))
        }

        .max-md\:backdrop\:bg-primary\/50::backdrop {
          background-color: #2b2b2b80
        }
      }

      @media not all and (min-width:640px) {
        .max-sm\:m-0 {
          margin: 0
        }

        .max-sm\:hidden {
          display: none
        }

        .max-sm\:h-dvh {
          height: 100dvh
        }

        .max-sm\:w-full {
          width: 100%
        }

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

        .max-sm\:basis-full {
          flex-basis: 100%
        }

        .max-sm\:translate-y-0 {
          --tw-translate-y: 0px
        }

        .max-sm\:translate-y-0,
        .max-sm\:translate-y-full {
          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))
        }

        .max-sm\:translate-y-full {
          --tw-translate-y: 100%
        }

        .max-sm\:flex-col {
          flex-direction: column
        }
      }

      @media (min-width:320px) {
        .xs\:block {
          display: block
        }

        .xs\:flex {
          display: flex
        }
      }

      @media (min-width:640px) {
        .sm\:relative {
          position: relative
        }

        .sm\:block {
          display: block
        }

        .sm\:hidden {
          display: none
        }

        .sm\:w-1\/4 {
          width: 25%
        }

        .sm\:min-w-40 {
          min-width: 10rem
        }

        .sm\:max-w-md {
          max-width: 28rem
        }

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

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

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

        .sm\:flex-col {
          flex-direction: column
        }

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

        .sm\:justify-center {
          justify-content: center
        }

        .sm\:rounded-md {
          border-radius: .375rem
        }

        .sm\:border-2 {
          border-width: 2px
        }

        .sm\:border-gray-400 {
          --tw-border-opacity: 1;
          border-color: rgb(149 151 152/var(--tw-border-opacity, 1))
        }

        .sm\:px-0 {
          padding-left: 0;
          padding-right: 0
        }

        .sm\:px-4 {
          padding-left: 1rem;
          padding-right: 1rem
        }

        .sm\:py-3 {
          padding-bottom: .75rem;
          padding-top: .75rem
        }

        .sm\:pl-4 {
          padding-left: 1rem
        }

        .sm\:text-sm {
          font-size: .75rem;
          letter-spacing: -.008rem;
          line-height: 1.6
        }
      }

      @media (min-width:768px) {
        .md\:absolute {
          position: absolute
        }

        .md\:\!relative {
          position: relative !important
        }

        .md\:sticky {
          position: sticky
        }

        .md\:inset-10 {
          inset: 2.5rem
        }

        .md\:\!inset-y-0 {
          bottom: 0 !important;
          top: 0 !important
        }

        .md\:inset-x-0 {
          left: 0;
          right: 0
        }

        .md\:inset-y-2 {
          bottom: .5rem;
          top: .5rem
        }

        .md\:\!right-0 {
          right: 0 !important
        }

        .md\:left-8 {
          left: 2rem
        }

        .md\:right-2 {
          right: .5rem
        }

        .md\:right-4 {
          right: 1rem
        }

        .md\:right-8 {
          right: 2rem
        }

        .md\:top-0 {
          top: 0
        }

        .md\:top-16 {
          top: 4rem
        }

        .md\:top-2 {
          top: .5rem
        }

        .md\:top-8 {
          top: 2rem
        }

        .md\:top-\[calc\(var\(--so-header-height\)-40\%\)\] {
          top: calc(var(--so-header-height) - 40%)
        }

        .md\:top-header {
          top: var(--so-header-height)
        }

        .md\:col-span-1 {
          grid-column: span 1/span 1
        }

        .md\:col-span-10 {
          grid-column: span 10/span 10
        }

        .md\:col-span-12 {
          grid-column: span 12/span 12
        }

        .md\:col-span-2 {
          grid-column: span 2/span 2
        }

        .md\:col-span-4 {
          grid-column: span 4/span 4
        }

        .md\:col-span-5 {
          grid-column: span 5/span 5
        }

        .md\:col-span-6 {
          grid-column: span 6/span 6
        }

        .md\:col-start-2 {
          grid-column-start: 2
        }

        .md\:col-start-6 {
          grid-column-start: 6
        }

        .md\:m-auto {
          margin: auto
        }

        .md\:\!mx-4 {
          margin-left: 1rem !important;
          margin-right: 1rem !important
        }

        .md\:-mx-6 {
          margin-left: -1.5rem;
          margin-right: -1.5rem
        }

        .md\:mx-0 {
          margin-left: 0;
          margin-right: 0
        }

        .md\:mx-16 {
          margin-left: 4rem;
          margin-right: 4rem
        }

        .md\:mx-4 {
          margin-left: 1rem;
          margin-right: 1rem
        }

        .md\:mx-6 {
          margin-left: 1.5rem;
          margin-right: 1.5rem
        }

        .md\:mx-8 {
          margin-left: 2rem;
          margin-right: 2rem
        }

        .md\:mx-auto {
          margin-left: auto;
          margin-right: auto
        }

        .md\:my-12 {
          margin-bottom: 3rem;
          margin-top: 3rem
        }

        .md\:my-8 {
          margin-bottom: 2rem;
          margin-top: 2rem
        }

        .md\:\!ml-0 {
          margin-left: 0 !important
        }

        .md\:\!mt-6 {
          margin-top: 1.5rem !important
        }

        .md\:mb-0 {
          margin-bottom: 0
        }

        .md\:mb-0\.5 {
          margin-bottom: .125rem
        }

        .md\:mb-16 {
          margin-bottom: 4rem
        }

        .md\:mb-2 {
          margin-bottom: .5rem
        }

        .md\:mb-3 {
          margin-bottom: .75rem
        }

        .md\:mb-4 {
          margin-bottom: 1rem
        }

        .md\:mb-5 {
          margin-bottom: 1.25rem
        }

        .md\:mb-6 {
          margin-bottom: 1.5rem
        }

        .md\:mb-8 {
          margin-bottom: 2rem
        }

        .md\:mb-auto {
          margin-bottom: auto
        }

        .md\:ml-1 {
          margin-left: .25rem
        }

        .md\:ml-16 {
          margin-left: 4rem
        }

        .md\:ml-2 {
          margin-left: .5rem
        }

        .md\:ml-24 {
          margin-left: 6rem
        }

        .md\:ml-5 {
          margin-left: 1.25rem
        }

        .md\:ml-6 {
          margin-left: 1.5rem
        }

        .md\:ml-8 {
          margin-left: 2rem
        }

        .md\:ml-\[8\.3\%\] {
          margin-left: 8.3%
        }

        .md\:mr-0 {
          margin-right: 0
        }

        .md\:mr-1 {
          margin-right: .25rem
        }

        .md\:mr-2 {
          margin-right: .5rem
        }

        .md\:mr-4 {
          margin-right: 1rem
        }

        .md\:mr-6 {
          margin-right: 1.5rem
        }

        .md\:mr-8 {
          margin-right: 2rem
        }

        .md\:mr-\[8\.3\%\] {
          margin-right: 8.3%
        }

        .md\:mt-0 {
          margin-top: 0
        }

        .md\:mt-10 {
          margin-top: 2.5rem
        }

        .md\:mt-12 {
          margin-top: 3rem
        }

        .md\:mt-2 {
          margin-top: .5rem
        }

        .md\:mt-20 {
          margin-top: 5rem
        }

        .md\:mt-3\.5 {
          margin-top: .875rem
        }

        .md\:mt-4 {
          margin-top: 1rem
        }

        .md\:mt-6 {
          margin-top: 1.5rem
        }

        .md\:mt-8 {
          margin-top: 2rem
        }

        .md\:mt-\[2px\] {
          margin-top: 2px
        }

        .md\:block {
          display: block
        }

        .md\:flex {
          display: flex
        }

        .md\:grid {
          display: grid
        }

        .md\:hidden {
          display: none
        }

        .md\:aspect-3\/4 {
          aspect-ratio: 3/4
        }

        .md\:aspect-4\/3 {
          aspect-ratio: 4/3
        }

        .md\:aspect-5\/7 {
          aspect-ratio: 5/7
        }

        .md\:aspect-7\/5 {
          aspect-ratio: 7/5
        }

        .md\:aspect-9\/16 {
          aspect-ratio: 9/16
        }

        .md\:aspect-\[2\/3\] {
          aspect-ratio: 2/3
        }

        .md\:aspect-\[4\/5\] {
          aspect-ratio: 4/5
        }

        .md\:aspect-auto {
          aspect-ratio: auto
        }

        .md\:aspect-square {
          aspect-ratio: 1/1
        }

        .md\:aspect-video {
          aspect-ratio: 16/9
        }

        .md\:\!size-8 {
          height: 2rem !important;
          width: 2rem !important
        }

        .md\:size-10 {
          height: 2.5rem;
          width: 2.5rem
        }

        .md\:size-16 {
          height: 4rem;
          width: 4rem
        }

        .md\:size-4 {
          height: 1rem;
          width: 1rem
        }

        .md\:size-5 {
          height: 1.25rem;
          width: 1.25rem
        }

        .md\:size-6 {
          height: 1.5rem;
          width: 1.5rem
        }

        .md\:size-7 {
          height: 1.75rem;
          width: 1.75rem
        }

        .md\:size-8 {
          height: 2rem;
          width: 2rem
        }

        .md\:size-fit {
          height: -moz-fit-content;
          height: fit-content;
          width: -moz-fit-content;
          width: fit-content
        }

        .md\:h-13 {
          height: 52px
        }

        .md\:h-96 {
          height: 24rem
        }

        .md\:h-\[3\.25rem\] {
          height: 3.25rem
        }

        .md\:h-\[4\.375rem\] {
          height: 4.375rem
        }

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

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

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

        .md\:h-\[calc\(100\%-3\.5rem\)\] {
          height: calc(100% - 3.5rem)
        }

        .md\:h-full {
          height: 100%
        }

        .md\:h-min {
          height: -moz-min-content;
          height: min-content
        }

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

        .md\:max-h-screen {
          max-height: 100vh
        }

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

        .md\:min-h-\[6\.375rem\] {
          min-height: 6.375rem
        }

        .md\:min-h-\[var\(--so-dy-min-height\)\] {
          min-height: var(--so-dy-min-height)
        }

        .md\:\!w-2\/5 {
          width: 40% !important
        }

        .md\:\!w-\[16\.875rem\] {
          width: 16.875rem !important
        }

        .md\:\!w-\[240px\] {
          width: 240px !important
        }

        .md\:\!w-\[30rem\] {
          width: 30rem !important
        }

        .md\:\!w-\[31\.25rem\] {
          width: 31.25rem !important
        }

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

        .md\:w-1\/3 {
          width: 33.333333%
        }

        .md\:w-2\/3 {
          width: 66.666667%
        }

        .md\:w-2\/5 {
          width: 40%
        }

        .md\:w-3\/5 {
          width: 60%
        }

        .md\:w-40 {
          width: 10rem
        }

        .md\:w-52 {
          width: 13rem
        }

        .md\:w-64 {
          width: 16rem
        }

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

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

        .md\:w-\[22\.125rem\] {
          width: 22.125rem
        }

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

        .md\:w-\[26\.5rem\] {
          width: 26.5rem
        }

        .md\:w-\[32rem\] {
          width: 32rem
        }

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

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

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

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

        .md\:w-\[calc\(100\%\/3\.25\)\] {
          width: 30.76923%
        }

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

        .md\:w-fit {
          width: -moz-fit-content;
          width: fit-content
        }

        .md\:w-full {
          width: 100%
        }

        .md\:w-min {
          width: -moz-min-content;
          width: min-content
        }

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

        .md\:\!min-w-\[500px\] {
          min-width: 500px !important
        }

        .md\:min-w-48 {
          min-width: 12rem
        }

        .md\:min-w-\[14\.75rem\] {
          min-width: 14.75rem
        }

        .md\:min-w-\[25\%\] {
          min-width: 25%
        }

        .md\:min-w-\[37\%\] {
          min-width: 37%
        }

        .md\:min-w-\[40\%\] {
          min-width: 40%
        }

        .md\:min-w-\[46rem\] {
          min-width: 46rem
        }

        .md\:min-w-\[60\%\] {
          min-width: 60%
        }

        .md\:min-w-full {
          min-width: 100%
        }

        .md\:min-w-md {
          min-width: 28rem
        }

        .md\:\!max-w-\[31\.25rem\] {
          max-width: 31.25rem !important
        }

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

        .md\:\!max-w-\[500px\] {
          max-width: 500px !important
        }

        .md\:\!max-w-\[58\.333\%\] {
          max-width: 58.333% !important
        }

        .md\:\!max-w-\[min\(1274px\,90vw\)\] {
          max-width: min(1274px, 90vw) !important
        }

        .md\:max-w-\[30\%\] {
          max-width: 30%
        }

        .md\:max-w-\[33\%\] {
          max-width: 33%
        }

        .md\:max-w-\[35\%\] {
          max-width: 35%
        }

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

        .md\:max-w-\[36rem\] {
          max-width: 36rem
        }

        .md\:max-w-\[40\%\] {
          max-width: 40%
        }

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

        .md\:max-w-\[45\%\] {
          max-width: 45%
        }

        .md\:max-w-\[50\%\] {
          max-width: 50%
        }

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

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

        .md\:max-w-\[60\%\] {
          max-width: 60%
        }

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

        .md\:max-w-\[70\%\] {
          max-width: 70%
        }

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

        .md\:max-w-\[75\%\] {
          max-width: 75%
        }

        .md\:max-w-\[80\%\] {
          max-width: 80%
        }

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

        .md\:max-w-\[calc\(50\%-1rem\)\] {
          max-width: calc(50% - 1rem)
        }

        .md\:max-w-\[calc\(50\%-24px\)\] {
          max-width: calc(50% - 24px)
        }

        .md\:max-w-\[calc\(50\%-4px\)\] {
          max-width: calc(50% - 4px)
        }

        .md\:max-w-\[calc\(65\%-24px\)\] {
          max-width: calc(65% - 24px)
        }

        .md\:max-w-fit {
          max-width: -moz-fit-content;
          max-width: fit-content
        }

        .md\:max-w-full {
          max-width: 100%
        }

        .md\:max-w-md {
          max-width: 28rem
        }

        .md\:max-w-screen-xl {
          max-width: 1280px
        }

        .md\:max-w-xl {
          max-width: 36rem
        }

        .md\:flex-\[0_0_30\%\] {
          flex: 0 0 30%
        }

        .md\:flex-\[0_0_35\%\] {
          flex: 0 0 35%
        }

        .md\:flex-\[0_0_40\%\] {
          flex: 0 0 40%
        }

        .md\:flex-\[0_0_45\%\] {
          flex: 0 0 45%
        }

        .md\:flex-\[0_0_50\%\] {
          flex: 0 0 50%
        }

        .md\:flex-\[0_0_75\%\] {
          flex: 0 0 75%
        }

        .md\:flex-\[0_0_80\%\] {
          flex: 0 0 80%
        }

        .md\:flex-\[0_0_calc\(50\%-24px\)\] {
          flex: 0 0 calc(50% - 24px)
        }

        .md\:flex-\[0_0_calc\(65\%-24px\)\] {
          flex: 0 0 calc(65% - 24px)
        }

        .md\:flex-\[297px\] {
          flex: 297px
        }

        .md\:flex-\[33\%\] {
          flex: 33%
        }

        .md\:flex-\[354px\] {
          flex: 354px
        }

        .md\:flex-\[536px\] {
          flex: 536px
        }

        .md\:flex-\[calc\(50\%-4px\)\] {
          flex: calc(50% - 4px)
        }

        .md\:shrink {
          flex-shrink: 1
        }

        .md\:shrink-0 {
          flex-shrink: 0
        }

        .md\:shrink-\[4\] {
          flex-shrink: 4
        }

        .md\:grow {
          flex-grow: 1
        }

        .md\:grow-\[calc\(1\/3\)\] {
          flex-grow: .33333
        }

        .md\:basis-1\/2 {
          flex-basis: 50%
        }

        .md\:translate-x-0 {
          --tw-translate-x: 0px
        }

        .md\:translate-x-0,
        .md\:translate-x-full {
          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))
        }

        .md\:translate-x-full {
          --tw-translate-x: 100%
        }

        .md\:translate-y-0 {
          --tw-translate-y: 0px
        }

        .md\:-rotate-180,
        .md\:translate-y-0 {
          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))
        }

        .md\:-rotate-180 {
          --tw-rotate: -180deg
        }

        .md\:rotate-0 {
          --tw-rotate: 0deg;
          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))
        }

        .md\:grid-flow-col {
          grid-auto-flow: column
        }

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

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

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

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

        .md\:\!flex-col {
          flex-direction: column !important
        }

        .md\:flex-wrap {
          flex-wrap: wrap
        }

        .md\:items-start {
          align-items: flex-start
        }

        .md\:items-end {
          align-items: flex-end
        }

        .md\:\!items-center {
          align-items: center !important
        }

        .md\:items-center {
          align-items: center
        }

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

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

        .md\:justify-center {
          justify-content: center
        }

        .md\:justify-between {
          justify-content: space-between
        }

        .md\:\!gap-2 {
          gap: .5rem !important
        }

        .md\:gap-10 {
          gap: 2.5rem
        }

        .md\:gap-2 {
          gap: .5rem
        }

        .md\:gap-3 {
          gap: .75rem
        }

        .md\:gap-6 {
          gap: 1.5rem
        }

        .md\:gap-8 {
          gap: 2rem
        }

        .md\:space-x-3>:not([hidden])~:not([hidden]) {
          --tw-space-x-reverse: 0;
          margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
          margin-right: calc(.75rem*var(--tw-space-x-reverse))
        }

        .md\:space-x-5>:not([hidden])~:not([hidden]) {
          --tw-space-x-reverse: 0;
          margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
          margin-right: calc(1.25rem*var(--tw-space-x-reverse))
        }

        .md\:space-y-0>:not([hidden])~:not([hidden]) {
          --tw-space-y-reverse: 0;
          margin-bottom: calc(0px*var(--tw-space-y-reverse));
          margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
        }

        .md\:divide-y>:not([hidden])~:not([hidden]) {
          --tw-divide-y-reverse: 0;
          border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
          border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
        }

        .md\:overflow-y-visible {
          overflow-y: visible
        }

        .md\:rounded {
          border-radius: .25rem
        }

        .md\:rounded-lg {
          border-radius: .5rem
        }

        .md\:rounded-md {
          border-radius: .375rem
        }

        .md\:rounded-xl {
          border-radius: .75rem
        }

        .md\:border {
          border-width: 1px
        }

        .md\:border-b {
          border-bottom-width: 1px
        }

        .md\:border-l-2 {
          border-left-width: 2px
        }

        .md\:border-accent {
          --tw-border-opacity: 1;
          border-color: rgb(229 0 64/var(--tw-border-opacity, 1))
        }

        .md\:border-black {
          --tw-border-opacity: 1;
          border-color: rgb(16 16 16/var(--tw-border-opacity, 1))
        }

        .md\:bg-transparent {
          background-color: transparent
        }

        .md\:\!p-4 {
          padding: 1rem !important
        }

        .md\:\!p-6 {
          padding: 1.5rem !important
        }

        .md\:p-0 {
          padding: 0
        }

        .md\:p-10 {
          padding: 2.5rem
        }

        .md\:p-16 {
          padding: 4rem
        }

        .md\:p-20 {
          padding: 5rem
        }

        .md\:p-6 {
          padding: 1.5rem
        }

        .md\:p-8 {
          padding: 2rem
        }

        .md\:p-\[60px\] {
          padding: 60px
        }

        .md\:px-0 {
          padding-left: 0;
          padding-right: 0
        }

        .md\:px-10 {
          padding-left: 2.5rem;
          padding-right: 2.5rem
        }

        .md\:px-16 {
          padding-left: 4rem;
          padding-right: 4rem
        }

        .md\:px-3 {
          padding-left: .75rem;
          padding-right: .75rem
        }

        .md\:px-4 {
          padding-left: 1rem;
          padding-right: 1rem
        }

        .md\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem
        }

        .md\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem
        }

        .md\:px-\[120px\] {
          padding-left: 120px;
          padding-right: 120px
        }

        .md\:px-\[24px\] {
          padding-left: 24px;
          padding-right: 24px
        }

        .md\:px-\[30px\] {
          padding-left: 30px;
          padding-right: 30px
        }

        .md\:py-0\.5 {
          padding-bottom: .125rem;
          padding-top: .125rem
        }

        .md\:py-1\.5 {
          padding-bottom: .375rem;
          padding-top: .375rem
        }

        .md\:py-2 {
          padding-bottom: .5rem;
          padding-top: .5rem
        }

        .md\:py-2\.5 {
          padding-bottom: .625rem;
          padding-top: .625rem
        }

        .md\:py-3 {
          padding-bottom: .75rem;
          padding-top: .75rem
        }

        .md\:py-4 {
          padding-bottom: 1rem;
          padding-top: 1rem
        }

        .md\:py-5 {
          padding-bottom: 1.25rem;
          padding-top: 1.25rem
        }

        .md\:py-6 {
          padding-bottom: 1.5rem;
          padding-top: 1.5rem
        }

        .md\:py-8 {
          padding-bottom: 2rem;
          padding-top: 2rem
        }

        .md\:\!pb-4 {
          padding-bottom: 1rem !important
        }

        .md\:\!pr-2 {
          padding-right: .5rem !important
        }

        .md\:\!pr-\[12\%\] {
          padding-right: 12% !important
        }

        .md\:pb-0 {
          padding-bottom: 0
        }

        .md\:pb-2 {
          padding-bottom: .5rem
        }

        .md\:pb-4 {
          padding-bottom: 1rem
        }

        .md\:pb-6 {
          padding-bottom: 1.5rem
        }

        .md\:pb-8 {
          padding-bottom: 2rem
        }

        .md\:pb-\[46px\] {
          padding-bottom: 46px
        }

        .md\:pl-0 {
          padding-left: 0
        }

        .md\:pl-14 {
          padding-left: 3.5rem
        }

        .md\:pl-6 {
          padding-left: 1.5rem
        }

        .md\:pl-7 {
          padding-left: 1.75rem
        }

        .md\:pl-\[120px\] {
          padding-left: 120px
        }

        .md\:pl-\[30px\] {
          padding-left: 30px
        }

        .md\:pl-\[32px\] {
          padding-left: 32px
        }

        .md\:pl-\[96px\] {
          padding-left: 96px
        }

        .md\:pr-4 {
          padding-right: 1rem
        }

        .md\:pr-7 {
          padding-right: 1.75rem
        }

        .md\:pr-8 {
          padding-right: 2rem
        }

        .md\:pr-\[120px\] {
          padding-right: 120px
        }

        .md\:pt-0 {
          padding-top: 0
        }

        .md\:pt-10 {
          padding-top: 2.5rem
        }

        .md\:pt-4 {
          padding-top: 1rem
        }

        .md\:pt-5 {
          padding-top: 1.25rem
        }

        .md\:pt-6 {
          padding-top: 1.5rem
        }

        .md\:pt-\[60px\] {
          padding-top: 60px
        }

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

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

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

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

        .md\:\!text-10xl {
          font-size: 6.875rem !important;
          letter-spacing: -.1375rem !important;
          line-height: 8.25rem !important
        }

        .md\:\!text-h3-lg {
          font-size: 2.5rem !important;
          line-height: 1.2 !important
        }

        .md\:\!text-h3-md {
          font-size: 2rem !important;
          line-height: 1.2 !important
        }

        .md\:\!text-h4-lg {
          font-size: 2.0625rem !important;
          line-height: 1.2 !important
        }

        .md\:\!text-h4-md {
          font-size: 1.625rem !important;
          line-height: 1.2 !important
        }

        .md\:\!text-h5-lg {
          font-size: 1.75rem !important;
          line-height: 1.2 !important
        }

        .md\:\!text-l {
          line-height: 1.5 !important
        }

        .md\:\!text-l,
        .md\:\!text-lg {
          font-size: 1rem !important
        }

        .md\:\!text-lg {
          letter-spacing: -.02rem !important;
          line-height: 1.2rem !important
        }

        .md\:\!text-sm {
          font-size: .75rem !important;
          letter-spacing: -.008rem !important;
          line-height: 1.6 !important
        }

        .md\:\!text-xl {
          font-size: 1.125rem !important;
          line-height: 1.5 !important
        }

        .md\:\!text-xxl {
          font-size: 1.5rem !important;
          line-height: 1.5 !important
        }

        .md\:text-2xl {
          font-size: 1.25rem;
          letter-spacing: -.025rem;
          line-height: 1.75rem
        }

        .md\:text-2xs {
          font-size: .6875rem
        }

        .md\:text-3xl {
          font-size: 1.75rem;
          letter-spacing: -.035rem;
          line-height: 2.1rem
        }

        .md\:text-4xl {
          font-size: 2.25rem;
          letter-spacing: -.045rem;
          line-height: 2.75rem
        }

        .md\:text-5xl {
          font-size: 2.75rem;
          letter-spacing: -.055rem;
          line-height: 3.063rem
        }

        .md\:text-6xl {
          font-size: 3.25rem;
          letter-spacing: -.063rem;
          line-height: 3.625rem
        }

        .md\:text-7xl {
          font-size: 4rem;
          letter-spacing: -.075rem;
          line-height: 4.5rem
        }

        .md\:text-8xl {
          font-size: 5rem;
          letter-spacing: -.085rem;
          line-height: 5.625rem
        }

        .md\:text-9xl {
          font-size: 6rem;
          letter-spacing: -.1rem;
          line-height: 6.75rem
        }

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

        .md\:text-acc-md {
          font-size: 1.875rem;
          line-height: 2.375rem
        }

        .md\:text-acc-xl {
          font-size: 2.5rem;
          line-height: 3.3125rem
        }

        .md\:text-base {
          font-size: .813rem;
          letter-spacing: -.008rem;
          line-height: 1
        }

        .md\:text-h1-md {
          font-size: 2.75rem;
          line-height: 1.2
        }

        .md\:text-h2-md {
          font-size: 2.3125rem;
          line-height: 1.2
        }

        .md\:text-h3-lg {
          font-size: 2.5rem;
          line-height: 1.2
        }

        .md\:text-h3-md {
          font-size: 2rem;
          line-height: 1.2
        }

        .md\:text-h4-lg {
          font-size: 2.0625rem;
          line-height: 1.2
        }

        .md\:text-h4-md {
          font-size: 1.625rem;
          line-height: 1.2
        }

        .md\:text-h5-lg {
          font-size: 1.75rem;
          line-height: 1.2
        }

        .md\:text-h5-md {
          font-size: 1.3125rem;
          line-height: 1.2
        }

        .md\:text-l {
          font-size: 1rem;
          line-height: 1.5
        }

        .md\:text-lg {
          font-size: 1rem;
          letter-spacing: -.02rem;
          line-height: 1.2rem
        }

        .md\:text-m,
        .md\:text-md {
          font-size: .875rem;
          line-height: 1.5
        }

        .md\:text-md {
          letter-spacing: -.009rem
        }

        .md\:text-s,
        .md\:text-sm {
          font-size: .75rem;
          line-height: 1.6
        }

        .md\:text-sm {
          letter-spacing: -.008rem
        }

        .md\:text-xl {
          font-size: 1.125rem;
          line-height: 1.5
        }

        .md\:text-xs {
          font-size: .6875rem;
          line-height: 1.6
        }

        .md\:text-xxl {
          font-size: 1.5rem;
          line-height: 1.5
        }

        .md\:font-semibold {
          font-weight: 600
        }

        .md\:leading-10 {
          line-height: 2.5rem
        }

        .md\:leading-5 {
          line-height: 1.25rem
        }

        .md\:leading-6 {
          line-height: 1.5rem
        }

        .md\:leading-\[21px\] {
          line-height: 21px
        }

        .md\:text-black {
          --tw-text-opacity: 1;
          color: rgb(16 16 16/var(--tw-text-opacity, 1))
        }

        .md\:after\:size-\[180\%\]:after {
          content: var(--tw-content);
          height: 180%;
          width: 180%
        }

        .md\:after\:size-\[210\%\]:after {
          content: var(--tw-content);
          height: 210%;
          width: 210%
        }

        .md\:after\:size-\[250\%\]:after {
          content: var(--tw-content);
          height: 250%;
          width: 250%
        }
      }

      @media (hover:hover) and (pointer:fine) {
        @media (min-width:768px) {
          .hover\:md\:border-black:hover {
            --tw-border-opacity: 1;
            border-color: rgb(16 16 16/var(--tw-border-opacity, 1))
          }
        }
      }

      @media (min-width:768px) {
        @media (hover:hover) and (pointer:fine) {
          .md\:hover\:bg-black:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(16 16 16/var(--tw-bg-opacity, 1))
          }

          .md\:hover\:bg-white:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
          }
        }
      }

      @media (hover:hover) and (pointer:fine) {
        @media (min-width:768px) {
          .hover\:md\:font-bold:hover {
            font-weight: 700
          }
        }
      }

      @media (min-width:768px) {
        @media (hover:hover) and (pointer:fine) {
          .md\:hover\:text-white:hover {
            --tw-text-opacity: 1;
            color: rgb(255 255 255/var(--tw-text-opacity, 1))
          }

          .group:hover .md\:group-hover\:border {
            border-width: 1px
          }

          .group:hover .md\:group-hover\:border-black {
            --tw-border-opacity: 1;
            border-color: rgb(16 16 16/var(--tw-border-opacity, 1))
          }

          .group:hover .md\:group-hover\:font-bold {
            font-weight: 700
          }
        }

        @media not all and (min-width:1280px) {
          .md\:max-xl\:mx-5 {
            margin-left: 1.25rem;
            margin-right: 1.25rem
          }
        }
      }

      @media (min-width:1024px) {
        .lg\:static {
          position: static
        }

        .lg\:absolute {
          position: absolute
        }

        .lg\:sticky {
          position: sticky
        }

        .lg\:inset-y-0 {
          bottom: 0;
          top: 0
        }

        .lg\:top-\[100px\] {
          top: 100px
        }

        .lg\:top-\[calc\(var\(--so-header-height\)\+1rem\)\] {
          top: calc(var(--so-header-height) + 1rem)
        }

        .lg\:z-20 {
          z-index: 20
        }

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

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

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

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

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

        .lg\:col-start-1 {
          grid-column-start: 1
        }

        .lg\:col-start-2 {
          grid-column-start: 2
        }

        .lg\:col-start-3 {
          grid-column-start: 3
        }

        .lg\:col-start-4 {
          grid-column-start: 4
        }

        .lg\:col-end-3 {
          grid-column-end: 3
        }

        .lg\:\!mx-0 {
          margin-left: 0 !important;
          margin-right: 0 !important
        }

        .lg\:mx-8 {
          margin-left: 2rem;
          margin-right: 2rem
        }

        .lg\:mx-auto {
          margin-left: auto;
          margin-right: auto
        }

        .lg\:my-1 {
          margin-bottom: .25rem;
          margin-top: .25rem
        }

        .lg\:my-8 {
          margin-bottom: 2rem;
          margin-top: 2rem
        }

        .lg\:mb-10 {
          margin-bottom: 2.5rem
        }

        .lg\:mb-4 {
          margin-bottom: 1rem
        }

        .lg\:mb-6 {
          margin-bottom: 1.5rem
        }

        .lg\:mb-8 {
          margin-bottom: 2rem
        }

        .lg\:ml-2 {
          margin-left: .5rem
        }

        .lg\:mr-1 {
          margin-right: .25rem
        }

        .lg\:mt-0 {
          margin-top: 0
        }

        .lg\:mt-4 {
          margin-top: 1rem
        }

        .lg\:mt-\[-28px\] {
          margin-top: -28px
        }

        .lg\:block {
          display: block
        }

        .lg\:inline-block {
          display: inline-block
        }

        .lg\:flex {
          display: flex
        }

        .lg\:grid {
          display: grid
        }

        .lg\:hidden {
          display: none
        }

        .lg\:size-16 {
          height: 4rem;
          width: 4rem
        }

        .lg\:size-8 {
          height: 2rem;
          width: 2rem
        }

        .lg\:h-96 {
          height: 24rem
        }

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

        .lg\:h-full {
          height: 100%
        }

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

        .lg\:\!w-\[21\.875rem\] {
          width: 21.875rem !important
        }

        .lg\:\!w-\[30rem\] {
          width: 30rem !important
        }

        .lg\:\!w-full {
          width: 100% !important
        }

        .lg\:w-1\/4 {
          width: 25%
        }

        .lg\:w-2\/5 {
          width: 40%
        }

        .lg\:w-3\/4 {
          width: 75%
        }

        .lg\:w-3\/5 {
          width: 60%
        }

        .lg\:w-5\/12 {
          width: 41.666667%
        }

        .lg\:w-\[176px\] {
          width: 176px
        }

        .lg\:w-\[230px\] {
          width: 230px
        }

        .lg\:w-\[31\%\] {
          width: 31%
        }

        .lg\:w-\[37\.5\%\] {
          width: 37.5%
        }

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

        .lg\:w-\[530px\] {
          width: 530px
        }

        .lg\:w-\[69\%\] {
          width: 69%
        }

        .lg\:w-\[85\%\] {
          width: 85%
        }

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

        .lg\:min-w-\[17rem\] {
          min-width: 17rem
        }

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

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

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

        .lg\:max-w-\[48rem\] {
          max-width: 48rem
        }

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

        .lg\:max-w-\[60\%\] {
          max-width: 60%
        }

        .lg\:max-w-fit {
          max-width: -moz-fit-content;
          max-width: fit-content
        }

        .lg\:basis-5\/12 {
          flex-basis: 41.666667%
        }

        .lg\:basis-7\/12 {
          flex-basis: 58.333333%
        }

        .lg\:-translate-x-full {
          --tw-translate-x: -100%;
          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))
        }

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

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

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

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

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

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

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

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

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

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

        .lg\:grid-cols-\[1fr_10fr_1fr\] {
          grid-template-columns: 1fr 10fr 1fr
        }

        .lg\:\!grid-rows-\[1fr\] {
          grid-template-rows: 1fr !important
        }

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

        .lg\:\!flex-row {
          flex-direction: row !important
        }

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

        .lg\:\!flex-col {
          flex-direction: column !important
        }

        .lg\:flex-col {
          flex-direction: column
        }

        .lg\:flex-nowrap {
          flex-wrap: nowrap
        }

        .lg\:items-start {
          align-items: flex-start
        }

        .lg\:items-center {
          align-items: center
        }

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

        .lg\:justify-center {
          justify-content: center
        }

        .lg\:\!gap-0 {
          gap: 0 !important
        }

        .lg\:\!gap-1 {
          gap: .25rem !important
        }

        .lg\:gap-0 {
          gap: 0
        }

        .lg\:gap-12 {
          gap: 3rem
        }

        .lg\:gap-2 {
          gap: .5rem
        }

        .lg\:gap-4 {
          gap: 1rem
        }

        .lg\:gap-5 {
          gap: 1.25rem
        }

        .lg\:gap-6 {
          gap: 1.5rem
        }

        .lg\:space-x-8>:not([hidden])~:not([hidden]) {
          --tw-space-x-reverse: 0;
          margin-left: calc(2rem*(1 - var(--tw-space-x-reverse)));
          margin-right: calc(2rem*var(--tw-space-x-reverse))
        }

        .lg\:space-y-0>:not([hidden])~:not([hidden]) {
          --tw-space-y-reverse: 0;
          margin-bottom: calc(0px*var(--tw-space-y-reverse));
          margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
        }

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

        .lg\:border {
          border-width: 1px
        }

        .lg\:bg-white\/10 {
          background-color: #ffffff1a
        }

        .lg\:p-0 {
          padding: 0
        }

        .lg\:p-4 {
          padding: 1rem
        }

        .lg\:p-\[10\%\] {
          padding: 10%
        }

        .lg\:\!px-4 {
          padding-left: 1rem !important;
          padding-right: 1rem !important
        }

        .lg\:px-0 {
          padding-left: 0;
          padding-right: 0
        }

        .lg\:px-12 {
          padding-left: 3rem;
          padding-right: 3rem
        }

        .lg\:px-3 {
          padding-left: .75rem;
          padding-right: .75rem
        }

        .lg\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem
        }

        .lg\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem
        }

        .lg\:px-\[120px\] {
          padding-left: 120px;
          padding-right: 120px
        }

        .lg\:px-\[121px\] {
          padding-left: 121px;
          padding-right: 121px
        }

        .lg\:py-12 {
          padding-bottom: 3rem;
          padding-top: 3rem
        }

        .lg\:py-2 {
          padding-bottom: .5rem;
          padding-top: .5rem
        }

        .lg\:py-3 {
          padding-bottom: .75rem;
          padding-top: .75rem
        }

        .lg\:py-32 {
          padding-bottom: 8rem;
          padding-top: 8rem
        }

        .lg\:py-4 {
          padding-bottom: 1rem;
          padding-top: 1rem
        }

        .lg\:py-8 {
          padding-bottom: 2rem;
          padding-top: 2rem
        }

        .lg\:py-\[64px\] {
          padding-bottom: 64px;
          padding-top: 64px
        }

        .lg\:py-\[99px\] {
          padding-bottom: 99px;
          padding-top: 99px
        }

        .lg\:\!pb-0 {
          padding-bottom: 0 !important
        }

        .lg\:pb-8 {
          padding-bottom: 2rem
        }

        .lg\:pb-\[42px\] {
          padding-bottom: 42px
        }

        .lg\:pl-10 {
          padding-left: 2.5rem
        }

        .lg\:pl-12 {
          padding-left: 3rem
        }

        .lg\:pl-2 {
          padding-left: .5rem
        }

        .lg\:pl-28 {
          padding-left: 7rem
        }

        .lg\:pl-8 {
          padding-left: 2rem
        }

        .lg\:pr-0 {
          padding-right: 0
        }

        .lg\:pr-16 {
          padding-right: 4rem
        }

        .lg\:pr-4 {
          padding-right: 1rem
        }

        .lg\:pr-8 {
          padding-right: 2rem
        }

        .lg\:pt-12 {
          padding-top: 3rem
        }

        .lg\:pt-5 {
          padding-top: 1.25rem
        }

        .lg\:pt-8 {
          padding-top: 2rem
        }

        .lg\:\!text-md {
          font-size: .875rem !important;
          letter-spacing: -.009rem !important;
          line-height: 1.5 !important
        }

        .lg\:text-acc-sm {
          font-size: 1.5rem;
          line-height: 1.875rem
        }

        .lg\:text-acc-xl {
          font-size: 2.5rem;
          line-height: 3.3125rem
        }

        .lg\:text-h1-lg {
          font-size: 3.625rem;
          line-height: 1.2
        }

        .lg\:text-h5-lg {
          font-size: 1.75rem;
          line-height: 1.2
        }

        .lg\:text-l {
          font-size: 1rem;
          line-height: 1.5
        }

        .lg\:text-lg {
          font-size: 1rem;
          letter-spacing: -.02rem;
          line-height: 1.2rem
        }

        .lg\:text-md {
          font-size: .875rem;
          letter-spacing: -.009rem;
          line-height: 1.5
        }

        .lg\:text-xl {
          font-size: 1.125rem;
          line-height: 1.5
        }

        .lg\:text-xxl {
          font-size: 1.5rem;
          line-height: 1.5
        }

        .lg\:tracking-\[-0\.16px\] {
          letter-spacing: -.16px
        }

        .lg\:tracking-\[-0\.18px\] {
          letter-spacing: -.18px
        }

        .lg\:tracking-headline-lg {
          letter-spacing: -.56px
        }

        .lg\:tracking-text-lg {
          letter-spacing: -.14px
        }

        .lg\:shadow-cart {
          --tw-shadow: 0 3px 10px 2px rgba(0, 0, 0, .07);
          --tw-shadow-colored: 0 3px 10px 2px var(--tw-shadow-color);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
        }

        .lg\:backdrop-blur-sm {
          --tw-backdrop-blur: blur(4px);
          -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)
        }

        .lg\:transition-\[margin-top\] {
          transition-duration: .15s;
          transition-property: margin-top;
          transition-timing-function: cubic-bezier(.4, 0, .2, 1)
        }

        .lg\:duration-300 {
          transition-duration: .3s
        }

        .lg\:duration-500 {
          transition-duration: .5s
        }

        .lg\:\[align-self\:anchor-center\] {
          align-self: anchor-center
        }

        @media (hover:hover) and (pointer:fine) {
          .group:hover .lg\:group-hover\:border {
            border-width: 1px
          }

          .group:hover .lg\:group-hover\:border-black {
            --tw-border-opacity: 1;
            border-color: rgb(16 16 16/var(--tw-border-opacity, 1))
          }

          .group:hover .lg\:group-hover\:opacity-100 {
            opacity: 1
          }

          .group:hover .lg\:group-hover\:outline {
            outline-style: solid
          }

          .group:hover .lg\:group-hover\:outline-2 {
            outline-width: 2px
          }

          .group:hover .lg\:group-hover\:outline-offset-\[-3px\] {
            outline-offset: -3px
          }

          .group:hover .lg\:group-hover\:outline-white {
            outline-color: #fff
          }
        }
      }

      @media (min-width:1280px) {
        .xl\:inset-y-0 {
          bottom: 0;
          top: 0
        }

        .xl\:col-span-3 {
          grid-column: span 3/span 3
        }

        .xl\:mx-auto {
          margin-left: auto;
          margin-right: auto
        }

        .xl\:mb-5 {
          margin-bottom: 1.25rem
        }

        .xl\:mb-6 {
          margin-bottom: 1.5rem
        }

        .xl\:max-h-xl {
          max-height: 36rem
        }

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

        .xl\:\!w-1\/3 {
          width: 33.333333% !important
        }

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

        .xl\:w-1\/3 {
          width: 33.333333%
        }

        .xl\:w-1\/4 {
          width: 25%
        }

        .xl\:w-2\/3 {
          width: 66.666667%
        }

        .xl\:w-3\/4 {
          width: 75%
        }

        .xl\:w-\[12\.5\%\] {
          width: 12.5%
        }

        .xl\:w-\[37\.5\%\] {
          width: 37.5%
        }

        .xl\:w-full {
          width: 100%
        }

        .xl\:max-w-\[30\%\] {
          max-width: 30%
        }

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

        .xl\:max-w-\[calc\(100\%-272px\)\] {
          max-width: calc(100% - 272px)
        }

        .xl\:basis-5\/12 {
          flex-basis: 41.666667%
        }

        .xl\:basis-7\/12 {
          flex-basis: 58.333333%
        }

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

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

        .xl\:gap-16 {
          gap: 4rem
        }

        .xl\:bg-white {
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
        }

        .xl\:p-6 {
          padding: 1.5rem
        }

        .xl\:p-8 {
          padding: 2rem
        }

        .xl\:py-4 {
          padding-bottom: 1rem;
          padding-top: 1rem
        }

        .xl\:\!text-h3-lg {
          font-size: 2.5rem !important;
          line-height: 1.2 !important
        }

        .xl\:\!text-h4-md {
          font-size: 1.625rem !important;
          line-height: 1.2 !important
        }

        .xl\:text-h1-lg {
          font-size: 3.625rem;
          line-height: 1.2
        }

        .xl\:text-h2-lg {
          font-size: 3rem;
          line-height: 1.2
        }

        .xl\:text-h3-lg {
          font-size: 2.5rem;
          line-height: 1.2
        }

        .xl\:text-h4-lg {
          font-size: 2.0625rem;
          line-height: 1.2
        }

        .xl\:text-h5-lg {
          font-size: 1.75rem;
          line-height: 1.2
        }

        @media (hover:hover) and (pointer:fine) {
          .xl\:hover\:translate-x-\[-4px\]:hover {
            --tw-translate-x: -4px;
            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))
          }

          .xl\:hover\:bg-gray-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(216 220 222/var(--tw-bg-opacity, 1))
          }
        }
      }

      @media (min-width:1440px) {
        .\32xl\:-mx-1 {
          margin-left: -.25rem;
          margin-right: -.25rem
        }

        .\32xl\:mx-0 {
          margin-left: 0;
          margin-right: 0
        }

        .\32xl\:mx-8 {
          margin-left: 2rem;
          margin-right: 2rem
        }

        .\32xl\:mx-auto {
          margin-left: auto;
          margin-right: auto
        }

        .\32xl\:mr-0 {
          margin-right: 0
        }

        .\32xl\:w-2\/3 {
          width: 66.666667%
        }

        .\32xl\:w-full {
          width: 100%
        }

        .\32xl\:max-w-\[112\.5rem\] {
          max-width: 112.5rem
        }

        .\32xl\:max-w-\[459px\] {
          max-width: 459px
        }

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

        .\32xl\:gap-16 {
          gap: 4rem
        }

        .\32xl\:gap-2 {
          gap: .5rem
        }

        .\32xl\:gap-x-2 {
          -moz-column-gap: .5rem;
          column-gap: .5rem
        }

        .\32xl\:p-8 {
          padding: 2rem
        }

        .\32xl\:px-0 {
          padding-left: 0;
          padding-right: 0
        }

        .\32xl\:px-1 {
          padding-left: .25rem;
          padding-right: .25rem
        }

        .\32xl\:px-16 {
          padding-left: 4rem;
          padding-right: 4rem
        }

        .\32xl\:px-6 {
          padding-left: 1.5rem;
          padding-right: 1.5rem
        }

        .\32xl\:px-8 {
          padding-left: 2rem;
          padding-right: 2rem
        }

        .\32xl\:pb-8 {
          padding-bottom: 2rem
        }

        .\32xl\:pl-4 {
          padding-left: 1rem
        }

        .\32xl\:pr-2 {
          padding-right: .5rem
        }

        .\32xl\:pt-4 {
          padding-top: 1rem
        }

        .\32xl\:text-h5-lg {
          font-size: 1.75rem;
          line-height: 1.2
        }
      }

      .\[\&\:not\(\:hover\)\]\:underline:not(:hover) {
        text-decoration-line: underline
      }

      .\[\&\>\*\:not\(\:last-child\)\]\:after\:px-1>:not(:last-child):after {
        content: var(--tw-content);
        padding-left: .25rem;
        padding-right: .25rem
      }

      .\[\&\>\*\:not\(\:last-child\)\]\:after\:text-black>:not(:last-child):after {
        content: var(--tw-content);
        --tw-text-opacity: 1;
        color: rgb(16 16 16/var(--tw-text-opacity, 1))
      }

      .\[\&\>\*\:not\(\:last-child\)\]\:after\:content-\[\'·\'\]>:not(:last-child):after {
        --tw-content: "·";
        content: var(--tw-content)
      }

      @media (min-width:768px) {
        .md\:\[\&\>\*\:not\(\:last-child\)\]\:after\:px-2>:not(:last-child):after {
          content: var(--tw-content);
          padding-left: .5rem;
          padding-right: .5rem
        }
      }

      .\[\&\>\*\]\:opacity-0>* {
        opacity: 0
      }

      .\[\&\>div\:first-child\]\:pt-0>div:first-child {
        padding-top: 0
      }

      @media (min-width:768px) {
        .md\:\[\&\>div\:first-child\]\:pt-0>div:first-child {
          padding-top: 0
        }
      }

      .\[\&\>p\:first-child\]\:\!mt-0>p:first-child {
        margin-top: 0 !important
      }

      .\[\&_ol\]\:list-decimal ol {
        list-style-type: decimal
      }

      .\[\&_ul\]\:list-disc ul {
        list-style-type: disc
      }

#header .burger {
  top: -3px;
}

#header .burger::after {
  content: 'Menü';
  position: absolute;
  top: 115%;
  line-height: 1;
  font-size: 11px;
  text-transform: uppercase;
  text-indent: -1px;
}

/* Side nav overlay (burger menu) — open state */
#side-nav-overlay.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.35);
}
/* При открытом меню показываем все вложенные элементы с opacity-0 / pointer-events-none */
#side-nav-overlay.is-open .opacity-0 {
  opacity: 1 !important;
}
#side-nav-overlay.is-open .pointer-events-none {
  pointer-events: auto !important;
}
#side-nav-overlay.is-open .translate-x-\[-10px\] {
  transform: translateX(0);
}
#side-nav-overlay .burger--step-2 span:nth-child(2) { opacity: 0; }
#side-nav-overlay .burger--step-2 span:first-child,
#side-nav-overlay .burger--step-2 span:nth-child(3) { transform-origin: center center; }
#side-nav-overlay .burger--step-2 span:first-child { transform: translateY(6px) rotate(45deg); }
#side-nav-overlay .burger--step-2 span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
@media (max-width: 767.98px) {
  #side-nav-overlay .burger--step-2 span:first-child { transform: translateY(7px) rotate(45deg); }
  #side-nav-overlay .burger--step-2 span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}
@media (min-width: 768px) {
  #side-nav-overlay .burger--step-2 span:first-child { transform: translateY(11px) rotate(45deg); }
  #side-nav-overlay .burger--step-2 span:nth-child(3) { transform: translateY(-11px) rotate(-45deg); }
}
/* Подпанель подкатегорий: скрыта по умолчанию (не используем .opacity-0 из-за is-open) */
.side-nav-sub-view.side-nav-sub-closed {
  opacity: 0;
  pointer-events: none;
}
#side-nav-category-list.side-nav-l1-hidden {
  opacity: 0;
  pointer-events: none;
}