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

.saiz-recommender-button-wrapper-custom {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 4px;
  padding-right: 10px;
  background: white;
  cursor: pointer;
}

.saiz-recommender-button-wrapper-custom .saiz-recommender-button-icon-wrapper-custom {
  position: relative;
  display: flex;
  width: 22px;
  height: 22px;
  padding: 2px;
  background: white;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .25);
  border-radius: 50%;
  overflow: hidden;
}

.saiz-recommender-button-custom {
  background-color: var(--saiz-color-secondary);
  color: var(--saiz-color-primary);
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: underline;
  border: none;
  cursor: pointer;
}

/* Product size selector: selected state (font-bold + underline) */
.product-size-btn.selected {
  font-weight: 700;
}
.product-size-btn .product-size-underline {
  transition: width 0.3s ease-in-out;
}
.product-size-btn.selected .product-size-underline {
  width: 100%;
}


#saiz-global-modal-root-recommender .saiz-adaptive-picker,
#saiz-widget-container .saiz-adaptive-picker {
  display:none;
  align-items:center;
  background:var(--saiz-color-secondary);
  border-radius:12px;
  border:1px solid var(--saiz-color-border);
  padding:7px 10px;
  margin-bottom:10px
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__label-container,
#saiz-widget-container .saiz-adaptive-picker__label-container {
  display:flex;
  align-items:center;
  flex:1;
  white-space:nowrap
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__label,
#saiz-widget-container .saiz-adaptive-picker__label {
  font-size:18px;
  font-weight:500;
  margin-right:5px;
  margin-left:5px;
  color:var(--saiz-color-primary);
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__unit,
#saiz-widget-container .saiz-adaptive-picker__unit {
  font-size:14px;
  color:#b5b5be;
  align-self:baseline
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__controls,
#saiz-widget-container .saiz-adaptive-picker__controls {
  display:flex;
  align-items:center;
  gap:12px;
  margin-left:auto
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__btn,
#saiz-widget-container .saiz-adaptive-picker__btn {
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:none;
  background:#fff;
  color:var(--saiz-color-primary);
  font-size:18px;
  cursor:pointer;
  box-shadow:0 2px 18px 6px #0000000f
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__input,
#saiz-widget-container .saiz-adaptive-picker__input {
  width:90px;
  padding:10px;
  border-radius:5px;
  border:1px solid var(--saiz-color-border);
  font-size:18px;
  font-weight:400;
  text-align:center;
  font-family:var(--saiz-font-family);
  color:var(--saiz-color-primary);
  background:#fff
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__input:focus,
#saiz-widget-container .saiz-adaptive-picker__input:focus {
  outline:1px solid var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__input,
#saiz-widget-container .saiz-adaptive-picker__input {
  -moz-appearance:textfield
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__input::-webkit-outer-spin-button,
#saiz-global-modal-root-recommender .saiz-adaptive-picker__input::-webkit-inner-spin-button,
#saiz-widget-container .saiz-adaptive-picker__input::-webkit-outer-spin-button,
#saiz-widget-container .saiz-adaptive-picker__input::-webkit-inner-spin-button {
  -webkit-appearance:none;
  margin:0
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker--ft-in .saiz-adaptive-picker__controls,
#saiz-widget-container .saiz-adaptive-picker--ft-in .saiz-adaptive-picker__controls {
  gap:8px
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__ft-in-box,
#saiz-widget-container .saiz-adaptive-picker__ft-in-box {
  display:flex;
  align-items:center;
  background:#fff;
  border-radius:5px;
  border:1px solid var(--saiz-color-border);
  padding:0 8px;
  gap:4px
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__ft-in-box:focus-within,
#saiz-widget-container .saiz-adaptive-picker__ft-in-box:focus-within {
  outline:1px solid var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__ft-in-box .saiz-adaptive-picker__input,
#saiz-widget-container .saiz-adaptive-picker__ft-in-box .saiz-adaptive-picker__input {
  width:32px;
  padding:10px 2px;
  border:none;
  border-radius:0;
  background:transparent
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__ft-in-box .saiz-adaptive-picker__input:focus,
#saiz-widget-container .saiz-adaptive-picker__ft-in-box .saiz-adaptive-picker__input:focus {
  outline:none
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__ft-in-box .saiz-adaptive-picker__input--ft,
#saiz-widget-container .saiz-adaptive-picker__ft-in-box .saiz-adaptive-picker__input--ft {
  width:28px
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__ft-in-box .saiz-adaptive-picker__input--in,
#saiz-widget-container .saiz-adaptive-picker__ft-in-box .saiz-adaptive-picker__input--in {
  width:32px
}
#saiz-global-modal-root-recommender .saiz-adaptive-picker__input-unit,
#saiz-widget-container .saiz-adaptive-picker__input-unit {
  font-size:14px;
  font-weight:500;
  color:var(--saiz-color-primary);
  font-family:var(--saiz-font-family);
  user-select:none
}
@media screen and (min-width: 1024px) {
  #saiz-global-modal-root-recommender .saiz-adaptive-picker-wrapper .saiz-picker,
  #saiz-widget-container .saiz-adaptive-picker-wrapper .saiz-picker {
    display:none
  }
  #saiz-global-modal-root-recommender .saiz-adaptive-picker,
  #saiz-widget-container .saiz-adaptive-picker {
    display:flex
  }
}
#saiz-global-modal-root-recommender .saiz-toggle,
#saiz-global-modal-root-charts .saiz-toggle,
#saiz-widget-container .saiz-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  background-color:#f9f9f9;
  border-radius:20px;
  position:relative;
  cursor:pointer;
  user-select:none;
  min-width:max-content;
  margin:10px;
  padding:0
}
#saiz-global-modal-root-recommender .saiz-toggle__option,
#saiz-global-modal-root-charts .saiz-toggle__option,
#saiz-widget-container .saiz-toggle__option {
  flex:1;
  text-align:center;
  font-size:14px;
  line-height:normal;
  color:var(--saiz-color-primary);
  white-space:nowrap;
  padding:0 5px;
  margin:5px 20px;
  font-weight:500;
  font-family:var(--saiz-font-family);
  z-index:1
}
#saiz-global-modal-root-recommender .saiz-toggle__unit,
#saiz-global-modal-root-charts .saiz-toggle__unit,
#saiz-widget-container .saiz-toggle__unit {
  font-size:14px;
  color:var(--saiz-color-text);
  font-weight:500;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-toggle__slider,
#saiz-global-modal-root-charts .saiz-toggle__slider,
#saiz-widget-container .saiz-toggle__slider {
  width:50%;
  height:100%;
  border-radius:20px;
  background-color:var(--saiz-color-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--saiz-color-secondary);
  font-weight:500;
  font-size:14px;
  font-family:var(--saiz-font-family);
  position:absolute;
  top:0;
  left:0;
  transition:transform .3s ease;
  z-index:1
}
#saiz-global-modal-root-recommender .saiz-toggle__slider--first,
#saiz-global-modal-root-charts .saiz-toggle__slider--first,
#saiz-widget-container .saiz-toggle__slider--first {
  transform:translate(0)
}
#saiz-global-modal-root-recommender .saiz-toggle__slider--second,
#saiz-global-modal-root-charts .saiz-toggle__slider--second,
#saiz-widget-container .saiz-toggle__slider--second {
  transform:translate(100%)
}
@media (min-width: 600px) {
  #saiz-global-modal-root-recommender .saiz-toggle__option,
  #saiz-global-modal-root-charts .saiz-toggle__option,
  #saiz-widget-container .saiz-toggle__option {
    padding:5px 20px
  }
}
#saiz-global-modal-root-recommender .saiz-avatar-wrapper,
#saiz-widget-container .saiz-avatar-wrapper {
  height:470px;
  position:relative;
  touch-action:pan-y;
  -webkit-user-select:none;
  user-select:none
}
#saiz-global-modal-root-recommender .saiz-avatar-container,
#saiz-widget-container .saiz-avatar-container {
  width:100%;
  height:450px;
  margin-top:-110px;
  display:flex;
  justify-content:center;
  align-items:center;
  pointer-events:none
}
#saiz-global-modal-root-recommender .saiz-avatar-fallback,
#saiz-widget-container .saiz-avatar-fallback {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  background:#fffc;
  border-radius:12px;
  pointer-events:auto
}
#saiz-global-modal-root-recommender .saiz-avatar-fallback-content,
#saiz-widget-container .saiz-avatar-fallback-content {
  text-align:center;
  padding:20px
}
#saiz-global-modal-root-recommender .saiz-avatar-fallback-icon,
#saiz-widget-container .saiz-avatar-fallback-icon {
  font-size:80px;
  margin-bottom:16px;
  opacity:.7
}
#saiz-global-modal-root-recommender .saiz-avatar-fallback-text,
#saiz-widget-container .saiz-avatar-fallback-text {
  font-size:16px;
  color:var(--saiz-color-text);
  margin:0;
  opacity:.8;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-avatar-gradient,
#saiz-widget-container .saiz-avatar-gradient {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:3;
  clip-path:polygon(0 70px,100% 70px,100% 95%,0 95%);
  background:linear-gradient(180deg,#fff 28%,#fff0 35% 83%,#fff 87%)
}
#saiz-global-modal-root-recommender .saiz-avatar-controls,
#saiz-widget-container .saiz-avatar-controls {
  position:absolute;
  top:12%;
  right:5px;
  z-index:9;
  display:flex;
  flex-direction:column;
  gap:20px
}
#saiz-global-modal-root-recommender .saiz-avatar-controls__control,
#saiz-widget-container .saiz-avatar-controls__control {
  position:relative
}
#saiz-global-modal-root-recommender .saiz-avatar-controls__control--button,
#saiz-widget-container .saiz-avatar-controls__control--button {
  background:#fff;
  border:none;
  width:36px;
  height:36px;
  padding:0 6px;
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  transition:transform .2s;
  opacity:.5
}
#saiz-global-modal-root-recommender .saiz-avatar-controls__control--button:hover,
#saiz-global-modal-root-recommender .saiz-avatar-controls__control--button.saiz-active,
#saiz-widget-container .saiz-avatar-controls__control--button:hover,
#saiz-widget-container .saiz-avatar-controls__control--button.saiz-active {
  transform:scale(1.4);
  opacity:1
}
#saiz-global-modal-root-recommender .saiz-avatar-controls__control--button:focus-visible,
#saiz-widget-container .saiz-avatar-controls__control--button:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px
}
#saiz-global-modal-root-recommender .saiz-avatar-controls__control--image,
#saiz-widget-container .saiz-avatar-controls__control--image {
  width:100%;
  height:auto
}
@media (max-width: 800px) {
  #saiz-global-modal-root-recommender .saiz-avatar-controls__control:first-child #saiz-global-modal-root-recommender .saiz-avatar-controls__control--button,
  #saiz-global-modal-root-recommender .saiz-avatar-controls__control:first-child #saiz-widget-container .saiz-avatar-controls__control--button,
  #saiz-widget-container .saiz-avatar-controls__control:first-child #saiz-global-modal-root-recommender .saiz-avatar-controls__control--button,
  #saiz-widget-container .saiz-avatar-controls__control:first-child #saiz-widget-container .saiz-avatar-controls__control--button {
    border-radius:50%;
    background-color:#f1f5f9;
    padding:8px
  }
}
#saiz-global-modal-root-recommender .saiz-avatar-controls__control--label,
#saiz-widget-container .saiz-avatar-controls__control--label {
  display:block;
  position:absolute;
  right:50%;
  bottom:-50%;
  transform:translate(50%,-20px);
  font-size:12px;
  color:var(--saiz-color-text);
  font-weight:700;
  white-space:nowrap;
  word-break:keep-all;
  opacity:0;
  visibility:hidden;
  transition:all .2s;
  pointer-events:none
}
#saiz-global-modal-root-recommender .saiz-avatar-controls__control--button.saiz-active+.saiz-avatar-controls__control--label,
#saiz-widget-container .saiz-avatar-controls__control--button.saiz-active+.saiz-avatar-controls__control--label {
  transform:translate(50%);
  opacity:1;
  visibility:visible
}
@media (min-width: 800px) {
  #saiz-global-modal-root-recommender .saiz-avatar-controls,
  #saiz-widget-container .saiz-avatar-controls {
    top:0;
    right:50px;
    gap:12px
  }
  #saiz-global-modal-root-recommender .saiz-avatar-controls__control,
  #saiz-widget-container .saiz-avatar-controls__control {
    position:relative
  }
  #saiz-global-modal-root-recommender .saiz-avatar-controls__control--button,
  #saiz-widget-container .saiz-avatar-controls__control--button {
    background:#fff;
    border:1px solid var(--saiz-color-border);
    border-radius:12px;
    width:64px;
    height:64px;
    padding:14px;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    transition:transform .2s
  }
  #saiz-global-modal-root-recommender .saiz-avatar-controls__control--button:hover,
  #saiz-global-modal-root-recommender .saiz-avatar-controls__control--button.saiz-active,
  #saiz-widget-container .saiz-avatar-controls__control--button:hover,
  #saiz-widget-container .saiz-avatar-controls__control--button.saiz-active {
    transform:translate(-10px)
  }
  #saiz-global-modal-root-recommender .saiz-avatar-controls__control--button:hover+.saiz-avatar-controls__control--label,
  #saiz-global-modal-root-recommender .saiz-avatar-controls__control--button.saiz-active+.saiz-avatar-controls__control--label,
  #saiz-widget-container .saiz-avatar-controls__control--button:hover+.saiz-avatar-controls__control--label,
  #saiz-widget-container .saiz-avatar-controls__control--button.saiz-active+.saiz-avatar-controls__control--label {
    transform:translate(-100%,-50%) translate(-20px);
    opacity:1;
    visibility:visible
  }
  #saiz-global-modal-root-recommender .saiz-avatar-controls__control--label,
  #saiz-widget-container .saiz-avatar-controls__control--label {
    top:50%;
    left:0;
    bottom:unset;
    right:unset;
    transform:translate(-50%,-50%);
    font-size:16px
  }
}
#saiz-global-modal-root-recommender .saiz-avatar-slider,
#saiz-widget-container .saiz-avatar-slider {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding-bottom:20px;
  z-index:9
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__container,
#saiz-widget-container .saiz-avatar-slider__container {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:50px;
  box-shadow:none;
  border-radius:10px
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__container--animated,
#saiz-widget-container .saiz-avatar-slider__container--animated {
  animation:shadowPulse 1s ease-in forwards;
  animation-delay:.5s
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__container--not-animated,
#saiz-widget-container .saiz-avatar-slider__container--not-animated {
  box-shadow:0 0 48px #0f0f101a
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__measurement,
#saiz-widget-container .saiz-avatar-slider__measurement {
  width:300px;
  position:relative
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__track,
#saiz-widget-container .saiz-avatar-slider__track {
  position:relative;
  width:100%;
  height:4px;
  background-color:#d1d1d1;
  border-radius:2px
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__dots-container,
#saiz-widget-container .saiz-avatar-slider__dots-container {
  width:300px;
  position:relative;
  overflow:hidden
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__dots-container:before,
#saiz-widget-container .saiz-avatar-slider__dots-container:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,#fffffff2,#fff0 25% 75%,#fffffff2);
  z-index:2
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__dots,
#saiz-widget-container .saiz-avatar-slider__dots {
  width:600px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  pointer-events:none
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__dot,
#saiz-widget-container .saiz-avatar-slider__dot {
  display:block;
  width:4px;
  height:4px;
  background-color:#ababab;
  border-radius:50%
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__thumb,
#saiz-widget-container .saiz-avatar-slider__thumb {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) translateY(-2px);
  width:25px;
  height:25px;
  background:#fff;
  box-shadow:0 0 14px #0f0f1026;
  border-radius:50%;
  cursor:pointer;
  border:none;
  outline:none;
  z-index:3
}
#saiz-global-modal-root-recommender .saiz-avatar-slider__thumb:focus,
#saiz-widget-container .saiz-avatar-slider__thumb:focus {
  box-shadow:0 0 5px #0000004d
}
@keyframes shadowPulse {
  0% {
    box-shadow:0 0 #0f0f101a
  }
  to {
    box-shadow:0 0 48px #0f0f101a
  }
}
#saiz-global-modal-root-recommender .saiz-arc,
#saiz-widget-container .saiz-arc {
  display:flex;
  justify-content:center;
  align-items:center;
  height:40px
}
#saiz-global-modal-root-recommender .saiz-arc__svg,
#saiz-widget-container .saiz-arc__svg {
  width:240px;
  height:37px
}
.saiz-desktop-swipe-hint {
  position:absolute;
  top:25px;
  left:50%;
  pointer-events:none;
  z-index:12;
  animation:swipeFadeOut 6s forwards;
  animation-delay:.5s
}
.saiz-cursor-icon {
  width:29px;
  height:auto;
  opacity:0;
  animation:pulseHand 4s ease-in-out forwards;
  animation-delay:.5s
}
@keyframes pulseHand {
  0% {
    transform:translate(-50%,-25%) translateY(80px);
    opacity:.8
  }
  20% {
    transform:translate(-50%,-25%) translateY(0);
    opacity:.8
  }
  65% {
    transform:translate(-50%,-25%) translate(80px);
    opacity:1
  }
  to {
    transform:translate(-50%,-25%) translate(-80px) translateY(0);
    opacity:.8
  }
}
@keyframes swipeFadeOut {
  0% {
    opacity:1
  }
  90% {
    opacity:1
  }
  to {
    opacity:0;
    display:none
  }
}
#saiz-global-modal-root-recommender .saiz-desktop-overlay,
#saiz-widget-container .saiz-desktop-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#ffffffb3;
  z-index:9;
  display:flex;
  justify-content:center;
  align-items:center;
  animation:fadeOut .5s ease-out forwards;
  animation-delay:5s
}
#saiz-global-modal-root-recommender .saiz-desktop-overlay__content,
#saiz-widget-container .saiz-desktop-overlay__content {
  text-align:center
}
#saiz-global-modal-root-recommender .saiz-desktop-overlay__text,
#saiz-widget-container .saiz-desktop-overlay__text {
  font-size:18px;
  color:var(--saiz-color-text);
  font-weight:500;
  margin-bottom:16px
}
@keyframes fadeOut {
  0% {
    opacity:1
  }
  to {
    opacity:0;
    visibility:hidden
  }
}
.saiz-swipe-container {
  display:block;
  position:absolute;
  width:200px;
  top:10%;
  left:50%;
  transform:translate(-50%);
  height:40px;
  margin:0 auto;
  pointer-events:none;
  z-index:12
}
.saiz-swipe-track {
  display:block;
  width:25px;
  position:absolute;
  left:50%;
  height:25px;
  top:50%;
  transform:translate(-50%,-50%);
  background:#0f0f1026;
  border-radius:50%;
  animation:saiz-track-animation 2s 2 forwards;
  animation-timing-function:ease-in-out
}
.saiz-swipe-dot {
  display:block;
  position:absolute;
  width:16px;
  height:16px;
  background:#fff;
  border-radius:50%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  animation:saiz-swipe-animation 2s 2 forwards;
  animation-timing-function:ease-in-out
}
.saiz-swipe-overlay {
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:#fff9;
  animation:saiz-swipe-overlay 4s forwards;
  z-index:11
}
@keyframes saiz-swipe-animation {
  0%,
  50% {
    opacity:1;
    transform:translate(-50%,-50%)
  }
  25% {
    transform:translate(-50%,-50%) translate(80px)
  }
  75% {
    transform:translate(-50%,-50%) translate(-80px)
  }
  99% {
    opacity:1
  }
  to {
    transform:translate(-50%,-50%);
    opacity:0
  }
}
@keyframes saiz-track-animation {
  0% {
    opacity:1;
    left:calc(50% - 12.5px);
    width:25px;
    transform:translateY(-50%);
    border-radius:50%;
    background:linear-gradient(90deg,#0f0f1026 0% 100%)
  }
  2% {
    border-radius:0 100px 100px 0;
    background:linear-gradient(90deg,#0f0f1000,#0f0f1026)
  }
  25% {
    left:calc(50% - 12.5px);
    width:105px;
    border-radius:0 100px 100px 0;
    transform:translateY(-50%);
    background:linear-gradient(90deg,#0f0f1000,#0f0f1026)
  }
  48% {
    border-radius:50%;
    background:linear-gradient(90deg,#0f0f1026 0% 100%)
  }
  50% {
    width:25px;
    left:calc(50% - 12.5px);
    transform:translateY(-50%);
    border-radius:50%;
    background:linear-gradient(90deg,#0f0f1026 0% 100%)
  }
  52% {
    border-radius:100px 0 0 100px;
    background:linear-gradient(270deg,#0f0f1000,#0f0f1026)
  }
  75% {
    width:105px;
    left:7px;
    transform:translateY(-50%);
    border-radius:100px 0 0 100px;
    background:linear-gradient(270deg,#0f0f1000,#0f0f1026)
  }
  98% {
    border-radius:50%;
    background:linear-gradient(90deg,#0f0f1026 0% 100%)
  }
  99% {
    opacity:1
  }
  to {
    width:25px;
    left:calc(50% - 12.5px);
    transform:translateY(-50%);
    border-radius:50%;
    opacity:0;
    background:linear-gradient(90deg,#0f0f1026 0% 100%)
  }
}
@keyframes saiz-swipe-overlay {
  0% {
    opacity:1;
    visibility:visible
  }
  95% {
    opacity:1;
    visibility:visible
  }
  to {
    opacity:0;
    visibility:hidden
  }
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content__dropdowns .saiz-adidas-clothes-content__dropdown,
#saiz-widget-container .saiz-adidas-clothes-content__dropdowns .saiz-adidas-clothes-content__dropdown {
  flex:1;
  padding:12px 40px 12px 16px;
  border:1px solid #e0e0e0;
  border-radius:8px;
  background:#fff;
  font-size:14px;
  font-weight:600;
  font-family:var(--saiz-font-family);
  color:var(--saiz-color-primary);
  cursor:pointer;
  outline:none;
  appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px
}
.saiz-fit-indicator {
  position:absolute;
  display:flex;
  align-items:center;
  width:100%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .4s ease,transform .4s ease
}
.saiz-fit-indicator--animate {
  opacity:1;
  transform:translateY(0)
}
.saiz-fit-indicator__curve {
  position:absolute;
  left:0;
  right:0;
  display:flex;
  justify-content:center;
  height:40px;
  overflow:visible;
  top:0;
  transform:translateY(-55%);
  opacity:0;
  transition:opacity .4s ease
}
.saiz-fit-indicator--animate .saiz-fit-indicator__curve {
  opacity:1
}
.saiz-fit-indicator__curve-svg {
  width:175px;
  height:40px;
  overflow:visible
}
.saiz-fit-indicator__dot {
  fill:currentColor;
  opacity:1
}
.saiz-fit-indicator__pill {
  padding:5px 16px;
  border-radius:100px;
  font-size:12px;
  font-weight:500;
  font-family:var(--saiz-font-family);
  margin:0 auto;
  color:#fff;
  text-transform:lowercase;
  white-space:nowrap;
  box-shadow:0 2px 4px #0000001a;
  position:relative;
  z-index:2;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .4s ease,transform .4s ease;
  transition-delay:.2s
}
.saiz-fit-indicator--animate .saiz-fit-indicator__pill {
  opacity:1;
  transform:translateY(0)
}
.saiz-fit-indicator--error .saiz-fit-indicator__curve-svg {
  color:var(--saiz-color-error)
}
.saiz-fit-indicator--error .saiz-fit-indicator__pill {
  background-color:var(--saiz-color-error)
}
.saiz-fit-indicator--warning .saiz-fit-indicator__curve-svg {
  color:var(--saiz-color-warning)
}
.saiz-fit-indicator--warning .saiz-fit-indicator__pill {
  background-color:var(--saiz-color-warning)
}
.saiz-fit-indicator--success .saiz-fit-indicator__curve-svg {
  color:var(--saiz-color-success)
}
.saiz-fit-indicator--success .saiz-fit-indicator__pill {
  background-color:var(--saiz-color-success)
}
.saiz_cart_status_text {
  background-color:#000;
  font-weight:600;
  font-size:12px;
  color:#fff;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap
}
.saiz_cart_status_text--recommendation {
  padding-right:10px
}
.saiz_cart_calculate_button {
  border:none;
  background-color:#000;
  font-weight:600;
  font-size:12px;
  color:#fff;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer
}
.saiz_cart_primary_button {
  border:none;
  background-color:transparent;
  font-size:14px;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  font-weight:400
}
.saiz-cart-selected-size {
  border:1px solid #000000;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:fit-content;
  border-radius:20px;
  padding-left:5px
}
.saiz_cart_status_text_cbr {
  background-color:#fff;
  font-weight:600;
  font-size:12px;
  font-family:var(--saiz-font-family);
  color:#000;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap
}
.saiz_cart_status_text_cbr--recommendation-cbr {
  padding-right:10px
}
.saiz_cart_calculate_button_cbr {
  background-color:#fff;
  font-weight:600;
  font-size:12px;
  font-family:var(--saiz-font-family);
  color:#000;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer
}
.saiz_cart_primary_button_cbr {
  border:none;
  background-color:transparent;
  font-size:14px;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  font-weight:400;
  font-family:var(--saiz-font-family)
}
.saiz_cart_primary_button_text_cbr {
  margin-bottom:0;
  font-size:12px;
  font-weight:400;
  font-family:var(--saiz-font-family)
}
.saiz_cart_status_text_more {
  background-color:#fff;
  font-weight:600;
  font-size:12px;
  font-family:var(--saiz-font-family);
  color:#000;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap
}
.saiz_cart_status_text_more--recommendation-more {
  padding-right:10px
}
.saiz_cart_calculate_button_more {
  background-color:#fff;
  font-weight:600;
  font-size:12px;
  font-family:var(--saiz-font-family);
  color:#000;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer
}
.saiz-cart-attention-icon {
  background-color:#fff;
  border-radius:50px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1px;
  position:relative
}
.saiz-cart-attention-icon .saiz-attention-icon {
  display:block;
  object-fit:contain;
  background-color:transparent
}
.saiz-cart-attention-icon .saiz-attention-icon--attention {
  background-color:#fff
}
.saiz_cart_primary_button_more {
  border:none;
  background-color:transparent;
  font-size:14px;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  font-weight:400;
  font-family:var(--saiz-font-family)
}
.saiz_cart_primary_button_text_more {
  margin-bottom:0;
  font-size:12px;
  font-weight:400;
  font-family:var(--saiz-font-family)
}
.saiz-charts-top-tabs {
  display:none
}
@media (min-width: 1000px) {
  .saiz-charts-top-tabs {
    display:flex;
    flex:1;
    gap:10px
  }
  .saiz-charts-top-tabs__tab {
    appearance:none;
    font-size:13px;
    border:1px solid #e5e5e7;
    padding:8px 10px;
    min-width:220px;
    border-radius:100px;
    background:#fff;
    color:#111;
    cursor:pointer;
    font-weight:600;
    transition:background .12s ease
  }
  .saiz-charts-top-tabs__tab--active {
    background:#111;
    color:#fff;
    border-color:#111
  }
  .saiz-charts-top-tabs__tab--active:focus-visible {
    outline:2px solid var(--saiz-color-primary);
    outline-offset:2px
  }
}
.saiz-charts-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  background-color:#fff;
  border:none;
  border-radius:20px;
  position:relative;
  user-select:none;
  min-width:max-content;
  width:100%;
  padding:3px
}
.saiz-charts-toggle__highlight {
  position:absolute;
  top:2px;
  bottom:2px;
  left:2px;
  width:calc(50% + 2px);
  border-radius:18px;
  background-color:#000;
  transition:transform .3s ease;
  z-index:0
}
.saiz-charts-toggle__highlight--first {
  transform:translate(0)
}
.saiz-charts-toggle__highlight--second {
  transform:translate(100%);
  width:calc(50% - 2px)
}
.saiz-charts-toggle__option {
  flex:1;
  text-align:center;
  font-size:14px;
  line-height:normal;
  color:#000;
  white-space:nowrap;
  padding:5px 13px;
  font-weight:500;
  font-family:var(--saiz-font-family);
  background:transparent;
  border:0;
  cursor:pointer;
  position:relative;
  z-index:1;
  border-radius:16px
}
@media (min-width: 1000px) {
  .saiz-charts-toggle__option {
    padding:10px 13px
  }
}
.saiz-charts-toggle__option.is-selected {
  color:#fff
}
.saiz-charts-toggle:focus-visible {
  outline-offset:2px
}
.saiz-charts-toggle__unit {
  font-size:14px;
  font-weight:500;
  font-family:var(--saiz-font-family)
}
.saiz-charts-header {
  width:100%;
  background:#000;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:16px;
  border-top-right-radius:4px;
  border-top-left-radius:4px
}
@media (min-width: 1000px) {
  .saiz-charts-header {
    overflow:auto;
    min-width:unset;
    width:283px;
    justify-content:flex-start;
    border-radius:24px 2px 2px 24px;
    padding:20px
  }
}
.saiz-charts-header__title-container {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:100%
}
.saiz-charts-header__title-container--title {
  color:#9595a0;
  font-family:Inter;
  font-weight:500;
  font-size:14px
}
.saiz-charts-header__title-container--button {
  color:#fff;
  background:none;
  border:none;
  cursor:pointer;
  width:32px;
  height:32px;
  border:1px solid #ffffff;
  border-radius:100px;
  display:flex;
  align-items:center;
  justify-content:center
}
@media (min-width: 1000px) {
  .saiz-charts-header__title-container--button {
    display:none
  }
}
.saiz-charts-header__product-name {
  max-width:80%;
  color:#fff;
  font-weight:400;
  font-size:24px;
  margin-top:10px;
  margin-bottom:10px
}
@media (min-width: 1000px) {
  .saiz-charts-header__product-name {
    max-width:100%
  }
}
.saiz-charts-header__link-container {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  width:100%;
  gap:10px
}
.saiz-charts-header__link-container--button {
  padding:0;
  color:#fff;
  background:none;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:14px;
  font-weight:500
}
.saiz-charts-header__link-container--button-icon {
  width:16px;
  height:9px
}
.saiz-charts-header__divider {
  width:100%;
  height:2px;
  background-color:#fff;
  opacity:.15;
  margin:30px 0
}
@media (max-width: 999px) {
  .saiz-charts-header__divider {
    display:none
  }
}
.saiz-charts-header__visibility-container {
  display:flex;
  flex-direction:column;
  gap:10px
}
.saiz-charts-header__visibility-container--buttons {
  background:#1b1b1c;
  border:none;
  cursor:pointer;
  font-size:12px;
  font-weight:500;
  padding:10px;
  color:#fff;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  border-radius:4px
}
.saiz-charts-header__visibility-container--icon-container {
  display:flex;
  gap:10px;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  height:100%
}
.saiz-charts-header__visibility-container--divider {
  width:1px;
  height:100%;
  background-color:#fff;
  opacity:.15
}
@media (max-width: 999px) {
  .saiz-charts-header__visibility-container {
    display:none
  }
}
@media (min-width: 1000px) {
  .saiz-charts-header__toggle-container {
    display:none
  }
}
.saiz-charts-header__bottom-toggle {
  width:100%;
  margin-top:auto;
  padding-top:20px
}
@media (max-width: 999px) {
  .saiz-charts-header__bottom-toggle {
    display:none
  }
}
.saiz-charts-images {
  position:relative;
  width:100%;
  max-width:124px;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:flex-end
}
.saiz-charts-images__overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:10
}
.saiz-charts-images__overlay--product {
  background:linear-gradient(to bottom,#f3f3f7 28%,transparent 40%)
}
.saiz-charts-images__overlay--human {
  background:linear-gradient(to bottom,#eae9f8 28%,transparent 50%)
}
.saiz-charts-images .saiz-charts-images__human-hip,
.saiz-charts-images .saiz-charts-images__human-waist,
.saiz-charts-images .saiz-charts-images__human-chest {
  object-fit:cover;
  width:100%;
  height:70%
}
.saiz-charts-images__human-chest {
  object-position:0 20%
}
.saiz-charts-images__human-waist {
  object-position:0 30%
}
.saiz-charts-images__human-hip {
  object-position:0 50%
}
.saiz-charts-images__human-length {
  height:58%;
  margin-bottom:5px
}
.saiz-charts-images .saiz-charts-images__turtleneck_female-hip,
.saiz-charts-images .saiz-charts-images__turtleneck-hip,
.saiz-charts-images .saiz-charts-images__turtleneck-waist,
.saiz-charts-images .saiz-charts-images__turtleneck_female-waist,
.saiz-charts-images .saiz-charts-images__turtleneck-chest,
.saiz-charts-images .saiz-charts-images__turtleneck_female-chest,
.saiz-charts-images .saiz-charts-images__shirt_female-hip,
.saiz-charts-images .saiz-charts-images__shirt-hip,
.saiz-charts-images .saiz-charts-images__shirt_female-waist,
.saiz-charts-images .saiz-charts-images__shirt-waist,
.saiz-charts-images .saiz-charts-images__shirt_female-chest,
.saiz-charts-images .saiz-charts-images__shirt-chest,
.saiz-charts-images .saiz-charts-images__sweater_female-hip,
.saiz-charts-images .saiz-charts-images__sweater-hip,
.saiz-charts-images .saiz-charts-images__sweater_female-waist,
.saiz-charts-images .saiz-charts-images__sweater-waist,
.saiz-charts-images .saiz-charts-images__sweater_female-chest,
.saiz-charts-images .saiz-charts-images__sweater-chest,
.saiz-charts-images .saiz-charts-images__skirt_female-chest,
.saiz-charts-images .saiz-charts-images__skirt-chest,
.saiz-charts-images .saiz-charts-images__skirt_female-waist,
.saiz-charts-images .saiz-charts-images__skirt-waist,
.saiz-charts-images .saiz-charts-images__skirt_female-hip,
.saiz-charts-images .saiz-charts-images__skirt-hip,
.saiz-charts-images .saiz-charts-images__jacket_female-hip,
.saiz-charts-images .saiz-charts-images__jacket-hip,
.saiz-charts-images .saiz-charts-images__jacket_female-waist,
.saiz-charts-images .saiz-charts-images__jacket-waist,
.saiz-charts-images .saiz-charts-images__jacket_female-chest,
.saiz-charts-images .saiz-charts-images__jacket-chest,
.saiz-charts-images .saiz-charts-images__dress_female-hip,
.saiz-charts-images .saiz-charts-images__dress-hip,
.saiz-charts-images .saiz-charts-images__dress_female-waist,
.saiz-charts-images .saiz-charts-images__dress-waist,
.saiz-charts-images .saiz-charts-images__dress_female-chest,
.saiz-charts-images .saiz-charts-images__dress-chest,
.saiz-charts-images .saiz-charts-images__jumpsuit_female-hip,
.saiz-charts-images .saiz-charts-images__jumpsuit-hip,
.saiz-charts-images .saiz-charts-images__jumpsuit_female-waist,
.saiz-charts-images .saiz-charts-images__jumpsuit-waist,
.saiz-charts-images .saiz-charts-images__jumpsuit_female-chest,
.saiz-charts-images .saiz-charts-images__jumpsuit-chest {
  object-fit:cover;
  width:100%
}
.saiz-charts-images__jumpsuit_female-chest,
.saiz-charts-images__jumpsuit-chest {
  height:70%;
  object-position:top
}
.saiz-charts-images__jumpsuit_female-waist,
.saiz-charts-images__jumpsuit-waist {
  height:80%;
  object-position:0 15%
}
.saiz-charts-images__jumpsuit_female-hip,
.saiz-charts-images__jumpsuit-hip {
  height:80%;
  object-position:0 30%
}
.saiz-charts-images__jumpsuit_female-length,
.saiz-charts-images__jumpsuit-length {
  height:60%;
  margin-bottom:5px
}
.saiz-charts-images__dress_female-chest,
.saiz-charts-images__dress-chest {
  height:70%;
  object-position:top
}
.saiz-charts-images__dress_female-waist,
.saiz-charts-images__dress-waist {
  height:80%;
  object-position:0 5%
}
.saiz-charts-images__dress_female-hip,
.saiz-charts-images__dress-hip {
  height:80%;
  object-position:0 30%
}
.saiz-charts-images__dress_female-length,
.saiz-charts-images__dress-length {
  height:60%;
  margin-bottom:5px
}
.saiz-charts-images__bra_female-chest,
.saiz-charts-images__bra-chest,
.saiz-charts-images__bra_female-waist,
.saiz-charts-images__bra-waist,
.saiz-charts-images__bra_female-hip,
.saiz-charts-images__bra-hip,
.saiz-charts-images__bra_female-length,
.saiz-charts-images__bra-length {
  height:70%;
  margin-bottom:5px
}
.saiz-charts-images__jacket_female-chest,
.saiz-charts-images__jacket-chest {
  height:70%;
  object-position:top
}
.saiz-charts-images__jacket_female-waist,
.saiz-charts-images__jacket-waist {
  height:80%;
  object-position:0 15%
}
.saiz-charts-images__jacket_female-hip,
.saiz-charts-images__jacket-hip {
  height:80%;
  object-position:bottom
}
.saiz-charts-images__jacket_female-length,
.saiz-charts-images__jacket-length {
  height:60%;
  margin-bottom:5px
}
.saiz-charts-images__leggings_female-chest,
.saiz-charts-images__leggings-chest,
.saiz-charts-images__leggings_female-waist,
.saiz-charts-images__leggings-waist,
.saiz-charts-images__leggings_female-hip,
.saiz-charts-images__leggings-hip {
  height:60%;
  width:60%;
  object-fit:cover;
  object-position:top
}
.saiz-charts-images__leggings_female-length,
.saiz-charts-images__leggings-length {
  height:60%;
  margin-bottom:5px
}
.saiz-charts-images__pants_female-chest,
.saiz-charts-images__pants-chest,
.saiz-charts-images__pants_female-waist,
.saiz-charts-images__pants-waist,
.saiz-charts-images__pants_female-hip,
.saiz-charts-images__pants-hip {
  height:60%;
  width:60%;
  object-fit:cover;
  object-position:top
}
.saiz-charts-images__pants_female-length,
.saiz-charts-images__pants-length,
.saiz-charts-images__shorts_female-chest,
.saiz-charts-images__shorts-chest,
.saiz-charts-images__shorts_female-waist,
.saiz-charts-images__shorts-waist,
.saiz-charts-images__shorts_female-hip,
.saiz-charts-images__shorts-hip,
.saiz-charts-images__shorts_female-length,
.saiz-charts-images__shorts-length {
  height:60%;
  margin-bottom:5px
}
.saiz-charts-images__skirt_female-chest,
.saiz-charts-images__skirt-chest,
.saiz-charts-images__skirt_female-waist,
.saiz-charts-images__skirt-waist,
.saiz-charts-images__skirt_female-hip,
.saiz-charts-images__skirt-hip {
  height:60%;
  object-fit:cover;
  object-position:top
}
.saiz-charts-images__skirt_female-length,
.saiz-charts-images__skirt-length {
  height:60%;
  margin-bottom:5px
}
.saiz-charts-images__sweater_female-chest,
.saiz-charts-images__sweater-chest {
  height:60%;
  object-position:top
}
.saiz-charts-images__sweater_female-waist,
.saiz-charts-images__sweater-waist {
  height:80%;
  object-position:0 15%
}
.saiz-charts-images__sweater_female-hip,
.saiz-charts-images__sweater-hip {
  height:80%;
  object-position:bottom
}
.saiz-charts-images__sweater_female-length,
.saiz-charts-images__sweater-length {
  height:60%;
  margin-bottom:5px
}
.saiz-charts-images__shirt_female-chest,
.saiz-charts-images__shirt-chest {
  height:60%;
  object-position:top
}
.saiz-charts-images__shirt_female-waist,
.saiz-charts-images__shirt-waist {
  height:80%;
  object-position:0 15%
}
.saiz-charts-images__shirt_female-hip,
.saiz-charts-images__shirt-hip {
  height:80%;
  object-position:bottom
}
.saiz-charts-images__shirt_female-length,
.saiz-charts-images__shirt-length {
  height:60%;
  margin-bottom:5px
}
.saiz-charts-images__turtleneck_female-chest {
  height:75%;
  object-position:top
}
.saiz-charts-images__turtleneck-chest {
  height:60%;
  object-position:top
}
.saiz-charts-images__turtleneck_female-waist {
  height:65%;
  object-position:0 60%
}
.saiz-charts-images__turtleneck-waist {
  height:80%;
  object-position:0 15%
}
.saiz-charts-images__turtleneck_female-hip,
.saiz-charts-images__turtleneck-hip {
  height:80%;
  object-position:bottom
}
.saiz-charts-images__turtleneck_female-length,
.saiz-charts-images__turtleneck-length,
.saiz-charts-images__underwear_female-chest,
.saiz-charts-images__underwear-chest,
.saiz-charts-images__underwear_female-waist,
.saiz-charts-images__underwear-waist,
.saiz-charts-images__underwear_female-hip,
.saiz-charts-images__underwear-hip,
.saiz-charts-images__underwear_female-length,
.saiz-charts-images__underwear-length {
  height:60%;
  margin-bottom:5px
}
.saiz-charts-images__line {
  position:absolute;
  height:1px;
  background-color:#745fdc
}
.saiz-charts-images__line--label:before,
.saiz-charts-images__line--label:after {
  content:"";
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background-color:#745fdc
}
.saiz-charts-images__line--label:before {
  left:0
}
.saiz-charts-images__line--label:after {
  right:0
}
.saiz-charts-images__line--length {
  width:1px;
  left:35%;
  bottom:5px
}
.saiz-charts-images__line--length:before,
.saiz-charts-images__line--length:after {
  content:"";
  position:absolute;
  left:50%;
  transform:translate(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background-color:#745fdc
}
.saiz-charts-images__line--length:before {
  top:0
}
.saiz-charts-images__line--length:after {
  bottom:0
}
.saiz-charts-images__line--shirt_female-chest,
.saiz-charts-images__line--shirt-chest {
  bottom:20%;
  width:65%
}
.saiz-charts-images__line--shirt_female-waist,
.saiz-charts-images__line--shirt-waist {
  bottom:25%;
  width:60%
}
.saiz-charts-images__line--shirt_female-hip,
.saiz-charts-images__line--shirt-hip {
  bottom:15%;
  width:60%
}
.saiz-charts-images__line--shirt_female-length,
.saiz-charts-images__line--shirt-length {
  height:60%
}
.saiz-charts-images__line--bra_female-chest,
.saiz-charts-images__line--bra-chest,
.saiz-charts-images__line--bra_female-waist,
.saiz-charts-images__line--bra-waist,
.saiz-charts-images__line--bra_female-hip,
.saiz-charts-images__line--bra-hip {
  bottom:30%;
  width:75%
}
.saiz-charts-images__line--bra_female-length,
.saiz-charts-images__line--bra-length {
  height:60%
}
.saiz-charts-images__line--jumpsuit_female-chest,
.saiz-charts-images__line--jumpsuit-chest {
  bottom:30%;
  width:65%
}
.saiz-charts-images__line--jumpsuit_female-waist,
.saiz-charts-images__line--jumpsuit-waist {
  bottom:38%;
  width:55%
}
.saiz-charts-images__line--jumpsuit_female-hip,
.saiz-charts-images__line--jumpsuit-hip {
  bottom:30%;
  width:80%
}
.saiz-charts-images__line--jumpsuit_female-length,
.saiz-charts-images__line--jumpsuit-length {
  height:60%
}
.saiz-charts-images__line--dress_female-chest,
.saiz-charts-images__line--dress-chest {
  bottom:30%;
  width:65%
}
.saiz-charts-images__line--dress_female-waist,
.saiz-charts-images__line--dress-waist {
  bottom:22%;
  width:65%
}
.saiz-charts-images__line--dress_female-hip,
.saiz-charts-images__line--dress-hip {
  bottom:30%;
  width:70%
}
.saiz-charts-images__line--dress_female-length,
.saiz-charts-images__line--dress-length {
  height:60%
}
.saiz-charts-images__line--jacket_female-chest,
.saiz-charts-images__line--jacket-chest {
  bottom:43%;
  width:50%
}
.saiz-charts-images__line--jacket_female-waist,
.saiz-charts-images__line--jacket-waist {
  bottom:32%;
  width:45%
}
.saiz-charts-images__line--jacket_female-hip,
.saiz-charts-images__line--jacket-hip {
  bottom:10%;
  width:50%
}
.saiz-charts-images__line--jacket_female-length,
.saiz-charts-images__line--jacket-length {
  height:60%
}
.saiz-charts-images__line--leggings_female-waist,
.saiz-charts-images__line--leggings-waist {
  bottom:50%;
  width:55%
}
.saiz-charts-images__line--leggings_female-hip,
.saiz-charts-images__line--leggings-hip {
  bottom:20%;
  width:65%
}
.saiz-charts-images__line--leggings_female-length,
.saiz-charts-images__line--leggings-length {
  height:60%
}
.saiz-charts-images__line--pants_female-waist,
.saiz-charts-images__line--pants-waist {
  bottom:55%;
  width:55%
}
.saiz-charts-images__line--pants_female-hip,
.saiz-charts-images__line--pants-hip {
  bottom:20%;
  width:65%
}
.saiz-charts-images__line--pants_female-length,
.saiz-charts-images__line--pants-length {
  height:60%
}
.saiz-charts-images__line--shorts_female-waist {
  bottom:60%;
  width:58%
}
.saiz-charts-images__line--shorts-waist {
  bottom:60%;
  width:48%
}
.saiz-charts-images__line--shorts_female-hip {
  bottom:30%;
  width:75%
}
.saiz-charts-images__line--shorts-hip {
  bottom:40%;
  width:55%
}
.saiz-charts-images__line--shorts_female-length,
.saiz-charts-images__line--shorts-length {
  height:60%
}
.saiz-charts-images__line--skirt_female-waist,
.saiz-charts-images__line--skirt-waist {
  bottom:50%;
  width:60%;
  right:16%
}
.saiz-charts-images__line--skirt_female-hip,
.saiz-charts-images__line--skirt-hip {
  bottom:30%;
  width:70%;
  right:12%
}
.saiz-charts-images__line--skirt_female-length,
.saiz-charts-images__line--skirt-length {
  height:60%
}
.saiz-charts-images__line--sweater_female-chest,
.saiz-charts-images__line--sweater-chest,
.saiz-charts-images__line--sweater_female-waist,
.saiz-charts-images__line--sweater-waist {
  bottom:30%;
  width:65%
}
.saiz-charts-images__line--sweater_female-hip {
  bottom:15%;
  width:65%
}
.saiz-charts-images__line--sweater-hip {
  bottom:20%;
  width:65%
}
.saiz-charts-images__line--sweater_female-length,
.saiz-charts-images__line--sweater-length {
  height:60%
}
.saiz-charts-images__line--turtleneck_female-chest,
.saiz-charts-images__line--turtleneck-chest {
  bottom:30%;
  width:65%
}
.saiz-charts-images__line--turtleneck_female-waist,
.saiz-charts-images__line--turtleneck-waist {
  bottom:20%;
  width:60%
}
.saiz-charts-images__line--turtleneck_female-hip,
.saiz-charts-images__line--turtleneck-hip {
  bottom:15%;
  width:65%
}
.saiz-charts-images__line--turtleneck_female-length,
.saiz-charts-images__line--turtleneck-length {
  height:60%
}
.saiz-charts-images__line--underwear_female-waist,
.saiz-charts-images__line--underwear-waist {
  bottom:60%;
  width:75%
}
.saiz-charts-images__line--underwear_female-hip,
.saiz-charts-images__line--underwear-hip {
  bottom:30%;
  width:90%
}
.saiz-charts-images__line--underwear_female-length,
.saiz-charts-images__line--underwear-length {
  height:60%
}
.saiz-charts-images__ring {
  position:absolute;
  left:50%;
  transform:translate(-50%)
}
.saiz-charts-images__ring--chest {
  bottom:30%
}
@media (min-width: 1000px) {
  .saiz-charts-images__ring--chest {
    bottom:30%
  }
}
.saiz-charts-images__ring--waist {
  bottom:20%
}
@media (min-width: 1000px) {
  .saiz-charts-images__ring--waist {
    bottom:30%
  }
}
.saiz-charts-images__ring--hip {
  bottom:28%
}
.saiz-charts-images__ring--length {
  width:1px;
  height:58%;
  left:35%;
  bottom:5px;
  background-color:#745fdc
}
.saiz-charts-images__ring--length:before,
.saiz-charts-images__ring--length:after {
  content:"";
  position:absolute;
  left:50%;
  transform:translate(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background-color:#745fdc
}
.saiz-charts-images__ring--length:before {
  top:0
}
.saiz-charts-images__ring--length:after {
  bottom:0
}
.saiz-size-table {
  color:var(--saiz-color-text);
  width:100%;
  padding-top:20px;
  display:flex;
  flex-direction:column;
  gap:2px;
  overflow-y:auto
}
.saiz-size-table__head {
  display:flex;
  flex-direction:row;
  gap:2px
}
.saiz-size-table__head-cell {
  display:flex;
  height:90px;
  flex:1 1 100%;
  border-radius:4px;
  justify-content:center;
  align-items:center;
  position:relative
}
.saiz-size-table__head-cell--product {
  background-color:#f3f3f7
}
.saiz-size-table__head-cell--human {
  background-color:#eae9f8
}
.saiz-size-table__head-label {
  font-size:14px;
  font-weight:500;
  color:#000;
  position:absolute;
  top:10px;
  left:10px;
  z-index:20
}
.saiz-size-table__row {
  display:flex;
  flex-direction:row;
  gap:2px;
  position:relative
}
.saiz-size-table__row--recommendation {
  border:2px solid;
  border-image-source:linear-gradient(90deg,#745fdc 0%,#db36f1 100%);
  border-image-slice:1;
  position:relative
}
.saiz-size-table__row--recommendation:before {
  content:"";
  position:absolute;
  inset:0;
  background-color:#745fdc26
}
.saiz-size-table__tag {
  position:absolute;
  top:-17px;
  left:5px;
  background-color:#745fdc26;
  font-size:10px;
  font-weight:500;
  color:#fff;
  background-color:#805ade;
  padding:2px 10px;
  border-radius:5px 5px 0 0
}
.saiz-size-table__cell {
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:#f3f3f7;
  height:60px;
  flex:1 1 20%;
  border-radius:2px
}
.saiz-size-table__cell--size {
  flex:0 1 20%
}
.saiz-size-table__cell--light {
  background-color:#fff
}
.saiz-size-table__cell--light-blue {
  background-color:#9688f71a
}
.saiz-size-table__cell--blue {
  background-color:#eae9f8
}
@media (min-width: 1000px) {
  .saiz-size-table {
    display:none
  }
}
.saiz-charts-table-desktop {
  --saiz-charts-subhead-height: 124px;
  display:none
}
@media (min-width: 1000px) {
  .saiz-charts-table-desktop {
    color:var(--saiz-color-text);
    width:100%;
    max-width:1100px;
    height:100%;
    display:flex
  }
}
.saiz-charts-table-desktop__scrollable-container {
  width:100%;
  height:fit-content;
  display:flex;
  gap:2px;
  position:relative
}
.saiz-charts-table-desktop__recommendation {
  display:none;
  position:absolute;
  left:0;
  width:100%;
  height:40px;
  border:2px solid;
  border-image-source:linear-gradient(90deg,#745fdc 0%,#db36f1 100%);
  border-image-slice:1;
  background-color:#745fdc26
}
.saiz-charts-table-desktop__recommendation--visible {
  display:block
}
.saiz-charts-table-desktop__recommendation-tag {
  position:absolute;
  top:0;
  left:10px;
  transform:translateY(-100%);
  font-weight:500;
  font-size:10px;
  text-align:center;
  background-color:#745fdc;
  color:#fff;
  padding:4px 8px;
  border-radius:4px 4px 0 0
}
.saiz-charts-table-desktop__hidden-bar {
  display:flex;
  flex-direction:column;
  align-items:center;
  border-radius:2px;
  padding:5px;
  position:relative
}
.saiz-charts-table-desktop__hidden-bar--product {
  background-color:#f3f3f7
}
.saiz-charts-table-desktop__hidden-bar--human {
  background-color:#eae9f8
}
.saiz-charts-table-desktop__hidden-bar-button {
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:transparent;
  height:39px;
  width:39px;
  border:1px solid rgba(15,15,16,.0509803922);
  font-size:16px;
  cursor:pointer
}
.saiz-charts-table-desktop__hidden-bar-text {
  font-size:14px;
  font-weight:500;
  transform:rotate(270deg);
  margin-bottom:30px;
  position:absolute;
  white-space:nowrap;
  bottom:15px
}
.saiz-charts-table-desktop__size-container {
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background-color:#f3f3f7
}
.saiz-charts-table-desktop__size {
  height:40px;
  min-height:40px;
  padding:0 10px;
  font-weight:500;
  font-size:14px;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:2px
}
.saiz-charts-table-desktop__size--margin {
  border-bottom:2px solid #ffffff;
  height:42px;
  min-height:42px
}
.saiz-charts-table-desktop__table {
  display:flex;
  flex-direction:column;
  gap:2px;
  flex:1;
  height:fit-content
}
.saiz-charts-table-desktop__eye-button {
  position:absolute;
  right:5px;
  top:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:transparent;
  height:39px;
  width:39px;
  border:1px solid rgba(15,15,16,.0509803922);
  font-size:16px;
  cursor:pointer
}
.saiz-charts-table-desktop__category-label {
  position:relative;
  border-radius:2px;
  padding:1rem;
  font-weight:500;
  font-size:14px;
  text-align:center
}
.saiz-charts-table-desktop__category-label--product {
  background-color:#f3f3f7
}
.saiz-charts-table-desktop__category-label--human {
  background-color:#eae9f8;
  color:#745fdc
}
.saiz-charts-table-desktop__subheader {
  display:flex;
  text-align:center
}
.saiz-charts-table-desktop__subhead {
  position:relative;
  display:flex;
  gap:2px;
  flex:1;
  height:var(--saiz-charts-subhead-height);
  color:var(--saiz-color-text)
}
.saiz-charts-table-desktop__subhead--label {
  z-index:20;
  position:absolute;
  top:10px;
  left:10px;
  font-size:14px;
  font-weight:500
}
.saiz-charts-table-desktop__subhead--product,
.saiz-charts-table-desktop__subhead--human {
  flex:1;
  justify-content:center;
  height:100%;
  border-radius:2px;
  width:var(--saiz-charts-subhead-height)
}
.saiz-charts-table-desktop__subhead--product {
  background-color:#f3f3f7
}
.saiz-charts-table-desktop__subhead--human {
  background-color:#eae9f8
}
.saiz-charts-table-desktop__row {
  display:flex;
  gap:2px;
  height:40px;
  min-height:40px
}
.saiz-charts-table-desktop__cell {
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:14px;
  font-weight:500;
  height:100%;
  border-radius:2px;
  width:124px
}
.saiz-charts-table-desktop__cell--grey {
  background-color:#f3f3f7
}
.saiz-charts-table-desktop__cell--blue {
  background-color:#eae9f8
}
.saiz-charts-table-desktop__cell--blue-light {
  background-color:#9688f71a
}
.saiz-charts-table-desktop__sr-only-recommendation {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
.saiz-charts-tabs {
  width:100%;
  display:flex;
  gap:10px
}
.saiz-charts-tabs__tab {
  border:none;
  background-color:#fff;
  flex:1;
  font-size:14px;
  font-weight:500;
  color:#0f0f10;
  opacity:40%;
  padding:15px;
  border-bottom:1px solid #e0e0e0
}
.saiz-charts-tabs__tab--active {
  opacity:100%;
  color:#785ddc;
  border-bottom:1px solid #785ddc
}
@media (min-width: 1000px) {
  .saiz-charts-tabs {
    display:none
  }
}
#saiz-global-modal-root-charts .saiz-charts-get-measurements,
#saiz-widget-container .saiz-charts-get-measurements {
  width:100%;
  max-width:100vw;
  border-top:1px solid rgba(15,15,16,.1);
  overflow:auto
}
@media (min-width: 1000px) {
  #saiz-global-modal-root-charts .saiz-charts-get-measurements,
  #saiz-widget-container .saiz-charts-get-measurements {
    width:100vw;
    max-width:1200px
  }
}
#saiz-global-modal-root-charts .saiz-measure-info,
#saiz-widget-container .saiz-measure-info {
  width:100%;
  background:#fff;
  overflow:auto;
  border-top:1px solid rgba(15,15,16,.1);
  width:1200px;
  max-width:100%
}
#saiz-global-modal-root-charts .saiz-measure-info .saiz-toggle,
#saiz-widget-container .saiz-measure-info .saiz-toggle {
  background:#fff;
  border:1px solid #e9ecef;
  border-radius:20px
}
#saiz-global-modal-root-charts .saiz-measure-info__container,
#saiz-widget-container .saiz-measure-info__container {
  display:flex;
  flex-direction:column;
  gap:30px;
  max-width:1200px;
  margin:0 auto
}
#saiz-global-modal-root-charts .saiz-measure-info__left,
#saiz-widget-container .saiz-measure-info__left {
  display:flex;
  flex-direction:column;
  gap:20px
}
#saiz-global-modal-root-charts .saiz-measure-info__footer,
#saiz-widget-container .saiz-measure-info__footer {
  margin-top:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px
}
#saiz-global-modal-root-charts .saiz-measure-info__footer--description,
#saiz-widget-container .saiz-measure-info__footer--description {
  font-size:14px;
  color:#575758
}
#saiz-global-modal-root-charts .saiz-measure-info__footer--button,
#saiz-widget-container .saiz-measure-info__footer--button {
  font-size:13px;
  background:none;
  border:none;
  color:var(--saiz-color-primary);
  padding:0;
  margin:0;
  display:flex;
  align-items:center;
  gap:5px;
  cursor:pointer
}
#saiz-global-modal-root-charts .saiz-measure-info__right,
#saiz-widget-container .saiz-measure-info__right {
  display:flex;
  justify-content:center
}
#saiz-global-modal-root-charts .saiz-measure-info__header,
#saiz-widget-container .saiz-measure-info__header {
  text-align:center
}
#saiz-global-modal-root-charts .saiz-measure-info__header .saiz-measure-info__title,
#saiz-widget-container .saiz-measure-info__header .saiz-measure-info__title {
  font-size:24px;
  font-weight:500;
  text-align:center;
  color:#111;
  margin:30px 0 0;
  line-height:1.2
}
#saiz-global-modal-root-charts .saiz-measure-info__gender-toggle,
#saiz-widget-container .saiz-measure-info__gender-toggle {
  display:flex;
  justify-content:center;
  margin-top:10px
}
#saiz-global-modal-root-charts .saiz-measure-info__gender-toggle .saiz-toggle,
#saiz-widget-container .saiz-measure-info__gender-toggle .saiz-toggle {
  margin:0
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin,
#saiz-widget-container .saiz-measure-info__mannequin {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:20px 0
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__mannequin-img,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__mannequin-img {
  height:300px;
  width:auto;
  object-fit:contain;
  opacity:.7;
  filter:grayscale(100%)
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines {
  position:absolute;
  inset:0;
  pointer-events:none
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line {
  position:absolute;
  left:50%;
  transform:translate(-50%);
  width:200px;
  height:2px;
  background:#8b5cf6;
  border-radius:1px
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--chest,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--chest {
  top:20%;
  width:60px
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--waist,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--waist {
  top:34%;
  width:52.5px
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--hips,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--hips {
  top:43%;
  width:62.5px
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line:before,
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line:after,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line:before,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line:after {
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  background:#8b5cf6;
  border-radius:50%;
  top:50%;
  transform:translateY(-50%)
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line:before,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line:before {
  left:-4px
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line:after,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line:after {
  right:-4px
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--chest,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--chest {
  position:absolute;
  top:calc(20% + .5px);
  left:calc(50% + 30px);
  width:160px
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--waist,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--waist {
  position:absolute;
  width:200px;
  top:calc(34% + .5px);
  left:50%
}
#saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--hips,
#saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--hips {
  position:absolute;
  top:calc(43% + .5px);
  left:50%;
  width:200px
}
#saiz-global-modal-root-charts .saiz-measure-info__instructions,
#saiz-widget-container .saiz-measure-info__instructions {
  position:relative;
  display:block;
  width:100%;
  max-width:260px;
  margin-left:20px
}
#saiz-global-modal-root-charts .saiz-measure-info__instructions--item,
#saiz-widget-container .saiz-measure-info__instructions--item {
  position:absolute;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  gap:10px
}
#saiz-global-modal-root-charts .saiz-measure-info__instructions--item:first-child,
#saiz-widget-container .saiz-measure-info__instructions--item:first-child {
  top:calc(24% - 22px)
}
#saiz-global-modal-root-charts .saiz-measure-info__instructions--item:nth-child(2),
#saiz-widget-container .saiz-measure-info__instructions--item:nth-child(2) {
  top:calc(51% - 22px)
}
#saiz-global-modal-root-charts .saiz-measure-info__instructions--item:last-child,
#saiz-widget-container .saiz-measure-info__instructions--item:last-child {
  top:calc(76% - 22px)
}
#saiz-global-modal-root-charts .saiz-measure-info__instructions--image-wrapper,
#saiz-widget-container .saiz-measure-info__instructions--image-wrapper {
  background:#fff;
  border:1px solid var(--saiz-color-border);
  border-radius:12px;
  width:44px;
  height:44px;
  padding:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-shrink:0
}
#saiz-global-modal-root-charts .saiz-measure-info__instructions--image,
#saiz-widget-container .saiz-measure-info__instructions--image {
  width:100%;
  height:100%;
  object-fit:contain
}
#saiz-global-modal-root-charts .saiz-measure-info__instructions--label h3,
#saiz-widget-container .saiz-measure-info__instructions--label h3 {
  margin:0;
  font-size:20px;
  font-weight:500;
  color:#000;
  line-height:1.3
}
#saiz-global-modal-root-charts .saiz-measure-info__instructions--label p,
#saiz-widget-container .saiz-measure-info__instructions--label p {
  margin:0;
  font-size:14px;
  font-weight:400;
  color:#575758
}
@media screen and (max-width: 559px) {
  #saiz-global-modal-root-charts .saiz-measure-info__container,
  #saiz-widget-container .saiz-measure-info__container {
    gap:10px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__right,
  #saiz-widget-container .saiz-measure-info__right {
    display:block;
    position:relative
  }
  #saiz-global-modal-root-charts .saiz-measure-info__left,
  #saiz-widget-container .saiz-measure-info__left {
    gap:10px;
    padding:0 10px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__gender-toggle,
  #saiz-widget-container .saiz-measure-info__gender-toggle {
    margin-top:0
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__mannequin-img,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__mannequin-img {
    width:100%;
    height:auto
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__measurement-lines,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__measurement-lines {
    display:none
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions,
  #saiz-widget-container .saiz-measure-info__instructions {
    position:absolute;
    top:0;
    max-width:unset;
    margin:0;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:10px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions--item,
  #saiz-widget-container .saiz-measure-info__instructions--item {
    position:static;
    background:#fff3;
    backdrop-filter:blur(7px);
    padding:10px;
    border-radius:10px;
    border:1px solid var(--saiz-color-border)
  }
}
@media screen and (min-width: 560px) {
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--chest,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--chest {
    width:60px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--waist,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--waist {
    width:52.5px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--hips,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--hips {
    width:62.5px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--chest,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--chest {
    left:calc(50% + 30px);
    width:160px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--waist,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--waist,
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--hips,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--hips {
    width:200px;
    left:50%
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions--item:first-child,
  #saiz-widget-container .saiz-measure-info__instructions--item:first-child {
    top:calc(24% - 22px)
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions--item:nth-child(2),
  #saiz-widget-container .saiz-measure-info__instructions--item:nth-child(2) {
    top:calc(51% - 22px)
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions--item:last-child,
  #saiz-widget-container .saiz-measure-info__instructions--item:last-child {
    top:calc(76% - 22px)
  }
}
@media screen and (min-width: 1000px) {
  #saiz-global-modal-root-charts .saiz-measure-info__container,
  #saiz-widget-container .saiz-measure-info__container {
    flex-direction:row;
    gap:20px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__left,
  #saiz-widget-container .saiz-measure-info__left {
    flex:1;
    max-width:300px;
    padding:20px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__left .saiz-measure-info__header,
  #saiz-widget-container .saiz-measure-info__left .saiz-measure-info__header {
    text-align:left
  }
  #saiz-global-modal-root-charts .saiz-measure-info__left .saiz-measure-info__header .saiz-measure-info__title,
  #saiz-widget-container .saiz-measure-info__left .saiz-measure-info__header .saiz-measure-info__title {
    text-align:left;
    font-size:28px;
    margin-top:0
  }
  #saiz-global-modal-root-charts .saiz-measure-info__left .saiz-measure-info__gender-toggle,
  #saiz-widget-container .saiz-measure-info__left .saiz-measure-info__gender-toggle {
    justify-content:flex-start;
    margin-top:20px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__footer,
  #saiz-widget-container .saiz-measure-info__footer {
    align-items:flex-start
  }
  #saiz-global-modal-root-charts .saiz-measure-info__right,
  #saiz-widget-container .saiz-measure-info__right {
    flex:1;
    display:flex;
    justify-content:flex-start
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin,
  #saiz-widget-container .saiz-measure-info__mannequin {
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__mannequin-img,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__mannequin-img {
    height:400px;
    width:auto;
    object-fit:contain
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--chest,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--chest {
    width:80px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--waist,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--waist {
    width:70px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--hips,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line--hips {
    width:90px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--chest,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--chest {
    width:200px;
    left:calc(50% + 40px)
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--waist,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--waist {
    width:200px;
    left:calc(50% + 35px)
  }
  #saiz-global-modal-root-charts .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--hips,
  #saiz-widget-container .saiz-measure-info__mannequin .saiz-measure-info__mannequin-image .saiz-measure-info__measurement-lines .saiz-measure-info__measurement-line-dashes--hips {
    width:200px;
    left:calc(50% + 45px)
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions,
  #saiz-widget-container .saiz-measure-info__instructions {
    max-width:260px;
    margin-left:20px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions .saiz-measure-info__instruction-card,
  #saiz-widget-container .saiz-measure-info__instructions .saiz-measure-info__instruction-card {
    padding:20px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions .saiz-measure-info__instruction-card .saiz-measure-info__instruction-content .saiz-measure-info__instruction-label,
  #saiz-widget-container .saiz-measure-info__instructions .saiz-measure-info__instruction-card .saiz-measure-info__instruction-content .saiz-measure-info__instruction-label {
    font-size:18px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions .saiz-measure-info__instruction-card .saiz-measure-info__instruction-content .saiz-measure-info__instruction-description,
  #saiz-widget-container .saiz-measure-info__instructions .saiz-measure-info__instruction-card .saiz-measure-info__instruction-content .saiz-measure-info__instruction-description {
    font-size:16px
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions--item:first-child,
  #saiz-widget-container .saiz-measure-info__instructions--item:first-child {
    top:calc(20% - 22px)
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions--item:nth-child(2),
  #saiz-widget-container .saiz-measure-info__instructions--item:nth-child(2) {
    top:calc(47% - 22px)
  }
  #saiz-global-modal-root-charts .saiz-measure-info__instructions--item:last-child,
  #saiz-widget-container .saiz-measure-info__instructions--item:last-child {
    top:calc(70% - 22px)
  }
}
#saiz-global-modal-root-nudges .saiz-nudges-container__cbr,
#saiz-nudges-container .saiz-nudges-container__cbr {
  padding:0!important;
  box-shadow:none!important;
  border:none!important
}
#saiz-global-modal-root-nudges .saiz-nudges-container__scale-bar-streetone,
#saiz-nudges-container .saiz-nudges-container__scale-bar-streetone {
  position:relative;
  width:100%;
  min-height:15px;
  margin-top:10px;
  margin-bottom:10px;
  overflow-y:visible;
  overflow-x:hidden
}
#saiz-global-modal-root-nudges .saiz-nudges-container__scale-bar-streetone:before,
#saiz-nudges-container .saiz-nudges-container__scale-bar-streetone:before {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  right:0;
  height:3px;
  transform:translateY(-50%);
  background-color:#7f7f7f
}
#saiz-global-modal-root-nudges .saiz-nudges-container__scale-bar-inner-streetone,
#saiz-nudges-container .saiz-nudges-container__scale-bar-inner-streetone {
  position:absolute;
  top:50%;
  left:var(--pointer-level, 50%);
  transform:translate(-50%,-50%);
  width:14%;
  height:12px;
  background-color:#000
}
.saiz-modal-open {
  overflow:hidden
}
#saiz-global-modal-root-recommender,
#saiz-widget-container {
  font-family:var(--saiz-font-family);
  line-height:normal
}
#saiz-global-modal-root-recommender *,
#saiz-global-modal-root-recommender button,
#saiz-global-modal-root-recommender a,
#saiz-global-modal-root-recommender input,
#saiz-global-modal-root-recommender textarea,
#saiz-global-modal-root-recommender select,
#saiz-global-modal-root-recommender option,
#saiz-widget-container *,
#saiz-widget-container button,
#saiz-widget-container a,
#saiz-widget-container input,
#saiz-widget-container textarea,
#saiz-widget-container select,
#saiz-widget-container option {
  line-height:normal;
  font-family:var(--saiz-font-family);
  letter-spacing:var(--saiz-letter-space)
}
#saiz-global-modal-root-recommender .saiz-app,
#saiz-widget-container .saiz-app {
  display:block;
  position:relative;
  z-index:20;
  height:auto
}
@keyframes saiz-pulse {
  0% {
    transform:scale(.95);
    box-shadow:0 0 rgba(var(--saiz-color-accent-rgb, 255, 153, 0),.7)
  }
  70% {
    transform:scale(1);
    box-shadow:0 0 0 6px rgba(var(--saiz-color-accent-rgb, 255, 153, 0),0)
  }
  to {
    transform:scale(.95);
    box-shadow:0 0 rgba(var(--saiz-color-accent-rgb, 255, 153, 0),0)
  }
}
.saiz_checkout_status_text_cbr {
  background-color:#fff;
  font-weight:600;
  font-size:12px;
  font-family:var(--saiz-font-family);
  color:#000;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:none;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap;
  margin-left:auto
}
@media (min-width: 1250px) {
  .saiz_checkout_status_text_cbr {
    display:flex
  }
}
.saiz_checkout_status_text_cbr--recommendation-cbr {
  padding-right:10px
}
.saiz_checkout_status_text_mobile_cbr {
  background-color:#fff;
  font-weight:600;
  font-size:12px;
  font-family:var(--saiz-font-family);
  color:#000;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  white-space:nowrap;
  margin-left:auto
}
@media (min-width: 1250px) {
  .saiz_checkout_status_text_mobile_cbr {
    display:none
  }
}
.saiz_checkout_status_text_mobile_cbr--recommendation-cbr {
  padding-right:10px
}
.saiz_checkout_calculate_button_cbr {
  border:none;
  background-color:#fff;
  font-weight:600;
  font-size:12px;
  font-family:var(--saiz-font-family);
  color:#000;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:none;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer
}
@media (min-width: 1250px) {
  .saiz_checkout_calculate_button_cbr {
    display:flex
  }
}
.saiz_checkout_calculate_button_mobile_cbr {
  border:none;
  background-color:#fff;
  font-weight:600;
  font-size:12px;
  font-family:var(--saiz-font-family);
  color:#000;
  padding:3px 5px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer
}
@media (min-width: 1250px) {
  .saiz_checkout_calculate_button_mobile_cbr {
    display:none
  }
}
.saiz-checkout-attention-icon {
  background-color:#fff;
  border-radius:50px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1px;
  position:relative;
  box-shadow:0 4px 10px #00000014
}
.saiz-checkout-attention-icon .saiz-attention-icon {
  display:block;
  object-fit:contain;
  background-color:transparent
}
.saiz-checkout-attention-icon .saiz-attention-icon--attention {
  background-color:#fff
}
.saiz_checkout_primary_button_container_cbr {
  border:none;
  padding:0 16px;
  background-color:transparent;
  font-size:14px;
  border-radius:20px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:left;
  flex-wrap:wrap;
  gap:5px;
  font-weight:400;
  font-family:var(--saiz-font-family)
}
.saiz_checkout_primary_button_cbr {
  border:none;
  padding:0;
  background-color:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  width:fit-content;
  flex-wrap:nowrap;
  white-space:nowrap
}
.saiz-checkout-selected-size-mobile-cbr {
  margin-bottom:0;
  font-size:12px;
  font-weight:400;
  width:fit-content;
  font-family:var(--saiz-font-family)
}
@media (min-width: 1250px) {
  .saiz-checkout-selected-size-mobile-cbr {
    display:none
  }
}
.saiz-checkout-selected-size-cbr {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:75%;
  gap:5px;
  width:fit-content;
  border-radius:20px
}
@media (min-width: 1250px) {
  .saiz-checkout-selected-size-cbr {
    padding-left:5px;
    border:1px solid transparent;
    background:linear-gradient(var(--saiz-cart-nudge-bg, #fff) 0 0) padding-box,linear-gradient(104.9deg,#6bb7e159 -4.71%,#e96ddc59 99.21%) border-box
  }
}
.saiz_checkout_duplicate_products_text_cbr {
  display:flex;
  align-items:center;
  justify-content:left;
  gap:5px;
  font-size:14px;
  font-weight:400;
  font-family:var(--saiz-font-family)
}
.saiz_checkout_primary_button_wrapper_cbr {
  margin-top:10px
}
#saiz-global-modal-root-recommender .saiz-root,
#saiz-widget-container .saiz-root {
  all:initial;
  box-sizing:border-box;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-family:var(--saiz-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  font-size:var(--saiz-font-size-base, 16px);
  line-height:1.5
}
#saiz-global-modal-root-recommender .saiz-root *,
#saiz-global-modal-root-recommender .saiz-root *:before,
#saiz-global-modal-root-recommender .saiz-root *:after,
#saiz-widget-container .saiz-root *,
#saiz-widget-container .saiz-root *:before,
#saiz-widget-container .saiz-root *:after {
  box-sizing:inherit
}
#saiz-global-modal-root-recommender .saiz-root h1,
#saiz-global-modal-root-recommender .saiz-root h2,
#saiz-global-modal-root-recommender .saiz-root h3,
#saiz-global-modal-root-recommender .saiz-root h4,
#saiz-global-modal-root-recommender .saiz-root h5,
#saiz-global-modal-root-recommender .saiz-root h6,
#saiz-global-modal-root-recommender .saiz-root p,
#saiz-widget-container .saiz-root h1,
#saiz-widget-container .saiz-root h2,
#saiz-widget-container .saiz-root h3,
#saiz-widget-container .saiz-root h4,
#saiz-widget-container .saiz-root h5,
#saiz-widget-container .saiz-root h6,
#saiz-widget-container .saiz-root p {
  margin-top:0
}
#saiz-global-modal-root-recommender .saiz-root button:not([class]),
#saiz-global-modal-root-recommender .saiz-root input[type=submit]:not([class]),
#saiz-widget-container .saiz-root button:not([class]),
#saiz-widget-container .saiz-root input[type=submit]:not([class]) {
  background:none;
  border:none;
  padding:0;
  font:inherit;
  cursor:pointer;
  outline:none
}
#saiz-global-modal-root-recommender .saiz-root a,
#saiz-widget-container .saiz-root a {
  text-decoration:none;
  color:inherit
}
#saiz-global-modal-root-recommender .saiz-root ul:not([class]),
#saiz-global-modal-root-recommender .saiz-root ol:not([class]),
#saiz-widget-container .saiz-root ul:not([class]),
#saiz-widget-container .saiz-root ol:not([class]) {
  padding-left:0;
  list-style:none
}
#saiz-global-modal-root-recommender .saiz-button-text,
#saiz-widget-container .saiz-button-text {
  font-weight:400;
  font-size:16px;
  background:var(--saiz-color-secondary);
  color:var(--saiz-color-primary);
  width:100%;
  max-width:400px;
  border-radius:100px;
  padding:15px;
  margin-bottom:10px;
  border:none;
  font-family:var(--saiz-font-family);
  text-align:center;
  cursor:pointer
}
#saiz-global-modal-root-recommender .saiz-button-text:disabled,
#saiz-widget-container .saiz-button-text:disabled {
  opacity:.5
}
#saiz-global-modal-root-recommender .saiz-button-text:focus-visible,
#saiz-widget-container .saiz-button-text:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px
}
#saiz-global-modal-root-recommender .saiz-button-filled,
#saiz-widget-container .saiz-button-filled {
  font-weight:400;
  font-size:16px;
  color:var(--saiz-color-secondary);
  background:var(--saiz-color-primary);
  border:none;
  width:100%;
  max-width:400px;
  border-radius:100px;
  padding:15px;
  margin-bottom:10px;
  display:flex;
  justify-content:center;
  gap:10px;
  align-items:center;
  text-align:center;
  cursor:pointer;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-button-filled:disabled,
#saiz-widget-container .saiz-button-filled:disabled {
  opacity:.5
}
#saiz-global-modal-root-recommender .saiz-button-filled:focus-visible,
#saiz-widget-container .saiz-button-filled:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px
}
#saiz-global-modal-root-recommender .saiz-button-outlined,
#saiz-widget-container .saiz-button-outlined {
  font-weight:400;
  font-size:16px;
  line-height:16px;
  letter-spacing:-.31px;
  background:var(--saiz-color-secondary);
  color:var(--saiz-color-primary);
  width:100%;
  max-width:400px;
  border-radius:100px;
  padding:15px;
  margin-bottom:10px;
  border:1px solid var(--saiz-color-primary);
  text-align:center;
  cursor:pointer;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-button-outlined:disabled,
#saiz-widget-container .saiz-button-outlined:disabled {
  opacity:.5
}
#saiz-global-modal-root-recommender .saiz-button-outlined:focus-visible,
#saiz-widget-container .saiz-button-outlined:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px
}
#saiz-global-modal-root-recommender .saiz-charts-button,
#saiz-widget-container .saiz-charts-button {
  color:#fff;
  background:#745fdc;
  border-radius:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  padding:10px
}
#saiz-global-modal-root-recommender .saiz-modal,
#saiz-widget-container .saiz-modal {
  position:fixed!important;
  transform:translate(0);
  inset:0;
  background-color:#0009;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2147483647!important;
  inset:0!important;
  backdrop-filter:blur(2px);
  isolation:isolate!important
}
#saiz-global-modal-root-recommender .saiz-modal:focus-visible,
#saiz-widget-container .saiz-modal:focus-visible {
  outline:none
}
#saiz-global-modal-root-recommender .saiz-modal__container,
#saiz-widget-container .saiz-modal__container {
  height:99dvh;
  width:100%;
  background:#fff;
  position:absolute;
  bottom:0;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  box-sizing:border-box;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  scrollbar-width:none;
  -ms-overflow-style:none;
  animation:saiz-slide-up .4s ease-out
}
#saiz-global-modal-root-recommender .saiz-modal__container::-webkit-scrollbar,
#saiz-widget-container .saiz-modal__container::-webkit-scrollbar {
  display:none
}
@media (min-width: 1200px) {
  #saiz-global-modal-root-recommender .saiz-modal__container,
  #saiz-widget-container .saiz-modal__container {
    position:static;
    height:auto;
    border-radius:20px;
    max-width:1030px;
    max-height:95vh;
    overflow-y:auto;
    animation:saiz-pop-in .4s cubic-bezier(.16,1,.3,1)
  }
}
#saiz-global-modal-root-recommender .saiz-modal__header-wrapper,
#saiz-widget-container .saiz-modal__header-wrapper {
  position:sticky;
  top:0;
  background:#fff;
  z-index:10
}
#saiz-global-modal-root-recommender .saiz-modal__header,
#saiz-widget-container .saiz-modal__header {
  padding:10px 10px 0;
  display:flex;
  justify-content:space-between;
  align-items:center
}
@media (min-width: 1200px) {
  #saiz-global-modal-root-recommender .saiz-modal__header,
  #saiz-widget-container .saiz-modal__header {
    padding:20px
  }
}
#saiz-global-modal-root-recommender .saiz-modal__button,
#saiz-widget-container .saiz-modal__button {
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  background-color:var(--saiz-color-secondary);
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-modal__button:focus-visible,
#saiz-widget-container .saiz-modal__button:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px
}
#saiz-global-modal-root-recommender .saiz-modal__button--hidden,
#saiz-widget-container .saiz-modal__button--hidden {
  visibility:hidden;
  pointer-events:none
}
#saiz-global-modal-root-recommender .saiz-modal__icon,
#saiz-widget-container .saiz-modal__icon {
  width:24px;
  height:24px;
  cursor:pointer;
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-modal__icon--back,
#saiz-widget-container .saiz-modal__icon--back {
  transform:rotate(180deg);
  background:var(--saiz-color-secondary)
}
#saiz-global-modal-root-recommender .saiz-modal__icon--close,
#saiz-widget-container .saiz-modal__icon--close {
  justify-self:right;
  align-self:flex-end
}
#saiz-global-modal-root-recommender .saiz-modal__logo,
#saiz-widget-container .saiz-modal__logo {
  width:60px;
  height:auto
}
#saiz-global-modal-root-recommender .saiz-modal__logo-link,
#saiz-widget-container .saiz-modal__logo-link {
  text-decoration:none;
  color:inherit;
  display:flex;
  align-items:center;
  justify-content:center
}
#saiz-global-modal-root-recommender .saiz-modal__content,
#saiz-widget-container .saiz-modal__content {
  position:relative;
  height:100%;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  scrollbar-width:none;
  -ms-overflow-style:none
}
#saiz-global-modal-root-recommender .saiz-modal__content:focus-visible,
#saiz-widget-container .saiz-modal__content:focus-visible {
  outline:none
}
#saiz-global-modal-root-recommender .saiz-modal__content::-webkit-scrollbar,
#saiz-widget-container .saiz-modal__content::-webkit-scrollbar {
  display:none
}
@media (min-width: 600px) {
  #saiz-global-modal-root-recommender .saiz-modal__content,
  #saiz-widget-container .saiz-modal__content {
    height:auto
  }
}
@keyframes saiz-slide-up {
  0% {
    transform:translateY(100%);
    opacity:0
  }
  to {
    transform:translateY(0);
    opacity:1
  }
}
@keyframes saiz-pop-in {
  0% {
    transform:scale(.95);
    opacity:0
  }
  to {
    transform:scale(1);
    opacity:1
  }
}
#saiz-global-modal-root-charts *,
#saiz-widget-container * {
  box-sizing:border-box;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-charts .saiz-charts-modal,
#saiz-widget-container .saiz-charts-modal {
  position:fixed;
  transform:translate(0);
  inset:0;
  padding:10px;
  background-color:#0009;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2147483647;
  backdrop-filter:blur(2px)
}
#saiz-global-modal-root-charts .saiz-charts-modal__container,
#saiz-widget-container .saiz-charts-modal__container {
  width:100%;
  max-width:100%;
  max-height:100dvh;
  background:#fff;
  border-radius:5px;
  box-sizing:border-box;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
  scrollbar-width:none;
  -ms-overflow-style:none;
  animation:saiz-pop-in .4s cubic-bezier(.16,1,.3,1);
  display:flex;
  flex-direction:column
}
#saiz-global-modal-root-charts .saiz-charts-modal__container::-webkit-scrollbar,
#saiz-widget-container .saiz-charts-modal__container::-webkit-scrollbar {
  display:none
}
@media (min-width: 1000px) {
  #saiz-global-modal-root-charts .saiz-charts-modal__container,
  #saiz-widget-container .saiz-charts-modal__container {
    position:relative;
    width:auto;
    border-radius:24px;
    padding:8px;
    gap:8px;
    animation:saiz-pop-in .4s cubic-bezier(.16,1,.3,1)
  }
}
#saiz-global-modal-root-charts .saiz-charts-modal__topbar,
#saiz-widget-container .saiz-charts-modal__topbar {
  position:relative;
  display:flex;
  align-items:center;
  padding:8px;
  gap:8px
}
@media (min-width: 1000px) {
  #saiz-global-modal-root-charts .saiz-charts-modal__topbar,
  #saiz-widget-container .saiz-charts-modal__topbar {
    padding:0
  }
}
#saiz-global-modal-root-charts .saiz-charts-modal__topbar-close,
#saiz-widget-container .saiz-charts-modal__topbar-close {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:flex-end;
  height:32px;
  width:36px;
  cursor:pointer;
  border:none;
  background:none;
  color:#111
}
@media (min-width: 1000px) {
  #saiz-global-modal-root-charts .saiz-charts-modal__topbar-close,
  #saiz-widget-container .saiz-charts-modal__topbar-close {
    height:32px;
    width:42px
  }
}
#saiz-global-modal-root-charts .saiz-charts-modal__content,
#saiz-widget-container .saiz-charts-modal__content {
  display:flex;
  flex-direction:column;
  min-height:0
}
@media (min-width: 1000px) {
  #saiz-global-modal-root-charts .saiz-charts-modal__content,
  #saiz-widget-container .saiz-charts-modal__content {
    flex-direction:row;
    gap:2px
  }
}
#saiz-global-modal-root-charts .saiz-charts-modal__body,
#saiz-widget-container .saiz-charts-modal__body {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  overflow:auto;
  padding:5px;
  border-top-right-radius:4px;
  border-top-left-radius:4px;
  flex:1;
  min-height:0
}
@media (min-width: 1000px) {
  #saiz-global-modal-root-charts .saiz-charts-modal__body,
  #saiz-widget-container .saiz-charts-modal__body {
    padding:0
  }
}
.saiz-charts-info-tab {
  padding:20px;
  color:#111
}
.saiz-charts-top-selector {
  position:relative;
  flex:1;
  z-index:11
}
.saiz-charts-top-selector__button {
  font-size:14px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 14px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e5e5e7;
  color:#000;
  font-weight:600
}
.saiz-charts-top-selector__label {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.saiz-charts-top-selector__menu {
  font-size:14px;
  position:absolute;
  top:40px;
  left:8px;
  right:8px;
  margin-top:6px;
  background:#fff;
  border:1px solid #e5e5e7;
  border-radius:12px;
  box-shadow:0 8px 24px #00000014;
  display:flex;
  flex-direction:column;
  overflow:hidden
}
.saiz-charts-top-selector__menu-item {
  padding:12px 14px;
  text-align:left;
  border:none;
  background:#fff;
  color:#000;
  cursor:pointer;
  border-top:1px solid #f3f3f7
}
.saiz-charts-top-selector__menu-item:first-child {
  border-top:none
}
@media (min-width: 1000px) {
  .saiz-charts-top-selector {
    display:none
  }
}
#saiz-global-modal-root-recommender .saiz-accordion,
#saiz-widget-container .saiz-accordion {
  position:relative;
  border:1px solid var(--saiz-color-border);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-direction:column;
  transition:all .3s ease;
  max-width:610px
}
#saiz-global-modal-root-recommender .saiz-accordion--open:before,
#saiz-widget-container .saiz-accordion--open:before {
  content:"";
  position:absolute;
  top:52px;
  left:0;
  width:100%;
  height:1px;
  background:var(--saiz-color-border);
  z-index:2
}
#saiz-global-modal-root-recommender .saiz-accordion__header,
#saiz-widget-container .saiz-accordion__header {
  display:flex;
  align-items:center;
  width:100%;
  gap:40px;
  cursor:pointer;
  position:relative;
  background:var(--saiz-color-secondary);
  border:none;
  padding:12px 24px 12px 112px;
  border-radius:12px
}
#saiz-global-modal-root-recommender .saiz-accordion__header:focus-visible,
#saiz-widget-container .saiz-accordion__header:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px
}
#saiz-global-modal-root-recommender .saiz-accordion__icon,
#saiz-widget-container .saiz-accordion__icon {
  transition:transform .3s ease;
  width:24px;
  height:24px;
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-accordion__icon--open,
#saiz-widget-container .saiz-accordion__icon--open {
  transform:rotate(270deg)
}
#saiz-global-modal-root-recommender .saiz-accordion__icon--closed,
#saiz-widget-container .saiz-accordion__icon--closed {
  transform:rotate(90deg)
}
#saiz-global-modal-root-recommender .saiz-accordion__image,
#saiz-widget-container .saiz-accordion__image {
  max-width:unset;
  max-height:unset;
  min-width:unset;
  min-height:unset;
  height:40px;
  width:auto;
  object-fit:contain;
  border-radius:5px;
  position:absolute;
  left:45px;
  bottom:-1px;
  transform:translate(-50%);
  z-index:3
}
@media (min-width: 1200px) {
  #saiz-global-modal-root-recommender .saiz-accordion__image,
  #saiz-widget-container .saiz-accordion__image {
    height:60px
  }
}
#saiz-global-modal-root-recommender .saiz-accordion__title-content,
#saiz-widget-container .saiz-accordion__title-content {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-grow:1;
  text-align:left;
  gap:16px
}
#saiz-global-modal-root-recommender .saiz-accordion__title-content--label,
#saiz-widget-container .saiz-accordion__title-content--label {
  font-weight:500;
  font-size:20px;
  line-height:28px;
  color:var(--saiz-color-primary);
  margin:0;
  padding:0;
  flex:1 1 100%;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-accordion__title-content--chips,
#saiz-widget-container .saiz-accordion__title-content--chips {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  font-family:var(--saiz-font-family);
  flex:1 0 auto
}
#saiz-global-modal-root-recommender .saiz-accordion__content,
#saiz-widget-container .saiz-accordion__content {
  width:100%;
  overflow:hidden;
  max-height:0;
  box-sizing:border-box;
  margin:0;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease
}
#saiz-global-modal-root-recommender .saiz-accordion__content--open,
#saiz-widget-container .saiz-accordion__content--open {
  opacity:1;
  visibility:visible;
  max-height:1000px;
  margin:10px 0 0
}
#saiz-global-modal-root-recommender .saiz-chip,
#saiz-widget-container .saiz-chip {
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0f0f100d;
  border-radius:100px;
  font-weight:500;
  font-size:14px;
  line-height:0;
  color:var(--saiz-color-primary);
  padding:6px 12px;
  gap:4px
}
#saiz-global-modal-root-recommender .saiz-chip__delete,
#saiz-widget-container .saiz-chip__delete {
  background:none;
  border:none;
  cursor:pointer;
  padding:0;
  margin:0;
  font-size:14px
}
#saiz-global-modal-root-recommender .saiz-chip__delete-button,
#saiz-widget-container .saiz-chip__delete-button {
  background:none;
  border:none;
  cursor:pointer;
  padding:0;
  margin:0;
  display:inline-flex;
  align-items:center;
  justify-content:center
}
#saiz-global-modal-root-recommender .saiz-chip__delete-button:focus-visible,
#saiz-widget-container .saiz-chip__delete-button:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px;
  border-radius:2px
}
#saiz-global-modal-root-recommender .saiz-feedback-option,
#saiz-widget-container .saiz-feedback-option {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  border:none;
  background-color:transparent;
  transition:transform .2s ease;
  cursor:pointer
}
#saiz-global-modal-root-recommender .saiz-feedback-option:focus-visible,
#saiz-widget-container .saiz-feedback-option:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px
}
#saiz-global-modal-root-recommender .saiz-feedback-option__image,
#saiz-widget-container .saiz-feedback-option__image {
  width:80px;
  height:80px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
  box-shadow:0 0 48px #0000001f
}
#saiz-global-modal-root-recommender .saiz-feedback-option__label,
#saiz-widget-container .saiz-feedback-option__label {
  font-family:var(--saiz-font-family);
  white-space:nowrap;
  margin:0;
  font-weight:700;
  font-size:16px;
  line-height:135%;
  letter-spacing:0px;
  text-align:center;
  width:100%;
  opacity:1;
  height:auto;
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-gender-select,
#saiz-widget-container .saiz-gender-select {
  border:1px solid var(--saiz-color-border);
  border-radius:12px;
  padding:5px 5px 10px;
  margin-bottom:var(--saiz-spacing-md)
}
@media (min-width: 1200px) {
  #saiz-global-modal-root-recommender .saiz-gender-select,
  #saiz-widget-container .saiz-gender-select {
    border:none;
    border-bottom:1px solid var(--saiz-color-border);
    border-radius:0
  }
}
@media (min-width: 600px) {
  #saiz-global-modal-root-recommender .saiz-gender-select,
  #saiz-widget-container .saiz-gender-select {
    padding:10px 5px var(--saiz-spacing-md) 5px
  }
}
#saiz-global-modal-root-recommender .saiz-gender-select__label,
#saiz-widget-container .saiz-gender-select__label {
  letter-spacing:normal;
  line-height:unset;
  text-transform:none;
  color:var(--saiz-color-primary);
  display:block;
  margin:10px 0 15px 10px;
  font-size:18px;
  font-weight:500;
  text-align:left;
  font-family:var(--saiz-font-family)
}
@media (min-width: 1200px) {
  #saiz-global-modal-root-recommender .saiz-gender-select__label,
  #saiz-widget-container .saiz-gender-select__label {
    text-align:center
  }
}
#saiz-global-modal-root-recommender .saiz-gender-select__buttons,
#saiz-widget-container .saiz-gender-select__buttons {
  display:flex;
  gap:10px
}
#saiz-global-modal-root-recommender .saiz-gender-select__button,
#saiz-widget-container .saiz-gender-select__button {
  padding:10px;
  border-radius:8px;
  border:1px solid var(--saiz-color-border);
  cursor:pointer;
  font-size:16px;
  font-weight:600;
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-width:80px;
  text-align:left;
  line-height:normal;
  flex:1
}
#saiz-global-modal-root-recommender .saiz-gender-select__button:focus-visible,
#saiz-widget-container .saiz-gender-select__button:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px
}
#saiz-global-modal-root-recommender .saiz-gender-select__button--selected,
#saiz-widget-container .saiz-gender-select__button--selected {
  background-color:var(--saiz-color-primary);
  color:var(--saiz-color-secondary)
}
#saiz-global-modal-root-recommender .saiz-gender-select__button--unselected,
#saiz-widget-container .saiz-gender-select__button--unselected {
  background-color:var(--saiz-color-secondary);
  color:var(--saiz-color-primary)
}
@media (min-width: 600px) {
  #saiz-global-modal-root-recommender .saiz-gender-select__button,
  #saiz-widget-container .saiz-gender-select__button {
    padding:15px 10px
  }
}
#saiz-global-modal-root-recommender .saiz-gender-select__icon,
#saiz-widget-container .saiz-gender-select__icon {
  background:var(--saiz-color-secondary);
  color:var(--saiz-color-primary);
  border-radius:50%;
  width:14px;
  height:14px;
  padding:1px;
  box-sizing:border-box
}
#saiz-global-modal-root-recommender .saiz-gender-select__placeholder,
#saiz-widget-container .saiz-gender-select__placeholder {
  border:1px solid var(--saiz-color-border);
  border-radius:50%;
  width:14px;
  height:14px;
  padding:1px;
  box-sizing:border-box
}
#saiz-global-modal-root-recommender .saiz-info-card,
#saiz-widget-container .saiz-info-card {
  margin-bottom:10px;
  border-radius:20px;
  border:1px solid var(--saiz-color-border);
  color:var(--saiz-color-primary);
  padding:16px;
  max-width:400px;
  height:120px;
  font-size:14px;
  font-weight:500;
  font-family:var(--saiz-font-family);
  line-height:1.5;
  text-align:left;
  position:relative;
  display:flex
}
#saiz-global-modal-root-recommender .saiz-info-card .saiz-info,
#saiz-widget-container .saiz-info-card .saiz-info {
  margin:0;
  font-size:inherit
}
@media (min-width: 1024px) {
  #saiz-global-modal-root-recommender .saiz-info-card,
  #saiz-widget-container .saiz-info-card {
    margin-top:50px;
    margin-bottom:50px;
    border-radius:16px;
    border:1px solid var(--saiz-color-border);
    padding:20px;
    height:250px;
    font-weight:400;
    font-size:16px;
    line-height:24px;
    letter-spacing:0%;
    text-align:left;
    position:relative;
    flex:1;
    box-sizing:border-box
  }
}
#saiz-global-modal-root-recommender .saiz-loader,
#saiz-widget-container .saiz-loader {
  position:relative
}
#saiz-global-modal-root-recommender .saiz-loader__sr-only,
#saiz-widget-container .saiz-loader__sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
#saiz-global-modal-root-recommender .saiz-progress-bar,
#saiz-widget-container .saiz-progress-bar {
  width:calc(100% - 20px);
  margin:10px 10px 0;
  height:2px!important;
  background-color:#e5e5e5!important
}
#saiz-global-modal-root-recommender .saiz-progress-bar__fill,
#saiz-widget-container .saiz-progress-bar__fill {
  display:block;
  height:2px!important;
  background-color:#000!important;
  border-radius:4px!important
}
@media (min-width: 1200px) {
  #saiz-global-modal-root-recommender .saiz-progress-bar,
  #saiz-widget-container .saiz-progress-bar {
    width:calc(100% - 40px);
    margin:20px
  }
}
#saiz-global-modal-root-recommender .saiz-size-indicator-container,
#saiz-widget-container .saiz-size-indicator-container {
  opacity:0;
  transform:translateY(-20px);
  height:0;
  overflow:hidden;
  visibility:hidden;
  transition:all 1s ease;
  margin-top:0
}
#saiz-global-modal-root-recommender .saiz-size-indicator-container--visible,
#saiz-widget-container .saiz-size-indicator-container--visible {
  opacity:1;
  transform:translateY(0);
  height:30%;
  visibility:visible
}
#saiz-global-modal-root-recommender .saiz-size-indicator-container--hidden,
#saiz-widget-container .saiz-size-indicator-container--hidden {
  opacity:0;
  transform:translateY(-20px);
  height:0;
  visibility:hidden;
  margin-top:0
}
#saiz-global-modal-root-recommender .saiz-size-indicator-container--skip-hidden,
#saiz-widget-container .saiz-size-indicator-container--skip-hidden {
  opacity:0;
  transform:translateY(-20px);
  height:0;
  visibility:hidden;
  transition:all 0s;
  margin-top:0
}
#saiz-global-modal-root-recommender .saiz-size-indicator,
#saiz-widget-container .saiz-size-indicator {
  display:block;
  margin-bottom:10px
}
#saiz-global-modal-root-recommender .saiz-size-indicator__curve,
#saiz-widget-container .saiz-size-indicator__curve {
  display:block;
  margin:auto
}
#saiz-global-modal-root-recommender .saiz-size-indicator__labels,
#saiz-widget-container .saiz-size-indicator__labels {
  width:370px;
  display:flex;
  font-size:14px;
  margin-top:10px;
  margin-left:auto;
  margin-right:auto
}
#saiz-global-modal-root-recommender .saiz-size-indicator__label,
#saiz-widget-container .saiz-size-indicator__label {
  width:100%;
  font-weight:700;
  color:#dbdbdb;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-size-indicator__label--active,
#saiz-widget-container .saiz-size-indicator__label--active {
  color:var(--saiz-color-primary)
}
@keyframes slideDown {
  0% {
    opacity:0;
    transform:translateY(-20px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
#saiz-global-modal-root-recommender .saiz-round-button__button,
#saiz-widget-container .saiz-round-button__button {
  width:48px;
  height:48px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  border:none;
  background:var(--saiz-color-secondary);
  box-shadow:0 0 48px #0000001f;
  cursor:pointer;
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-round-button__button:focus-visible,
#saiz-widget-container .saiz-round-button__button:focus-visible {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px
}
#saiz-global-modal-root-recommender .saiz-round-button__label,
#saiz-widget-container .saiz-round-button__label {
  font-weight:700;
  font-size:10px;
  line-height:135%;
  letter-spacing:-.31px;
  word-break:keep-all;
  text-align:center;
  margin:3px 0 0;
  color:var(--saiz-color-primary);
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-size-card,
#saiz-widget-container .saiz-size-card {
  width:125px;
  background:#0f0f1014;
  backdrop-filter:blur(12px);
  border-radius:8px;
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-size-card__your-measurement,
#saiz-widget-container .saiz-size-card__your-measurement {
  padding:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid rgba(15,15,16,.1)
}
#saiz-global-modal-root-recommender .saiz-size-card__product-measurement,
#saiz-widget-container .saiz-size-card__product-measurement {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  padding:10px;
  white-space:nowrap
}
#saiz-global-modal-root-recommender .saiz-size-card__label,
#saiz-widget-container .saiz-size-card__label {
  font-weight:400;
  font-size:11px;
  line-height:100%;
  letter-spacing:0%;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-size-card__value,
#saiz-widget-container .saiz-size-card__value {
  font-weight:700;
  font-size:11px;
  line-height:100%;
  letter-spacing:0%;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-size-card__product-measurement-values,
#saiz-widget-container .saiz-size-card__product-measurement-values {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px
}
#saiz-global-modal-root-recommender .saiz-size-card__product-size,
#saiz-widget-container .saiz-size-card__product-size {
  font-weight:700;
  font-size:16px;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-size-card.saiz-size-card--long,
#saiz-widget-container .saiz-size-card.saiz-size-card--long {
  width:130px
}
#saiz-global-modal-root-recommender .saiz-size-card.saiz-size-card--long .saiz-size-card__product-size,
#saiz-widget-container .saiz-size-card.saiz-size-card--long .saiz-size-card__product-size {
  font-size:10px
}
#saiz-global-modal-root-recommender .saiz-size-card.saiz-size-card--extra-long,
#saiz-widget-container .saiz-size-card.saiz-size-card--extra-long {
  width:135px
}
#saiz-global-modal-root-recommender .saiz-size-card.saiz-size-card--extra-long .saiz-size-card__product-size,
#saiz-widget-container .saiz-size-card.saiz-size-card--extra-long .saiz-size-card__product-size {
  font-size:9px
}
@media (min-width: 600px) {
  #saiz-global-modal-root-recommender .saiz-size-card,
  #saiz-widget-container .saiz-size-card {
    width:180px
  }
  #saiz-global-modal-root-recommender .saiz-size-card__label,
  #saiz-widget-container .saiz-size-card__label,
  #saiz-global-modal-root-recommender .saiz-size-card__value,
  #saiz-widget-container .saiz-size-card__value {
    font-size:14px
  }
  #saiz-global-modal-root-recommender .saiz-size-card__product-size,
  #saiz-widget-container .saiz-size-card__product-size {
    font-size:20px
  }
  #saiz-global-modal-root-recommender .saiz-size-card.saiz-size-card--long,
  #saiz-widget-container .saiz-size-card.saiz-size-card--long {
    width:180px
  }
  #saiz-global-modal-root-recommender .saiz-size-card.saiz-size-card--long .saiz-size-card__product-size,
  #saiz-widget-container .saiz-size-card.saiz-size-card--long .saiz-size-card__product-size {
    font-size:16px
  }
  #saiz-global-modal-root-recommender .saiz-size-card.saiz-size-card--extra-long,
  #saiz-widget-container .saiz-size-card.saiz-size-card--extra-long {
    width:180px
  }
  #saiz-global-modal-root-recommender .saiz-size-card.saiz-size-card--extra-long .saiz-size-card__product-size,
  #saiz-widget-container .saiz-size-card.saiz-size-card--extra-long .saiz-size-card__product-size {
    font-size:16px
  }
}
.saiz-nudges-carousel {
  display:flex;
  justify-content:space-between;
  align-items:center;
  background-color:var(--saiz-color-secondary);
  color:var(--saiz-color-primary);
  width:90%;
  border-radius:100px;
  box-shadow:0 0 48px #0000001f;
  position:relative;
  overflow:hidden
}
.saiz-nudges-carousel__container {
  flex:1;
  position:relative;
  height:100%;
  overflow:hidden
}
.saiz-nudges-carousel__button {
  background-color:transparent;
  border:none;
  cursor:pointer;
  padding:0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--saiz-color-primary);
  z-index:2;
  font-size:21px;
  font-weight:700
}
.saiz-nudges-carousel__button:hover {
  opacity:.8
}
.saiz-nudges-carousel__button--previous {
  transform:rotate(180deg)
}
.saiz-nudges-carousel__button--next {
  transform:rotate(0)
}
.saiz-nudges-carousel__button--hidden {
  visibility:hidden
}
.saiz-nudges-carousel__item {
  position:absolute;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:600;
  transition:transform .3s ease;
  text-align:center;
  font-family:var(--saiz-font-family);
  padding-top:15px;
  padding-bottom:15px
}
.saiz-nudges-carousel__item--active {
  position:static;
  transform:translate(0)
}
.saiz-nudges-carousel__item--previous {
  transform:translate(-100%)
}
.saiz-nudges-carousel__item--next {
  transform:translate(100%)
}
@media (min-width: 600px) {
  .saiz-nudges-carousel {
    width:219px
  }
}
#saiz-global-modal-root-recommender .saiz-tooltip-wrapper,
#saiz-widget-container .saiz-tooltip-wrapper {
  position:relative;
  display:inline-block
}
#saiz-global-modal-root-recommender .saiz-tooltip-box,
#saiz-widget-container .saiz-tooltip-box {
  position:absolute;
  background-color:#333;
  color:#fff;
  padding:6px 10px;
  border-radius:4px;
  white-space:nowrap;
  font-size:14px;
  z-index:1000;
  opacity:0;
  animation:fadeIn .2s forwards
}
#saiz-global-modal-root-recommender .saiz-tooltip-box.saiz-tooltip-top,
#saiz-widget-container .saiz-tooltip-box.saiz-tooltip-top {
  bottom:100%;
  left:50%;
  transform:translate(-50%);
  margin-bottom:6px
}
#saiz-global-modal-root-recommender .saiz-tooltip-box.saiz-tooltip-bottom,
#saiz-widget-container .saiz-tooltip-box.saiz-tooltip-bottom {
  top:100%;
  left:50%;
  transform:translate(-50%);
  margin-top:6px
}
#saiz-global-modal-root-recommender .saiz-tooltip-box.saiz-tooltip-left,
#saiz-widget-container .saiz-tooltip-box.saiz-tooltip-left {
  right:100%;
  top:50%;
  transform:translateY(-50%);
  margin-right:6px
}
#saiz-global-modal-root-recommender .saiz-tooltip-box.saiz-tooltip-right,
#saiz-widget-container .saiz-tooltip-box.saiz-tooltip-right {
  left:100%;
  top:50%;
  transform:translateY(-50%);
  margin-left:6px
}
@keyframes fadeIn {
  to {
    opacity:1
  }
}
#saiz-global-modal-root-recommender .saiz-picker,
#saiz-widget-container .saiz-picker {
  display:flex;
  gap:40px;
  align-items:center;
  background:var(--saiz-color-secondary);
  border-radius:12px;
  border:1px solid var(--saiz-color-border);
  padding:0 10px;
  overflow-x:hidden;
  margin-bottom:10px;
  position:relative;
  transform:translateZ(0);
  will-change:transform
}
#saiz-global-modal-root-recommender .saiz-picker__label-container,
#saiz-widget-container .saiz-picker__label-container {
  display:flex;
  align-items:center;
  flex:1;
  white-space:nowrap
}
#saiz-global-modal-root-recommender .saiz-picker__label,
#saiz-widget-container .saiz-picker__label {
  font-size:18px;
  font-weight:500;
  margin-right:5px;
  margin-left:5px;
  color:var(--saiz-color-primary);
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-picker__unit,
#saiz-widget-container .saiz-picker__unit {
  font-size:14px;
  color:#b5b5be;
  align-self:baseline
}
#saiz-global-modal-root-recommender .saiz-picker__wrapper,
#saiz-widget-container .saiz-picker__wrapper {
  display:flex;
  flex:2;
  overflow:hidden;
  position:relative
}
#saiz-global-modal-root-recommender .saiz-picker__wrapper:before,
#saiz-global-modal-root-recommender .saiz-picker__wrapper:after,
#saiz-widget-container .saiz-picker__wrapper:before,
#saiz-widget-container .saiz-picker__wrapper:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:40px;
  z-index:1;
  pointer-events:none
}
#saiz-global-modal-root-recommender .saiz-picker__wrapper:before,
#saiz-widget-container .saiz-picker__wrapper:before {
  left:0;
  background:linear-gradient(to right,#fff,#fff0)
}
#saiz-global-modal-root-recommender .saiz-picker__wrapper:after,
#saiz-widget-container .saiz-picker__wrapper:after {
  right:0;
  background:linear-gradient(to left,#fff,#fff0)
}
#saiz-global-modal-root-recommender .saiz-picker__scroll,
#saiz-widget-container .saiz-picker__scroll {
  display:flex;
  overflow-x:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-snap-type:x mandatory;
  padding:15px 0;
  flex-grow:1;
  white-space:nowrap;
  position:relative;
  text-align:center;
  scroll-behavior:auto;
  -webkit-overflow-scrolling:touch;
  transform:translateZ(0);
  will-change:scroll-position;
  backface-visibility:hidden
}
#saiz-global-modal-root-recommender .saiz-picker__scroll::-webkit-scrollbar,
#saiz-widget-container .saiz-picker__scroll::-webkit-scrollbar {
  display:none
}
#saiz-global-modal-root-recommender .saiz-picker__scroll:before,
#saiz-global-modal-root-recommender .saiz-picker__scroll:after,
#saiz-widget-container .saiz-picker__scroll:before,
#saiz-widget-container .saiz-picker__scroll:after {
  content:"";
  flex:0 0 calc(50% - 25px)
}
#saiz-global-modal-root-recommender .saiz-picker__scroll:focus-visible,
#saiz-widget-container .saiz-picker__scroll:focus-visible {
  border:1px solid var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-picker__item,
#saiz-widget-container .saiz-picker__item {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 50px;
  text-align:center;
  font-size:20px;
  font-weight:400;
  color:#0000004d;
  scroll-snap-align:center;
  transition:font-size .2s,font-weight .2s,color .2s;
  cursor:grab;
  user-select:none;
  transform:translateZ(0);
  will-change:transform,color,font-weight;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
#saiz-global-modal-root-recommender .saiz-picker__item--long,
#saiz-widget-container .saiz-picker__item--long {
  flex:0 0 60px
}
#saiz-global-modal-root-recommender .saiz-picker__item--extra-long,
#saiz-widget-container .saiz-picker__item--extra-long {
  flex:0 0 100px
}
#saiz-global-modal-root-recommender .saiz-picker__item:hover,
#saiz-widget-container .saiz-picker__item:hover {
  color:#0009
}
#saiz-global-modal-root-recommender .saiz-picker__item:active,
#saiz-widget-container .saiz-picker__item:active {
  cursor:grabbing
}
#saiz-global-modal-root-recommender .saiz-picker__item--selected,
#saiz-widget-container .saiz-picker__item--selected {
  font-size:20px;
  font-weight:700;
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-picker__arrow,
#saiz-widget-container .saiz-picker__arrow {
  display:flex;
  align-items:center;
  justify-content:center;
  background:none;
  border:none;
  font-size:24px;
  cursor:pointer;
  color:var(--saiz-color-primary);
  z-index:9
}
#saiz-global-modal-root-recommender .sr-only,
#saiz-widget-container .sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
@media (max-width: 1024px) {
  #saiz-global-modal-root-recommender .saiz-picker__arrow,
  #saiz-widget-container .saiz-picker__arrow {
    display:none
  }
}
.saiz-custom-scrollbar {
  position:absolute;
  bottom:10px;
  left:0;
  right:0;
  height:5px;
  background:transparent;
  z-index:100000;
  pointer-events:none
}
.saiz-custom-scrollbar__thumb {
  position:absolute;
  height:3px;
  background-color:gray;
  border-radius:3px;
  pointer-events:auto;
  cursor:pointer;
  transition:background-color .2s,height .2s ease;
  bottom:0
}
.saiz-custom-scrollbar__thumb:hover,
.saiz-custom-scrollbar__thumb:active {
  background-color:var(--saiz-color-primary);
  height:4px
}
#saiz-global-modal-root-nudges *,
#saiz-nudges-container * {
  box-sizing:border-box
}
#saiz-global-modal-root-nudges .saiz-nudges-container,
#saiz-nudges-container .saiz-nudges-container {
  background:var(--saiz-color-primary);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:20px;
  margin:10px 0;
  border:var(--saiz-border);
  border-radius:var(--saiz-border-radius);
  box-shadow:var(--saiz-box-shadow)
}
#saiz-global-modal-root-nudges .saiz-nudges-container .saiz-indicator,
#saiz-nudges-container .saiz-nudges-container .saiz-indicator {
  font-weight:600;
  color:var(--saiz-color-secondary)
}
#saiz-global-modal-root-nudges .saiz-nudges-container__message,
#saiz-nudges-container .saiz-nudges-container__message {
  font-family:var(--saiz-font-family);
  font-size:14px;
  font-weight:400;
  color:var(--saiz-color-text);
  width:100%
}
#saiz-global-modal-root-nudges .saiz-nudges-container__message--highlight,
#saiz-nudges-container .saiz-nudges-container__message--highlight {
  font-weight:600;
  color:var(--saiz-color-secondary)
}
#saiz-global-modal-root-nudges .saiz-nudges-container__labels,
#saiz-nudges-container .saiz-nudges-container__labels {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:100%
}
#saiz-global-modal-root-nudges .saiz-nudges-container__labels--label,
#saiz-nudges-container .saiz-nudges-container__labels--label {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:10px;
  font-family:var(--saiz-font-family);
  font-weight:600;
  color:var(--saiz-color-labels)
}
#saiz-global-modal-root-nudges .saiz-nudges-scale,
#saiz-nudges-container .saiz-nudges-scale {
  position:relative;
  width:100%;
  height:10px;
  background:var(--saiz-color-scale);
  margin-top:15px;
  margin-bottom:15px;
  border:.5px solid rgba(0,0,0,.0509803922)
}
#saiz-global-modal-root-nudges .saiz-nudges-scale--pointer,
#saiz-nudges-container .saiz-nudges-scale--pointer {
  position:absolute;
  top:-5px;
  transform:translate(-50%);
  left:var(--saiz-pointer-position)
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content,
#saiz-widget-container .saiz-adidas-clothes-content {
  margin-bottom:24px
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content__search,
#saiz-widget-container .saiz-adidas-clothes-content__search {
  margin-bottom:16px
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content__search-input,
#saiz-widget-container .saiz-adidas-clothes-content__search-input {
  box-sizing:border-box;
  width:100%;
  padding:12px 16px;
  border:none;
  border-bottom:1px solid #e0e0e0;
  font-size:14px;
  font-family:var(--saiz-font-family);
  background:transparent;
  outline:none;
  color:var(--saiz-color-text)
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content__search-input::placeholder,
#saiz-widget-container .saiz-adidas-clothes-content__search-input::placeholder {
  color:#999
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content__search-input:focus,
#saiz-widget-container .saiz-adidas-clothes-content__search-input:focus {
  border-bottom-color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content__dropdowns,
#saiz-widget-container .saiz-adidas-clothes-content__dropdowns {
  display:flex;
  gap:12px;
  margin-bottom:16px;
  margin-left:12px;
  margin-right:12px
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content__dropdowns .saiz-adidas-clothes-content__dropdown,
#saiz-widget-container .saiz-adidas-clothes-content__dropdowns .saiz-adidas-clothes-content__dropdown {
  flex:1;
  padding:12px 40px 12px 16px;
  border:1px solid #e0e0e0;
  border-radius:8px;
  background:#fff;
  font-size:14px;
  font-weight:600;
  font-family:var(--saiz-font-family);
  color:var(--saiz-color-primary);
  cursor:pointer;
  outline:none;
  appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content__dropdowns .saiz-adidas-clothes-content__dropdown:focus,
#saiz-widget-container .saiz-adidas-clothes-content__dropdowns .saiz-adidas-clothes-content__dropdown:focus {
  border-color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-adidas-clothes-content__dropdowns .saiz-adidas-clothes-content__dropdown option,
#saiz-widget-container .saiz-adidas-clothes-content__dropdowns .saiz-adidas-clothes-content__dropdown option {
  font-weight:400;
  color:var(--saiz-color-text)
}
#saiz-global-modal-root-recommender .saiz-step-content,
#saiz-widget-container .saiz-step-content {
  text-align:center;
  max-width:610px;
  min-height:600px;
  margin:10px auto auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:0 10px
}
#saiz-global-modal-root-recommender .saiz-step-button,
#saiz-widget-container .saiz-step-button {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%
}
@media (min-width: 600px) {
  #saiz-global-modal-root-recommender .saiz-step-button,
  #saiz-widget-container .saiz-step-button {
    margin-bottom:0
  }
  #saiz-global-modal-root-recommender .saiz-step-content,
  #saiz-widget-container .saiz-step-content {
    margin-top:0
  }
}
#saiz-global-modal-root-recommender .saiz-info-button,
#saiz-widget-container .saiz-info-button {
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  background-color:var(--saiz-color-secondary)
}
#saiz-global-modal-root-recommender .saiz-info-icon,
#saiz-widget-container .saiz-info-icon {
  width:24px;
  height:24px;
  border:1.5px solid var(--saiz-color-border);
  border-radius:20px
}
#saiz-global-modal-root-recommender .saiz-info-container,
#saiz-widget-container .saiz-info-container {
  max-width:800px;
  height:600px;
  margin:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:0 10px
}
#saiz-global-modal-root-recommender .saiz-step-one-picker-container,
#saiz-widget-container .saiz-step-one-picker-container {
  display:flex;
  flex-direction:column
}
#saiz-global-modal-root-recommender .saiz-info-cards-container,
#saiz-widget-container .saiz-info-cards-container {
  display:flex;
  flex-direction:column;
  align-items:center
}
#saiz-global-modal-root-recommender .saiz-step-one-content,
#saiz-widget-container .saiz-step-one-content {
  text-align:right
}
#saiz-global-modal-root-recommender .saiz-step-one-heading,
#saiz-widget-container .saiz-step-one-heading {
  text-align:center
}
@media (min-width: 1200px) {
  #saiz-global-modal-root-recommender .saiz-info-cards-container,
  #saiz-widget-container .saiz-info-cards-container {
    gap:10px;
    align-items:stretch;
    flex-direction:row
  }
}
@media (min-width: 600px) {
  #saiz-global-modal-root-recommender .saiz-step-one-content,
  #saiz-widget-container .saiz-step-one-content {
    text-align:center
  }
}
#saiz-global-modal-root-recommender .saiz-step-two-container,
#saiz-widget-container .saiz-step-two-container {
  text-align:center;
  padding:0 10px
}
#saiz-global-modal-root-recommender .saiz-step-two-container .saiz-avatar,
#saiz-widget-container .saiz-step-two-container .saiz-avatar {
  position:relative;
  margin-top:var(--saiz-spacing-xs)
}
#saiz-global-modal-root-recommender .saiz-step-two-container .saiz-avatar__button,
#saiz-widget-container .saiz-step-two-container .saiz-avatar__button {
  position:absolute;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center
}
#saiz-global-modal-root-recommender .saiz-step-two-container .saiz-avatar__button--reset,
#saiz-widget-container .saiz-step-two-container .saiz-avatar__button--reset {
  left:20px;
  bottom:20%
}
#saiz-global-modal-root-recommender .saiz-step-two-container .saiz-avatar__button--reset .iconify,
#saiz-widget-container .saiz-step-two-container .saiz-avatar__button--reset .iconify {
  transform:rotateY(180deg)
}
@media (min-width: 480px) {
  #saiz-global-modal-root-recommender .saiz-step-two-container .saiz-avatar__button--reset,
  #saiz-widget-container .saiz-step-two-container .saiz-avatar__button--reset {
    left:15%
  }
}
@media (min-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-two-container .saiz-avatar__button--reset,
  #saiz-widget-container .saiz-step-two-container .saiz-avatar__button--reset {
    left:30%
  }
}
#saiz-global-modal-root-recommender .saiz-step-two-container .saiz-step-two-header,
#saiz-widget-container .saiz-step-two-container .saiz-step-two-header {
  margin-bottom:var(--saiz-spacing-xs)
}
#saiz-global-modal-root-recommender .saiz-step-two-container .saiz-step-two-content,
#saiz-widget-container .saiz-step-two-container .saiz-step-two-content {
  display:flex;
  flex-direction:column
}
#saiz-global-modal-root-recommender .saiz-step-three-accordion-container,
#saiz-widget-container .saiz-step-three-accordion-container {
  display:flex;
  flex-direction:column;
  gap:15px;
  margin-top:var(--saiz-spacing-lg)
}
#saiz-global-modal-root-recommender .clothes-accordion-wheel-picker,
#saiz-widget-container .clothes-accordion-wheel-picker {
  margin:0 12px
}
#saiz-global-modal-root-recommender .saiz-step-5-recommendation-container,
#saiz-widget-container .saiz-step-5-recommendation-container {
  text-align:center
}
@media (min-width: 500px) {
  #saiz-global-modal-root-recommender .saiz-step-5-recommendation-container,
  #saiz-widget-container .saiz-step-5-recommendation-container {
    margin:0 auto;
    max-width:360px
  }
}
#saiz-global-modal-root-recommender .saiz-description-wrapper,
#saiz-widget-container .saiz-description-wrapper {
  max-height:0;
  opacity:0;
  margin:0;
  padding:0;
  overflow:hidden;
  transform:translateY(-20px);
  transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) .6s,transform .4s cubic-bezier(.4,0,.2,1) .6s
}
#saiz-global-modal-root-recommender .saiz-description-wrapper.saiz-visible,
#saiz-widget-container .saiz-description-wrapper.saiz-visible {
  margin:0;
  padding:0;
  max-height:1000px;
  opacity:1;
  transform:translateY(0)
}
#saiz-global-modal-root-recommender .saiz-description-wrapper.saiz-skip-visible,
#saiz-widget-container .saiz-description-wrapper.saiz-skip-visible {
  margin:0;
  padding:0;
  max-height:1000px;
  opacity:1;
  transform:translateY(0);
  transition:all 0s
}
#saiz-global-modal-root-recommender .saiz-description-wrapper .saiz-description,
#saiz-widget-container .saiz-description-wrapper .saiz-description {
  margin-top:var(--saiz-spacing-xs)
}
#saiz-global-modal-root-recommender .saiz-recommended-size-recommendation-wrapper,
#saiz-widget-container .saiz-recommended-size-recommendation-wrapper {
  height:0;
  opacity:0;
  overflow:hidden;
  transform:translateY(-600%);
  will-change:height,opacity,transform;
  transition:height .6s cubic-bezier(.4,0,.2,1) 0s,opacity .6s cubic-bezier(.4,0,.2,1) 0s,transform .6s cubic-bezier(.4,0,.2,1) 0s;
  transform-origin:top
}
#saiz-global-modal-root-recommender .saiz-recommended-size-recommendation-wrapper.saiz-active,
#saiz-widget-container .saiz-recommended-size-recommendation-wrapper.saiz-active {
  height:129px;
  opacity:1;
  transform:translateY(0)
}
#saiz-global-modal-root-recommender .saiz-recommended-size-recommendation-wrapper.saiz-skip-active,
#saiz-widget-container .saiz-recommended-size-recommendation-wrapper.saiz-skip-active {
  height:129px;
  opacity:1;
  transform:translateY(0);
  transition:all 0s
}
#saiz-global-modal-root-recommender .saiz-recommended-size-recommendation-wrapper .saiz-h2,
#saiz-widget-container .saiz-recommended-size-recommendation-wrapper .saiz-h2 {
  margin-top:var(--saiz-spacing-xs)
}
#saiz-global-modal-root-recommender .saiz-recommended-size-recommendation,
#saiz-widget-container .saiz-recommended-size-recommendation {
  box-sizing:border-box;
  border:1px solid var(--saiz-color-border);
  border-radius:8.89px;
  min-width:80px;
  min-height:80px;
  padding:0 5px;
  width:fit-content;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto;
  font-weight:700;
  font-size:32px;
  line-height:150%;
  color:var(--saiz-color-primary);
  background-color:var(--saiz-color-secondary)
}
#saiz-global-modal-root-recommender .saiz-recommended-size-error,
#saiz-widget-container .saiz-recommended-size-error {
  font-weight:700;
  font-size:20px;
  padding:10px 0;
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar,
#saiz-widget-container .saiz-step-5-avatar {
  position:relative
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container,
#saiz-widget-container .saiz-step-5-avatar__image-container {
  position:relative;
  width:100%;
  height:300px;
  display:flex;
  justify-content:center;
  align-items:center;
  overflow:hidden
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container--video,
#saiz-widget-container .saiz-step-5-avatar__image-container--video {
  width:auto;
  height:300px;
  object-fit:contain;
  -webkit-object-fit:contain;
  -webkit-playsinline:true;
  -webkit-video-playable-inline:true;
  -ms-object-fit:contain;
  -ms-playsinline:true;
  width:100%;
  height:100%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container--video::-webkit-media-controls,
#saiz-widget-container .saiz-step-5-avatar__image-container--video::-webkit-media-controls {
  display:none
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container--image,
#saiz-widget-container .saiz-step-5-avatar__image-container--image {
  width:auto;
  height:100%;
  object-fit:contain
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-shirt,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-tshirt,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-sweater,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-jacket,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-shirt,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-tshirt,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-sweater,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-jacket {
  top:32%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-turtleneck,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-turtleneck {
  top:35%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-dress,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-dress {
  top:22%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-jumpsuit,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-jumpsuit {
  top:12%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-bra,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--chest-bra {
  top:50%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-pants,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-leggings,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-pants,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-leggings {
  top:10%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-jumpsuit,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-jumpsuit {
  top:23%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-skirt,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-skirt {
  top:25%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-shorts,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-shorts {
  top:30%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-dress,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-dress {
  top:35%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-bottom_underwear_bikini,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-underwear,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-bottom_underwear_bikini,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-underwear {
  top:37%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-jacket,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-sweater,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-jacket,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-sweater {
  top:50%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-shirt,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-tshirt,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-turtleneck,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-shirt,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-tshirt,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--waist-turtleneck {
  top:55%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-pants,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-leggings,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-pants,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-leggings {
  top:25%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-jumpsuit,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-skirt,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-jumpsuit,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-skirt {
  top:35%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-shorts,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-shorts {
  top:45%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-underwear,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-bottom_underwear_bikini,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-underwear,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-bottom_underwear_bikini {
  top:47%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-dress,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-dress {
  top:50%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-jacket,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-sweater,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-jacket,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-sweater {
  top:70%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-turtleneck,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-turtleneck {
  top:75%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-shirt,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-tshirt,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-shirt,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--hip-tshirt {
  top:78%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-shorts,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-shorts {
  top:65%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-skirt,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-skirt {
  top:70%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-pants,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-dress,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-leggings,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-jumpsuit,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-pants,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-dress,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-leggings,
#saiz-widget-container .saiz-step-5-avatar__image-container .saiz-fit-indicator--length-jumpsuit {
  top:90%
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__image,
#saiz-widget-container .saiz-step-5-avatar__image {
  max-width:100%;
  height:auto;
  object-fit:contain
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__button,
#saiz-widget-container .saiz-step-5-avatar__button {
  width:48px;
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:var(--saiz-color-primary);
  opacity:0;
  transform:translate(-20px);
  transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__button--visible,
#saiz-widget-container .saiz-step-5-avatar__button--visible {
  opacity:1;
  transform:translate(0)
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__button--skip-visible,
#saiz-widget-container .saiz-step-5-avatar__button--skip-visible {
  opacity:1;
  transform:translate(0);
  transition:all 0s
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__button--change-avatar,
#saiz-widget-container .saiz-step-5-avatar__button--change-avatar {
  top:60px;
  left:20px;
  transition-delay:1.4s
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__button--skip-change-avatar,
#saiz-widget-container .saiz-step-5-avatar__button--skip-change-avatar {
  top:60px;
  left:20px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__button--measurements,
#saiz-widget-container .saiz-step-5-avatar__button--measurements {
  top:170px;
  left:20px;
  transition-delay:1.6s
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__button--skip-measurements,
#saiz-widget-container .saiz-step-5-avatar__button--skip-measurements {
  top:170px;
  left:20px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__nudge-carousel,
#saiz-widget-container .saiz-step-5-avatar__nudge-carousel {
  width:100%;
  padding:0 0 10px;
  display:flex;
  justify-content:center;
  align-items:center;
  opacity:0;
  transform:translate(20px);
  transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__nudge-carousel--visible,
#saiz-widget-container .saiz-step-5-avatar__nudge-carousel--visible {
  opacity:1;
  transform:translate(0);
  transition-delay:1.4s
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__nudge-carousel--skip-visible,
#saiz-widget-container .saiz-step-5-avatar__nudge-carousel--skip-visible {
  opacity:1;
  transform:translate(0);
  transition:all 0s
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card,
#saiz-widget-container .saiz-step-5-avatar__card {
  position:absolute;
  z-index:5
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--chest,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--chest-body,
#saiz-widget-container .saiz-step-5-avatar__card--chest,
#saiz-widget-container .saiz-step-5-avatar__card--chest-body {
  left:-8px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--chest,
#saiz-widget-container .saiz-step-5-avatar__card--chest {
  top:20px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--chest-body,
#saiz-widget-container .saiz-step-5-avatar__card--chest-body {
  top:0
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--waist-bottom,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--waist-top,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--waist-body,
#saiz-widget-container .saiz-step-5-avatar__card--waist-bottom,
#saiz-widget-container .saiz-step-5-avatar__card--waist-top,
#saiz-widget-container .saiz-step-5-avatar__card--waist-body {
  right:-8px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--waist-bottom,
#saiz-widget-container .saiz-step-5-avatar__card--waist-bottom {
  top:0
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--waist-top,
#saiz-widget-container .saiz-step-5-avatar__card--waist-top {
  top:110px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--waist-body,
#saiz-widget-container .saiz-step-5-avatar__card--waist-body {
  top:55px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--hip-top,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--hip-bottom,
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--hip-body,
#saiz-widget-container .saiz-step-5-avatar__card--hip-top,
#saiz-widget-container .saiz-step-5-avatar__card--hip-bottom,
#saiz-widget-container .saiz-step-5-avatar__card--hip-body {
  left:-8px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--hip-top,
#saiz-widget-container .saiz-step-5-avatar__card--hip-top {
  top:160px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--hip-bottom,
#saiz-widget-container .saiz-step-5-avatar__card--hip-bottom {
  top:40px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--hip-body,
#saiz-widget-container .saiz-step-5-avatar__card--hip-body {
  top:110px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--length,
#saiz-widget-container .saiz-step-5-avatar__card--length {
  bottom:0;
  left:-8px
}
#saiz-global-modal-root-recommender .saiz-step-5-avatar__card--length-body,
#saiz-widget-container .saiz-step-5-avatar__card--length-body {
  bottom:0;
  right:-8px
}
@media (min-width: 600px) {
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--chest,
  #saiz-widget-container .saiz-step-5-avatar__card--chest {
    left:-100px
  }
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--chest-body,
  #saiz-widget-container .saiz-step-5-avatar__card--chest-body {
    left:-90px
  }
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--waist-top,
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--waist-bottom,
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--waist-body,
  #saiz-widget-container .saiz-step-5-avatar__card--waist-top,
  #saiz-widget-container .saiz-step-5-avatar__card--waist-bottom,
  #saiz-widget-container .saiz-step-5-avatar__card--waist-body {
    right:-90px
  }
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--hip-top,
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--hip-bottom,
  #saiz-widget-container .saiz-step-5-avatar__card--hip-top,
  #saiz-widget-container .saiz-step-5-avatar__card--hip-bottom {
    left:-100px
  }
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--hip-body,
  #saiz-widget-container .saiz-step-5-avatar__card--hip-body,
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--length,
  #saiz-widget-container .saiz-step-5-avatar__card--length {
    left:-90px
  }
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__card--length-body,
  #saiz-widget-container .saiz-step-5-avatar__card--length-body {
    right:-90px
  }
}
@media (min-width: 700px) {
  #saiz-global-modal-root-recommender .saiz-step-5-avatar,
  #saiz-widget-container .saiz-step-5-avatar {
    height:300px
  }
  #saiz-global-modal-root-recommender .saiz-step-5-avatar__nudge-carousel,
  #saiz-widget-container .saiz-step-5-avatar__nudge-carousel {
    position:absolute;
    top:0;
    right:-240px
  }
}
#saiz-global-modal-root-recommender .saiz-recommended-size-container,
#saiz-widget-container .saiz-recommended-size-container {
  border:1px solid var(--saiz-color-border);
  border-radius:100px;
  display:flex;
  align-items:center;
  width:fit-content;
  padding:2px;
  margin:10px auto
}
#saiz-global-modal-root-recommender .saiz-recommended-size-label,
#saiz-widget-container .saiz-recommended-size-label {
  font-weight:700;
  font-size:16px;
  margin:0 10px;
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-recommended-size-sizes,
#saiz-widget-container .saiz-recommended-size-sizes {
  background-color:var(--saiz-color-primary);
  color:var(--saiz-color-secondary);
  height:35px;
  min-width:35px;
  padding:0 4px;
  border-radius:100px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:16px;
  box-sizing:unset
}
#saiz-global-modal-root-recommender .saiz-step-5-picker-container,
#saiz-widget-container .saiz-step-5-picker-container {
  display:flex;
  flex-direction:column
}
#saiz-global-modal-root-recommender .saiz-step-5-size-card-container1,
#saiz-widget-container .saiz-step-5-size-card-container1 {
  position:absolute;
  top:0;
  left:0
}
#saiz-global-modal-root-recommender .saiz-step-5-size-card-container2,
#saiz-widget-container .saiz-step-5-size-card-container2 {
  position:absolute;
  top:80px;
  right:0
}
#saiz-global-modal-root-recommender .saiz-step-5-size-card-container3,
#saiz-widget-container .saiz-step-5-size-card-container3 {
  position:absolute;
  top:160px;
  left:0
}
#saiz-global-modal-root-recommender .saiz-error-message,
#saiz-widget-container .saiz-error-message {
  font-weight:700;
  font-size:16px;
  color:var(--saiz-color-error);
  margin-bottom:10px
}
#saiz-global-modal-root-recommender .saiz-step5-button__buttons,
#saiz-widget-container .saiz-step5-button__buttons {
  opacity:0;
  height:0;
  transform:translateY(20px);
  transition:opacity .6s cubic-bezier(.4,0,.2,1) 1.4s,transform .6s cubic-bezier(.4,0,.2,1) 1.4s;
  display:flex;
  flex-direction:column;
  width:100%;
  align-items:center;
  justify-content:center
}
#saiz-global-modal-root-recommender .saiz-step5-button__buttons.saiz-visible,
#saiz-widget-container .saiz-step5-button__buttons.saiz-visible {
  opacity:1;
  transform:translateY(0);
  height:fit-content
}
#saiz-global-modal-root-recommender .saiz-step5-button__buttons.saiz-skip-visible,
#saiz-widget-container .saiz-step5-button__buttons.saiz-skip-visible {
  opacity:1;
  transform:translateY(0);
  height:fit-content;
  transition:all 0s
}
#saiz-global-modal-root-recommender .saiz-step5-button__buttons.saiz-hidden,
#saiz-widget-container .saiz-step5-button__buttons.saiz-hidden {
  height:0;
  opacity:0;
  transform:translateY(20px);
  transition:opacity 0s,transform 0s,height 0s
}
#saiz-global-modal-root-recommender .saiz-step5-button__buttons button,
#saiz-widget-container .saiz-step5-button__buttons button {
  transition:transform .4s cubic-bezier(.4,0,.2,1)
}
#saiz-global-modal-root-recommender .saiz-step5-button__buttons button:hover,
#saiz-widget-container .saiz-step5-button__buttons button:hover {
  transform:translateY(-2px)
}
#saiz-global-modal-root-recommender .saiz-fit-indicator,
#saiz-widget-container .saiz-fit-indicator {
  opacity:0;
  transform:translateY(10px);
  transition:opacity .4s ease,transform .4s ease;
  transition-delay:1.1s
}
#saiz-global-modal-root-recommender .saiz-fit-indicator--animate,
#saiz-widget-container .saiz-fit-indicator--animate {
  opacity:1;
  transform:translateY(0)
}
#saiz-global-modal-root-recommender .saiz-fit-indicator--chest,
#saiz-widget-container .saiz-fit-indicator--chest {
  transition-delay:.8s
}
#saiz-global-modal-root-recommender .saiz-fit-indicator--waist,
#saiz-widget-container .saiz-fit-indicator--waist {
  transition-delay:1s
}
#saiz-global-modal-root-recommender .saiz-fit-indicator--hip,
#saiz-widget-container .saiz-fit-indicator--hip {
  transition-delay:1.2s
}
#saiz-global-modal-root-recommender .saiz-message-container,
#saiz-widget-container .saiz-message-container {
  height:1.5em
}
#saiz-global-modal-root-recommender .saiz-message,
#saiz-widget-container .saiz-message {
  font-weight:700;
  font-size:16px;
  animation:saiz-fadeUp .6s ease-out forwards
}
#saiz-global-modal-root-recommender .saiz-loading-text,
#saiz-widget-container .saiz-loading-text {
  position:relative;
  width:fit-content;
  width:100%;
  color:var(--saiz-color-primary);
  height:40px;
  transition:opacity 0s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1)
}
#saiz-global-modal-root-recommender .saiz-loading-text__line,
#saiz-widget-container .saiz-loading-text__line {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  opacity:0;
  margin:14px 0;
  animation:saiz-fadeInOut 4s infinite;
  font-weight:700;
  font-size:14px;
  font-family:var(--saiz-font-family)
}
#saiz-global-modal-root-recommender .saiz-loading-text__line--title,
#saiz-widget-container .saiz-loading-text__line--title {
  animation-delay:0s
}
#saiz-global-modal-root-recommender .saiz-loading-text__line--description,
#saiz-widget-container .saiz-loading-text__line--description {
  animation-delay:2s
}
#saiz-global-modal-root-recommender .saiz-loading-text.saiz-hide,
#saiz-widget-container .saiz-loading-text.saiz-hide {
  opacity:0;
  height:0
}
#saiz-global-modal-root-recommender .saiz-loading-text.saiz-skip-hide,
#saiz-widget-container .saiz-loading-text.saiz-skip-hide {
  opacity:0;
  height:0;
  transition:all 0s
}
@keyframes saiz-fadeInOut {
  0% {
    opacity:0
  }
  10% {
    opacity:1
  }
  40% {
    opacity:1
  }
  50% {
    opacity:0
  }
  to {
    opacity:0
  }
}
@keyframes saiz-fadeUp {
  0% {
    opacity:0;
    transform:translateY(50px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}
#saiz-global-modal-root-recommender .saiz-feedback-buttons-container,
#saiz-widget-container .saiz-feedback-buttons-container {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:15px;
  height:100%;
  padding:30px 0
}
@media (min-width: 1024px) {
  #saiz-global-modal-root-recommender .saiz-feedback-buttons-container,
  #saiz-widget-container .saiz-feedback-buttons-container {
    align-items:center;
    gap:40px
  }
}
@media screen and (min-width: 1000px) {
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content,
  #saiz-widget-container #saiz-widget-container .saiz-step-content {
    width:100%;
    max-width:unset;
    min-height:500px;
    padding-top:10px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-one-content,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-one-content,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-one-content {
    display:flex;
    flex:1
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-content__left,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-content__left,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-content__left {
    flex:1;
    width:50%
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-content__right,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-content__right,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-content__right {
    display:flex;
    flex-direction:column;
    flex:1;
    width:50%
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-content__right .saiz-step-button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-content__right .saiz-step-button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-content__right .saiz-step-button {
    margin-top:auto
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-heading .saiz-h2,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-heading .saiz-h2,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-one-heading .saiz-h2 {
    text-align:left;
    font-size:27px;
    font-weight:400;
    max-width:400px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-button button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-button button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-one-content .saiz-step-button button {
    max-width:unset
  }
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content,
#saiz-extensions-root #saiz-widget-container .saiz-step-content,
#saiz-widget-container #saiz-widget-container .saiz-step-content {
  margin-top:0
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-heading,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-heading,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-heading {
  margin-top:40px
}
@media screen and (min-width: 1000px) {
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content,
  #saiz-widget-container #saiz-widget-container .saiz-step-content {
    width:100%;
    max-width:unset;
    min-height:500px;
    padding-top:10px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content {
    display:flex;
    flex-direction:row;
    flex:1
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-heading,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-heading,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-heading {
    margin-top:0
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-heading .saiz-h2,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-heading .saiz-h2,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-heading .saiz-h2 {
    text-align:left;
    font-size:27px;
    font-weight:400;
    max-width:400px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-button button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-button button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-button button {
    max-width:unset
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__left,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__left,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__left {
    flex:1;
    width:50%
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right {
    display:flex;
    flex-direction:column;
    flex:1;
    width:50%
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-step-button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-step-button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-step-button {
    margin-top:auto
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar {
    margin-top:50px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar .saiz-avatar-slider,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar .saiz-avatar-slider,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar .saiz-avatar-slider {
    position:absolute;
    padding-bottom:0;
    bottom:0;
    left:50%;
    transform:translate(-50%)
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar .saiz-avatar-controls,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar .saiz-avatar-controls,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar .saiz-avatar-controls {
    right:0
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar__button--reset,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar__button--reset,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar__button--reset {
    left:20px;
    top:0;
    bottom:unset
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-back-button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-back-button,
  #saiz-widget-container #saiz-widget-container .saiz-step-back-button {
    position:absolute;
    bottom:18px;
    left:20px;
    z-index:10
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-back-button button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-back-button button,
  #saiz-widget-container #saiz-widget-container .saiz-step-back-button button {
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    font-size:14px;
    margin:0
  }
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content {
  display:flex;
  flex-direction:column;
  flex:1
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading {
  margin-top:50px
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right {
  display:flex;
  flex-direction:column;
  flex:1
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-chart-measurement-container,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-chart-measurement-container,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-chart-measurement-container {
  display:flex;
  flex-direction:column;
  gap:12px
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-chart-measurement-container__item,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-chart-measurement-container__item,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-chart-measurement-container__item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px 20px;
  border:1px solid #e9ecef;
  border-radius:8px;
  transition:all .2s ease
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-chart-measurement-container__item--value,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-chart-measurement-container__item--value,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-chart-measurement-container__item--value {
  font-size:18px;
  font-weight:600;
  color:var(--saiz-color-primary)
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-button,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-button,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-button {
  margin-top:auto
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-back-button,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-back-button,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-back-button {
  position:absolute;
  top:10px;
  left:10px;
  z-index:10
}
#saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-back-button button,
#saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-back-button button,
#saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-back-button button {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  margin:0;
  padding:0;
  background:none;
  outline:none;
  border:none
}
@media screen and (min-width: 1000px) {
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content,
  #saiz-widget-container #saiz-widget-container .saiz-step-content {
    width:100%;
    max-width:unset;
    min-height:500px;
    padding-top:10px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content {
    display:flex;
    flex-direction:row;
    flex:1
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__left,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__left,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__left {
    flex:1;
    width:50%
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right {
    display:flex;
    flex-direction:column;
    flex:1;
    width:50%
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right .saiz-step-button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right .saiz-step-button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right .saiz-step-button {
    margin-top:auto
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading {
    margin-top:0
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading .saiz-h2,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading .saiz-h2,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading .saiz-h2 {
    text-align:left;
    font-size:27px;
    font-weight:400;
    max-width:400px;
    margin-bottom:16px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading .saiz-description,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading .saiz-description,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-three-heading .saiz-description {
    text-align:left;
    font-size:16px;
    color:#666;
    max-width:400px;
    line-height:1.4
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-5-picker-container,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-5-picker-container,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-5-picker-container {
    display:flex;
    flex-direction:column;
    gap:20px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-5-picker-container__toggle-button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-5-picker-container__toggle-button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-5-picker-container__toggle-button {
    align-self:flex-start
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-5-picker-container__toggle-button .saiz-toggle,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-5-picker-container__toggle-button .saiz-toggle,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-5-picker-container__toggle-button .saiz-toggle {
    margin-left:0;
    margin-right:0
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-button {
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:24px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-button button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-button button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-button button {
    max-width:unset
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-button .saiz-error-message,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-button .saiz-error-message,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-three-content .saiz-step-button .saiz-error-message {
    color:#dc3545;
    font-size:14px;
    text-align:center;
    min-height:20px
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-back-button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-back-button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-back-button {
    position:absolute;
    bottom:18px;
    top:unset;
    left:16px;
    z-index:10
  }
  #saiz-global-modal-root-charts #saiz-widget-container .saiz-step-content .saiz-step-back-button button,
  #saiz-extensions-root #saiz-widget-container .saiz-step-content .saiz-step-back-button button,
  #saiz-widget-container #saiz-widget-container .saiz-step-content .saiz-step-back-button button {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    margin:0
  }
}
#saiz-global-modal-root-charts .chart-step-container,
#saiz-extensions-root .chart-step-container,
#saiz-widget-container .chart-step-container {
  position:relative
}
#saiz-global-modal-root-recommender .saiz-step-two-body-types-container,
#saiz-widget-container .saiz-step-two-body-types-container {
  flex:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:full
}
#saiz-global-modal-root-recommender .saiz-body-type-description,
#saiz-widget-container .saiz-body-type-description {
  min-height:1.5em;
  text-align:center
}
#saiz-global-modal-root-recommender .saiz-body-type-item,
#saiz-widget-container .saiz-body-type-item {
  appearance:none;
  background:none;
  font-family:inherit;
  font-size:inherit;
  color:inherit;
  border:none;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  gap:30px
}
#saiz-global-modal-root-recommender .saiz-body-type-item__img-container,
#saiz-widget-container .saiz-body-type-item__img-container {
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  height:50px;
  width:full
}
#saiz-global-modal-root-recommender .saiz-body-type-item__img-container--img,
#saiz-widget-container .saiz-body-type-item__img-container--img {
  height:auto;
  z-index:10
}
#saiz-global-modal-root-recommender .saiz-body-type-item__img-container--overlay,
#saiz-widget-container .saiz-body-type-item__img-container--overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:center
}
#saiz-global-modal-root-recommender .saiz-body-type-item__description,
#saiz-widget-container .saiz-body-type-item__description {
  font-family:var(--saiz-font-family);
  color:var(--saiz-color-primary);
  font-size:12px;
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  opacity:0;
  transition:opacity .2s ease
}
#saiz-global-modal-root-recommender .saiz-body-type-item:hover .saiz-body-type-item__description,
#saiz-widget-container .saiz-body-type-item:hover .saiz-body-type-item__description {
  opacity:.7
}
#saiz-global-modal-root-recommender .saiz-body-type-item.selected .saiz-body-type-item__description,
#saiz-global-modal-root-recommender .saiz-body-type-item.selected .saiz-body-type-item__symbol,
#saiz-widget-container .saiz-body-type-item.selected .saiz-body-type-item__description,
#saiz-widget-container .saiz-body-type-item.selected .saiz-body-type-item__symbol {
  opacity:1
}
#saiz-global-modal-root-recommender .saiz-body-type-item.selected .saiz-body-type-item__img-container--overlay svg path,
#saiz-global-modal-root-recommender .saiz-body-type-item.selected .saiz-body-type-item__img-container--overlay svg rect,
#saiz-widget-container .saiz-body-type-item.selected .saiz-body-type-item__img-container--overlay svg path,
#saiz-widget-container .saiz-body-type-item.selected .saiz-body-type-item__img-container--overlay svg rect {
  opacity:.6!important;
  fill-opacity:.1;
  stroke:var(--saiz-color-primary);
  fill:var(--saiz-color-primary)
}
#saiz-global-modal-root-recommender .saiz-male-apple,
#saiz-widget-container .saiz-male-apple {
  padding-top:9px;
  padding-right:3px
}
#saiz-global-modal-root-recommender .saiz-body-type-symbol,
#saiz-widget-container .saiz-body-type-symbol {
  font-family:var(--saiz-font-family);
  color:var(--saiz-color-primary);
  font-weight:600;
  font-size:16px;
  opacity:.7;
  margin-bottom:40px
}
#saiz-global-modal-root-recommender .saiz-modal__container input[type=range],
#saiz-widget-container .saiz-modal__container input[type=range] {
  touch-action:pan-x!important
}
#saiz-global-modal-root-recommender .saiz-step-workout-container,
#saiz-widget-container .saiz-step-workout-container {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-evenly;
  width:100%;
  height:100%;
  flex:1;
  gap:var(--saiz-spacing-md)
}
#saiz-global-modal-root-recommender .saiz-step-workout-container img,
#saiz-widget-container .saiz-step-workout-container img {
  max-width:100%;
  height:auto;
  max-height:200px;
  object-fit:contain
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-container,
  #saiz-widget-container .saiz-step-workout-container {
    gap:var(--saiz-spacing-sm);
    padding:var(--saiz-spacing-xs) 0
  }
  #saiz-global-modal-root-recommender .saiz-step-workout-container img,
  #saiz-widget-container .saiz-step-workout-container img {
    max-height:150px
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-days-selector,
#saiz-widget-container .saiz-step-workout-days-selector {
  width:100%;
  max-width:400px;
  padding:0 var(--saiz-spacing-md)
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-days-selector,
  #saiz-widget-container .saiz-step-workout-days-selector {
    padding:0 var(--saiz-spacing-sm);
    max-width:100%
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-days-selector p,
#saiz-widget-container .saiz-step-workout-days-selector p {
  text-align:center;
  font-family:var(--saiz-font-family);
  font-size:16px;
  color:var(--saiz-color-text);
  margin-bottom:var(--saiz-spacing-md)
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-days-selector p,
  #saiz-widget-container .saiz-step-workout-days-selector p {
    font-size:14px;
    margin-bottom:var(--saiz-spacing-sm)
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider,
#saiz-widget-container .saiz-step-workout-slider {
  width:50%;
  display:flex;
  flex-direction:column;
  gap:var(--saiz-spacing-sm);
  position:relative;
  z-index:1
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-slider,
  #saiz-widget-container .saiz-step-workout-slider {
    width:90%;
    max-width:100%;
    gap:var(--saiz-spacing-xs)
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__input,
#saiz-widget-container .saiz-step-workout-slider__input {
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:4px;
  background:#e0e0e0;
  border-radius:4px;
  cursor:pointer;
  touch-action:pan-x;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  -webkit-user-select:none;
  outline:none;
  margin:0
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-slider__input,
  #saiz-widget-container .saiz-step-workout-slider__input {
    height:8px;
    touch-action:none;
    cursor:grab
  }
  #saiz-global-modal-root-recommender .saiz-step-workout-slider__input:active,
  #saiz-widget-container .saiz-step-workout-slider__input:active {
    cursor:grabbing
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-webkit-slider-thumb,
#saiz-widget-container .saiz-step-workout-slider__input::-webkit-slider-thumb {
  -webkit-appearance:none;
  appearance:none;
  width:24px;
  height:24px;
  background:var(--saiz-color-primary);
  border-radius:50%;
  cursor:pointer;
  box-shadow:0 2px 6px #0003;
  transition:box-shadow .15s ease;
  transform:translateY(-9px)
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-webkit-slider-thumb,
  #saiz-widget-container .saiz-step-workout-slider__input::-webkit-slider-thumb {
    width:44px;
    height:44px;
    transition:none;
    transform:translateY(-18px)
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-webkit-slider-thumb:hover,
#saiz-widget-container .saiz-step-workout-slider__input::-webkit-slider-thumb:hover {
  box-shadow:0 3px 8px #00000040
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-moz-range-thumb,
#saiz-widget-container .saiz-step-workout-slider__input::-moz-range-thumb {
  width:24px;
  height:24px;
  background:var(--saiz-color-primary);
  border:none;
  border-radius:50%;
  cursor:pointer;
  box-shadow:0 2px 6px #0003;
  transition:box-shadow .15s ease
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-moz-range-thumb,
  #saiz-widget-container .saiz-step-workout-slider__input::-moz-range-thumb {
    width:44px;
    height:44px;
    transition:none
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-moz-range-thumb:hover,
#saiz-widget-container .saiz-step-workout-slider__input::-moz-range-thumb:hover {
  box-shadow:0 3px 8px #00000040
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-moz-range-track,
#saiz-widget-container .saiz-step-workout-slider__input::-moz-range-track {
  background:var(--saiz-color-secondary, #e0e0e0);
  border-radius:4px;
  height:8px
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-moz-range-track,
  #saiz-widget-container .saiz-step-workout-slider__input::-moz-range-track {
    height:8px
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-webkit-slider-runnable-track,
#saiz-widget-container .saiz-step-workout-slider__input::-webkit-slider-runnable-track {
  width:100%;
  height:4px;
  background:#e0e0e0;
  border-radius:4px
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-slider__input::-webkit-slider-runnable-track,
  #saiz-widget-container .saiz-step-workout-slider__input::-webkit-slider-runnable-track {
    height:8px
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__description,
#saiz-widget-container .saiz-step-workout-slider__description {
  font-family:var(--saiz-font-family);
  font-size:16px;
  color:var(--saiz-color-text);
  text-align:center;
  margin-top:var(--saiz-spacing-xs)
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-slider__description,
  #saiz-widget-container .saiz-step-workout-slider__description {
    font-size:14px;
    padding:0 var(--saiz-spacing-xs);
    line-height:1.4
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__labels,
#saiz-widget-container .saiz-step-workout-slider__labels {
  display:flex;
  justify-content:space-between;
  padding:0 2px
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-slider__labels,
  #saiz-widget-container .saiz-step-workout-slider__labels {
    padding:0 4px
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__label,
#saiz-widget-container .saiz-step-workout-slider__label {
  font-family:var(--saiz-font-family);
  font-size:14px;
  color:var(--saiz-color-text);
  opacity:.6;
  transition:opacity .2s ease,color .2s ease,font-weight .2s ease;
  min-width:20px;
  text-align:center
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender .saiz-step-workout-slider__label,
  #saiz-widget-container .saiz-step-workout-slider__label {
    font-size:12px;
    min-width:16px
  }
}
#saiz-global-modal-root-recommender .saiz-step-workout-slider__label--active,
#saiz-widget-container .saiz-step-workout-slider__label--active {
  opacity:1;
  color:var(--saiz-color-primary);
  font-weight:600
}
#saiz-global-modal-root-recommender *:focus-visible,
#saiz-global-modal-root-recommender *:-webkit-direct-focus,
#saiz-widget-container *:focus-visible,
#saiz-widget-container *:-webkit-direct-focus {
  outline:2px solid var(--saiz-color-primary);
  outline-offset:2px;
  border-radius:4px
}
@media (pointer: coarse) {
  #saiz-global-modal-root-recommender *:focus-visible,
  #saiz-global-modal-root-recommender *:-webkit-direct-focus,
  #saiz-widget-container *:focus-visible,
  #saiz-widget-container *:-webkit-direct-focus {
    outline:none
  }
}
@media (max-width: 768px) {
  #saiz-global-modal-root-recommender *:focus-visible,
  #saiz-global-modal-root-recommender *:-webkit-direct-focus,
  #saiz-widget-container *:focus-visible,
  #saiz-widget-container *:-webkit-direct-focus {
    outline:none
  }
}
@media (hover: none) {
  #saiz-global-modal-root-recommender *:focus-visible,
  #saiz-global-modal-root-recommender *:-webkit-direct-focus,
  #saiz-widget-container *:focus-visible,
  #saiz-widget-container *:-webkit-direct-focus {
    outline:none
  }
}
#saiz-global-modal-root-recommender h1,
#saiz-global-modal-root-recommender .saiz-h1,
#saiz-widget-container h1,
#saiz-widget-container .saiz-h1 {
  color:var(--saiz-color-primary);
  font-weight:600;
  font-size:20px;
  margin-top:var(--saiz-spacing-sm);
  margin-bottom:var(--saiz-spacing-xs);
  line-height:initial;
  font-family:var(--saiz-font-family);
  word-break:auto-phrase
}
#saiz-global-modal-root-recommender .saiz-description,
#saiz-widget-container .saiz-description {
  font-weight:400;
  font-size:14px;
  color:var(--saiz-color-text);
  margin-top:var(--saiz-spacing-sm);
  margin-bottom:var(--saiz-spacing-sm);
  line-height:initial;
  font-family:var(--saiz-font-family);
  word-break:auto-phrase
}
@media (min-width: 600px) {
  #saiz-global-modal-root-recommender h1,
  #saiz-global-modal-root-recommender .saiz-h1,
  #saiz-widget-container h1,
  #saiz-widget-container .saiz-h1 {
    font-size:32px
  }
  #saiz-global-modal-root-recommender .saiz-description,
  #saiz-widget-container .saiz-description {
    font-size:16px
  }
}
#saiz-global-modal-root-recommender h2,
#saiz-global-modal-root-recommender .saiz-h2,
#saiz-widget-container h2,
#saiz-widget-container .saiz-h2 {
  font-size:calc(var(--saiz-font-size-base) * 1.5);
  font-weight:600;
  margin-top:var(--saiz-spacing-sm);
  margin-bottom:var(--saiz-spacing-xs);
  text-align:center;
  color:var(--saiz-color-primary);
  line-height:initial;
  font-family:var(--saiz-font-family);
  word-break:auto-phrase
}
#saiz-global-modal-root-recommender h3,
#saiz-global-modal-root-recommender .saiz-h3,
#saiz-widget-container h3,
#saiz-widget-container .saiz-h3 {
  font-size:calc(var(--saiz-font-size-base) * 1.25);
  font-weight:600;
  margin-bottom:var(--saiz-spacing-xs);
  margin-top:var(--saiz-spacing-sm);
  line-height:initial;
  font-family:var(--saiz-font-family);
  word-break:auto-phrase
}
#saiz-global-modal-root-recommender .saiz-text-center,
#saiz-widget-container .saiz-text-center {
  text-align:center
}
#saiz-global-modal-root-recommender .saiz-mt-sm,
#saiz-widget-container .saiz-mt-sm {
  margin-top:var(--saiz-spacing-sm)
}
#saiz-global-modal-root-recommender .saiz-mt-md,
#saiz-widget-container .saiz-mt-md {
  margin-top:var(--saiz-spacing-md)
}
#saiz-global-modal-root-recommender .saiz-mt-lg,
#saiz-widget-container .saiz-mt-lg {
  margin-top:var(--saiz-spacing-lg)
}
#saiz-global-modal-root-recommender .saiz-mb-sm,
#saiz-widget-container .saiz-mb-sm {
  margin-bottom:var(--saiz-spacing-sm)
}
#saiz-global-modal-root-recommender .saiz-mb-md,
#saiz-widget-container .saiz-mb-md {
  margin-bottom:var(--saiz-spacing-md)
}
#saiz-global-modal-root-recommender .saiz-mb-lg,
#saiz-widget-container .saiz-mb-lg {
  margin-bottom:var(--saiz-spacing-lg)
}
#saiz-global-modal-root-recommender .saiz-widget-launcher,
#saiz-widget-container .saiz-widget-launcher {
  position:relative;
  display:inline-block
}
#saiz-global-modal-root-recommender .saiz-mx-12,
#saiz-widget-container .saiz-mx-12 {
  margin-left:12px;
  margin-right:12px
}
#saiz-widget-container.saiz-charts-get-measurements {
  background:#fff;
  max-width:800px;
  margin:0 auto
}
#saiz-widget-container.saiz-charts-get-measurements button {
  cursor:pointer
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content {
  width:100%!important;
  max-width:100%!important;
  min-height:auto!important;
  padding-top:10px!important;
  display:block!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-one-content {
  display:block!important;
  flex-direction:column!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-one-content .saiz-step-one-content__left {
  width:100%!important;
  flex:none!important;
  margin-bottom:20px
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-one-content .saiz-step-one-content__right {
  width:100%!important;
  flex:none!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-one-content .saiz-step-one-content__right .saiz-step-button {
  margin-top:20px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-one-content .saiz-step-one-heading .saiz-h2 {
  text-align:center!important;
  font-size:24px!important;
  font-weight:400!important;
  max-width:100%!important;
  margin-bottom:16px
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-one-content .saiz-step-button button {
  max-width:100%!important;
  width:100%!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content {
  display:block!important;
  flex-direction:column!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content .saiz-step-two-content__left {
  width:100%!important;
  flex:none!important;
  margin-bottom:20px
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right {
  width:100%!important;
  flex:none!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-step-button,
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar {
  margin-top:20px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar .saiz-avatar-slider {
  position:relative!important;
  padding-bottom:0!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content .saiz-step-two-content__right .saiz-avatar__button--reset {
  bottom:0!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content .saiz-step-two-heading {
  margin-top:20px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content .saiz-step-two-heading .saiz-h2 {
  text-align:center!important;
  font-size:24px!important;
  font-weight:400!important;
  max-width:100%!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content .saiz-step-button button {
  max-width:100%!important;
  width:100%!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content {
  display:block!important;
  flex-direction:column!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-content__left {
  width:100%!important;
  flex:none!important;
  margin-bottom:20px
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right {
  width:100%!important;
  flex:none!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right .saiz-step-button {
  margin-top:20px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right .saiz-step-5-picker-container {
  display:flex!important;
  flex-direction:column!important;
  gap:20px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right .saiz-step-5-picker-container__toggle-button {
  align-self:center!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right .saiz-chart-measurement-container {
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right .saiz-chart-measurement-container__item {
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:16px 20px!important;
  border:1px solid #e9ecef!important;
  border-radius:8px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-content__right .saiz-chart-measurement-container__item--value {
  font-size:18px!important;
  font-weight:600!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-heading {
  margin-top:20px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-heading .saiz-h2 {
  text-align:center!important;
  font-size:24px!important;
  font-weight:400!important;
  max-width:100%!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-three-heading .saiz-description {
  text-align:center!important;
  max-width:unset!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-button {
  margin-top:20px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-button button {
  max-width:100%!important;
  width:100%!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content .saiz-step-button .saiz-error-message {
  color:#dc3545!important;
  font-size:14px!important;
  text-align:center!important;
  min-height:20px!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-back-button {
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  bottom:auto!important;
  z-index:10!important
}
#saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-back-button button {
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-size:14px!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  outline:none!important;
  border:none!important
}
@media screen and (min-width: 1000px) {
  #saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-one-content,
  #saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content,
  #saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content {
    display:block!important;
    flex-direction:column!important
  }
  #saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-one-content__left,
  #saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-one-content__right,
  #saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content__left,
  #saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-two-content__right,
  #saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content__left,
  #saiz-widget-container.saiz-charts-get-measurements .saiz-step-content .saiz-step-three-content__right {
    width:100%!important;
    flex:none!important
  }
}

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

/* Блок поиска в шапке: белый фон, когда шапка непрозрачная */
#header.header-opaque #header-search-row {
  background-color: white;
}

/* Mobile search: лупа поверх блока поиска, поиск по клику */
@media (max-width: 1023px) {
  #header-search-row {
    top: 70px;
    left: 0;
    display: none;
    pointer-events: none;
    position: absolute;
    z-index: 0;
  }
  #header-search-row:has(#search-wrap.search-mobile-open) {
    display: flex;
    pointer-events: auto;
    z-index: 10;
  }
  #header-icons-row {
    position: relative;
    z-index: 1001;
    pointer-events: auto;
  }
  #search-toggle {
    position: relative;
    z-index: 1000;
    pointer-events: auto;
  }
  #search-wrap {
    pointer-events: none;
  }
  #search-wrap.search-mobile-open {
    pointer-events: auto;
    display: block !important;
  }
}

/* Шапка: свой контекст наложения, лупа всегда кликабельна (в т.ч. на главной) */
#header {
  isolation: isolate;
}
#header #header-icons-row {
  position: relative;
  z-index: 2;
}
#header #search-toggle {
  position: relative;
  z-index: 3;
}

/* Каталог фильтров на мобильной: на всю ширину и высоту, без бэкдропа */
@media (max-width: 767px) {
  #catalogFilter {
    width: 100%;
    height: 100dvh;
    max-height: none;
    align-items: stretch;
    position: fixed;
    top: 0;
    left: 0;
  }
  #catalogFilter .catalog-filter-backdrop {
    display: none !important;
  }
  #catalogFilter .catalog-filter-panel {
    width: 100%;
    max-width: 100%;
    max-height: 100% !important;
    min-width: unset;
  }
}

/* Мобильная галерея товара: Swiper на всю ширину экрана, без выхода за край */
@media (max-width: 767px) {
  .product-gallery-mobile-wrap {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #f5f5f5;
  }
  .product-gallery-mobile-swiper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  .product-gallery-mobile-swiper .swiper-wrapper {
    align-items: stretch;
  }
  .product-gallery-mobile-swiper .swiper-slide {
    width: 100% !important;
    height: auto;
    box-sizing: border-box;
  }
  .product-gallery-mobile-slide {
    width: 100%;
    display: block;
    background: #f5f5f5;
  }
  .product-gallery-mobile-slide .picture,
  .product-gallery-mobile-slide img {
    width: 100%;
    max-width: 100%;
    display: block;
  }
  .product-gallery-mobile-pagination {
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    z-index: 5;
  }
}

/* Login page accordion: панель скрыта/видима по .is-open, иконки плюс/минус через JS по разметке */
.login-accordion-item .login-accordion-panel {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.login-accordion-item.is-open .login-accordion-panel {
  max-height: 2000px;
  opacity: 1;
}