@font-face {
      font-family: 'Integral CF';
      src: url('IntegralCF-Regular.woff2') format('woff2');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }

    @font-face {
      font-family: 'Integral CF';
      src: url('IntegralCF-ExtraBold.woff2') format('woff2');
      font-weight: 900;
      font-style: normal;
      font-display: swap;
    }

    @layer theme {

      :root,
      :host {
        --font-sans: "Montserrat", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-300: oklch(.808 .114 19.571);
        --color-red-400: oklch(.704 .191 22.216);
        --color-red-500: oklch(.637 .237 25.331);
        --color-green-300: oklch(.871 .15 154.449);
        --color-green-500: oklch(.723 .219 149.579);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-4xl: 56rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-sm: 8px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
        --color-primary: #fff;
        --color-accent: #d762a0;
        --color-highlight: #ffc300;
        --color-secondary-dim: #ae4e8190;
        --color-secondary: #ffbae0;
        --color-background: #000;
        --color-text-primary: gray;
        --color-error: #ff6c79
      }
    }

    @layer base {

      *,
      :after,
      :before,
      ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
      }

      ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
      }

      html,
      :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
      }

      body {
        line-height: inherit
      }

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

      abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-size: inherit;
        font-weight: inherit
      }

      a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
      }

      b,
      strong {
        font-weight: bolder
      }

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

      small {
        font-size: 80%
      }

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

      sub {
        bottom: -.25em
      }

      sup {
        top: -.5em
      }

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

      :-moz-focusring {
        outline: auto
      }

      progress {
        vertical-align: baseline
      }

      summary {
        display: list-item
      }

      ol,
      ul,
      menu {
        list-style: none
      }

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

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

      button,
      input,
      select,
      optgroup,
      textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
      }

      ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
      }

      :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
      }

      :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
      }

      ::file-selector-button {
        margin-inline-end: 4px
      }

      ::-moz-placeholder {
        opacity: 1;
        color: color-mix(in oklab, currentColor 50%, transparent)
      }

      ::placeholder {
        opacity: 1;
        color: color-mix(in oklab, currentColor 50%, transparent)
      }

      textarea {
        resize: vertical
      }

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

      ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
      }

      ::-webkit-datetime-edit {
        display: inline-flex
      }

      ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
      }

      ::-webkit-datetime-edit {
        padding-block: 0
      }

      ::-webkit-datetime-edit-year-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-month-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-day-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-hour-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-minute-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-second-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
      }

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

      button,
      input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
      }

      ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
      }

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

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

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

    @layer components;

    @layer utilities {
      .\@container\/card-header {
        container: card-header/inline-size
      }

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

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

      .invisible {
        visibility: hidden
      }

      .visible {
        visibility: visible
      }

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

      .absolute {
        position: absolute
      }

      .fixed {
        position: fixed
      }

      .relative {
        position: relative
      }

      .static {
        position: static
      }

      .inset-0 {
        inset: calc(var(--spacing)*0)
      }

      .-top-1 {
        top: calc(var(--spacing)*-1)
      }

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

      .top-0 {
        top: calc(var(--spacing)*0)
      }

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

      .top-2 {
        top: calc(var(--spacing)*2)
      }

      .top-2\.5 {
        top: calc(var(--spacing)*2.5)
      }

      .top-4 {
        top: calc(var(--spacing)*4)
      }

      .top-6 {
        top: calc(var(--spacing)*6)
      }

      .top-\[-0\.8rem\] {
        top: -.8rem
      }

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

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

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

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

      .top-\[2\.5\%\] {
        top: 2.5%
      }

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

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

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

      .top-\[23\.5\%\] {
        top: 23.5%
      }

      .top-\[32\.2\%\] {
        top: 32.2%
      }

      .top-\[33\.5\%\] {
        top: 33.5%
      }

      .top-\[41\.5\%\] {
        top: 41.5%
      }

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

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

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

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

      .top-\[66\.5\%\] {
        top: 66.5%
      }

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

      .top-full {
        top: 100%
      }

      .right-0 {
        right: calc(var(--spacing)*0)
      }

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

      .right-2 {
        right: calc(var(--spacing)*2)
      }

      .right-2\.5 {
        right: calc(var(--spacing)*2.5)
      }

      .right-4 {
        right: calc(var(--spacing)*4)
      }

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

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

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

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

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

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

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

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

      .bottom-0 {
        bottom: calc(var(--spacing)*0)
      }

      .bottom-1 {
        bottom: calc(var(--spacing)*1)
      }

      .bottom-\[8\%\] {
        bottom: 8%
      }

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

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

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

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

      .left-0 {
        left: calc(var(--spacing)*0)
      }

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

      .left-2 {
        left: calc(var(--spacing)*2)
      }

      .left-3 {
        left: calc(var(--spacing)*3)
      }

      .left-\[0px\] {
        left: 0
      }

      .left-\[4\%\] {
        left: 4%
      }

      .left-\[7px\] {
        left: 7px
      }

      .left-\[9\%\] {
        left: 9%
      }

      .left-\[18px\] {
        left: 18px
      }

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

      .left-\[24\%\] {
        left: 24%
      }

      .left-\[30\%\] {
        left: 30%
      }

      .left-\[38\%\] {
        left: 38%
      }

      .left-\[40\%\] {
        left: 40%
      }

      .left-\[49\%\] {
        left: 49%
      }

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

      .left-\[60\%\] {
        left: 60%
      }

      .left-\[65\%\] {
        left: 65%
      }

      .left-\[calc\(50\%-2\.5rem\)\] {
        left: calc(50% - 2.5rem)
      }

      .isolate {
        isolation: isolate
      }

      .-z-1 {
        z-index: -1
      }

      .z-0 {
        z-index: 0
      }

      .z-1 {
        z-index: 1
      }

      .z-10 {
        z-index: 10
      }

      .z-20 {
        z-index: 20
      }

      .z-50 {
        z-index: 50
      }

      .z-100 {
        z-index: 100
      }

      .z-255 {
        z-index: 255
      }

      .z-1000 {
        z-index: 1000
      }

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

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

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

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

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

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

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

      .col-start-2 {
        grid-column-start: 2
      }

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

      .row-start-1 {
        grid-row-start: 1
      }

      .container {
        width: 100%
      }

      @media (width>=40rem) {
        .container {
          max-width: 40rem
        }
      }

      @media (width>=48rem) {
        .container {
          max-width: 48rem
        }
      }

      @media (width>=64rem) {
        .container {
          max-width: 64rem
        }
      }

      @media (width>=80rem) {
        .container {
          max-width: 80rem
        }
      }

      @media (width>=96rem) {
        .container {
          max-width: 96rem
        }
      }

      .m-0 {
        margin: calc(var(--spacing)*0)
      }

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

      .-mx-1 {
        margin-inline: calc(var(--spacing)*-1)
      }

      .-mx-5 {
        margin-inline: calc(var(--spacing)*-5)
      }

      .-mx-7 {
        margin-inline: calc(var(--spacing)*-7)
      }

      .mx-4 {
        margin-inline: calc(var(--spacing)*4)
      }

      .mx-5 {
        margin-inline: calc(var(--spacing)*5)
      }

      .mx-auto {
        margin-inline: auto
      }

      .my-0 {
        margin-block: calc(var(--spacing)*0)
      }

      .my-1 {
        margin-block: calc(var(--spacing)*1)
      }

      .my-2 {
        margin-block: calc(var(--spacing)*2)
      }

      .my-4 {
        margin-block: calc(var(--spacing)*4)
      }

      .my-6 {
        margin-block: calc(var(--spacing)*6)
      }

      .-mt-1 {
        margin-top: calc(var(--spacing)*-1)
      }

      .-mt-3 {
        margin-top: calc(var(--spacing)*-3)
      }

      .-mt-4 {
        margin-top: calc(var(--spacing)*-4)
      }

      .-mt-5 {
        margin-top: calc(var(--spacing)*-5)
      }

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

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

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

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

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

      .mt-0 {
        margin-top: calc(var(--spacing)*0)
      }

      .mt-1 {
        margin-top: calc(var(--spacing)*1)
      }

      .mt-1\.5 {
        margin-top: calc(var(--spacing)*1.5)
      }

      .mt-2 {
        margin-top: calc(var(--spacing)*2)
      }

      .mt-3 {
        margin-top: calc(var(--spacing)*3)
      }

      .mt-4 {
        margin-top: calc(var(--spacing)*4)
      }

      .mt-5 {
        margin-top: calc(var(--spacing)*5)
      }

      .mt-6 {
        margin-top: calc(var(--spacing)*6)
      }

      .mt-7 {
        margin-top: calc(var(--spacing)*7)
      }

      .mt-10 {
        margin-top: calc(var(--spacing)*10)
      }

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

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

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

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

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

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

      .-mr-3 {
        margin-right: calc(var(--spacing)*-3)
      }

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

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

      .mr-0 {
        margin-right: calc(var(--spacing)*0)
      }

      .mr-1 {
        margin-right: calc(var(--spacing)*1)
      }

      .mr-3 {
        margin-right: calc(var(--spacing)*3)
      }

      .mr-4 {
        margin-right: calc(var(--spacing)*4)
      }

      .mr-6 {
        margin-right: calc(var(--spacing)*6)
      }

      .mr-7 {
        margin-right: calc(var(--spacing)*7)
      }

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

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

      .-mb-5 {
        margin-bottom: calc(var(--spacing)*-5)
      }

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

      .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
      }

      .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
      }

      .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
      }

      .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
      }

      .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
      }

      .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
      }

      .mb-9 {
        margin-bottom: calc(var(--spacing)*9)
      }

      .mb-10 {
        margin-bottom: calc(var(--spacing)*10)
      }

      .mb-12 {
        margin-bottom: calc(var(--spacing)*12)
      }

      .mb-16 {
        margin-bottom: calc(var(--spacing)*16)
      }

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

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

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

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

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

      .-ml-2 {
        margin-left: calc(var(--spacing)*-2)
      }

      .ml-0 {
        margin-left: calc(var(--spacing)*0)
      }

      .ml-1 {
        margin-left: calc(var(--spacing)*1)
      }

      .ml-2 {
        margin-left: calc(var(--spacing)*2)
      }

      .ml-3 {
        margin-left: calc(var(--spacing)*3)
      }

      .ml-4 {
        margin-left: calc(var(--spacing)*4)
      }

      .ml-7 {
        margin-left: calc(var(--spacing)*7)
      }

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

      .ml-auto {
        margin-left: auto
      }

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

      .contentSection {
        background-color: rgb(from var(--color-primary)r g b/5%);
        border-radius: var(--radius-2xl);
        width: 100%;
        padding: var(--spacing-value);
        justify-content: center;
        align-items: center;
        display: flex;
        overflow: hidden
      }

      .flex-center-col {
        flex-direction: column;
        flex: 1;
        justify-content: center;
        align-items: center;
        display: flex
      }

      .flex-center {
        flex: 1;
        justify-content: center;
        align-items: center;
        display: flex
      }

      .block {
        display: block
      }

      .flex {
        display: flex
      }

      .grid {
        display: grid
      }

      .hidden {
        display: none
      }

      .inline {
        display: inline
      }

      .inline-block {
        display: inline-block
      }

      .inline-flex {
        display: inline-flex
      }

      .aspect-square {
        aspect-ratio: 1
      }

      .size-2 {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
      }

      .size-2\.5 {
        width: calc(var(--spacing)*2.5);
        height: calc(var(--spacing)*2.5)
      }

      .size-3 {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
      }

      .size-3\.5 {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
      }

      .size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
      }

      .size-9 {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9)
      }

      .h-1 {
        height: calc(var(--spacing)*1)
      }

      .h-1\.5 {
        height: calc(var(--spacing)*1.5)
      }

      .h-2 {
        height: calc(var(--spacing)*2)
      }

      .h-3 {
        height: calc(var(--spacing)*3)
      }

      .h-4 {
        height: calc(var(--spacing)*4)
      }

      .h-5 {
        height: calc(var(--spacing)*5)
      }

      .h-6 {
        height: calc(var(--spacing)*6)
      }

      .h-7 {
        height: calc(var(--spacing)*7)
      }

      .h-8 {
        height: calc(var(--spacing)*8)
      }

      .h-9 {
        height: calc(var(--spacing)*9)
      }

      .h-10 {
        height: calc(var(--spacing)*10)
      }

      .h-12 {
        height: calc(var(--spacing)*12)
      }

      .h-\[1\.15rem\] {
        height: 1.15rem
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .h-\[100dvh\] {
        height: 100dvh
      }

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

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

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

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

      .h-\[clamp\(50px\,45vh\,600px\)\] {
        height: clamp(50px, 45vh, 600px)
      }

      .h-\[var\(--horizontal-navbar-height\)\] {
        height: var(--horizontal-navbar-height)
      }

      .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
        height: var(--radix-navigation-menu-viewport-height)
      }

      .h-\[var\(--radix-select-trigger-height\)\] {
        height: var(--radix-select-trigger-height)
      }

      .h-auto {
        height: auto
      }

      .h-full {
        height: 100%
      }

      .h-px {
        height: 1px
      }

      .h-screen {
        height: 100vh
      }

      .max-h-\(--radix-dropdown-menu-content-available-height\) {
        max-height: var(--radix-dropdown-menu-content-available-height)
      }

      .max-h-\(--radix-select-content-available-height\) {
        max-height: var(--radix-select-content-available-height)
      }

      .max-h-0 {
        max-height: calc(var(--spacing)*0)
      }

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

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

      .max-h-\[100dvh\] {
        max-height: 100dvh
      }

      .max-h-\[100svh\] {
        max-height: 100svh
      }

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

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

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

      .min-h-0 {
        min-height: calc(var(--spacing)*0)
      }

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

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

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

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

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

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

      .w-2 {
        width: calc(var(--spacing)*2)
      }

      .w-3 {
        width: calc(var(--spacing)*3)
      }

      .w-4 {
        width: calc(var(--spacing)*4)
      }

      .w-5 {
        width: calc(var(--spacing)*5)
      }

      .w-6 {
        width: calc(var(--spacing)*6)
      }

      .w-8 {
        width: calc(var(--spacing)*8)
      }

      .w-12 {
        width: calc(var(--spacing)*12)
      }

      .w-64 {
        width: calc(var(--spacing)*64)
      }

      .w-65 {
        width: calc(var(--spacing)*65)
      }

      .w-90 {
        width: calc(var(--spacing)*90)
      }

      .w-\[1ch\] {
        width: 1ch
      }

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

      .w-\[8rem\] {
        width: 8rem
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .w-\[auto\] {
        width: auto
      }

      .w-\[calc\(100\%-12px\)\] {
        width: calc(100% - 12px)
      }

      .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-screen {
        width: 100vw
      }

      .max-w-4xl {
        max-width: var(--container-4xl)
      }

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

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

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

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

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

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

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

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

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

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

      .max-w-md {
        max-width: var(--container-md)
      }

      .min-w-0 {
        min-width: calc(var(--spacing)*0)
      }

      .min-w-\[8rem\] {
        min-width: 8rem
      }

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

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

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

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

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

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

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

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

      .min-w-\[var\(--radix-select-trigger-width\)\] {
        min-width: var(--radix-select-trigger-width)
      }

      .flex-1,
      .flex-\[1\] {
        flex: 1
      }

      .flex-\[2\] {
        flex: 2
      }

      .flex-\[4\] {
        flex: 4
      }

      .flex-\[5\] {
        flex: 5
      }

      .flex-none {
        flex: none
      }

      .flex-shrink-0,
      .shrink-0 {
        flex-shrink: 0
      }

      .flex-grow {
        flex-grow: 1
      }

      .origin-\(--radix-dropdown-menu-content-transform-origin\) {
        transform-origin: var(--radix-dropdown-menu-content-transform-origin)
      }

      .origin-\(--radix-select-content-transform-origin\) {
        transform-origin: var(--radix-select-content-transform-origin)
      }

      .origin-\(--radix-tooltip-content-transform-origin\) {
        transform-origin: var(--radix-tooltip-content-transform-origin)
      }

      .origin-center {
        transform-origin: 50%
      }

      .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-y-\[calc\(-50\%_-_2px\)\] {
        --tw-translate-y: calc(-50% - 2px);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .icon-button {
        padding-inline: 15px;
        padding-block: calc(var(--spacing)*3);
        --tw-leading: calc(var(--spacing)*0);
        line-height: calc(var(--spacing)*0);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .2s;
        transition-timing-function: var(--ease-in-out);
        border-radius: 3.40282e38px
      }

      .icon-button.active {
        background-color: color-mix(in oklab, var(--color-white)30%, transparent) !important
      }

      @media (hover:hover) {
        .icon-button:hover {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x)var(--tw-scale-y);
          background-color: color-mix(in oklab, var(--color-white)30%, transparent) !important
        }
      }

      .icon-button:not(.inactive) {
        background-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }

      .icon-link {
        padding-inline: 15px;
        padding-block: calc(var(--spacing)*3);
        --tw-leading: calc(var(--spacing)*0);
        line-height: calc(var(--spacing)*0);
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .2s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .2s;
        transition-timing-function: var(--ease-in-out);
        border-radius: 3.40282e38px
      }

      .icon-link.active {
        background-color: color-mix(in oklab, var(--color-white)30%, transparent) !important
      }

      @media (hover:hover) {
        .icon-link:hover {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x)var(--tw-scale-y);
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }
      }

      .scale-90 {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
      }

      .scale-x-\[0\.9\] {
        --tw-scale-x: .9;
        scale: var(--tw-scale-x)var(--tw-scale-y)
      }

      .scale-\[0\.8\] {
        scale: .8
      }

      .scale-\[1\.15\] {
        scale: 1.15
      }

      .-rotate-2 {
        rotate: -2deg
      }

      .rotate-0 {
        rotate: none
      }

      .rotate-45 {
        rotate: 45deg
      }

      .rotate-90 {
        rotate: 90deg
      }

      .rotate-180 {
        rotate: 180deg
      }

      .rotate-357 {
        rotate: 357deg
      }

      .transform {
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
      }

      .pop-in {
        will-change: transform;
        opacity: 1;
        animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popIn
      }

      .slide-in-bottom {
        will-change: transform, opacity;
        opacity: 0;
        animation: .4s cubic-bezier(.25, .8, .25, 1) forwards slideInFromBottom
      }

      .slide-out-bottom {
        will-change: transform, opacity;
        opacity: 1;
        animation: 1s cubic-bezier(.25, .8, .25, 1) forwards slideOutToBottom
      }

      .animate-pulse {
        animation: var(--animate-pulse)
      }

      .animate-spin {
        animation: var(--animate-spin)
      }

      .cursor-default {
        cursor: default
      }

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

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

      .cursor-pointer {
        cursor: pointer
      }

      .resize {
        resize: both
      }

      .scroll-my-1 {
        scroll-margin-block: calc(var(--spacing)*1)
      }

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

      .auto-rows-min {
        grid-auto-rows: min-content
      }

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

      .grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
      }

      .flex-col {
        flex-direction: column
      }

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

      .flex-row {
        flex-direction: row
      }

      .flex-nowrap {
        flex-wrap: nowrap
      }

      .flex-wrap {
        flex-wrap: wrap
      }

      .items-center {
        align-items: center
      }

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

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

      .items-stretch {
        align-items: stretch
      }

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

      .justify-center {
        justify-content: center
      }

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

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

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

      .gap-0 {
        gap: calc(var(--spacing)*0)
      }

      .gap-1 {
        gap: calc(var(--spacing)*1)
      }

      .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
      }

      .gap-2 {
        gap: calc(var(--spacing)*2)
      }

      .gap-3 {
        gap: calc(var(--spacing)*3)
      }

      .gap-4 {
        gap: calc(var(--spacing)*4)
      }

      .gap-5 {
        gap: calc(var(--spacing)*5)
      }

      .gap-6 {
        gap: calc(var(--spacing)*6)
      }

      .gap-15 {
        gap: calc(var(--spacing)*15)
      }

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

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

      .gap-\[calc\(var\(--spacing-value\)\/1\.5\)\] {
        gap: calc(var(--spacing-value)/1.5)
      }

      :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
      }

      .gap-x-1 {
        -moz-column-gap: calc(var(--spacing)*1);
        column-gap: calc(var(--spacing)*1)
      }

      .gap-x-16 {
        -moz-column-gap: calc(var(--spacing)*16);
        column-gap: calc(var(--spacing)*16)
      }

      :where(.space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-4>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
      }

      .gap-y-4 {
        row-gap: calc(var(--spacing)*4)
      }

      .gap-y-6 {
        row-gap: calc(var(--spacing)*6)
      }

      .self-center {
        align-self: center
      }

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

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

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

      .overflow-hidden {
        overflow: hidden
      }

      .overflow-visible {
        overflow: visible
      }

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

      .overflow-x-visible {
        overflow-x: visible
      }

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

      .overflow-y-clip {
        overflow-y: clip
      }

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

      .rounded {
        border-radius: .25rem
      }

      .rounded-2xl {
        border-radius: var(--radius-2xl)
      }

      .rounded-3xl {
        border-radius: var(--radius-3xl)
      }

      .rounded-4xl {
        border-radius: var(--radius-4xl)
      }

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

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

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

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

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

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

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

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

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

      .rounded-\[var\(--border-radius-button\)\] {
        border-radius: var(--border-radius-button)
      }

      .rounded-full {
        border-radius: 3.40282e38px
      }

      .rounded-lg {
        border-radius: var(--radius-lg)
      }

      .rounded-md {
        border-radius: var(--radius-md)
      }

      .rounded-sm {
        border-radius: var(--radius-sm)
      }

      .rounded-xl {
        border-radius: var(--radius-xl)
      }

      .rounded-xs {
        border-radius: var(--radius-xs)
      }

      .rounded-tl-sm {
        border-top-left-radius: var(--radius-sm)
      }

      .border {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
      }

      .border-1 {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
      }

      .border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
      }

      .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
      }

      .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
      }

      .border-b-3 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 3px
      }

      .border-solid {
        --tw-border-style: solid;
        border-style: solid
      }

      .border-\[\#4D2F3E\] {
        border-color: #4d2f3e
      }

      .border-\[\#6B3753aa\] {
        border-color: #6b3753aa
      }

      .border-\[\#D762A0\]\/20 {
        border-color: #d762a033
      }

      .border-accent {
        border-color: var(--color-accent)
      }

      .border-black {
        border-color: var(--color-black)
      }

      .border-current {
        border-color: currentColor
      }

      .border-error\! {
        border-color: var(--color-error) !important
      }

      .border-error\/20 {
        border-color: color-mix(in oklab, var(--color-error)20%, transparent)
      }

      .border-secondary {
        border-color: var(--color-secondary)
      }

      .border-secondary\/20 {
        border-color: color-mix(in oklab, var(--color-secondary)20%, transparent)
      }

      .border-transparent {
        border-color: #0000
      }

      .border-white {
        border-color: var(--color-white)
      }

      .border-white\/5 {
        border-color: color-mix(in oklab, var(--color-white)5%, transparent)
      }

      .border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }

      .border-white\/20 {
        border-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }

      .border-t-transparent {
        border-top-color: #0000
      }

      .border-r-transparent {
        border-right-color: #0000
      }

      .\!bg-error\/20 {
        background-color: color-mix(in oklab, var(--color-error)20%, transparent) !important
      }

      .\!bg-transparent {
        background-color: #0000 !important
      }

      .bg-\[\#180A11\] {
        background-color: #180a11
      }

      .bg-\[\#180A11\]\/70 {
        background-color: #180a11b3
      }

      .bg-\[\#180A1188\] {
        background-color: #180a1188
      }

      .bg-\[\#180a11\] {
        background-color: #180a11
      }

      .bg-\[\#381A26\]\/97 {
        background-color: #381a26f7
      }

      .bg-\[\#BD7398\] {
        background-color: #bd7398
      }

      .bg-\[\#CFDA00\] {
        background-color: #cfda00
      }

      .bg-\[\#CFDA00\]\! {
        background-color: #cfda00 !important
      }

      .bg-\[\#FF002E\] {
        background-color: #ff002e
      }

      .bg-\[\#FFBAE0\] {
        background-color: #ffbae0
      }

      .bg-accent {
        background-color: var(--color-accent)
      }

      .bg-background {
        background-color: var(--color-background)
      }

      .bg-black\/10 {
        background-color: color-mix(in oklab, var(--color-black)10%, transparent)
      }

      .bg-black\/15 {
        background-color: color-mix(in oklab, var(--color-black)15%, transparent)
      }

      .bg-black\/20 {
        background-color: color-mix(in oklab, var(--color-black)20%, transparent)
      }

      .bg-black\/50 {
        background-color: color-mix(in oklab, var(--color-black)50%, transparent)
      }

      .bg-error {
        background-color: var(--color-error)
      }

      .bg-error\! {
        background-color: var(--color-error) !important
      }

      .bg-primary {
        background-color: var(--color-primary)
      }

      .bg-primary\/2 {
        background-color: color-mix(in oklab, var(--color-primary)2%, transparent)
      }

      .bg-secondary {
        background-color: var(--color-secondary)
      }

      .bg-secondary\/10 {
        background-color: color-mix(in oklab, var(--color-secondary)10%, transparent)
      }

      .bg-transparent {
        background-color: #0000
      }

      .bg-white {
        background-color: var(--color-white)
      }

      .bg-white\/1 {
        background-color: color-mix(in oklab, var(--color-white)1%, transparent)
      }

      .bg-white\/2 {
        background-color: color-mix(in oklab, var(--color-white)2%, transparent)
      }

      .bg-white\/3 {
        background-color: color-mix(in oklab, var(--color-white)3%, transparent)
      }

      .bg-white\/5 {
        background-color: color-mix(in oklab, var(--color-white)5%, transparent)
      }

      .bg-white\/8 {
        background-color: color-mix(in oklab, var(--color-white)8%, transparent)
      }

      .bg-white\/10 {
        background-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }

      .bg-white\/20 {
        background-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }

      .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .from-\[\#492B3B\] {
        --tw-gradient-from: #492b3b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .from-\[\#D762A0\] {
        --tw-gradient-from: #d762a0;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .to-\[\#64334D\] {
        --tw-gradient-to: #64334d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .to-\[\#FF8AB5\] {
        --tw-gradient-to: #ff8ab5;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .bg-contain {
        background-size: contain
      }

      .bg-cover {
        background-size: cover
      }

      .bg-center {
        background-position: 50%
      }

      .bg-no-repeat {
        background-repeat: no-repeat
      }

      .fill-current {
        fill: currentColor
      }

      .fill-primary {
        fill: var(--color-primary)
      }

      .object-contain {
        -o-object-fit: contain;
        object-fit: contain
      }

      .object-cover {
        -o-object-fit: cover;
        object-fit: cover
      }

      .p-0 {
        padding: calc(var(--spacing)*0)
      }

      .p-1 {
        padding: calc(var(--spacing)*1)
      }

      .p-2 {
        padding: calc(var(--spacing)*2)
      }

      .p-3 {
        padding: calc(var(--spacing)*3)
      }

      .p-4 {
        padding: calc(var(--spacing)*4)
      }

      .p-6 {
        padding: calc(var(--spacing)*6)
      }

      .p-8 {
        padding: calc(var(--spacing)*8)
      }

      .p-\[var\(--spacing-value\)\] {
        padding: var(--spacing-value)
      }

      .px-1 {
        padding-inline: calc(var(--spacing)*1)
      }

      .px-2 {
        padding-inline: calc(var(--spacing)*2)
      }

      .px-3 {
        padding-inline: calc(var(--spacing)*3)
      }

      .px-4 {
        padding-inline: calc(var(--spacing)*4)
      }

      .px-5 {
        padding-inline: calc(var(--spacing)*5)
      }

      .px-6 {
        padding-inline: calc(var(--spacing)*6)
      }

      .px-7 {
        padding-inline: calc(var(--spacing)*7)
      }

      .px-9 {
        padding-inline: calc(var(--spacing)*9)
      }

      .px-10 {
        padding-inline: calc(var(--spacing)*10)
      }

      .px-12 {
        padding-inline: calc(var(--spacing)*12)
      }

      .px-20 {
        padding-inline: calc(var(--spacing)*20)
      }

      .px-\[4px\] {
        padding-inline: 4px
      }

      .px-\[12px\] {
        padding-inline: 12px
      }

      .px-\[20px\] {
        padding-inline: 20px
      }

      .px-\[32px\] {
        padding-inline: 32px
      }

      .py-0 {
        padding-block: calc(var(--spacing)*0)
      }

      .py-1 {
        padding-block: calc(var(--spacing)*1)
      }

      .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
      }

      .py-2 {
        padding-block: calc(var(--spacing)*2)
      }

      .py-3 {
        padding-block: calc(var(--spacing)*3)
      }

      .py-4 {
        padding-block: calc(var(--spacing)*4)
      }

      .py-5 {
        padding-block: calc(var(--spacing)*5)
      }

      .py-6 {
        padding-block: calc(var(--spacing)*6)
      }

      .py-8 {
        padding-block: calc(var(--spacing)*8)
      }

      .py-12 {
        padding-block: calc(var(--spacing)*12)
      }

      .py-40 {
        padding-block: calc(var(--spacing)*40)
      }

      .py-\[2px\] {
        padding-block: 2px
      }

      .py-\[12px\] {
        padding-block: 12px
      }

      .py-\[16px\] {
        padding-block: 16px
      }

      .pt-0 {
        padding-top: calc(var(--spacing)*0)
      }

      .pt-1 {
        padding-top: calc(var(--spacing)*1)
      }

      .pt-2 {
        padding-top: calc(var(--spacing)*2)
      }

      .pt-3 {
        padding-top: calc(var(--spacing)*3)
      }

      .pt-4 {
        padding-top: calc(var(--spacing)*4)
      }

      .pt-4\.5 {
        padding-top: calc(var(--spacing)*4.5)
      }

      .pt-5 {
        padding-top: calc(var(--spacing)*5)
      }

      .pt-6 {
        padding-top: calc(var(--spacing)*6)
      }

      .pt-9 {
        padding-top: calc(var(--spacing)*9)
      }

      .pt-\[6px\] {
        padding-top: 6px
      }

      .pt-\[16\%\] {
        padding-top: 16%
      }

      .pt-\[66\%\] {
        padding-top: 66%
      }

      .pt-\[72\%\] {
        padding-top: 72%
      }

      .pt-\[90px\] {
        padding-top: 90px
      }

      .pt-\[124px\] {
        padding-top: 124px
      }

      .pr-1 {
        padding-right: calc(var(--spacing)*1)
      }

      .pr-2 {
        padding-right: calc(var(--spacing)*2)
      }

      .pr-2\.5 {
        padding-right: calc(var(--spacing)*2.5)
      }

      .pr-3 {
        padding-right: calc(var(--spacing)*3)
      }

      .pr-8 {
        padding-right: calc(var(--spacing)*8)
      }

      .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
      }

      .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
      }

      .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
      }

      .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
      }

      .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
      }

      .pb-\[env\(safe-area-inset-bottom\)\] {
        padding-bottom: env(safe-area-inset-bottom)
      }

      .pl-2 {
        padding-left: calc(var(--spacing)*2)
      }

      .pl-6\.5\! {
        padding-left: calc(var(--spacing)*6.5) !important
      }

      .pl-8 {
        padding-left: calc(var(--spacing)*8)
      }

      .text-center {
        text-align: center
      }

      .text-left {
        text-align: left
      }

      .text-right {
        text-align: right
      }

      .text-start {
        text-align: start
      }

      .align-middle {
        vertical-align: middle
      }

      .font-sub {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
      }

      .font-mono {
        font-family: var(--font-mono)
      }

      .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
      }

      .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
      }

      .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
      }

      .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
      }

      .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
      }

      .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
      }

      .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .text-sm\! {
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important
      }

      .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
      }

      .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
      }

      .text-\[0\.65rem\] {
        font-size: .65rem
      }

      .text-\[6px\] {
        font-size: 6px
      }

      .text-\[7px\] {
        font-size: 7px
      }

      .text-\[8px\] {
        font-size: 8px
      }

      .text-\[9px\] {
        font-size: 9px
      }

      .text-\[10px\] {
        font-size: 10px
      }

      .text-\[11px\] {
        font-size: 11px
      }

      .text-\[12px\] {
        font-size: 12px
      }

      .text-\[36px\] {
        font-size: 36px
      }

      .text-\[58px\] {
        font-size: 58px
      }

      .leading-4 {
        --tw-leading: calc(var(--spacing)*4);
        line-height: calc(var(--spacing)*4)
      }

      .leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
      }

      .leading-12 {
        --tw-leading: calc(var(--spacing)*12);
        line-height: calc(var(--spacing)*12)
      }

      .leading-\[0\.9\] {
        --tw-leading: .9;
        line-height: .9
      }

      .leading-\[10px\] {
        --tw-leading: 10px;
        line-height: 10px
      }

      .leading-\[12px\] {
        --tw-leading: 12px;
        line-height: 12px
      }

      .leading-\[15px\] {
        --tw-leading: 15px;
        line-height: 15px
      }

      .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
      }

      .leading-none {
        --tw-leading: 1;
        line-height: 1
      }

      .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
      }

      .font-\[700\] {
        --tw-font-weight: 700;
        font-weight: 700
      }

      .font-\[900\] {
        --tw-font-weight: 900;
        font-weight: 900
      }

      .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
      }

      .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
      }

      .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
      }

      .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
      }

      .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
      }

      .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
      }

      .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
      }

      .text-balance {
        text-wrap: balance
      }

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

      .text-ellipsis {
        text-overflow: ellipsis
      }

      .whitespace-nowrap {
        white-space: nowrap
      }

      .\!text-error {
        color: var(--color-error) !important
      }

      .\!text-red-400 {
        color: var(--color-red-400) !important
      }

      .text-\[\#00FFaa\] {
        color: #0fa
      }

      .text-\[\#999999\] {
        color: #999
      }

      .text-\[\#AFB5AD\] {
        color: #afb5ad
      }

      .text-\[\#BD7398\] {
        color: #bd7398
      }

      .text-\[\#CFDA00\] {
        color: #cfda00
      }

      .text-\[\#D762A0\] {
        color: #d762a0
      }

      .text-\[\#FF8688\] {
        color: #ff8688
      }

      .text-\[var\(--color-highlight\)\] {
        color: var(--color-highlight)
      }

      .text-\[var\(--color-secondary\)\] {
        color: var(--color-secondary)
      }

      .text-accent {
        color: var(--color-accent)
      }

      .text-black {
        color: var(--color-black)
      }

      .text-black\/40\! {
        color: color-mix(in oklab, var(--color-black)40%, transparent) !important
      }

      .text-black\/50 {
        color: color-mix(in oklab, var(--color-black)50%, transparent)
      }

      .text-black\/90 {
        color: color-mix(in oklab, var(--color-black)90%, transparent)
      }

      .text-error {
        color: var(--color-error)
      }

      .text-green-500 {
        color: var(--color-green-500)
      }

      .text-primary {
        color: var(--color-primary)
      }

      .text-red-300 {
        color: var(--color-red-300)
      }

      .text-red-500 {
        color: var(--color-red-500)
      }

      .text-secondary {
        color: var(--color-secondary)
      }

      .text-secondary\/40 {
        color: color-mix(in oklab, var(--color-secondary)40%, transparent)
      }

      .text-white {
        color: var(--color-white)
      }

      .text-white\/40 {
        color: color-mix(in oklab, var(--color-white)40%, transparent)
      }

      .text-white\/50 {
        color: color-mix(in oklab, var(--color-white)50%, transparent)
      }

      .text-white\/60 {
        color: color-mix(in oklab, var(--color-white)60%, transparent)
      }

      .text-white\/70 {
        color: color-mix(in oklab, var(--color-white)70%, transparent)
      }

      .uppercase {
        text-transform: uppercase
      }

      .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
      }

      .underline {
        text-decoration-line: underline
      }

      .underline-offset-4 {
        text-underline-offset: 4px
      }

      .opacity-0 {
        opacity: 0
      }

      .opacity-30 {
        opacity: .3
      }

      .opacity-40 {
        opacity: .4
      }

      .opacity-50 {
        opacity: .5
      }

      .opacity-60 {
        opacity: .6
      }

      .opacity-70 {
        opacity: .7
      }

      .opacity-75 {
        opacity: .75
      }

      .opacity-80 {
        opacity: .8
      }

      .opacity-100 {
        opacity: 1
      }

      .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0_0_40px_10px_rgba\(255\,255\,255\,0\.8\)\] {
        --tw-shadow: 0 0 40px 10px var(--tw-shadow-color, #fffc);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0px_0_2px_rgba\(255\,100\,185\,0\.5\)\] {
        --tw-shadow: 0px 0 2px var(--tw-shadow-color, #ff64b980);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0px_2px_24px_rgba\(0\,0\,0\,0\.5\)\] {
        --tw-shadow: 0px 2px 24px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_-2px_4px_rgba\(255\,100\,185\,0\.25\)\,inset_0px_0px_5px_rgba\(255\,100\,185\,0\.22\)\,0px_6px_7px_rgba\(30\,12\,22\,0\.57\)\] {
        --tw-shadow: inset 0px -2px 4px var(--tw-shadow-color, #ff64b940), inset 0px 0px 5px var(--tw-shadow-color, #ff64b938), 0px 6px 7px var(--tw-shadow-color, #1e0c1691);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_-2px_10px_rgba\(255\,100\,185\,0\.40\)\,0px_4px_12px_rgba\(0\,0\,0\,0\.5\)\] {
        --tw-shadow: inset 0px -2px 10px var(--tw-shadow-color, #ff64b966), 0px 4px 12px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_6px_rgba\(255\,50\,50\,0\.25\)\] {
        --tw-shadow: inset 0px 0px 6px var(--tw-shadow-color, #ff323240);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_6px_rgba\(255\,100\,185\,0\.30\)\,0px_0px_18px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: inset 0px 0px 6px var(--tw-shadow-color, #ff64b94d), 0px 0px 18px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_6px_rgba\(255\,255\,255\,0\.5\)\] {
        --tw-shadow: inset 0px 0px 6px var(--tw-shadow-color, #ffffff80);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_9px_rgba\(255\,186\,224\,1\)\] {
        --tw-shadow: inset 0px 0px 9px var(--tw-shadow-color, #ffbae0);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_10px_rgba\(255\,100\,185\,0\.30\)\,0px_0px_18px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: inset 0px 0px 10px var(--tw-shadow-color, #ff64b94d), 0px 0px 18px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-3 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-secondary {
        --tw-ring-color: var(--color-secondary)
      }

      .ring-white\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }

      .ring-offset-3 {
        --tw-ring-offset-width: 3px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
      }

      .ring-offset-\[\#250E16\] {
        --tw-ring-offset-color: #250e16
      }

      .ring-offset-background {
        --tw-ring-offset-color: var(--color-background)
      }

      .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
      }

      @media (forced-colors:active) {
        .outline-hidden {
          outline-offset: 2px;
          outline: 2px solid #0000
        }
      }

      .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
      }

      .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .brightness-100 {
        --tw-brightness: brightness(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .drop-shadow-\[0_0_8px_var\(--color-highlight\)\] {
        --tw-drop-shadow: drop-shadow(0 0 8px var(--color-highlight));
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .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-\[3px\] {
        --tw-backdrop-blur: blur(3px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
      }

      .backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(10px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
      }

      .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
      }

      .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-\[color\,box-shadow\] {
        transition-property: color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .delay-300 {
        transition-delay: .3s
      }

      .duration-100\! {
        --tw-duration: .1s !important;
        transition-duration: .1s !important
      }

      .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
      }

      .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
      }

      .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
      }

      .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
      }

      .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
      }

      .will-change-transform {
        will-change: transform
      }

      .outline-none {
        --tw-outline-style: none;
        outline-style: none
      }

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

      .\[text-shadow\:0_0_20px_rgba\(216\,216\,216\,0\.6\)\] {
        text-shadow: 0 0 20px #d8d8d899
      }

      @media (hover:hover) {
        .group-hover\:scale-110:is(:where(.group):hover *) {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:pop-in:is(:where(.group):hover *) {
          will-change: transform;
          opacity: 1;
          animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popIn
        }

        .group-hover\:bg-\[var\(--color-secondary\)\]\!:is(:where(.group):hover *) {
          background-color: var(--color-secondary) !important
        }

        .group-hover\:bg-primary\/10:is(:where(.group):hover *) {
          background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }

        .group-hover\:bg-white:is(:where(.group):hover *) {
          background-color: var(--color-white)
        }

        .group-hover\:bg-white\/5:is(:where(.group):hover *) {
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }

        .group-hover\:text-secondary:is(:where(.group):hover *) {
          color: var(--color-secondary)
        }

        .group-hover\:shadow-\[0_0_40px_10px_rgba\(255\,255\,255\,0\.8\)\]:is(:where(.group):hover *) {
          --tw-shadow: 0 0 40px 10px var(--tw-shadow-color, #fffc);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .group-hover\:brightness-120:is(:where(.group):hover *) {
          --tw-brightness: brightness(120%);
          filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }
      }

      .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
        pointer-events: none
      }

      .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
        opacity: .5
      }

      .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
        rotate: 180deg
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        top: 100%
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        margin-top: calc(var(--spacing)*1.5)
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        overflow: hidden
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-radius: var(--radius-md)
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-duration: .2s;
        transition-duration: .2s
      }

      .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor: not-allowed
      }

      .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
        opacity: .5
      }

      .selection\:bg-primary ::-moz-selection {
        background-color: var(--color-primary)
      }

      .selection\:bg-primary ::selection {
        background-color: var(--color-primary)
      }

      .selection\:bg-primary::-moz-selection {
        background-color: var(--color-primary)
      }

      .selection\:bg-primary::selection {
        background-color: var(--color-primary)
      }

      .file\:inline-flex::file-selector-button {
        display: inline-flex
      }

      .file\:h-7::file-selector-button {
        height: calc(var(--spacing)*7)
      }

      .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
      }

      .file\:bg-transparent::file-selector-button {
        background-color: #0000
      }

      .file\:text-sm::file-selector-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .file\:font-medium::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
      }

      .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
      }

      .before\:bottom-\[2px\]:before {
        content: var(--tw-content);
        bottom: 2px
      }

      .before\:left-\[2px\]:before {
        content: var(--tw-content);
        left: 2px
      }

      .before\:h-\[24px\]:before {
        content: var(--tw-content);
        height: 24px
      }

      .before\:w-\[38px\]:before {
        content: var(--tw-content);
        width: 38px
      }

      .before\:translate-x-\[18px\]:before {
        content: var(--tw-content);
        --tw-translate-x: 18px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px
      }

      .before\:bg-\[\#fff\]:before {
        content: var(--tw-content);
        background-color: #fff
      }

      .before\:shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)\]:before {
        content: var(--tw-content);
        --tw-shadow: 0 2px 4px var(--tw-shadow-color, #0003);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .before\:transition-transform:before {
        content: var(--tw-content);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .before\:duration-300:before {
        content: var(--tw-content);
        --tw-duration: .3s;
        transition-duration: .3s
      }

      .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
      }

      .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
      }

      .after\:inset-\[-8px\]:after {
        content: var(--tw-content);
        inset: -8px
      }

      .after\:top-\[-8px\]:after {
        content: var(--tw-content);
        top: -8px
      }

      .after\:right-0:after {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
      }

      .after\:bottom-2:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*2)
      }

      .after\:z-\[-1\]:after {
        content: var(--tw-content);
        z-index: -1
      }

      .after\:h-\[56px\]:after {
        content: var(--tw-content);
        height: 56px
      }

      .after\:w-px:after {
        content: var(--tw-content);
        width: 1px
      }

      .after\:bg-gradient-to-b:after {
        content: var(--tw-content);
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .after\:from-\[\#492B3B\]:after {
        content: var(--tw-content);
        --tw-gradient-from: #492b3b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .after\:to-\[\#64334D\]:after {
        content: var(--tw-content);
        --tw-gradient-to: #64334d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .after\:shadow-\[0px_0_4px_rgba\(255\,100\,185\,0\.9\)\]:after {
        content: var(--tw-content);
        --tw-shadow: 0px 0 4px var(--tw-shadow-color, #ff64b9e6);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
      }

      .first\:ml-\[10px\]:first-child {
        margin-left: 10px
      }

      .last\:mr-\[10px\]:last-child {
        margin-right: 10px
      }

      .last\:after\:hidden:last-child:after {
        content: var(--tw-content);
        display: none
      }

      @media (hover:hover) {
        .hover\:scale-100:hover {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:pop-in:hover {
          will-change: transform;
          opacity: 1;
          animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popIn
        }

        .hover\:border-white\/30:hover {
          border-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }

        .hover\:\!bg-error\/30:hover {
          background-color: color-mix(in oklab, var(--color-error)30%, transparent) !important
        }

        .hover\:bg-accent:hover {
          background-color: var(--color-accent)
        }

        .hover\:bg-primary\/90:hover {
          background-color: color-mix(in oklab, var(--color-primary)90%, transparent)
        }

        .hover\:bg-secondary\/80:hover {
          background-color: color-mix(in oklab, var(--color-secondary)80%, transparent)
        }

        .hover\:bg-white:hover {
          background-color: var(--color-white)
        }

        .hover\:bg-white\/2:hover {
          background-color: color-mix(in oklab, var(--color-white)2%, transparent)
        }

        .hover\:bg-white\/3:hover {
          background-color: color-mix(in oklab, var(--color-white)3%, transparent)
        }

        .hover\:bg-white\/5:hover {
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }

        .hover\:bg-white\/15:hover {
          background-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }

        .hover\:hover\:bg-primary\/10:hover:hover {
          background-color: color-mix(in oklab, var(--color-primary)10%, transparent)
        }

        .hover\:text-secondary:hover {
          color: var(--color-secondary)
        }

        .hover\:text-white\/50:hover {
          color: color-mix(in oklab, var(--color-white)50%, transparent)
        }

        .hover\:text-white\/60:hover {
          color: color-mix(in oklab, var(--color-white)60%, transparent)
        }

        .hover\:underline:hover {
          text-decoration-line: underline
        }

        .hover\:opacity-50:hover {
          opacity: .5
        }

        .hover\:opacity-60:hover {
          opacity: .6
        }

        .hover\:opacity-70:hover {
          opacity: .7
        }

        .hover\:opacity-80:hover {
          opacity: .8
        }

        .hover\:opacity-90:hover {
          opacity: .9
        }

        .hover\:opacity-100:hover {
          opacity: 1
        }

        .hover\:shadow-\[0_0_40px_10px_rgba\(255\,255\,255\,0\.8\)\]:hover {
          --tw-shadow: 0 0 40px 10px var(--tw-shadow-color, #fffc);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:ring-secondary\/80:hover {
          --tw-ring-color: color-mix(in oklab, var(--color-secondary)80%, transparent)
        }

        .hover\:brightness-120:hover {
          --tw-brightness: brightness(120%);
          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, )
        }

        .hover\:before\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.3\)\]:hover:before {
          content: var(--tw-content);
          --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0000004d);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
      }

      .focus\:border-error\!:focus {
        border-color: var(--color-error) !important
      }

      .focus\:border-white\/40:focus {
        border-color: color-mix(in oklab, var(--color-white)40%, transparent)
      }

      .focus\:bg-accent:focus {
        background-color: var(--color-accent)
      }

      .focus\:bg-white\/3:focus {
        background-color: color-mix(in oklab, var(--color-white)3%, transparent)
      }

      .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus\:ring-2:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus\:ring-secondary:focus {
        --tw-ring-color: var(--color-secondary)
      }

      .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
      }

      .focus\:outline-hidden:focus {
        --tw-outline-style: none;
        outline-style: none
      }

      @media (forced-colors:active) {
        .focus\:outline-hidden:focus {
          outline-offset: 2px;
          outline: 2px solid #0000
        }
      }

      .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
      }

      .focus\:outline-none\!:focus {
        --tw-outline-style: none !important;
        outline-style: none !important
      }

      .focus-visible\:ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:ring-\[3px\]:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:outline-1:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
      }

      .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
      }

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

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

      .disabled\:opacity-50:disabled {
        opacity: .5
      }

      .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
        grid-template-columns: 1fr auto
      }

      .has-\[\>svg\]\:px-2\.5:has(>svg) {
        padding-inline: calc(var(--spacing)*2.5)
      }

      .has-\[\>svg\]\:px-3:has(>svg) {
        padding-inline: calc(var(--spacing)*3)
      }

      .has-\[\>svg\]\:px-4:has(>svg) {
        padding-inline: calc(var(--spacing)*4)
      }

      .data-\[active\=true\]\:bg-accent\/50[data-active=true] {
        background-color: color-mix(in oklab, var(--color-accent)50%, transparent)
      }

      @media (hover:hover) {
        .data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover {
          background-color: var(--color-accent)
        }
      }

      .data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus {
        background-color: var(--color-accent)
      }

      .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
      }

      .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
      }

      .data-\[inset\]\:pl-8[data-inset] {
        padding-left: calc(var(--spacing)*8)
      }

      .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[side\=left\]\:-translate-x-1[data-side=left] {
        --tw-translate-x: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[side\=right\]\:translate-x-1[data-side=right] {
        --tw-translate-x: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[side\=top\]\:-translate-y-1[data-side=top] {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[size\=default\]\:h-9[data-size=default] {
        height: calc(var(--spacing)*9)
      }

      .data-\[size\=sm\]\:h-8[data-size=sm] {
        height: calc(var(--spacing)*8)
      }

      :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
        --tw-outline-style: none;
        outline-style: none
      }

      :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
      }

      :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
        display: flex
      }

      :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
        align-items: center
      }

      :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
        gap: calc(var(--spacing)*2)
      }

      .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] {
        --tw-translate-x: calc(100% - 2px);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[state\=checked\]\:bg-primary[data-state=checked] {
        background-color: var(--color-primary)
      }

      .data-\[state\=open\]\:bg-accent[data-state=open] {
        background-color: var(--color-accent)
      }

      .data-\[state\=open\]\:bg-accent\/50[data-state=open] {
        background-color: color-mix(in oklab, var(--color-accent)50%, transparent)
      }

      @media (hover:hover) {
        .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover {
          background-color: var(--color-accent)
        }
      }

      .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus {
        background-color: var(--color-accent)
      }

      .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      @media (prefers-reduced-motion:reduce) {
        .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
          animation: 1.5s linear infinite spin
        }
      }

      @media (width>=470px) {
        .min-\[470px\]\:mb-\[-3px\] {
          margin-bottom: -3px
        }
      }

      @media (width>=40rem) {
        .sm\:my-3 {
          margin-block: calc(var(--spacing)*3)
        }

        .sm\:mt-0 {
          margin-top: calc(var(--spacing)*0)
        }

        .sm\:mb-3 {
          margin-bottom: calc(var(--spacing)*3)
        }

        .sm\:mb-4 {
          margin-bottom: calc(var(--spacing)*4)
        }

        .sm\:flex {
          display: flex
        }

        .sm\:max-w-lg {
          max-width: var(--container-lg)
        }

        .sm\:flex-row {
          flex-direction: row
        }

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

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

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

        .sm\:p-6 {
          padding: calc(var(--spacing)*6)
        }

        .sm\:px-0 {
          padding-inline: calc(var(--spacing)*0)
        }

        .sm\:pb-4 {
          padding-bottom: calc(var(--spacing)*4)
        }

        .sm\:text-left {
          text-align: left
        }
      }

      @media (width>=48rem) {
        .md\:absolute {
          position: absolute
        }

        .md\:top-\[30px\] {
          top: 30px
        }

        .md\:right-\[30px\] {
          right: 30px
        }

        .md\:left-\[30px\] {
          left: 30px
        }

        .md\:mt-0 {
          margin-top: calc(var(--spacing)*0)
        }

        .md\:mt-12 {
          margin-top: calc(var(--spacing)*12)
        }

        .md\:mb-16 {
          margin-bottom: calc(var(--spacing)*16)
        }

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

        .md\:flex-center {
          flex: 1;
          justify-content: center;
          align-items: center;
          display: flex
        }

        .md\:block {
          display: block
        }

        .md\:hidden {
          display: none
        }

        .md\:h-\[410px\] {
          height: 410px
        }

        .md\:h-\[clamp\(400px\,45vw\,580px\)\] {
          height: clamp(400px, 45vw, 580px)
        }

        .md\:h-auto {
          height: auto
        }

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

        .md\:w-\[40\%\] {
          width: 40%
        }

        .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
          width: var(--radix-navigation-menu-viewport-width)
        }

        .md\:w-auto {
          width: auto
        }

        .md\:scale-100 {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .md\:pop-in {
          will-change: transform;
          opacity: 1;
          animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popIn
        }

        .md\:pop-out {
          will-change: transform, opacity;
          opacity: 1;
          animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popOut
        }

        .md\:flex-col {
          flex-direction: column
        }

        .md\:flex-row {
          flex-direction: row
        }

        .md\:items-center {
          align-items: center
        }

        .md\:justify-center {
          justify-content: center
        }

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

        .md\:gap-\[calc\(var\(--spacing-value\)\/2\)\] {
          gap: calc(var(--spacing-value)/2)
        }

        .md\:rounded-4xl {
          border-radius: var(--radius-4xl)
        }

        .md\:border-white\/20 {
          border-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }

        .md\:bg-white\/5 {
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }

        .md\:p-2 {
          padding: calc(var(--spacing)*2)
        }

        .md\:px-0 {
          padding-inline: calc(var(--spacing)*0)
        }

        .md\:px-2 {
          padding-inline: calc(var(--spacing)*2)
        }

        .md\:px-5 {
          padding-inline: calc(var(--spacing)*5)
        }

        .md\:px-10 {
          padding-inline: calc(var(--spacing)*10)
        }

        .md\:pt-4 {
          padding-top: calc(var(--spacing)*4)
        }

        .md\:pt-\[60px\] {
          padding-top: 60px
        }

        .md\:text-left {
          text-align: left
        }

        .md\:text-5xl {
          font-size: var(--text-5xl);
          line-height: var(--tw-leading, var(--text-5xl--line-height))
        }

        .md\:text-8xl {
          font-size: var(--text-8xl);
          line-height: var(--tw-leading, var(--text-8xl--line-height))
        }

        .md\:text-sm {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .md\:text-\[14px\] {
          font-size: 14px
        }
      }

      @media (width>=64rem) {
        .lg\:mt-\[4px\] {
          margin-top: 4px
        }

        .lg\:block {
          display: block
        }

        .lg\:hidden {
          display: none
        }

        .lg\:h-\[53px\] {
          height: 53px
        }

        .lg\:h-\[91vh\] {
          height: 91vh
        }

        .lg\:h-\[100vh\] {
          height: 100vh
        }

        .lg\:w-\[73px\] {
          width: 73px
        }

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

        .lg\:border-2 {
          border-style: var(--tw-border-style);
          border-width: 2px
        }

        .lg\:border-\[\#4D2F3E\] {
          border-color: #4d2f3e
        }

        .lg\:text-\[70px\] {
          font-size: 70px
        }

        .lg\:shadow-\[inset_0px_0px_10px_rgba\(255\,100\,185\,0\.30\)\,0px_0px_18px_rgba\(0\,0\,0\,0\.25\)\] {
          --tw-shadow: inset 0px 0px 10px var(--tw-shadow-color, #ff64b94d), 0px 0px 18px var(--tw-shadow-color, #00000040);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
      }

      @media (orientation:portrait) {
        .portrait\:flex-col {
          flex-direction: column
        }
      }

      @media (orientation:landscape) {
        .landscape\:block {
          display: block
        }

        @media (width>=48rem) {
          .landscape\:md\:flex-row {
            flex-direction: row
          }
        }

        @media (width>=64rem) {
          .landscape\:lg\:\!mt-0 {
            margin-top: calc(var(--spacing)*0) !important
          }

          .landscape\:lg\:\!min-h-22 {
            min-height: calc(var(--spacing)*22) !important
          }

          .landscape\:lg\:\!flex-\[1\.7\] {
            flex: 1.7 !important
          }

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

      @media (prefers-color-scheme:dark) {
        @media (hover:hover) {
          .dark\:hover\:bg-accent\/50:hover {
            background-color: color-mix(in oklab, var(--color-accent)50%, transparent)
          }
        }
      }

      .\[\&_p\]\:my-4 p {
        margin-block: calc(var(--spacing)*4)
      }

      .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
      }

      .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
      }

      .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
      }

      .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none
      }

      .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-transparent::-webkit-scrollbar-thumb {
        background-color: #0000
      }

      .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
        background-color: #0000
      }

      .\[\.border-b\]\:pb-6.border-b {
        padding-bottom: calc(var(--spacing)*6)
      }

      .\[\.border-t\]\:pt-6.border-t {
        padding-top: calc(var(--spacing)*6)
      }

      :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
        display: flex
      }

      :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
        align-items: center
      }

      :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
        gap: calc(var(--spacing)*2)
      }

      @media (height>=650px) {
        .\[\@media\(min-height\:650px\)\]\:block {
          display: block
        }
      }
    }

    [class*=icon-] {
      --tw-translate-z: calc(var(--spacing)*0);
      translate: var(--tw-translate-x)var(--tw-translate-y)var(--tw-translate-z);
      vertical-align: middle;
      backface-visibility: hidden;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: crisp-edges;
      image-rendering: pixelated;
      will-change: transform;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      display: inline-block;
      transform: translateZ(0)
    }

    [class*=icon-].large {
      width: 28px;
      height: 28px;
      transform: translateZ(0)scale(1)
    }

    [class*=icon-].secondary {
      background-color: var(--color-secondary) !important
    }

    [class*=icon-].small {
      width: 10px;
      height: 10px;
      transform: translateZ(0)scale(1)
    }

    [class*=icon-].dark {
      background-color: var(--color-black)
    }

    [class*=icon-].light {
      background-color: var(--color-white)
    }

    [class*=icon-].--label {
      margin-right: calc(var(--spacing)*5)
    }

    [class*=icon-].--label+* {
      vertical-align: middle
    }

    .icon-euphoria {
      background-image: url(/assets/euphoria-pixel-logo-DTZarkaK.svg);
      width: 45px;
      height: 22px
    }

    .icon-bitcoin {
      background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='20'%20viewBox='0%200%2015%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.2861%206.21391C13.0865%204.03217%2011.2196%203.28749%208.85955%203.06189L8.87163%200.0378028L7.0426%200.0245329L7.03098%202.96897C6.55011%202.96537%206.05864%202.97132%205.57022%202.97751L5.58237%200.0135316L3.75442%200L3.74172%203.02326C3.34579%203.02849%202.95679%203.0331%202.57765%203.03048L2.57746%203.02102L0.0548786%203.00142L0.0475037%204.96746C0.0475037%204.96746%201.39824%204.9516%201.37571%204.97634C2.11644%204.982%202.3559%205.41673%202.42469%205.79074L2.41103%209.23587C2.46208%209.23647%202.52876%209.23909%202.60433%209.2502C2.54332%209.2498%202.4783%209.24899%202.41108%209.24913L2.39129%2014.0754C2.35795%2014.3098%202.21942%2014.683%201.70177%2014.68C1.72518%2014.701%200.372287%2014.6699%200.372287%2014.6699L0%2016.8656L2.38025%2016.8831C2.82321%2016.887%203.25898%2016.8978%203.68694%2016.9036L3.67553%2019.9621L5.50256%2019.9759L5.51452%2016.9496C6.01618%2016.9638%206.50152%2016.9714%206.9756%2016.9745L6.96275%2019.9867L8.79186%2020L8.80452%2016.9469C11.8802%2016.7921%2014.0355%2016.0284%2014.3142%2013.1241C14.5393%2010.7856%2013.4498%209.73345%2011.7061%209.29867C12.7688%208.76301%2013.4349%207.81034%2013.2861%206.21391ZM10.7011%2012.7349C10.6929%2015.0206%206.80533%2014.7319%205.56574%2014.7239L5.58243%2010.6714C6.82231%2010.681%2010.7107%2010.3509%2010.7011%2012.7349ZM9.87322%207.01114C9.8644%209.09057%206.62232%208.82398%205.58981%208.81639L5.60465%205.14112C6.63716%205.1487%209.88161%204.84236%209.87322%207.01114Z'%20fill='%23F7931A'/%3e%3c/svg%3e");
      width: 30px;
      height: 20px
    }

    .icon-euphoria-dollars {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAA2CAYAAABp26+xAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATXSURBVHgB7Zv/das2FMeve/p/0wmeOkH9Jihvg4xAJ6g7wXMmiDsB7gTJBk4mcDbAGzid4Ftdc6llRRJCAmM3/pxzDwYuAn119QMJz+gTAeBOb+61vWt7mc1m73QjjBbtXtseR2oR8kYIEcpmSYn8QJ8H5Tj2hRL5TMINyk24RGY0AbptUbpH29GIGD3or9rm2gqH207bs7ZXbW9jP1M2OlPFWD2aTneurbJ60Fg22kq6VDjicno0T5p32h4xDLW2exoDZEYMPxxl0j6DFMQWw/OdhgZNCc8pETTVoqBERKxCtjXGo6KhQdOe/EEJ6OtWLB4l0mYITXvWRW40lvb9s4Yjuhd605tXnfCTNkX94Gs5YnpHLaQKSYZKjxu/hz5o+1k/51ePz1rbN21/U5jfaAwk8rhUix7XKCnNFfUAzTsn5PqNJ0JquyA9fpX1PEuPX69n7IWIt0ePBlX82aI6GhzbswpNG+tiD0f0dwnnuIe3EAbHEG8TczMcI2ZJERgZKsSixJBr+/iyeAux88ygGOLV6BgLoekgDqVK3ek+mr44Vlmb0nN9tHAxDP6uKh0GN7hcUtxphKrum2wPQwufE5qeeyG7D7L9f86lGZHHcMehPD4tG086ykinNo77Im7lSWfQiBsVS7wajqqL03dKZZ27w2lDXVlpu3B2NlclHGOJx3y3zpuD06V1rrIyqqzz+1hBYv0uCod4dSuC3q7hiBYW2MrksyPdFfzUMITGNQrHeMQr0XT5JryvHJksHGkqdLOR+1yncIxDPObJ2t/i40t7HUgzFHVdXIdwjEe8LsqONNdIo0YzPizoGugpHmeuc8wG/3tmHxErjP16lUsP8aKrE5rXsBr5cBQGC6vXYo0k1iZo/laGm/n7i+O4Lw0f75bZx/5xHCvk3jnT3ztt33wLODMjNJVhd3Jj3s7pCl9vdIZnUtCFWMqE64484kVHnCUw00aLuf9T4Pw5+C8qdWZ/MU9w/aM0dtq+2h/onG1d1ajmSg61+zy7WnZczg/9p/H7pOrGrId6hOP11J08gwpc/qDvsaRLAnFrBr06Cc99vGmiGUiHhjTZK3KDgriRv8kjJYKAcIZPaDCt6FLAx2ir4V9HaEla60SEcOJXe3xzeujhgDvaeGxnT4lzFKxzxUO8cL6BdGn6Tfm1kp15boD5w5cXOo7XDuhjpd78Tk1Dziwxxip7w85zXJk7kwiHpr0ojENrq9f6y/jNQxwWb02na6AH8TD8Ysp7z+PnA6fTPLWdeasabz3X11Ya8457xlbVyuM7fRtnZNq5Bio+m9bHcc6eUm9ZBO7ZKRzCvbyiKcFptJUBP3OC047IIpDBCgkL0ghPECR/4zIYxsMtO/w4qtrZk7l1bo4we1tA+EVuP0QMUdCU4Bht20j/dhhSOs49IY5twDdmWmtFU4Om3aoR2V7gWCUXnvM50+YxsOjTzgwZIsx7XneodoHzS4zDZnLRJIMVEr77FWGeO3y4N4ytul1wQS3oEpCMJc1uQIYekb5FhoAsGFd9RZcCmqhJDnv0HA5IQXFHxJ3LBv5OoO19S1xCtTSRiFGUAWSRmjLwCJc8x/cjjYxMOee+563pvFPwnYwu3BCI+G90Qdz+BJfITbhEPpNwL45jr3QjDD5+hr+kDP4FNY9aBSuv5b8AAAAASUVORK5CYII=)
    }

    .icon-speed {
      background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='35'%20viewBox='0%200%2022%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.6'%20d='M15%202.5L5%2017.5H20L10%2032.5'%20stroke='%23D762A0'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%202.5L2%2017.5H17L7%2032.5'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      width: 25px;
      height: 41px
    }

    .icon-add-friend {
      background-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='18'%20viewBox='0%200%2019%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.95483%2016.9275L1.95515%2014.0957C1.95533%2012.5321%203.22296%2011.2646%204.7866%2011.2646H10.4491M12.7287%2013.847H15.1945M15.1945%2013.847H17.7755M15.1945%2013.847V16.9275M15.1945%2013.847V11.2646M13.7525%201.82642C14.8979%202.46843%2015.6402%203.49766%2015.6402%204.65786C15.6402%205.81806%2014.8979%206.8473%2013.7525%207.48931M11.393%204.65786C11.393%206.22163%2010.1253%207.48931%208.56154%207.48931C6.99778%207.48931%205.7301%206.22163%205.7301%204.65786C5.7301%203.0941%206.99778%201.82642%208.56154%201.82642C10.1253%201.82642%2011.393%203.0941%2011.393%204.65786Z'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      width: 18px;
      height: 18px
    }

    .icon-add {
      background-image: url("data:image/svg+xml,%3csvg%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='/*savepage-url=%23clip0_167_5142*/url()'%3e%3crect%20x='10'%20width='3'%20height='23'%20rx='1.5'%20fill='black'/%3e%3crect%20x='23'%20y='10'%20width='3'%20height='23'%20rx='1.5'%20transform='rotate(90%2023%2010)'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_167_5142'%3e%3crect%20width='23'%20height='23'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      width: 15px;
      height: 15px
    }

    .icon-friends {
      background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='26'%20viewBox='0%200%2032%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20shape-rendering='geometricPrecision'%20text-rendering='geometricPrecision'%20image-rendering='optimizeQuality'%3e%3cpath%20d='M13.5556%2024.3884L13.5561%2020.1333C13.5564%2017.7838%2015.4611%2015.8793%2017.8106%2015.8793H26.3191M15.5698%2010.2065C13.2201%2010.2065%2011.3153%208.30171%2011.3153%205.95199C11.3153%203.60227%2013.2201%201.69745%2015.5698%201.69745M5.64258%2024.3884L5.64306%2020.1333C5.64332%2017.7838%207.54807%2015.8793%209.8976%2015.8793H12.7539M29.9469%2024.3883L29.9474%2020.1333C29.9474%2019.1767%2029.8457%2018.585%2029.6961%2018.1727C29.187%2016.77%2027.4418%2015.8793%2025.9496%2015.8793H25.7539M27.7374%205.95199C27.7374%208.30171%2025.8326%2010.2065%2023.4829%2010.2065C21.1332%2010.2065%2019.2283%208.30171%2019.2283%205.95199C19.2283%203.60227%2021.1332%201.69745%2023.4829%201.69745C25.8326%201.69745%2027.7374%203.60227%2027.7374%205.95199Z'%20stroke='%23D762A0'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      width: 25px;
      height: 20px
    }

    .icon-rewards {
      background-color: var(--color-accent);
      width: 32px;
      height: 30px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='843'%20height='797'%20viewBox='0%200%20843%20797'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M211%20261L102.5%20288M102.5%20288C102.5%20288%207.99994%20411.5%2021.9999%20432C35.9999%20452.5%20330.5%20538.5%20347.5%20521C364.5%20503.5%20416%20385%20416%20385M102.5%20288C230.44%20323.591%20299.201%20344.78%20416%20385M416%20385C416%20385%20472%20506%20496.5%20521C521%20536%20817%20452.5%20822%20432C827%20411.5%20745%20288%20745%20288M416%20385C541.852%20342.922%20613.653%20321.308%20745%20288M102.5%20502.5C102.5%20502.5%2085.4999%20670%20102.5%20692C119.5%20714%20384%20777.5%20428%20776M428%20776V502.5M428%20776C478%20777.5%20762%20706%20763.5%20682C765%20658%20763.5%20502.5%20763.5%20502.5M640.5%20267.5L745%20288M545.5%20300.5C545.5%20300.5%20537.5%20279%20549.5%20261C561.5%20243%20602.678%20204.991%20622.5%20165.5C581.962%20150.52%20557.622%20143.423%20506.5%20137C479.662%2098.4943%20462.363%2072.8973%20428%2021C400.215%2052.0489%20385.643%2072.9254%20362.5%20120C316.283%20130.262%20290.172%20137.752%20243.5%20152C268.976%20208.262%20305%20245.895%20315.5%20261C326%20276.105%20315.5%20304.5%20315.5%20304.5M714.5%2090H746.5M783.5%2090H817M765%20137V105M765%2070V40.5M584.5%2040H606.5M643.5%2040H667M625%2077V55M625%2020V0.5'%20stroke='white'%20stroke-width='41'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='843'%20height='797'%20viewBox='0%200%20843%20797'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M211%20261L102.5%20288M102.5%20288C102.5%20288%207.99994%20411.5%2021.9999%20432C35.9999%20452.5%20330.5%20538.5%20347.5%20521C364.5%20503.5%20416%20385%20416%20385M102.5%20288C230.44%20323.591%20299.201%20344.78%20416%20385M416%20385C416%20385%20472%20506%20496.5%20521C521%20536%20817%20452.5%20822%20432C827%20411.5%20745%20288%20745%20288M416%20385C541.852%20342.922%20613.653%20321.308%20745%20288M102.5%20502.5C102.5%20502.5%2085.4999%20670%20102.5%20692C119.5%20714%20384%20777.5%20428%20776M428%20776V502.5M428%20776C478%20777.5%20762%20706%20763.5%20682C765%20658%20763.5%20502.5%20763.5%20502.5M640.5%20267.5L745%20288M545.5%20300.5C545.5%20300.5%20537.5%20279%20549.5%20261C561.5%20243%20602.678%20204.991%20622.5%20165.5C581.962%20150.52%20557.622%20143.423%20506.5%20137C479.662%2098.4943%20462.363%2072.8973%20428%2021C400.215%2052.0489%20385.643%2072.9254%20362.5%20120C316.283%20130.262%20290.172%20137.752%20243.5%20152C268.976%20208.262%20305%20245.895%20315.5%20261C326%20276.105%20315.5%20304.5%20315.5%20304.5M714.5%2090H746.5M783.5%2090H817M765%20137V105M765%2070V40.5M584.5%2040H606.5M643.5%2040H667M625%2077V55M625%2020V0.5'%20stroke='white'%20stroke-width='41'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-flame {
      background-image: url("data:image/svg+xml,%3csvg%20width='31'%20height='38'%20viewBox='0%200%2031%2038'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='/*savepage-url=%23clip0_233_177*/url()'%3e%3cpath%20d='M7.12901%2010.9181C8.92125%208.05453%2010.6963%205.11288%2011.8039%202.2339C12.2734%201.01323%2013.7208%200.439661%2014.7273%201.23623C20.8236%206.06041%2029.9667%2015.3858%2029.9667%2024.0682C29.9667%2026.2728%2029.6065%2028.1361%2029.0079%2029.7034M3.68367%2016.5537C2.14246%2019.2849%201.03336%2021.8386%201.03336%2024.0682C1.03336%2029.9046%205.09411%2034.0409%208.41392%2036.0372C9.17454%2036.4947%209.91493%2035.5406%209.51583%2034.7272C8.63702%2032.936%207.78446%2030.6229%207.78446%2028.7645C7.78446%2026.1883%209.67402%2024.118%2011.0237%2022.7904C11.3699%2022.45%2011.9123%2022.4553%2012.2125%2022.84C12.7696%2023.5544%2013.3268%2024.4587%2013.8839%2025.1906C14.211%2025.6202%2014.8203%2025.5823%2015.1073%2025.1228C16.8904%2022.2682%2017.304%2018.6259%2017.4%2015.9035C17.429%2015.0819%2018.3547%2014.6782%2018.8854%2015.2881C21.2069%2017.9564%2024.18%2022.2824%2024.18%2025.9467C24.18%2029.3579%2022.3397%2032.9841%2020.7476%2035.361C20.2809%2036.0575%2020.7937%2037.0024%2021.5739%2036.7501C22.5044%2036.4494%2023.5046%2035.9982%2024.4789%2035.361'%20stroke='%23D762A0'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_233_177'%3e%3crect%20width='31'%20height='38'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      width: 21px;
      height: 28px
    }

    .icon-copy {
      background-color: color-mix(in oklab, var(--color-white)50%, transparent);
      width: 15px;
      height: 15px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.5%202H5.5C5.36739%202%205.24021%202.05268%205.14645%202.14645C5.05268%202.24021%205%202.36739%205%202.5V5H2.5C2.36739%205%202.24021%205.05268%202.14645%205.14645C2.05268%205.24021%202%205.36739%202%205.5V13.5C2%2013.6326%202.05268%2013.7598%202.14645%2013.8536C2.24021%2013.9473%202.36739%2014%202.5%2014H10.5C10.6326%2014%2010.7598%2013.9473%2010.8536%2013.8536C10.9473%2013.7598%2011%2013.6326%2011%2013.5V11H13.5C13.6326%2011%2013.7598%2010.9473%2013.8536%2010.8536C13.9473%2010.7598%2014%2010.6326%2014%2010.5V2.5C14%202.36739%2013.9473%202.24021%2013.8536%202.14645C13.7598%202.05268%2013.6326%202%2013.5%202ZM13%2010H11V5.5C11%205.36739%2010.9473%205.24021%2010.8536%205.14645C10.7598%205.05268%2010.6326%205%2010.5%205H6V3H13V10Z'%20fill='white'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.5%202H5.5C5.36739%202%205.24021%202.05268%205.14645%202.14645C5.05268%202.24021%205%202.36739%205%202.5V5H2.5C2.36739%205%202.24021%205.05268%202.14645%205.14645C2.05268%205.24021%202%205.36739%202%205.5V13.5C2%2013.6326%202.05268%2013.7598%202.14645%2013.8536C2.24021%2013.9473%202.36739%2014%202.5%2014H10.5C10.6326%2014%2010.7598%2013.9473%2010.8536%2013.8536C10.9473%2013.7598%2011%2013.6326%2011%2013.5V11H13.5C13.6326%2011%2013.7598%2010.9473%2013.8536%2010.8536C13.9473%2010.7598%2014%2010.6326%2014%2010.5V2.5C14%202.36739%2013.9473%202.24021%2013.8536%202.14645C13.7598%202.05268%2013.6326%202%2013.5%202ZM13%2010H11V5.5C11%205.36739%2010.9473%205.24021%2010.8536%205.14645C10.7598%205.05268%2010.6326%205%2010.5%205H6V3H13V10Z'%20fill='white'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-link-arrow {
      background-color: color-mix(in oklab, var(--color-white)50%, transparent);
      width: 8px;
      height: 8px;
      margin-top: -4px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.775546%207.62624L-2.20239e-05%206.85067L5.76702%201.07369H1.31248L1.32242%20-0.00017786H7.61646V6.3038H6.53265L6.54259%201.84925L0.775546%207.62624Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.775546%207.62624L-2.20239e-05%206.85067L5.76702%201.07369H1.31248L1.32242%20-0.00017786H7.61646V6.3038H6.53265L6.54259%201.84925L0.775546%207.62624Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-copy-black {
      background-color: var(--color-black);
      width: 15px;
      height: 15px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.5%202H5.5C5.36739%202%205.24021%202.05268%205.14645%202.14645C5.05268%202.24021%205%202.36739%205%202.5V5H2.5C2.36739%205%202.24021%205.05268%202.14645%205.14645C2.05268%205.24021%202%205.36739%202%205.5V13.5C2%2013.6326%202.05268%2013.7598%202.14645%2013.8536C2.24021%2013.9473%202.36739%2014%202.5%2014H10.5C10.6326%2014%2010.7598%2013.9473%2010.8536%2013.8536C10.9473%2013.7598%2011%2013.6326%2011%2013.5V11H13.5C13.6326%2011%2013.7598%2010.9473%2013.8536%2010.8536C13.9473%2010.7598%2014%2010.6326%2014%2010.5V2.5C14%202.36739%2013.9473%202.24021%2013.8536%202.14645C13.7598%202.05268%2013.6326%202%2013.5%202ZM13%2010H11V5.5C11%205.36739%2010.9473%205.24021%2010.8536%205.14645C10.7598%205.05268%2010.6326%205%2010.5%205H6V3H13V10Z'%20fill='white'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.5%202H5.5C5.36739%202%205.24021%202.05268%205.14645%202.14645C5.05268%202.24021%205%202.36739%205%202.5V5H2.5C2.36739%205%202.24021%205.05268%202.14645%205.14645C2.05268%205.24021%202%205.36739%202%205.5V13.5C2%2013.6326%202.05268%2013.7598%202.14645%2013.8536C2.24021%2013.9473%202.36739%2014%202.5%2014H10.5C10.6326%2014%2010.7598%2013.9473%2010.8536%2013.8536C10.9473%2013.7598%2011%2013.6326%2011%2013.5V11H13.5C13.6326%2011%2013.7598%2010.9473%2013.8536%2010.8536C13.9473%2010.7598%2014%2010.6326%2014%2010.5V2.5C14%202.36739%2013.9473%202.24021%2013.8536%202.14645C13.7598%202.05268%2013.6326%202%2013.5%202ZM13%2010H11V5.5C11%205.36739%2010.9473%205.24021%2010.8536%205.14645C10.7598%205.05268%2010.6326%205%2010.5%205H6V3H13V10Z'%20fill='white'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-qr {
      background-image: url("data:image/svg+xml,%3csvg%20width='94'%20height='94'%20viewBox='0%200%2094%2094'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='/*savepage-url=%23clip0_161_5126*/url()'%3e%3cpath%20d='M32.375%204.125H8.83333C6.23299%204.125%204.125%206.23299%204.125%208.83333V32.375C4.125%2034.9753%206.23299%2037.0833%208.83333%2037.0833H32.375C34.9753%2037.0833%2037.0833%2034.9753%2037.0833%2032.375V8.83333C37.0833%206.23299%2034.9753%204.125%2032.375%204.125Z'%20stroke='white'%20stroke-width='7.67'/%3e%3cpath%20d='M32.375%2055.9167H8.83333C6.23299%2055.9167%204.125%2058.0247%204.125%2060.6251V84.1667C4.125%2086.7671%206.23299%2088.8751%208.83333%2088.8751H32.375C34.9753%2088.8751%2037.0833%2086.7671%2037.0833%2084.1667V60.6251C37.0833%2058.0247%2034.9753%2055.9167%2032.375%2055.9167Z'%20stroke='white'%20stroke-width='7.67'/%3e%3cpath%20d='M84.1667%204.125H60.6251C58.0247%204.125%2055.9167%206.23299%2055.9167%208.83333V32.375C55.9167%2034.9753%2058.0247%2037.0833%2060.6251%2037.0833H84.1667C86.7671%2037.0833%2088.8751%2034.9753%2088.8751%2032.375V8.83333C88.8751%206.23299%2086.7671%204.125%2084.1667%204.125Z'%20stroke='white'%20stroke-width='7.67'/%3e%3cpath%20d='M61.4983%2055.0432V61.4983H55.0432V55.0432H61.4983Z'%20fill='black'%20stroke='white'%20stroke-width='7.67'/%3e%3cpath%20d='M75.6233%2069.1682V75.6233H69.1682V69.1682H75.6233Z'%20fill='black'%20stroke='white'%20stroke-width='7.67'/%3e%3cpath%20d='M89.7483%2055.0432V61.4983H83.2932V55.0432H89.7483Z'%20fill='black'%20stroke='white'%20stroke-width='7.67'/%3e%3cpath%20d='M89.7483%2083.2932V89.7483H83.2932V83.2932H89.7483Z'%20fill='black'%20stroke='white'%20stroke-width='7.67'/%3e%3cpath%20d='M61.4983%2083.2932V89.7483H55.0432V83.2932H61.4983Z'%20fill='black'%20stroke='white'%20stroke-width='7.67'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_161_5126'%3e%3crect%20width='94'%20height='94'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      width: 15px;
      height: 15px
    }

    .icon-pwa-download {
      background-image: url("data:image/svg+xml,%3csvg%20width='153'%20height='153'%20viewBox='0%200%20153%20153'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M127.502%2019.1254H25.5H12.75V31.8754V95.625V108.375V108.375H25.5V108.375H63.75V121.125H51V133.875H63.75H89.25H102V121.125H89.25V108.375H127.502V108.375H140.252V19.1254H140.25H127.502ZM89.25%2095.625H63.75H25.5V31.8754H127.502V95.625H89.25Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      width: 20px;
      height: 20px
    }

    .icon-menu {
      background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2%2014H26M2%202H26M2%2026H26'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      width: 15px;
      height: 15px
    }

    .icon-login {
      background-color: var(--color-white);
      width: 15px;
      height: 15px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M26%2038H34C35.0609%2038%2036.0783%2037.5786%2036.8284%2036.8284C37.5786%2036.0783%2038%2035.0609%2038%2034V6C38%204.93913%2037.5786%203.92172%2036.8284%203.17157C36.0783%202.42143%2035.0609%202%2034%202H26M16%2030L26%2020M26%2020L16%2010M26%2020H14H2'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M26%2038H34C35.0609%2038%2036.0783%2037.5786%2036.8284%2036.8284C37.5786%2036.0783%2038%2035.0609%2038%2034V6C38%204.93913%2037.5786%203.92172%2036.8284%203.17157C36.0783%202.42143%2035.0609%202%2034%202H26M16%2030L26%2020M26%2020L16%2010M26%2020H14H2'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-logout {
      background-color: var(--color-white);
      width: 15px;
      height: 15px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2038H6C4.93913%2038%203.92172%2037.5786%203.17157%2036.8284C2.42143%2036.0783%202%2035.0609%202%2034V6C2%204.93913%202.42143%203.92172%203.17157%203.17157C3.92172%202.42143%204.93913%202%206%202H14M28%2030L38%2020M38%2020L28%2010M38%2020H14'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2038H6C4.93913%2038%203.92172%2037.5786%203.17157%2036.8284C2.42143%2036.0783%202%2035.0609%202%2034V6C2%204.93913%202.42143%203.92172%203.17157%203.17157C3.92172%202.42143%204.93913%202%206%202H14M28%2030L38%2020M38%2020L28%2010M38%2020H14'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-warning {
      background-color: var(--color-red-300);
      width: 16px;
      height: 16px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='/*savepage-url=%23clip0_174_5140*/url()'%3e%3cpath%20d='M7%200H3C1.3455%200%200%201.3455%200%203V9.5C0%209.63261%200.0526784%209.75979%200.146447%209.85355C0.240215%209.94732%200.367392%2010%200.5%2010H7C8.6545%2010%2010%208.6545%2010%207V3C10%201.3455%208.6545%200%207%200ZM9%207C9%208.103%208.103%209%207%209H1V3C1%201.897%201.897%201%203%201H7C8.103%201%209%201.897%209%203V7Z'%20fill='black'/%3e%3cpath%20d='M4.5%202H5.5V6H4.5V2ZM4.5%207H5.5V8H4.5V7Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_174_5140'%3e%3crect%20width='10'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='/*savepage-url=%23clip0_174_5140*/url()'%3e%3cpath%20d='M7%200H3C1.3455%200%200%201.3455%200%203V9.5C0%209.63261%200.0526784%209.75979%200.146447%209.85355C0.240215%209.94732%200.367392%2010%200.5%2010H7C8.6545%2010%2010%208.6545%2010%207V3C10%201.3455%208.6545%200%207%200ZM9%207C9%208.103%208.103%209%207%209H1V3C1%201.897%201.897%201%203%201H7C8.103%201%209%201.897%209%203V7Z'%20fill='black'/%3e%3cpath%20d='M4.5%202H5.5V6H4.5V2ZM4.5%207H5.5V8H4.5V7Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_174_5140'%3e%3crect%20width='10'%20height='10'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-dollar-fill {
      background-color: #ffbae0;
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%2014.25C15%2014.6478%2014.842%2015.0294%2014.5607%2015.3107C14.2794%2015.592%2013.8978%2015.75%2013.5%2015.75H12.75V12.75H13.5C13.8978%2012.75%2014.2794%2012.908%2014.5607%2013.1893C14.842%2013.4706%2015%2013.8522%2015%2014.25ZM21.75%2012C21.75%2013.9284%2021.1782%2015.8134%2020.1068%2017.4168C19.0355%2019.0202%2017.5127%2020.2699%2015.7312%2021.0078C13.9496%2021.7458%2011.9892%2021.9389%2010.0979%2021.5627C8.20656%2021.1865%206.46928%2020.2579%205.10571%2018.8943C3.74215%2017.5307%202.81355%2015.7934%202.43735%2013.9021C2.06114%2012.0108%202.25422%2010.0504%202.99218%208.26884C3.73013%206.48726%204.97982%204.96451%206.58319%203.89317C8.18657%202.82183%2010.0716%202.25%2012%202.25C14.585%202.25273%2017.0634%203.28084%2018.8913%205.10872C20.7192%206.93661%2021.7473%209.41498%2021.75%2012ZM16.5%2014.25C16.5%2013.4544%2016.1839%2012.6913%2015.6213%2012.1287C15.0587%2011.5661%2014.2957%2011.25%2013.5%2011.25H12.75V8.25H13.125C13.5228%208.25%2013.9044%208.40804%2014.1857%208.68934C14.467%208.97064%2014.625%209.35218%2014.625%209.75C14.625%209.94891%2014.704%2010.1397%2014.8447%2010.2803C14.9853%2010.421%2015.1761%2010.5%2015.375%2010.5C15.5739%2010.5%2015.7647%2010.421%2015.9053%2010.2803C16.046%2010.1397%2016.125%209.94891%2016.125%209.75C16.125%208.95435%2015.8089%208.19129%2015.2463%207.62868C14.6837%207.06607%2013.9207%206.75%2013.125%206.75H12.75V6C12.75%205.80109%2012.671%205.61032%2012.5303%205.46967C12.3897%205.32902%2012.1989%205.25%2012%205.25C11.8011%205.25%2011.6103%205.32902%2011.4697%205.46967C11.329%205.61032%2011.25%205.80109%2011.25%206V6.75H10.875C10.0794%206.75%209.31629%207.06607%208.75368%207.62868C8.19107%208.19129%207.875%208.95435%207.875%209.75C7.875%2010.5456%208.19107%2011.3087%208.75368%2011.8713C9.31629%2012.4339%2010.0794%2012.75%2010.875%2012.75H11.25V15.75H10.5C10.1022%2015.75%209.72065%2015.592%209.43934%2015.3107C9.15804%2015.0294%209%2014.6478%209%2014.25C9%2014.0511%208.92099%2013.8603%208.78033%2013.7197C8.63968%2013.579%208.44892%2013.5%208.25%2013.5C8.05109%2013.5%207.86033%2013.579%207.71967%2013.7197C7.57902%2013.8603%207.5%2014.0511%207.5%2014.25C7.5%2015.0456%207.81607%2015.8087%208.37868%2016.3713C8.94129%2016.9339%209.70435%2017.25%2010.5%2017.25H11.25V18C11.25%2018.1989%2011.329%2018.3897%2011.4697%2018.5303C11.6103%2018.671%2011.8011%2018.75%2012%2018.75C12.1989%2018.75%2012.3897%2018.671%2012.5303%2018.5303C12.671%2018.3897%2012.75%2018.1989%2012.75%2018V17.25H13.5C14.2957%2017.25%2015.0587%2016.9339%2015.6213%2016.3713C16.1839%2015.8087%2016.5%2015.0456%2016.5%2014.25ZM9.375%209.75C9.375%2010.1478%209.53304%2010.5294%209.81434%2010.8107C10.0956%2011.092%2010.4772%2011.25%2010.875%2011.25H11.25V8.25H10.875C10.4772%208.25%2010.0956%208.40804%209.81434%208.68934C9.53304%208.97064%209.375%209.35218%209.375%209.75Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%2014.25C15%2014.6478%2014.842%2015.0294%2014.5607%2015.3107C14.2794%2015.592%2013.8978%2015.75%2013.5%2015.75H12.75V12.75H13.5C13.8978%2012.75%2014.2794%2012.908%2014.5607%2013.1893C14.842%2013.4706%2015%2013.8522%2015%2014.25ZM21.75%2012C21.75%2013.9284%2021.1782%2015.8134%2020.1068%2017.4168C19.0355%2019.0202%2017.5127%2020.2699%2015.7312%2021.0078C13.9496%2021.7458%2011.9892%2021.9389%2010.0979%2021.5627C8.20656%2021.1865%206.46928%2020.2579%205.10571%2018.8943C3.74215%2017.5307%202.81355%2015.7934%202.43735%2013.9021C2.06114%2012.0108%202.25422%2010.0504%202.99218%208.26884C3.73013%206.48726%204.97982%204.96451%206.58319%203.89317C8.18657%202.82183%2010.0716%202.25%2012%202.25C14.585%202.25273%2017.0634%203.28084%2018.8913%205.10872C20.7192%206.93661%2021.7473%209.41498%2021.75%2012ZM16.5%2014.25C16.5%2013.4544%2016.1839%2012.6913%2015.6213%2012.1287C15.0587%2011.5661%2014.2957%2011.25%2013.5%2011.25H12.75V8.25H13.125C13.5228%208.25%2013.9044%208.40804%2014.1857%208.68934C14.467%208.97064%2014.625%209.35218%2014.625%209.75C14.625%209.94891%2014.704%2010.1397%2014.8447%2010.2803C14.9853%2010.421%2015.1761%2010.5%2015.375%2010.5C15.5739%2010.5%2015.7647%2010.421%2015.9053%2010.2803C16.046%2010.1397%2016.125%209.94891%2016.125%209.75C16.125%208.95435%2015.8089%208.19129%2015.2463%207.62868C14.6837%207.06607%2013.9207%206.75%2013.125%206.75H12.75V6C12.75%205.80109%2012.671%205.61032%2012.5303%205.46967C12.3897%205.32902%2012.1989%205.25%2012%205.25C11.8011%205.25%2011.6103%205.32902%2011.4697%205.46967C11.329%205.61032%2011.25%205.80109%2011.25%206V6.75H10.875C10.0794%206.75%209.31629%207.06607%208.75368%207.62868C8.19107%208.19129%207.875%208.95435%207.875%209.75C7.875%2010.5456%208.19107%2011.3087%208.75368%2011.8713C9.31629%2012.4339%2010.0794%2012.75%2010.875%2012.75H11.25V15.75H10.5C10.1022%2015.75%209.72065%2015.592%209.43934%2015.3107C9.15804%2015.0294%209%2014.6478%209%2014.25C9%2014.0511%208.92099%2013.8603%208.78033%2013.7197C8.63968%2013.579%208.44892%2013.5%208.25%2013.5C8.05109%2013.5%207.86033%2013.579%207.71967%2013.7197C7.57902%2013.8603%207.5%2014.0511%207.5%2014.25C7.5%2015.0456%207.81607%2015.8087%208.37868%2016.3713C8.94129%2016.9339%209.70435%2017.25%2010.5%2017.25H11.25V18C11.25%2018.1989%2011.329%2018.3897%2011.4697%2018.5303C11.6103%2018.671%2011.8011%2018.75%2012%2018.75C12.1989%2018.75%2012.3897%2018.671%2012.5303%2018.5303C12.671%2018.3897%2012.75%2018.1989%2012.75%2018V17.25H13.5C14.2957%2017.25%2015.0587%2016.9339%2015.6213%2016.3713C16.1839%2015.8087%2016.5%2015.0456%2016.5%2014.25ZM9.375%209.75C9.375%2010.1478%209.53304%2010.5294%209.81434%2010.8107C10.0956%2011.092%2010.4772%2011.25%2010.875%2011.25H11.25V8.25H10.875C10.4772%208.25%2010.0956%208.40804%209.81434%208.68934C9.53304%208.97064%209.375%209.35218%209.375%209.75Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-shield-fill {
      background-color: #99fce1;
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.4996%203.74951C19.8973%203.74951%2020.2789%203.90784%2020.5602%204.18896C20.8414%204.47021%2020.9996%204.85178%2020.9996%205.24951V10.4995C20.9996%2015.4417%2018.6076%2018.437%2016.6061%2020.0796C14.4433%2021.8462%2012.297%2022.4469%2012.1998%2022.4731C12.071%2022.5082%2011.9351%2022.5081%2011.8063%2022.4731C11.7125%2022.4478%209.5619%2021.8477%207.40002%2020.0796C5.39284%2018.4371%202.99963%2015.442%202.99963%2010.4995V5.24951C2.9997%204.8518%203.15787%204.47021%203.43909%204.18896C3.72031%203.90774%204.10193%203.7496%204.49963%203.74951H19.4996ZM14.6451%2012.3218C14.1561%2012.2738%2013.6651%2012.3973%2013.2565%2012.6704C12.848%2012.9435%2012.5466%2013.3497%2012.4039%2013.8198C12.2613%2014.2902%2012.2862%2014.7964%2012.4742%2015.2505C12.6623%2015.7043%2013.002%2016.0793%2013.4352%2016.311C13.8687%2016.5427%2014.3701%2016.6168%2014.8522%2016.521C15.3342%2016.425%2015.7679%2016.1646%2016.0797%2015.7847C16.3915%2015.4047%2016.5621%2014.9286%2016.5621%2014.437C16.5629%2014.1579%2016.5078%2013.8814%2016.401%2013.6235C16.3208%2013.43%2016.2125%2013.2494%2016.0797%2013.0884L15.9391%2012.9331C15.5915%2012.5862%2015.1339%2012.3699%2014.6451%2012.3218ZM15.3746%207.81006C15.159%207.81015%2014.9519%207.89586%2014.7994%208.04834L8.04944%2014.7983C7.97396%2014.8738%207.91355%2014.9634%207.87268%2015.062C7.83188%2015.1606%207.81119%2015.2669%207.81116%2015.3735C7.81121%2015.48%207.83203%2015.5857%207.87268%2015.6841C7.91351%2015.7826%207.97404%2015.8733%208.04944%2015.9487C8.1248%2016.024%208.21474%2016.0837%208.31311%2016.1245C8.41168%2016.1653%208.51795%2016.187%208.62463%2016.187C8.73116%2016.187%208.83674%2016.1652%208.93518%2016.1245C9.03384%2016.0836%209.12431%2016.0242%209.19983%2015.9487L15.9498%209.19873C16.1023%209.04628%2016.188%208.83913%2016.1881%208.62354C16.188%208.40806%2016.1021%208.2008%2015.9498%208.04834C15.7974%207.89605%2015.5901%207.81015%2015.3746%207.81006ZM14.486%2013.939C14.6009%2013.9503%2014.7089%2014.0019%2014.7906%2014.0835H14.7916C14.838%2014.1295%2014.875%2014.1853%2014.9%2014.2456C14.9249%2014.3059%2014.9373%2014.3708%2014.9371%2014.436V14.437C14.9371%2014.5527%2014.8972%2014.665%2014.8239%2014.7544C14.7505%2014.8437%2014.6482%2014.9047%2014.5348%2014.9272C14.4214%2014.9497%2014.3037%2014.9319%2014.2018%2014.8774C14.1%2014.8229%2014.0194%2014.7351%2013.9752%2014.6284C13.9311%2014.5216%2013.9251%2014.4021%2013.9586%2014.2915C13.9922%2014.181%2014.0638%2014.0852%2014.1598%2014.021C14.2557%2013.957%2014.3712%2013.9278%2014.486%2013.939ZM10.3776%207.59912C9.92355%207.41091%209.4173%207.38539%208.9469%207.52783C8.47657%207.67037%208.06975%207.97187%207.79651%208.38037C7.52328%208.78886%207.40007%209.27994%207.44788%209.76904C7.49577%2010.2579%207.71233%2010.7153%208.0592%2011.063C8.25601%2011.2612%208.4907%2011.4188%208.74866%2011.5259C9.00641%2011.6328%209.28311%2011.6866%209.56213%2011.686C10.0537%2011.6863%2010.5306%2011.5172%2010.9108%2011.2056C11.2908%2010.894%2011.5509%2010.46%2011.6471%209.97803C11.7432%209.49597%2011.6696%208.99466%2011.4381%208.56104C11.2066%208.12758%2010.8315%207.78745%2010.3776%207.59912ZM9.51331%209.06494C9.62829%209.05366%209.74436%209.08283%209.84045%209.14697C9.93637%209.21121%2010.0071%209.30702%2010.0406%209.41748C10.0741%209.52802%2010.0682%209.64669%2010.024%209.75342C9.97974%209.86028%209.89953%209.94893%209.79749%2010.0034C9.69553%2010.0577%209.57779%2010.0748%209.46448%2010.0522C9.35122%2010.0296%209.24866%209.96872%209.17542%209.87939C9.10228%209.79%209.06208%209.67752%209.06213%209.56201V9.56104C9.06201%209.49579%209.07523%209.43088%209.10022%209.37061C9.12527%209.31029%209.16227%209.25549%209.20862%209.20947V9.2085C9.29034%209.12683%209.39834%209.07632%209.51331%209.06494Z'%20fill='%2399FCE1'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.4996%203.74951C19.8973%203.74951%2020.2789%203.90784%2020.5602%204.18896C20.8414%204.47021%2020.9996%204.85178%2020.9996%205.24951V10.4995C20.9996%2015.4417%2018.6076%2018.437%2016.6061%2020.0796C14.4433%2021.8462%2012.297%2022.4469%2012.1998%2022.4731C12.071%2022.5082%2011.9351%2022.5081%2011.8063%2022.4731C11.7125%2022.4478%209.5619%2021.8477%207.40002%2020.0796C5.39284%2018.4371%202.99963%2015.442%202.99963%2010.4995V5.24951C2.9997%204.8518%203.15787%204.47021%203.43909%204.18896C3.72031%203.90774%204.10193%203.7496%204.49963%203.74951H19.4996ZM14.6451%2012.3218C14.1561%2012.2738%2013.6651%2012.3973%2013.2565%2012.6704C12.848%2012.9435%2012.5466%2013.3497%2012.4039%2013.8198C12.2613%2014.2902%2012.2862%2014.7964%2012.4742%2015.2505C12.6623%2015.7043%2013.002%2016.0793%2013.4352%2016.311C13.8687%2016.5427%2014.3701%2016.6168%2014.8522%2016.521C15.3342%2016.425%2015.7679%2016.1646%2016.0797%2015.7847C16.3915%2015.4047%2016.5621%2014.9286%2016.5621%2014.437C16.5629%2014.1579%2016.5078%2013.8814%2016.401%2013.6235C16.3208%2013.43%2016.2125%2013.2494%2016.0797%2013.0884L15.9391%2012.9331C15.5915%2012.5862%2015.1339%2012.3699%2014.6451%2012.3218ZM15.3746%207.81006C15.159%207.81015%2014.9519%207.89586%2014.7994%208.04834L8.04944%2014.7983C7.97396%2014.8738%207.91355%2014.9634%207.87268%2015.062C7.83188%2015.1606%207.81119%2015.2669%207.81116%2015.3735C7.81121%2015.48%207.83203%2015.5857%207.87268%2015.6841C7.91351%2015.7826%207.97404%2015.8733%208.04944%2015.9487C8.1248%2016.024%208.21474%2016.0837%208.31311%2016.1245C8.41168%2016.1653%208.51795%2016.187%208.62463%2016.187C8.73116%2016.187%208.83674%2016.1652%208.93518%2016.1245C9.03384%2016.0836%209.12431%2016.0242%209.19983%2015.9487L15.9498%209.19873C16.1023%209.04628%2016.188%208.83913%2016.1881%208.62354C16.188%208.40806%2016.1021%208.2008%2015.9498%208.04834C15.7974%207.89605%2015.5901%207.81015%2015.3746%207.81006ZM14.486%2013.939C14.6009%2013.9503%2014.7089%2014.0019%2014.7906%2014.0835H14.7916C14.838%2014.1295%2014.875%2014.1853%2014.9%2014.2456C14.9249%2014.3059%2014.9373%2014.3708%2014.9371%2014.436V14.437C14.9371%2014.5527%2014.8972%2014.665%2014.8239%2014.7544C14.7505%2014.8437%2014.6482%2014.9047%2014.5348%2014.9272C14.4214%2014.9497%2014.3037%2014.9319%2014.2018%2014.8774C14.1%2014.8229%2014.0194%2014.7351%2013.9752%2014.6284C13.9311%2014.5216%2013.9251%2014.4021%2013.9586%2014.2915C13.9922%2014.181%2014.0638%2014.0852%2014.1598%2014.021C14.2557%2013.957%2014.3712%2013.9278%2014.486%2013.939ZM10.3776%207.59912C9.92355%207.41091%209.4173%207.38539%208.9469%207.52783C8.47657%207.67037%208.06975%207.97187%207.79651%208.38037C7.52328%208.78886%207.40007%209.27994%207.44788%209.76904C7.49577%2010.2579%207.71233%2010.7153%208.0592%2011.063C8.25601%2011.2612%208.4907%2011.4188%208.74866%2011.5259C9.00641%2011.6328%209.28311%2011.6866%209.56213%2011.686C10.0537%2011.6863%2010.5306%2011.5172%2010.9108%2011.2056C11.2908%2010.894%2011.5509%2010.46%2011.6471%209.97803C11.7432%209.49597%2011.6696%208.99466%2011.4381%208.56104C11.2066%208.12758%2010.8315%207.78745%2010.3776%207.59912ZM9.51331%209.06494C9.62829%209.05366%209.74436%209.08283%209.84045%209.14697C9.93637%209.21121%2010.0071%209.30702%2010.0406%209.41748C10.0741%209.52802%2010.0682%209.64669%2010.024%209.75342C9.97974%209.86028%209.89953%209.94893%209.79749%2010.0034C9.69553%2010.0577%209.57779%2010.0748%209.46448%2010.0522C9.35122%2010.0296%209.24866%209.96872%209.17542%209.87939C9.10228%209.79%209.06208%209.67752%209.06213%209.56201V9.56104C9.06201%209.49579%209.07523%209.43088%209.10022%209.37061C9.12527%209.31029%209.16227%209.25549%209.20862%209.20947V9.2085C9.29034%209.12683%209.39834%209.07632%209.51331%209.06494Z'%20fill='%2399FCE1'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-error-fill {
      background-color: var(--color-red-400);
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.207%2017.7137L14.2042%203.81561C14.0042%203.47512%2013.7187%203.19279%2013.376%202.99663C13.0333%202.80046%2012.6453%202.69727%2012.2504%202.69727C11.8555%202.69727%2011.4675%202.80046%2011.1248%202.99663C10.7821%203.19279%2010.4966%203.47512%2010.2966%203.81561L2.29382%2017.7137C2.1014%2018.043%202%2018.4176%202%2018.799C2%2019.1804%202.1014%2019.555%202.29382%2019.8843C2.49124%2020.2269%202.77625%2020.5108%203.1196%2020.7068C3.46295%2020.9028%203.85227%2021.004%204.24762%2020.9999H20.2532C20.6482%2021.0037%2021.0372%2020.9023%2021.3802%2020.7063C21.7232%2020.5103%2022.0079%2020.2266%2022.2052%2019.8843C22.3979%2019.5552%2022.4996%2019.1807%2022.4999%2018.7992C22.5002%2018.4178%2022.3991%2018.0432%2022.207%2017.7137ZM11.5183%2010.0183C11.5183%209.82418%2011.5954%209.63797%2011.7327%209.50067C11.87%209.36338%2012.0562%209.28624%2012.2504%209.28624C12.4446%209.28624%2012.6308%209.36338%2012.7681%209.50067C12.9054%209.63797%2012.9825%209.82418%2012.9825%2010.0183V13.6789C12.9825%2013.873%2012.9054%2014.0592%2012.7681%2014.1965C12.6308%2014.3338%2012.4446%2014.411%2012.2504%2014.411C12.0562%2014.411%2011.87%2014.3338%2011.7327%2014.1965C11.5954%2014.0592%2011.5183%2013.873%2011.5183%2013.6789V10.0183ZM12.2504%2018.0715C12.0332%2018.0715%2011.8209%2018.0071%2011.6403%2017.8864C11.4597%2017.7657%2011.319%2017.5942%2011.2359%2017.3936C11.1527%2017.1929%2011.131%2016.9721%2011.1734%2016.7591C11.2157%2016.5461%2011.3203%2016.3504%2011.4739%2016.1968C11.6275%2016.0432%2011.8232%2015.9386%2012.0362%2015.8963C12.2492%2015.8539%2012.47%2015.8756%2012.6707%2015.9588C12.8713%2016.0419%2013.0428%2016.1826%2013.1635%2016.3632C13.2842%2016.5438%2013.3486%2016.7561%2013.3486%2016.9733C13.3486%2017.2646%2013.2329%2017.5439%2013.0269%2017.7498C12.821%2017.9558%2012.5417%2018.0715%2012.2504%2018.0715Z'%20fill='%23FFB47E'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.207%2017.7137L14.2042%203.81561C14.0042%203.47512%2013.7187%203.19279%2013.376%202.99663C13.0333%202.80046%2012.6453%202.69727%2012.2504%202.69727C11.8555%202.69727%2011.4675%202.80046%2011.1248%202.99663C10.7821%203.19279%2010.4966%203.47512%2010.2966%203.81561L2.29382%2017.7137C2.1014%2018.043%202%2018.4176%202%2018.799C2%2019.1804%202.1014%2019.555%202.29382%2019.8843C2.49124%2020.2269%202.77625%2020.5108%203.1196%2020.7068C3.46295%2020.9028%203.85227%2021.004%204.24762%2020.9999H20.2532C20.6482%2021.0037%2021.0372%2020.9023%2021.3802%2020.7063C21.7232%2020.5103%2022.0079%2020.2266%2022.2052%2019.8843C22.3979%2019.5552%2022.4996%2019.1807%2022.4999%2018.7992C22.5002%2018.4178%2022.3991%2018.0432%2022.207%2017.7137ZM11.5183%2010.0183C11.5183%209.82418%2011.5954%209.63797%2011.7327%209.50067C11.87%209.36338%2012.0562%209.28624%2012.2504%209.28624C12.4446%209.28624%2012.6308%209.36338%2012.7681%209.50067C12.9054%209.63797%2012.9825%209.82418%2012.9825%2010.0183V13.6789C12.9825%2013.873%2012.9054%2014.0592%2012.7681%2014.1965C12.6308%2014.3338%2012.4446%2014.411%2012.2504%2014.411C12.0562%2014.411%2011.87%2014.3338%2011.7327%2014.1965C11.5954%2014.0592%2011.5183%2013.873%2011.5183%2013.6789V10.0183ZM12.2504%2018.0715C12.0332%2018.0715%2011.8209%2018.0071%2011.6403%2017.8864C11.4597%2017.7657%2011.319%2017.5942%2011.2359%2017.3936C11.1527%2017.1929%2011.131%2016.9721%2011.1734%2016.7591C11.2157%2016.5461%2011.3203%2016.3504%2011.4739%2016.1968C11.6275%2016.0432%2011.8232%2015.9386%2012.0362%2015.8963C12.2492%2015.8539%2012.47%2015.8756%2012.6707%2015.9588C12.8713%2016.0419%2013.0428%2016.1826%2013.1635%2016.3632C13.2842%2016.5438%2013.3486%2016.7561%2013.3486%2016.9733C13.3486%2017.2646%2013.2329%2017.5439%2013.0269%2017.7498C12.821%2017.9558%2012.5417%2018.0715%2012.2504%2018.0715Z'%20fill='%23FFB47E'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-warning-fill {
      background-color: #ffb47e;
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.207%2017.7137L14.2042%203.81561C14.0042%203.47512%2013.7187%203.19279%2013.376%202.99663C13.0333%202.80046%2012.6453%202.69727%2012.2504%202.69727C11.8555%202.69727%2011.4675%202.80046%2011.1248%202.99663C10.7821%203.19279%2010.4966%203.47512%2010.2966%203.81561L2.29382%2017.7137C2.1014%2018.043%202%2018.4176%202%2018.799C2%2019.1804%202.1014%2019.555%202.29382%2019.8843C2.49124%2020.2269%202.77625%2020.5108%203.1196%2020.7068C3.46295%2020.9028%203.85227%2021.004%204.24762%2020.9999H20.2532C20.6482%2021.0037%2021.0372%2020.9023%2021.3802%2020.7063C21.7232%2020.5103%2022.0079%2020.2266%2022.2052%2019.8843C22.3979%2019.5552%2022.4996%2019.1807%2022.4999%2018.7992C22.5002%2018.4178%2022.3991%2018.0432%2022.207%2017.7137ZM11.5183%2010.0183C11.5183%209.82418%2011.5954%209.63797%2011.7327%209.50067C11.87%209.36338%2012.0562%209.28624%2012.2504%209.28624C12.4446%209.28624%2012.6308%209.36338%2012.7681%209.50067C12.9054%209.63797%2012.9825%209.82418%2012.9825%2010.0183V13.6789C12.9825%2013.873%2012.9054%2014.0592%2012.7681%2014.1965C12.6308%2014.3338%2012.4446%2014.411%2012.2504%2014.411C12.0562%2014.411%2011.87%2014.3338%2011.7327%2014.1965C11.5954%2014.0592%2011.5183%2013.873%2011.5183%2013.6789V10.0183ZM12.2504%2018.0715C12.0332%2018.0715%2011.8209%2018.0071%2011.6403%2017.8864C11.4597%2017.7657%2011.319%2017.5942%2011.2359%2017.3936C11.1527%2017.1929%2011.131%2016.9721%2011.1734%2016.7591C11.2157%2016.5461%2011.3203%2016.3504%2011.4739%2016.1968C11.6275%2016.0432%2011.8232%2015.9386%2012.0362%2015.8963C12.2492%2015.8539%2012.47%2015.8756%2012.6707%2015.9588C12.8713%2016.0419%2013.0428%2016.1826%2013.1635%2016.3632C13.2842%2016.5438%2013.3486%2016.7561%2013.3486%2016.9733C13.3486%2017.2646%2013.2329%2017.5439%2013.0269%2017.7498C12.821%2017.9558%2012.5417%2018.0715%2012.2504%2018.0715Z'%20fill='%23FFB47E'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.207%2017.7137L14.2042%203.81561C14.0042%203.47512%2013.7187%203.19279%2013.376%202.99663C13.0333%202.80046%2012.6453%202.69727%2012.2504%202.69727C11.8555%202.69727%2011.4675%202.80046%2011.1248%202.99663C10.7821%203.19279%2010.4966%203.47512%2010.2966%203.81561L2.29382%2017.7137C2.1014%2018.043%202%2018.4176%202%2018.799C2%2019.1804%202.1014%2019.555%202.29382%2019.8843C2.49124%2020.2269%202.77625%2020.5108%203.1196%2020.7068C3.46295%2020.9028%203.85227%2021.004%204.24762%2020.9999H20.2532C20.6482%2021.0037%2021.0372%2020.9023%2021.3802%2020.7063C21.7232%2020.5103%2022.0079%2020.2266%2022.2052%2019.8843C22.3979%2019.5552%2022.4996%2019.1807%2022.4999%2018.7992C22.5002%2018.4178%2022.3991%2018.0432%2022.207%2017.7137ZM11.5183%2010.0183C11.5183%209.82418%2011.5954%209.63797%2011.7327%209.50067C11.87%209.36338%2012.0562%209.28624%2012.2504%209.28624C12.4446%209.28624%2012.6308%209.36338%2012.7681%209.50067C12.9054%209.63797%2012.9825%209.82418%2012.9825%2010.0183V13.6789C12.9825%2013.873%2012.9054%2014.0592%2012.7681%2014.1965C12.6308%2014.3338%2012.4446%2014.411%2012.2504%2014.411C12.0562%2014.411%2011.87%2014.3338%2011.7327%2014.1965C11.5954%2014.0592%2011.5183%2013.873%2011.5183%2013.6789V10.0183ZM12.2504%2018.0715C12.0332%2018.0715%2011.8209%2018.0071%2011.6403%2017.8864C11.4597%2017.7657%2011.319%2017.5942%2011.2359%2017.3936C11.1527%2017.1929%2011.131%2016.9721%2011.1734%2016.7591C11.2157%2016.5461%2011.3203%2016.3504%2011.4739%2016.1968C11.6275%2016.0432%2011.8232%2015.9386%2012.0362%2015.8963C12.2492%2015.8539%2012.47%2015.8756%2012.6707%2015.9588C12.8713%2016.0419%2013.0428%2016.1826%2013.1635%2016.3632C13.2842%2016.5438%2013.3486%2016.7561%2013.3486%2016.9733C13.3486%2017.2646%2013.2329%2017.5439%2013.0269%2017.7498C12.821%2017.9558%2012.5417%2018.0715%2012.2504%2018.0715Z'%20fill='%23FFB47E'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-success {
      background-color: var(--color-green-300);
      width: 15px;
      height: 15px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='115'%20height='115'%20viewBox='0%200%20115%20115'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='/*savepage-url=%23clip0_171_5128*/url()'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M57.5%20115C72.7499%20115%2087.3753%20108.942%2098.1586%2098.1586C108.942%2087.3753%20115%2072.7499%20115%2057.5C115%2042.2501%20108.942%2027.6247%2098.1586%2016.8414C87.3753%206.05802%2072.7499%200%2057.5%200C42.2501%200%2027.6247%206.05802%2016.8414%2016.8414C6.05802%2027.6247%200%2042.2501%200%2057.5C0%2072.7499%206.05802%2087.3753%2016.8414%2098.1586C27.6247%20108.942%2042.2501%20115%2057.5%20115ZM82.1867%2047.725C83.3529%2046.2551%2083.8982%2044.3874%2083.7059%2042.5209C83.5136%2040.6544%2082.599%2038.9372%2081.1576%2037.7359C79.7161%2036.5347%2077.862%2035.9448%2075.9915%2036.0922C74.1209%2036.2397%2072.3821%2037.1128%2071.1467%2038.525L52.2292%2061.2279L43.4125%2052.4112C42.0563%2051.1026%2040.2404%2050.379%2038.3558%2050.3963C36.4713%2050.4135%2034.6689%2051.1703%2033.3369%2052.5035C32.0049%2053.8368%2031.2499%2055.6399%2031.2344%2057.5244C31.2189%2059.409%2031.9443%2061.2242%2033.2542%2062.5792L47.6292%2076.9542C48.3352%2077.6597%2049.1804%2078.2105%2050.111%2078.5713C51.0417%2078.9322%2052.0372%2079.0953%2053.0343%2079.0502C54.0315%2079.0052%2055.0082%2078.7529%2055.9025%2078.3095C56.7967%2077.8661%2057.5888%2077.2414%2058.2283%2076.475L82.1867%2047.725Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_171_5128'%3e%3crect%20width='115'%20height='115'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='115'%20height='115'%20viewBox='0%200%20115%20115'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='/*savepage-url=%23clip0_171_5128*/url()'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M57.5%20115C72.7499%20115%2087.3753%20108.942%2098.1586%2098.1586C108.942%2087.3753%20115%2072.7499%20115%2057.5C115%2042.2501%20108.942%2027.6247%2098.1586%2016.8414C87.3753%206.05802%2072.7499%200%2057.5%200C42.2501%200%2027.6247%206.05802%2016.8414%2016.8414C6.05802%2027.6247%200%2042.2501%200%2057.5C0%2072.7499%206.05802%2087.3753%2016.8414%2098.1586C27.6247%20108.942%2042.2501%20115%2057.5%20115ZM82.1867%2047.725C83.3529%2046.2551%2083.8982%2044.3874%2083.7059%2042.5209C83.5136%2040.6544%2082.599%2038.9372%2081.1576%2037.7359C79.7161%2036.5347%2077.862%2035.9448%2075.9915%2036.0922C74.1209%2036.2397%2072.3821%2037.1128%2071.1467%2038.525L52.2292%2061.2279L43.4125%2052.4112C42.0563%2051.1026%2040.2404%2050.379%2038.3558%2050.3963C36.4713%2050.4135%2034.6689%2051.1703%2033.3369%2052.5035C32.0049%2053.8368%2031.2499%2055.6399%2031.2344%2057.5244C31.2189%2059.409%2031.9443%2061.2242%2033.2542%2062.5792L47.6292%2076.9542C48.3352%2077.6597%2049.1804%2078.2105%2050.111%2078.5713C51.0417%2078.9322%2052.0372%2079.0953%2053.0343%2079.0502C54.0315%2079.0052%2055.0082%2078.7529%2055.9025%2078.3095C56.7967%2077.8661%2057.5888%2077.2414%2058.2283%2076.475L82.1867%2047.725Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_171_5128'%3e%3crect%20width='115'%20height='115'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-close {
      background-color: var(--color-white);
      width: 15px;
      height: 15px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.9902%200.990181C1.79126%200.990233%201.59687%201.04961%201.43186%201.16073C1.26685%201.27184%201.13872%201.42964%201.06387%201.61395C0.989008%201.79826%200.970819%202.00071%201.01162%202.19542C1.05243%202.39012%201.15037%202.56823%201.29293%202.70698L7.5859%208.99995L1.29293%2015.2929C1.19696%2015.3851%201.12033%2015.4954%201.06755%2015.6176C1.01476%2015.7397%200.986879%2015.8711%200.985525%2016.0042C0.984172%2016.1372%201.00938%2016.2692%201.05967%2016.3924C1.10996%2016.5155%201.18432%2016.6274%201.2784%2016.7215C1.37248%2016.8156%201.48438%2016.89%201.60756%2016.9402C1.73073%2016.9905%201.86271%2017.0157%201.99575%2017.0144C2.12879%2017.013%202.26022%2016.9851%202.38235%2016.9324C2.50448%2016.8796%202.61485%2016.803%202.70699%2016.707L8.99996%2010.414L15.2929%2016.707C15.3851%2016.803%2015.4954%2016.8796%2015.6176%2016.9324C15.7397%2016.9851%2015.8711%2017.013%2016.0042%2017.0144C16.1372%2017.0157%2016.2692%2016.9905%2016.3924%2016.9402C16.5155%2016.89%2016.6275%2016.8156%2016.7215%2016.7215C16.8156%2016.6274%2016.89%2016.5155%2016.9403%2016.3924C16.9906%2016.2692%2017.0158%2016.1372%2017.0144%2016.0042C17.0131%2015.8711%2016.9852%2015.7397%2016.9324%2015.6176C16.8796%2015.4954%2016.803%2015.3851%2016.707%2015.2929L10.414%208.99995L16.707%202.70698C16.8515%202.56652%2016.9502%202.38567%2016.9902%202.18815C17.0301%201.99063%2017.0095%201.78565%2016.9309%201.60007C16.8524%201.41448%2016.7196%201.25695%2016.55%201.14812C16.3804%201.03929%2016.1819%200.98424%2015.9804%200.990181C15.7206%200.997922%2015.4741%201.1065%2015.2929%201.29292L8.99996%207.58589L2.70699%201.29292C2.6138%201.19712%202.50236%201.12098%202.37924%201.06898C2.25613%201.01698%202.12384%200.990189%201.9902%200.990181Z'%20fill='white'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.9902%200.990181C1.79126%200.990233%201.59687%201.04961%201.43186%201.16073C1.26685%201.27184%201.13872%201.42964%201.06387%201.61395C0.989008%201.79826%200.970819%202.00071%201.01162%202.19542C1.05243%202.39012%201.15037%202.56823%201.29293%202.70698L7.5859%208.99995L1.29293%2015.2929C1.19696%2015.3851%201.12033%2015.4954%201.06755%2015.6176C1.01476%2015.7397%200.986879%2015.8711%200.985525%2016.0042C0.984172%2016.1372%201.00938%2016.2692%201.05967%2016.3924C1.10996%2016.5155%201.18432%2016.6274%201.2784%2016.7215C1.37248%2016.8156%201.48438%2016.89%201.60756%2016.9402C1.73073%2016.9905%201.86271%2017.0157%201.99575%2017.0144C2.12879%2017.013%202.26022%2016.9851%202.38235%2016.9324C2.50448%2016.8796%202.61485%2016.803%202.70699%2016.707L8.99996%2010.414L15.2929%2016.707C15.3851%2016.803%2015.4954%2016.8796%2015.6176%2016.9324C15.7397%2016.9851%2015.8711%2017.013%2016.0042%2017.0144C16.1372%2017.0157%2016.2692%2016.9905%2016.3924%2016.9402C16.5155%2016.89%2016.6275%2016.8156%2016.7215%2016.7215C16.8156%2016.6274%2016.89%2016.5155%2016.9403%2016.3924C16.9906%2016.2692%2017.0158%2016.1372%2017.0144%2016.0042C17.0131%2015.8711%2016.9852%2015.7397%2016.9324%2015.6176C16.8796%2015.4954%2016.803%2015.3851%2016.707%2015.2929L10.414%208.99995L16.707%202.70698C16.8515%202.56652%2016.9502%202.38567%2016.9902%202.18815C17.0301%201.99063%2017.0095%201.78565%2016.9309%201.60007C16.8524%201.41448%2016.7196%201.25695%2016.55%201.14812C16.3804%201.03929%2016.1819%200.98424%2015.9804%200.990181C15.7206%200.997922%2015.4741%201.1065%2015.2929%201.29292L8.99996%207.58589L2.70699%201.29292C2.6138%201.19712%202.50236%201.12098%202.37924%201.06898C2.25613%201.01698%202.12384%200.990189%201.9902%200.990181Z'%20fill='white'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-close.black {
      background-color: var(--color-black)
    }

    .icon-minus {
      background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.8125%2010C17.8125%2010.2486%2017.7137%2010.4871%2017.5379%2010.6629C17.3621%2010.8387%2017.1236%2010.9375%2016.875%2010.9375H3.125C2.87636%2010.9375%202.6379%2010.8387%202.46209%2010.6629C2.28627%2010.4871%202.1875%2010.2486%202.1875%2010C2.1875%209.75136%202.28627%209.5129%202.46209%209.33709C2.6379%209.16127%202.87636%209.0625%203.125%209.0625H16.875C17.1236%209.0625%2017.3621%209.16127%2017.5379%209.33709C17.7137%209.5129%2017.8125%209.75136%2017.8125%2010Z'%20fill='%23111111'/%3e%3c/svg%3e");
      width: 15px;
      height: 15px
    }

    .icon-plus {
      background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.8125%2010C17.8125%2010.2486%2017.7137%2010.4871%2017.5379%2010.6629C17.3621%2010.8387%2017.1236%2010.9375%2016.875%2010.9375H10.9375V16.875C10.9375%2017.1236%2010.8387%2017.3621%2010.6629%2017.5379C10.4871%2017.7137%2010.2486%2017.8125%2010%2017.8125C9.75136%2017.8125%209.5129%2017.7137%209.33709%2017.5379C9.16127%2017.3621%209.0625%2017.1236%209.0625%2016.875V10.9375H3.125C2.87636%2010.9375%202.6379%2010.8387%202.46209%2010.6629C2.28627%2010.4871%202.1875%2010.2486%202.1875%2010C2.1875%209.75136%202.28627%209.5129%202.46209%209.33709C2.6379%209.16127%202.87636%209.0625%203.125%209.0625H9.0625V3.125C9.0625%202.87636%209.16127%202.6379%209.33709%202.46209C9.5129%202.28627%209.75136%202.1875%2010%202.1875C10.2486%202.1875%2010.4871%202.28627%2010.6629%202.46209C10.8387%202.6379%2010.9375%202.87636%2010.9375%203.125V9.0625H16.875C17.1236%209.0625%2017.3621%209.16127%2017.5379%209.33709C17.7137%209.5129%2017.8125%209.75136%2017.8125%2010Z'%20fill='%23111111'/%3e%3c/svg%3e");
      width: 15px;
      height: 15px
    }

    .icon-arrow {
      background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='13'%20viewBox='0%200%2013%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.54169%2010.4583L10.4584%202.54163M10.4584%202.54163H2.54169M10.4584%202.54163V10.4583'%20stroke='%231E1E1E'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      width: 15px;
      height: 15px
    }

    .icon-position {
      background-color: #cfda00;
      width: 14px;
      height: 14px;
      display: inline-block;
      position: relative;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='2'%20y='2'%20width='6'%20height='6'%20rx='2'%20fill='%23F2FF28'%20fill-opacity='0.4'/%3e%3crect%20x='2'%20y='2'%20width='6'%20height='6'%20rx='1'%20fill='%23CFDA00'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='2'%20y='2'%20width='6'%20height='6'%20rx='2'%20fill='%23F2FF28'%20fill-opacity='0.4'/%3e%3crect%20x='2'%20y='2'%20width='6'%20height='6'%20rx='1'%20fill='%23CFDA00'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-share {
      background-color: var(--color-primary);
      width: 19px;
      height: 24px;
      margin-top: 2px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.3125%205.24996V9.74996C10.3125%209.9986%2010.2137%2010.2371%2010.0379%2010.4129C9.8621%2010.5887%209.62364%2010.6875%209.375%2010.6875H2.625C2.37636%2010.6875%202.1379%2010.5887%201.96209%2010.4129C1.78627%2010.2371%201.6875%209.9986%201.6875%209.74996V5.24996C1.6875%205.00131%201.78627%204.76286%201.96209%204.58704C2.1379%204.41123%202.37636%204.31246%202.625%204.31246H3.5625C3.71168%204.31246%203.85476%204.37172%203.96025%204.47721C4.06574%204.5827%204.125%204.72577%204.125%204.87496C4.125%205.02414%204.06574%205.16721%203.96025%205.2727C3.85476%205.37819%203.71168%205.43746%203.5625%205.43746H2.8125V9.56246H9.1875V5.43746H8.4375C8.28832%205.43746%208.14524%205.37819%208.03975%205.2727C7.93426%205.16721%207.875%205.02414%207.875%204.87496C7.875%204.72577%207.93426%204.5827%208.03975%204.47721C8.14524%204.37172%208.28832%204.31246%208.4375%204.31246H9.375C9.62364%204.31246%209.8621%204.41123%2010.0379%204.58704C10.2137%204.76286%2010.3125%205.00131%2010.3125%205.24996ZM4.52297%203.39792L5.4375%202.48433V6.37496C5.4375%206.52414%205.49676%206.66721%205.60225%206.7727C5.70774%206.87819%205.85082%206.93746%206%206.93746C6.14918%206.93746%206.29226%206.87819%206.39775%206.7727C6.50324%206.66721%206.5625%206.52414%206.5625%206.37496V2.48433L7.47703%203.39933C7.52935%203.45165%207.59147%203.49316%207.65984%203.52148C7.7282%203.54979%207.80147%203.56437%207.87547%203.56437C7.94947%203.56437%208.02274%203.54979%208.0911%203.52148C8.15947%203.49316%208.22158%203.45165%208.27391%203.39933C8.32623%203.34701%208.36773%203.28489%208.39605%203.21653C8.42437%203.14816%208.43894%203.07489%208.43894%203.00089C8.43894%202.9269%208.42437%202.85362%208.39605%202.78526C8.36773%202.7169%208.32623%202.65478%208.27391%202.60246L6.39891%200.727455C6.34665%200.675015%206.28455%200.633407%206.21618%200.605017C6.14781%200.576626%206.0745%200.562012%206.00047%200.562012C5.92644%200.562012%205.85313%200.576626%205.78476%200.605017C5.71639%200.633407%205.65429%200.675015%205.60203%200.727455L3.72703%202.60246C3.67471%202.65478%203.6332%202.7169%203.60488%202.78526C3.57657%202.85362%203.56199%202.9269%203.56199%203.00089C3.56199%203.15034%203.62136%203.29366%203.72703%203.39933C3.8327%203.505%203.97603%203.56437%204.12547%203.56437C4.27491%203.56437%204.41823%203.505%204.52391%203.39933L4.52297%203.39792Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='12'%20height='12'%20viewBox='0%200%2012%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.3125%205.24996V9.74996C10.3125%209.9986%2010.2137%2010.2371%2010.0379%2010.4129C9.8621%2010.5887%209.62364%2010.6875%209.375%2010.6875H2.625C2.37636%2010.6875%202.1379%2010.5887%201.96209%2010.4129C1.78627%2010.2371%201.6875%209.9986%201.6875%209.74996V5.24996C1.6875%205.00131%201.78627%204.76286%201.96209%204.58704C2.1379%204.41123%202.37636%204.31246%202.625%204.31246H3.5625C3.71168%204.31246%203.85476%204.37172%203.96025%204.47721C4.06574%204.5827%204.125%204.72577%204.125%204.87496C4.125%205.02414%204.06574%205.16721%203.96025%205.2727C3.85476%205.37819%203.71168%205.43746%203.5625%205.43746H2.8125V9.56246H9.1875V5.43746H8.4375C8.28832%205.43746%208.14524%205.37819%208.03975%205.2727C7.93426%205.16721%207.875%205.02414%207.875%204.87496C7.875%204.72577%207.93426%204.5827%208.03975%204.47721C8.14524%204.37172%208.28832%204.31246%208.4375%204.31246H9.375C9.62364%204.31246%209.8621%204.41123%2010.0379%204.58704C10.2137%204.76286%2010.3125%205.00131%2010.3125%205.24996ZM4.52297%203.39792L5.4375%202.48433V6.37496C5.4375%206.52414%205.49676%206.66721%205.60225%206.7727C5.70774%206.87819%205.85082%206.93746%206%206.93746C6.14918%206.93746%206.29226%206.87819%206.39775%206.7727C6.50324%206.66721%206.5625%206.52414%206.5625%206.37496V2.48433L7.47703%203.39933C7.52935%203.45165%207.59147%203.49316%207.65984%203.52148C7.7282%203.54979%207.80147%203.56437%207.87547%203.56437C7.94947%203.56437%208.02274%203.54979%208.0911%203.52148C8.15947%203.49316%208.22158%203.45165%208.27391%203.39933C8.32623%203.34701%208.36773%203.28489%208.39605%203.21653C8.42437%203.14816%208.43894%203.07489%208.43894%203.00089C8.43894%202.9269%208.42437%202.85362%208.39605%202.78526C8.36773%202.7169%208.32623%202.65478%208.27391%202.60246L6.39891%200.727455C6.34665%200.675015%206.28455%200.633407%206.21618%200.605017C6.14781%200.576626%206.0745%200.562012%206.00047%200.562012C5.92644%200.562012%205.85313%200.576626%205.78476%200.605017C5.71639%200.633407%205.65429%200.675015%205.60203%200.727455L3.72703%202.60246C3.67471%202.65478%203.6332%202.7169%203.60488%202.78526C3.57657%202.85362%203.56199%202.9269%203.56199%203.00089C3.56199%203.15034%203.62136%203.29366%203.72703%203.39933C3.8327%203.505%203.97603%203.56437%204.12547%203.56437C4.27491%203.56437%204.41823%203.505%204.52391%203.39933L4.52297%203.39792Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-share.black {
      background-color: var(--color-black)
    }

    .icon-share.secondary {
      background-color: var(--color-secondary)
    }

    .icon-share.small {
      width: 15px;
      height: 20px
    }

    .icon-social-x {
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4377%2013.7406C13.3947%2013.819%2013.3314%2013.8845%2013.2544%2013.9301C13.1775%2013.9757%2013.0897%2013.9999%2013.0002%2014H10.0002C9.91609%2014%209.83331%2013.9787%209.75956%2013.9382C9.68582%2013.8976%209.62349%2013.8392%209.57837%2013.7681L7.04774%209.79125L3.37024%2013.8363C3.28059%2013.9326%203.1566%2013.9896%203.02515%2013.9951C2.89369%2014.0006%202.76537%2013.9541%202.668%2013.8656C2.57063%2013.7771%202.51206%2013.6538%202.505%2013.5224C2.49793%2013.391%202.54293%2013.2622%202.63024%2013.1637L6.49087%208.91375L2.57837%202.76875C2.53018%202.69315%202.50321%202.60599%202.50027%202.51639C2.49733%202.42679%202.51854%202.33804%202.56167%202.25945C2.6048%202.18086%202.66826%202.11531%202.74542%202.06966C2.82258%202.02402%202.91059%201.99996%203.00024%202H6.00024C6.08439%202.00003%206.16718%202.02129%206.24092%202.06182C6.31467%202.10236%206.37699%202.16085%206.42212%202.23188L8.95274%206.20875L12.6302%202.16375C12.7199%202.06745%2012.8439%202.01036%2012.9753%202.00487C13.1068%201.99938%2013.2351%202.04592%2013.3325%202.13441C13.4299%202.2229%2013.4884%202.3462%2013.4955%202.47758C13.5026%202.60896%2013.4576%202.73783%2013.3702%202.83625L9.50962%207.08313L13.4221%2013.2319C13.47%2013.3075%2013.4968%2013.3946%2013.4995%2013.4841C13.5023%2013.5736%2013.4809%2013.6622%2013.4377%2013.7406Z'%20fill='black'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4377%2013.7406C13.3947%2013.819%2013.3314%2013.8845%2013.2544%2013.9301C13.1775%2013.9757%2013.0897%2013.9999%2013.0002%2014H10.0002C9.91609%2014%209.83331%2013.9787%209.75956%2013.9382C9.68582%2013.8976%209.62349%2013.8392%209.57837%2013.7681L7.04774%209.79125L3.37024%2013.8363C3.28059%2013.9326%203.1566%2013.9896%203.02515%2013.9951C2.89369%2014.0006%202.76537%2013.9541%202.668%2013.8656C2.57063%2013.7771%202.51206%2013.6538%202.505%2013.5224C2.49793%2013.391%202.54293%2013.2622%202.63024%2013.1637L6.49087%208.91375L2.57837%202.76875C2.53018%202.69315%202.50321%202.60599%202.50027%202.51639C2.49733%202.42679%202.51854%202.33804%202.56167%202.25945C2.6048%202.18086%202.66826%202.11531%202.74542%202.06966C2.82258%202.02402%202.91059%201.99996%203.00024%202H6.00024C6.08439%202.00003%206.16718%202.02129%206.24092%202.06182C6.31467%202.10236%206.37699%202.16085%206.42212%202.23188L8.95274%206.20875L12.6302%202.16375C12.7199%202.06745%2012.8439%202.01036%2012.9753%202.00487C13.1068%201.99938%2013.2351%202.04592%2013.3325%202.13441C13.4299%202.2229%2013.4884%202.3462%2013.4955%202.47758C13.5026%202.60896%2013.4576%202.73783%2013.3702%202.83625L9.50962%207.08313L13.4221%2013.2319C13.47%2013.3075%2013.4968%2013.3946%2013.4995%2013.4841C13.5023%2013.5736%2013.4809%2013.6622%2013.4377%2013.7406Z'%20fill='black'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-social-x.black {
      background-color: var(--color-black)
    }

    .icon-social-tg {
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3054%201.63676C14.2279%201.56987%2014.1337%201.52538%2014.0328%201.50808C13.9319%201.49079%2013.8282%201.50136%2013.7329%201.53864L1.06665%206.49551C0.887143%206.56531%200.735167%206.69154%200.633605%206.85519C0.532043%207.01884%200.486392%207.21105%200.503524%207.40289C0.520656%207.59473%200.599645%207.77582%200.728598%207.91888C0.857551%208.06194%201.02949%208.15925%201.21853%208.19614L4.5004%208.84051V12.4999C4.49976%2012.6992%204.55899%2012.8941%204.67043%2013.0594C4.78187%2013.2247%204.94037%2013.3526%205.1254%2013.4268C5.31015%2013.5022%205.51332%2013.5203%205.70849%2013.4787C5.90367%2013.4372%206.08182%2013.3378%206.21978%2013.1936L7.80228%2011.5524L10.3129%2013.7499C10.494%2013.9106%2010.7277%2013.9995%2010.9698%2013.9999C11.0759%2013.9998%2011.1813%2013.9831%2011.2823%2013.9505C11.4472%2013.8982%2011.5956%2013.8035%2011.7126%2013.676C11.8296%2013.5485%2011.9112%2013.3925%2011.9492%2013.2236L14.486%202.18739C14.5087%202.08785%2014.5039%201.98402%2014.4721%201.88702C14.4403%201.79002%2014.3826%201.70351%2014.3054%201.63676ZM10.971%2012.9999L5.80353%208.46864L13.241%203.13801L10.971%2012.9999Z'%20fill='black'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3054%201.63676C14.2279%201.56987%2014.1337%201.52538%2014.0328%201.50808C13.9319%201.49079%2013.8282%201.50136%2013.7329%201.53864L1.06665%206.49551C0.887143%206.56531%200.735167%206.69154%200.633605%206.85519C0.532043%207.01884%200.486392%207.21105%200.503524%207.40289C0.520656%207.59473%200.599645%207.77582%200.728598%207.91888C0.857551%208.06194%201.02949%208.15925%201.21853%208.19614L4.5004%208.84051V12.4999C4.49976%2012.6992%204.55899%2012.8941%204.67043%2013.0594C4.78187%2013.2247%204.94037%2013.3526%205.1254%2013.4268C5.31015%2013.5022%205.51332%2013.5203%205.70849%2013.4787C5.90367%2013.4372%206.08182%2013.3378%206.21978%2013.1936L7.80228%2011.5524L10.3129%2013.7499C10.494%2013.9106%2010.7277%2013.9995%2010.9698%2013.9999C11.0759%2013.9998%2011.1813%2013.9831%2011.2823%2013.9505C11.4472%2013.8982%2011.5956%2013.8035%2011.7126%2013.676C11.8296%2013.5485%2011.9112%2013.3925%2011.9492%2013.2236L14.486%202.18739C14.5087%202.08785%2014.5039%201.98402%2014.4721%201.88702C14.4403%201.79002%2014.3826%201.70351%2014.3054%201.63676ZM10.971%2012.9999L5.80353%208.46864L13.241%203.13801L10.971%2012.9999Z'%20fill='black'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-social-tg.black {
      background-color: var(--color-black)
    }

    .icon-social-google {
      width: 17px;
      height: 17px;
      margin-left: -4px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='23'%20viewBox='0%200%2028%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2011.5C5%206.2617%209.2617%202%2014.5%202C16.6156%202%2018.618%202.68065%2020.2908%203.9684L18.0832%206.83613C17.0489%206.03994%2015.8098%205.61905%2014.5%205.61905C11.2572%205.61905%208.61905%208.25724%208.61905%2011.5C8.61905%2014.7428%2011.2572%2017.381%2014.5%2017.381C17.1118%2017.381%2019.3312%2015.6698%2020.0961%2013.3095H14.5V9.69048H24V11.5C24%2016.7383%2019.7383%2021%2014.5%2021C9.2617%2021%205%2016.7383%205%2011.5Z'%20fill='white'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='23'%20viewBox='0%200%2028%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%2011.5C5%206.2617%209.2617%202%2014.5%202C16.6156%202%2018.618%202.68065%2020.2908%203.9684L18.0832%206.83613C17.0489%206.03994%2015.8098%205.61905%2014.5%205.61905C11.2572%205.61905%208.61905%208.25724%208.61905%2011.5C8.61905%2014.7428%2011.2572%2017.381%2014.5%2017.381C17.1118%2017.381%2019.3312%2015.6698%2020.0961%2013.3095H14.5V9.69048H24V11.5C24%2016.7383%2019.7383%2021%2014.5%2021C9.2617%2021%205%2016.7383%205%2011.5Z'%20fill='white'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-social-discord {
      width: 17px;
      height: 17px;
      -webkit-mask-image: url(/assets/icon-discord-DigFFO7S.svg);
      mask-image: url(/assets/icon-discord-DigFFO7S.svg);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-social-discord.black {
      background-color: var(--color-black)
    }

    .icon-email {
      width: 17px;
      height: 17px;
      margin-left: -4px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='23'%20viewBox='0%200%2028%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.5%2015.3333C13.9516%2015.3332%2013.4096%2015.2156%2012.9106%2014.9882C12.4116%2014.7609%2011.9671%2014.4291%2011.6072%2014.0154C11.2472%2013.6017%2010.9801%2013.1157%2010.824%2012.59C10.6679%2012.0643%2010.6263%2011.5112%2010.7021%2010.9681C10.8382%209.96092%2011.418%209.04092%2012.2364%208.43717C13.9518%207.17217%2016.0065%207.57275%2017.2427%208.855C17.3288%208.94652%2017.3762%209.06765%2017.375%209.19329V11.5C17.375%2012.2034%2017.4545%2012.8522%2017.5945%2013.4502C17.6117%2013.5197%2017.6132%2013.5922%2017.5988%2013.6624C17.5844%2013.7325%2017.5544%2013.7986%2017.5111%2013.8556C17.1532%2014.3132%2016.6965%2014.6838%2016.175%2014.9397C15.6535%2015.1956%2015.0808%2015.3303%2014.5%2015.3333ZM14.5%200C8.15583%200%203%205.15583%203%2011.5C3%2017.8442%208.15583%2023%2014.5%2023C16.8958%2023%2019.1767%2022.2812%2021.0838%2020.9108C21.515%2020.6042%2021.6108%2020.01%2021.3042%2019.5787C21.2313%2019.4766%2021.139%2019.3898%2021.0327%2019.3234C20.9262%2019.2569%2020.8077%2019.2123%2020.6839%2019.1918C20.5601%2019.1713%2020.4335%2019.1755%2020.3114%2019.204C20.1892%2019.2326%2020.074%2019.285%2019.9721%2019.3583C18.3908%2020.4892%2016.4933%2021.0833%2014.5%2021.0833C9.21958%2021.0833%204.91667%2016.7804%204.91667%2011.5C4.91667%206.21958%209.21958%201.91667%2014.5%201.91667C19.7804%201.91667%2024.0833%206.21958%2024.0833%2011.5C24.0833%2013.8287%2023.1442%2015.3333%2021.6875%2015.3333C20.2308%2015.3333%2019.2917%2013.8287%2019.2917%2011.5V6.70833C19.2917%206.18125%2018.8604%205.75%2018.3333%205.75C18.1082%205.7524%2017.8914%205.83481%2017.7213%205.98249C17.5514%206.13017%2017.4395%206.33343%2017.4057%206.55596C16.5266%206.03242%2015.5232%205.75412%2014.5%205.75C11.3279%205.75%208.75%208.32792%208.75%2011.5C8.75%2014.6721%2011.3279%2017.25%2014.5%2017.25C16.0057%2017.2463%2017.4496%2016.6509%2018.5202%2015.5921C19.2782%2016.6415%2020.3698%2017.25%2021.6875%2017.25C24.2654%2017.25%2026%2014.9404%2026%2011.5C26%205.15583%2020.8442%200%2014.5%200Z'%20fill='white'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='23'%20viewBox='0%200%2028%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.5%2015.3333C13.9516%2015.3332%2013.4096%2015.2156%2012.9106%2014.9882C12.4116%2014.7609%2011.9671%2014.4291%2011.6072%2014.0154C11.2472%2013.6017%2010.9801%2013.1157%2010.824%2012.59C10.6679%2012.0643%2010.6263%2011.5112%2010.7021%2010.9681C10.8382%209.96092%2011.418%209.04092%2012.2364%208.43717C13.9518%207.17217%2016.0065%207.57275%2017.2427%208.855C17.3288%208.94652%2017.3762%209.06765%2017.375%209.19329V11.5C17.375%2012.2034%2017.4545%2012.8522%2017.5945%2013.4502C17.6117%2013.5197%2017.6132%2013.5922%2017.5988%2013.6624C17.5844%2013.7325%2017.5544%2013.7986%2017.5111%2013.8556C17.1532%2014.3132%2016.6965%2014.6838%2016.175%2014.9397C15.6535%2015.1956%2015.0808%2015.3303%2014.5%2015.3333ZM14.5%200C8.15583%200%203%205.15583%203%2011.5C3%2017.8442%208.15583%2023%2014.5%2023C16.8958%2023%2019.1767%2022.2812%2021.0838%2020.9108C21.515%2020.6042%2021.6108%2020.01%2021.3042%2019.5787C21.2313%2019.4766%2021.139%2019.3898%2021.0327%2019.3234C20.9262%2019.2569%2020.8077%2019.2123%2020.6839%2019.1918C20.5601%2019.1713%2020.4335%2019.1755%2020.3114%2019.204C20.1892%2019.2326%2020.074%2019.285%2019.9721%2019.3583C18.3908%2020.4892%2016.4933%2021.0833%2014.5%2021.0833C9.21958%2021.0833%204.91667%2016.7804%204.91667%2011.5C4.91667%206.21958%209.21958%201.91667%2014.5%201.91667C19.7804%201.91667%2024.0833%206.21958%2024.0833%2011.5C24.0833%2013.8287%2023.1442%2015.3333%2021.6875%2015.3333C20.2308%2015.3333%2019.2917%2013.8287%2019.2917%2011.5V6.70833C19.2917%206.18125%2018.8604%205.75%2018.3333%205.75C18.1082%205.7524%2017.8914%205.83481%2017.7213%205.98249C17.5514%206.13017%2017.4395%206.33343%2017.4057%206.55596C16.5266%206.03242%2015.5232%205.75412%2014.5%205.75C11.3279%205.75%208.75%208.32792%208.75%2011.5C8.75%2014.6721%2011.3279%2017.25%2014.5%2017.25C16.0057%2017.2463%2017.4496%2016.6509%2018.5202%2015.5921C19.2782%2016.6415%2020.3698%2017.25%2021.6875%2017.25C24.2654%2017.25%2026%2014.9404%2026%2011.5C26%205.15583%2020.8442%200%2014.5%200Z'%20fill='white'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-delete {
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M31.4677%2012.5889H10.5317C10.4297%2012.5892%2010.3288%2012.6101%2010.2352%2012.6508C10.1416%2012.6913%2010.0573%2012.7507%209.98742%2012.825C9.91756%2012.8993%209.8636%2012.9872%209.82889%2013.0831C9.79417%2013.1791%209.77941%2013.2811%209.78553%2013.3829L11.1927%2035.9085C11.2295%2036.4775%2011.4812%2037.0114%2011.8969%2037.4019C12.3126%2037.7922%2012.8612%2038.0101%2013.4314%2038.0111H28.5681C29.1383%2038.0101%2029.6868%2037.7922%2030.1025%2037.4019C30.5183%2037.0114%2030.7699%2036.4775%2030.8067%2035.9085L32.2139%2013.3829C32.2201%2013.2811%2032.2052%2013.1791%2032.1706%2013.0831C32.1359%2012.9872%2032.0819%2012.8993%2032.012%2012.825C31.9422%2012.7507%2031.8579%2012.6913%2031.7642%2012.6508C31.6706%2012.6101%2031.5697%2012.5892%2031.4677%2012.5889Z'%20fill='%23D9D9D9'%20fill-opacity='0.1'/%3e%3cline%20x1='13.3466'%20y1='38.0112'%20x2='28.5849'%20y2='38.01'%20stroke='white'%20stroke-width='2'/%3e%3cpath%20d='M13.4314%2038.0111C12.8612%2038.0101%2012.3126%2037.7922%2011.8969%2037.4019C11.4812%2037.0114%2011.2295%2036.4775%2011.1927%2035.9085L9.78553%2013.3829C9.77941%2013.2811%209.79417%2013.1791%209.82889%2013.0831C9.8636%2012.9872%209.91756%2012.8993%209.98742%2012.825C10.0573%2012.7507%2010.1416%2012.6913%2010.2352%2012.6508C10.3288%2012.6101%2010.4297%2012.5892%2010.5317%2012.5889H20.9997H31.4677C31.5697%2012.5892%2031.6706%2012.6101%2031.7642%2012.6508C31.8579%2012.6913%2031.9422%2012.7507%2032.012%2012.825C32.0819%2012.8993%2032.1359%2012.9872%2032.1706%2013.0831C32.2052%2013.1791%2032.2201%2013.2811%2032.2139%2013.3829L30.8067%2035.9085C30.7699%2036.4775%2030.5183%2037.0114%2030.1025%2037.4019C29.6868%2037.7922%2029.1383%2038.0101%2028.5681%2038.0111'%20stroke='white'%20stroke-width='2'/%3e%3cpath%20d='M20.999%2018.5762L20.999%2032.0186'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M24.999%2018.5762L24.999%2032.0186'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M16.999%2018.5762L16.999%2032.0186'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M16.4285%207.77866L16.8686%206.29379C16.9436%206.03367%2017.1202%205.80241%2017.3701%205.6373C17.6199%205.4722%2017.9283%205.38288%2018.2458%205.38372H23.7543C24.0717%205.38288%2024.3801%205.4722%2024.6299%205.6373C24.8798%205.80241%2025.0564%206.03367%2025.1314%206.29379L25.5715%207.77866H16.4285ZM33.0676%207.77866H28.4975L27.8856%205.70703C27.6558%204.9299%2027.1241%204.24003%2026.3753%203.74738C25.6266%203.25474%2024.7039%202.98768%2023.7543%202.98877H18.2458C17.2961%202.98768%2016.3734%203.25474%2015.6247%203.74738C14.8759%204.24003%2014.3442%204.9299%2014.1144%205.70703L13.5025%207.77866H8.93241C8.55587%207.77866%208.19477%207.90482%207.92852%208.1294C7.66228%208.35396%207.5127%208.65855%207.5127%208.97613C7.5127%209.29372%207.66228%209.5983%207.92852%209.82287C8.19477%2010.0474%208.55587%2010.1736%208.93241%2010.1736H33.0676C33.4441%2010.1736%2033.8053%2010.0474%2034.0715%209.82287C34.3377%209.5983%2034.4873%209.29372%2034.4873%208.97613C34.4873%208.65855%2034.3377%208.35396%2034.0715%208.1294C33.8053%207.90482%2033.4441%207.77866%2033.0676%207.77866Z'%20fill='white'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='42'%20height='42'%20viewBox='0%200%2042%2042'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M31.4677%2012.5889H10.5317C10.4297%2012.5892%2010.3288%2012.6101%2010.2352%2012.6508C10.1416%2012.6913%2010.0573%2012.7507%209.98742%2012.825C9.91756%2012.8993%209.8636%2012.9872%209.82889%2013.0831C9.79417%2013.1791%209.77941%2013.2811%209.78553%2013.3829L11.1927%2035.9085C11.2295%2036.4775%2011.4812%2037.0114%2011.8969%2037.4019C12.3126%2037.7922%2012.8612%2038.0101%2013.4314%2038.0111H28.5681C29.1383%2038.0101%2029.6868%2037.7922%2030.1025%2037.4019C30.5183%2037.0114%2030.7699%2036.4775%2030.8067%2035.9085L32.2139%2013.3829C32.2201%2013.2811%2032.2052%2013.1791%2032.1706%2013.0831C32.1359%2012.9872%2032.0819%2012.8993%2032.012%2012.825C31.9422%2012.7507%2031.8579%2012.6913%2031.7642%2012.6508C31.6706%2012.6101%2031.5697%2012.5892%2031.4677%2012.5889Z'%20fill='%23D9D9D9'%20fill-opacity='0.1'/%3e%3cline%20x1='13.3466'%20y1='38.0112'%20x2='28.5849'%20y2='38.01'%20stroke='white'%20stroke-width='2'/%3e%3cpath%20d='M13.4314%2038.0111C12.8612%2038.0101%2012.3126%2037.7922%2011.8969%2037.4019C11.4812%2037.0114%2011.2295%2036.4775%2011.1927%2035.9085L9.78553%2013.3829C9.77941%2013.2811%209.79417%2013.1791%209.82889%2013.0831C9.8636%2012.9872%209.91756%2012.8993%209.98742%2012.825C10.0573%2012.7507%2010.1416%2012.6913%2010.2352%2012.6508C10.3288%2012.6101%2010.4297%2012.5892%2010.5317%2012.5889H20.9997H31.4677C31.5697%2012.5892%2031.6706%2012.6101%2031.7642%2012.6508C31.8579%2012.6913%2031.9422%2012.7507%2032.012%2012.825C32.0819%2012.8993%2032.1359%2012.9872%2032.1706%2013.0831C32.2052%2013.1791%2032.2201%2013.2811%2032.2139%2013.3829L30.8067%2035.9085C30.7699%2036.4775%2030.5183%2037.0114%2030.1025%2037.4019C29.6868%2037.7922%2029.1383%2038.0101%2028.5681%2038.0111'%20stroke='white'%20stroke-width='2'/%3e%3cpath%20d='M20.999%2018.5762L20.999%2032.0186'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M24.999%2018.5762L24.999%2032.0186'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M16.999%2018.5762L16.999%2032.0186'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M16.4285%207.77866L16.8686%206.29379C16.9436%206.03367%2017.1202%205.80241%2017.3701%205.6373C17.6199%205.4722%2017.9283%205.38288%2018.2458%205.38372H23.7543C24.0717%205.38288%2024.3801%205.4722%2024.6299%205.6373C24.8798%205.80241%2025.0564%206.03367%2025.1314%206.29379L25.5715%207.77866H16.4285ZM33.0676%207.77866H28.4975L27.8856%205.70703C27.6558%204.9299%2027.1241%204.24003%2026.3753%203.74738C25.6266%203.25474%2024.7039%202.98768%2023.7543%202.98877H18.2458C17.2961%202.98768%2016.3734%203.25474%2015.6247%203.74738C14.8759%204.24003%2014.3442%204.9299%2014.1144%205.70703L13.5025%207.77866H8.93241C8.55587%207.77866%208.19477%207.90482%207.92852%208.1294C7.66228%208.35396%207.5127%208.65855%207.5127%208.97613C7.5127%209.29372%207.66228%209.5983%207.92852%209.82287C8.19477%2010.0474%208.55587%2010.1736%208.93241%2010.1736H33.0676C33.4441%2010.1736%2033.8053%2010.0474%2034.0715%209.82287C34.3377%209.5983%2034.4873%209.29372%2034.4873%208.97613C34.4873%208.65855%2034.3377%208.35396%2034.0715%208.1294C33.8053%207.90482%2033.4441%207.77866%2033.0676%207.77866Z'%20fill='white'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .arrow-circle-down-fill {
      background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%201.5C6.71442%201.5%205.45772%201.88122%204.3888%202.59545C3.31988%203.30968%202.48676%204.32484%201.99479%205.51256C1.50282%206.70028%201.37409%208.00721%201.6249%209.26809C1.8757%2010.529%202.49477%2011.6872%203.40381%2012.5962C4.31285%2013.5052%205.47104%2014.1243%206.73192%2014.3751C7.99279%2014.6259%209.29973%2014.4972%2010.4874%2014.0052C11.6752%2013.5132%2012.6903%2012.6801%2013.4046%2011.6112C14.1188%2010.5423%2014.5%209.28558%2014.5%208C14.4982%206.27665%2013.8128%204.62441%2012.5942%203.40582C11.3756%202.18722%209.72335%201.50182%208%201.5ZM10.3538%208.85375L8.35375%2010.8538C8.30732%2010.9002%208.25217%2010.9371%208.19147%2010.9623C8.13077%2010.9874%208.06571%2011.0004%208%2011.0004C7.9343%2011.0004%207.86923%2010.9874%207.80853%2010.9623C7.74783%2010.9371%207.69269%2010.9002%207.64625%2010.8538L5.64625%208.85375C5.55243%208.75993%205.49972%208.63268%205.49972%208.5C5.49972%208.36732%205.55243%208.24007%205.64625%208.14625C5.74007%208.05243%205.86732%207.99972%206%207.99972C6.13268%207.99972%206.25993%208.05243%206.35375%208.14625L7.5%209.29313V5.5C7.5%205.36739%207.55268%205.24021%207.64645%205.14645C7.74022%205.05268%207.86739%205%208%205C8.13261%205%208.25979%205.05268%208.35356%205.14645C8.44732%205.24021%208.5%205.36739%208.5%205.5V9.29313L9.64625%208.14625C9.74007%208.05243%209.86732%207.99972%2010%207.99972C10.1327%207.99972%2010.2599%208.05243%2010.3538%208.14625C10.4476%208.24007%2010.5003%208.36732%2010.5003%208.5C10.5003%208.63268%2010.4476%208.75993%2010.3538%208.85375Z'%20fill='black'/%3e%3c/svg%3e");
      width: 17px;
      height: 17px
    }

    .arrow-circle-left-fill {
      background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%201.5C6.71442%201.5%205.45772%201.88122%204.3888%202.59545C3.31988%203.30968%202.48676%204.32484%201.99479%205.51256C1.50282%206.70028%201.37409%208.00721%201.6249%209.26809C1.8757%2010.529%202.49477%2011.6872%203.40381%2012.5962C4.31285%2013.5052%205.47104%2014.1243%206.73192%2014.3751C7.99279%2014.6259%209.29973%2014.4972%2010.4874%2014.0052C11.6752%2013.5132%2012.6903%2012.6801%2013.4046%2011.6112C14.1188%2010.5423%2014.5%209.28558%2014.5%208C14.4982%206.27665%2013.8128%204.62441%2012.5942%203.40582C11.3756%202.18722%209.72335%201.50182%208%201.5ZM10.5%208.5H6.70688L7.85375%209.64625C7.90021%209.69271%207.93706%209.74786%207.9622%209.80855C7.98734%209.86925%208.00028%209.9343%208.00028%2010C8.00028%2010.0657%207.98734%2010.1308%207.9622%2010.1914C7.93706%2010.2521%207.90021%2010.3073%207.85375%2010.3538C7.8073%2010.4002%207.75215%2010.4371%207.69145%2010.4622C7.63075%2010.4873%207.5657%2010.5003%207.5%2010.5003C7.43431%2010.5003%207.36925%2010.4873%207.30855%2010.4622C7.24786%2010.4371%207.19271%2010.4002%207.14625%2010.3538L5.14625%208.35375C5.09976%208.30731%205.06289%208.25217%205.03772%208.19147C5.01256%208.13077%204.99961%208.06571%204.99961%208C4.99961%207.93429%205.01256%207.86923%205.03772%207.80853C5.06289%207.74783%205.09976%207.69269%205.14625%207.64625L7.14625%205.64625C7.24007%205.55243%207.36732%205.49972%207.5%205.49972C7.63268%205.49972%207.75993%205.55243%207.85375%205.64625C7.94757%205.74007%208.00028%205.86732%208.00028%206C8.00028%206.13268%207.94757%206.25993%207.85375%206.35375L6.70688%207.5H10.5C10.6326%207.5%2010.7598%207.55268%2010.8536%207.64645C10.9473%207.74021%2011%207.86739%2011%208C11%208.13261%2010.9473%208.25979%2010.8536%208.35355C10.7598%208.44732%2010.6326%208.5%2010.5%208.5Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      width: 17px;
      height: 17px
    }

    .icon-filter {
      background-color: var(--color-white);
      width: 26px;
      height: 26px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='3.79297'%20y1='6.41162'%20x2='12.2075'%20y2='6.41162'%20stroke='white'%20stroke-linecap='round'/%3e%3cline%20x1='5.5'%20y1='8.41162'%20x2='10.5'%20y2='8.41162'%20stroke='white'%20stroke-linecap='round'/%3e%3cline%20x1='7.03027'%20y1='10.4116'%20x2='8.97021'%20y2='10.4116'%20stroke='white'%20stroke-linecap='round'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='3.79297'%20y1='6.41162'%20x2='12.2075'%20y2='6.41162'%20stroke='white'%20stroke-linecap='round'/%3e%3cline%20x1='5.5'%20y1='8.41162'%20x2='10.5'%20y2='8.41162'%20stroke='white'%20stroke-linecap='round'/%3e%3cline%20x1='7.03027'%20y1='10.4116'%20x2='8.97021'%20y2='10.4116'%20stroke='white'%20stroke-linecap='round'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-add-to-home {
      background-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1667%202.5H5.83333C3.99238%202.5%202.5%203.99238%202.5%205.83333V14.1667C2.5%2016.0076%203.99238%2017.5%205.83333%2017.5H14.1667C16.0076%2017.5%2017.5%2016.0076%2017.5%2014.1667V5.83333C17.5%203.99238%2016.0076%202.5%2014.1667%202.5Z'%20stroke='white'%20stroke-width='1.6'/%3e%3cpath%20d='M9.99984%206.66699V13.3337ZM6.6665%2010.0003H13.3332Z'%20fill='white'/%3e%3cpath%20d='M9.99984%206.66699V13.3337M6.6665%2010.0003H13.3332'%20stroke='white'%20stroke-width='1.6'%20stroke-linecap='round'/%3e%3c/svg%3e");
      width: 22px;
      height: 22px
    }

    .icon-pwa {
      background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='/*savepage-url=%23clip0_177_5148*/url()'%3e%3cpath%20d='M9.71429%2011.5909H3.28571V3.40909H7.78571V2.04545H3.28571V1.36364H7.78571V0.00681818L3.28571%200C2.57857%200%202%200.613636%202%201.36364V13.6364C2%2014.3864%202.57857%2015%203.28571%2015H9.71429C10.4214%2015%2011%2014.3864%2011%2013.6364V10.2273H9.71429V11.5909ZM9.71429%2013.6364H3.28571V12.9545H9.71429V13.6364Z'%20fill='black'/%3e%3cpath%20d='M10.5%209L14%205.81818L13.013%204.92091L11.2%206.56273V2H9.8V6.56273L7.987%204.92091L7%205.81818L10.5%209Z'%20fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_177_5148'%3e%3crect%20width='15'%20height='15'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      width: 15px;
      height: 15px
    }

    .icon-telegram {
      background-color: var(--color-white);
      width: 18px;
      height: 15px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='81'%20height='69'%20viewBox='0%200%2081%2069'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M72.2851%200.534675C76.5914%20-1.27852%2081.208%202.36287%2080.4476%206.9731L71.4665%2061.4268C70.6004%2066.6771%2064.8339%2069.6898%2060.017%2067.0733C55.9863%2064.8839%2050.006%2061.5142%2044.6163%2057.9925C41.9251%2056.2338%2033.6842%2050.5948%2034.6972%2046.5806C35.5632%2043.1484%2049.417%2030.2525%2057.3337%2022.5832C60.4433%2019.5707%2059.027%2017.8303%2055.3545%2020.6041C46.244%2027.4848%2031.6173%2037.9463%2026.7803%2040.8905C22.5127%2043.488%2020.2845%2043.9313%2017.6267%2043.488C12.7732%2042.6793%208.27353%2041.4269%204.59988%2039.9041C-0.36533%2037.8458%20-0.123476%2031.0224%204.59652%2029.0353L72.2851%200.534675Z'%20fill='white'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='81'%20height='69'%20viewBox='0%200%2081%2069'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M72.2851%200.534675C76.5914%20-1.27852%2081.208%202.36287%2080.4476%206.9731L71.4665%2061.4268C70.6004%2066.6771%2064.8339%2069.6898%2060.017%2067.0733C55.9863%2064.8839%2050.006%2061.5142%2044.6163%2057.9925C41.9251%2056.2338%2033.6842%2050.5948%2034.6972%2046.5806C35.5632%2043.1484%2049.417%2030.2525%2057.3337%2022.5832C60.4433%2019.5707%2059.027%2017.8303%2055.3545%2020.6041C46.244%2027.4848%2031.6173%2037.9463%2026.7803%2040.8905C22.5127%2043.488%2020.2845%2043.9313%2017.6267%2043.488C12.7732%2042.6793%208.27353%2041.4269%204.59988%2039.9041C-0.36533%2037.8458%20-0.123476%2031.0224%204.59652%2029.0353L72.2851%200.534675Z'%20fill='white'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-telegram.small {
      width: 12px;
      height: 10px
    }

    .icon-discord {
      background-image: url("data:image/svg+xml,%3csvg%20width='146'%20height='112'%20viewBox='0%200%20146%20112'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M123.595%209.58417C114.13%205.23968%20104.141%202.14173%2093.878%200.367921C93.7844%200.349689%2093.6874%200.361663%2093.601%200.402116C93.5146%200.44257%2093.4433%200.509413%2093.3974%200.593004C92.1199%202.87425%2090.6964%205.849%2089.6987%208.19717C78.6358%206.51686%2067.3825%206.51686%2056.3195%208.19717C55.2092%205.59534%2053.9561%203.05675%2052.5661%200.593004C52.5181%200.511285%2052.4465%200.446026%2052.3607%200.405841C52.2749%200.365656%2052.179%200.352434%2052.0855%200.367921C41.822%202.13805%2031.8324%205.23614%2022.3684%209.58417C22.2883%209.61778%2022.2204%209.67509%2022.1737%209.74842C3.24241%2038.0298%20-1.94667%2065.6117%200.602244%2092.8467C0.608436%2092.9143%200.628354%2092.98%200.66078%2093.0396C0.693206%2093.0992%200.737458%2093.1516%200.790827%2093.1935C11.8114%20101.359%2024.1393%20107.591%2037.2482%20111.626C37.3406%20111.653%2037.439%20111.651%2037.5303%20111.62C37.6215%20111.59%2037.7014%20111.533%2037.7592%20111.456C40.5774%20107.626%2043.0721%20103.569%2045.2174%2099.3255C45.2473%2099.2674%2045.2646%2099.2037%2045.2681%2099.1384C45.2715%2099.0732%2045.2611%2099.008%2045.2376%2098.947C45.214%2098.8861%2045.1778%2098.8309%2045.1313%2098.785C45.0849%2098.739%2045.0292%2098.7035%2044.968%2098.6807C41.0346%2097.1755%2037.2267%2095.361%2033.58%2093.2543C33.5131%2093.2157%2033.4569%2093.1611%2033.4162%2093.0954C33.3756%2093.0298%2033.3518%2092.9551%2033.347%2092.878C33.3421%2092.801%2033.3565%2092.7239%2033.3886%2092.6537C33.4208%2092.5835%2033.4698%2092.5223%2033.5313%2092.4757C34.2993%2091.9011%2035.0538%2091.3089%2035.7943%2090.6993C35.8591%2090.6468%2035.9372%2090.6133%2036.0199%2090.6025C36.1026%2090.5918%2036.1867%2090.6043%2036.2627%2090.6385C60.1581%20101.546%2086.0244%20101.546%20109.64%2090.6385C109.717%2090.603%20109.802%2090.5899%20109.886%2090.6007C109.97%2090.6114%20110.049%2090.6456%20110.114%2090.6993C110.844%2091.2955%20111.611%2091.9038%20112.384%2092.4757C112.444%2092.5216%20112.493%2092.5817%20112.525%2092.6506C112.558%2092.7196%20112.573%2092.7955%20112.569%2092.8716C112.566%2092.9477%20112.543%2093.0218%20112.505%2093.0874C112.466%2093.1531%20112.412%2093.2083%20112.347%2093.2482C108.709%2095.3747%20104.897%2097.1899%20100.953%2098.6746C100.892%2098.6981%20100.836%2098.7343%20100.789%2098.7808C100.743%2098.8273%20100.707%2098.883%20100.683%2098.9444C100.66%2099.0058%20100.649%2099.0715%20100.653%2099.1371C100.656%2099.2028%20100.674%2099.267%20100.704%2099.3255C102.894%20103.572%20105.4%20107.611%20108.156%20111.45C108.212%20111.528%20108.292%20111.586%20108.384%20111.617C108.475%20111.647%20108.574%20111.648%20108.667%20111.62C121.797%20107.598%20134.145%20101.364%20145.179%2093.1874C145.232%2093.1494%20145.278%2093.1005%20145.311%2093.0439C145.345%2092.9873%20145.366%2092.9243%20145.373%2092.8589C148.415%2061.3655%20140.276%2034.0088%20123.784%209.76059C123.745%209.67882%20123.678%209.62%20123.595%209.58417ZM48.7883%2076.2575C41.5917%2076.2575%2035.6666%2069.6571%2035.6666%2061.5419C35.6666%2053.4328%2041.4822%2046.8263%2048.7883%2046.8263C56.1492%2046.8263%2062.0257%2053.4937%2061.9101%2061.548C61.9101%2069.6571%2056.0944%2076.2575%2048.7883%2076.2575ZM97.3029%2076.2575C90.1063%2076.2575%2084.1812%2069.6571%2084.1812%2061.5419C84.1812%2053.4328%2089.9907%2046.8263%2097.3029%2046.8263C104.664%2046.8263%20110.54%2053.4937%20110.425%2061.548C110.425%2069.6571%20104.67%2076.2575%2097.3029%2076.2575Z'%20fill='white'/%3e%3c/svg%3e");
      width: 20px;
      height: 15px
    }

    .icon-x {
      background-image: url("data:image/svg+xml,%3csvg%20width='101'%20height='93'%20viewBox='0%200%20101%2093'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M79.5417%200.852295H95.0284L61.1934%2039.5269L101%2092.1437H69.8331L45.4248%2060.2277L17.4898%2092.1437H1.99475L38.1864%2050.7758L0%200.856503H31.9581L54.0224%2030.0287L79.5417%200.852295ZM74.1088%2082.8769H82.6895L27.2953%209.63509H18.0874L74.1088%2082.8769Z'%20fill='white'/%3e%3c/svg%3e");
      width: 16px;
      height: 15px
    }

    .icon-asset-eth {
      background-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='30'%20height='30'%20rx='15'%20fill='white'/%3e%3cpath%20d='M14.9982%205.14844L14.866%205.59744V18.6254L14.9982%2018.7573L21.0455%2015.1827L14.9982%205.14844Z'%20fill='%23343434'/%3e%3cpath%20d='M14.9989%205.14844L8.95142%2015.1827L14.9989%2018.7573V12.4339V5.14844Z'%20fill='%238C8C8C'/%3e%3cpath%20d='M14.9974%2019.9025L14.9229%2019.9933V24.6341L14.9974%2024.8516L21.0484%2016.3297L14.9974%2019.9025Z'%20fill='%233C3C3B'/%3e%3cpath%20d='M14.9989%2024.8516V19.9025L8.95142%2016.3297L14.9989%2024.8516Z'%20fill='%238C8C8C'/%3e%3cpath%20d='M14.998%2018.7579L21.0454%2015.1832L14.998%2012.4344V18.7579Z'%20fill='%23141414'/%3e%3cpath%20d='M8.95142%2015.1832L14.9989%2018.7579V12.4344L8.95142%2015.1832Z'%20fill='%23393939'/%3e%3c/svg%3e");
      width: 20px;
      height: 20px;
      margin-top: -1px;
      margin-left: -3px
    }

    .icon-asset-btc {
      background-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='30'%20height='30'%20rx='15'%20fill='white'/%3e%3cpath%20d='M20.9686%2013.4321C21.2183%2011.7509%2019.9475%2010.8472%2018.2099%2010.2443L18.7736%207.96696L17.3973%207.62152L16.8486%209.83893C16.4867%209.74803%2016.1152%209.66239%2015.7459%209.57748L16.2986%207.34543L14.9231%207L14.3591%209.27663C14.0597%209.20796%2013.7656%209.1401%2013.4803%209.06859L13.4819%209.06143L11.584%208.58403L11.2178%2010.0647C11.2178%2010.0647%2012.2389%2010.3005%2012.2174%2010.315C12.7748%2010.4551%2012.8755%2010.8267%2012.8588%2011.1212L12.2167%2013.7157C12.2551%2013.7255%2012.3049%2013.7397%2012.3598%2013.762C12.3139%2013.7505%2012.265%2013.7379%2012.2143%2013.7257L11.3143%2017.3602C11.2462%2017.5307%2011.0733%2017.7867%2010.6836%2017.6895C10.6974%2017.7096%209.68331%2017.438%209.68331%2017.438L9%2019.0249L10.791%2019.4746C11.1242%2019.5588%2011.4507%2019.6469%2011.7723%2019.7297L11.2028%2022.0332L12.5775%2022.3786L13.1415%2020.0996C13.517%2020.2023%2013.8815%2020.297%2014.2383%2020.3863L13.6762%2022.6546L15.0526%2023L15.622%2020.7008C17.9689%2021.1482%2019.7336%2020.9678%2020.4764%2018.8297C21.0749%2017.1082%2020.4466%2016.1152%2019.2119%2015.4677C20.1112%2015.2588%2020.7885%2014.663%2020.9691%2013.4323L20.9687%2013.432L20.9686%2013.4321ZM17.8241%2017.8736C17.3988%2019.5951%2014.5212%2018.6645%2013.5883%2018.4312L14.3441%2015.3795C15.2769%2015.614%2018.2686%2016.0783%2017.8242%2017.8736H17.8241ZM18.2498%2013.4072C17.8618%2014.9731%2015.4667%2014.1775%2014.6898%2013.9825L15.375%2011.2147C16.1519%2011.4098%2018.6539%2011.7739%2018.2499%2013.4072H18.2498Z'%20fill='%23F7931A'/%3e%3c/svg%3e");
      width: 20px;
      height: 20px;
      margin-top: -1px;
      margin-left: -3px
    }

    .icon-asset-sol {
      background-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='30'%20height='30'%20rx='15'%20fill='white'/%3e%3cg%20clip-path='/*savepage-url=%23clip0_881_183717*/url()'%3e%3cpath%20d='M9.59902%2018.3008C9.69558%2018.2043%209.82834%2018.1479%209.96915%2018.1479H22.7386C22.9719%2018.1479%2023.0886%2018.4296%2022.9237%2018.5945L20.4011%2021.117C20.3046%2021.2136%2020.1718%2021.2699%2020.031%2021.2699H7.26158C7.02824%2021.2699%206.91157%2020.9883%207.07652%2020.8233L9.59902%2018.3008Z'%20fill='/*savepage-url=%23paint0_linear_881_183717*/url()'/%3e%3cpath%20d='M9.59878%208.88274C9.69936%208.78618%209.83212%208.72986%209.96891%208.72986H22.7383C22.9717%208.72986%2023.0884%209.01148%2022.9234%209.17643L20.4009%2011.6989C20.3043%2011.7955%2020.1716%2011.8518%2020.0308%2011.8518H7.26134C7.028%2011.8518%206.91133%2011.5702%207.07627%2011.4052L9.59878%208.88274Z'%20fill='/*savepage-url=%23paint1_linear_881_183717*/url()'/%3e%3cpath%20d='M20.4011%2013.5625C20.3046%2013.466%2020.1718%2013.4097%2020.031%2013.4097H7.26158C7.02824%2013.4097%206.91157%2013.6913%207.07652%2013.8562L9.59902%2016.3787C9.69558%2016.4753%209.82834%2016.5316%209.96915%2016.5316H22.7386C22.9719%2016.5316%2023.0886%2016.25%2022.9237%2016.0851L20.4011%2013.5625Z'%20fill='/*savepage-url=%23paint2_linear_881_183717*/url()'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_881_183717'%20x1='21.5187'%20y1='7.22291'%20x2='12.6813'%20y2='24.1502'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2300FFA3'/%3e%3cstop%20offset='1'%20stop-color='%23DC1FFF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_881_183717'%20x1='17.6543'%20y1='5.20553'%20x2='8.8168'%20y2='22.1328'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2300FFA3'/%3e%3cstop%20offset='1'%20stop-color='%23DC1FFF'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_881_183717'%20x1='19.5743'%20y1='6.20874'%20x2='10.7369'%20y2='23.136'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2300FFA3'/%3e%3cstop%20offset='1'%20stop-color='%23DC1FFF'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_881_183717'%3e%3crect%20width='16'%20height='12.5401'%20fill='white'%20transform='translate(7%208.72998)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      width: 20px;
      height: 20px;
      margin-top: -1px;
      margin-left: -3px
    }

    .icon-asset-usdm {
      background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='24'%20height='24'%20rx='12'%20fill='white'/%3e%3cpath%20d='M13.9532%2017.5503C14.5674%2017.5503%2015.0635%2017.0546%2015.0635%2016.4431C15.0635%2015.8317%2014.5674%2015.3359%2013.9532%2015.3359C13.3437%2015.3359%2012.8477%2015.8317%2012.8477%2016.4431C12.8477%2017.0546%2013.3437%2017.5503%2013.9532%2017.5503Z'%20fill='%2319191A'/%3e%3cpath%20d='M9.97374%2017.5815C10.588%2017.5815%2011.0794%2017.0858%2011.0794%2016.4743C11.0794%2015.8629%2010.588%2015.3672%209.97374%2015.3672C9.36426%2015.3672%208.86816%2015.8629%208.86816%2016.4743C8.86816%2017.0858%209.36426%2017.5815%209.97374%2017.5815Z'%20fill='%2319191A'/%3e%3cpath%20d='M7.54997%206.01562H10.1877C10.684%207.35839%2011.9792%2011.1629%2012.0737%2011.3748C12.0974%2011.2689%2013.402%207.12283%2013.7707%206.03919H16.5124V15.4974C16.1721%2015.3089%2015.8317%2015.1205%2015.463%2014.9084C15.2077%2014.7789%2014.9714%2014.6375%2014.7114%2014.5315C14.6878%2012.6941%2014.6641%2010.8684%2014.6074%208.96027C14.2387%2010.0557%2012.9671%2013.9191%2012.8631%2014.0251H11.1661C11.1661%2014.0251%209.51639%209.33717%209.43602%209.12517C9.4124%2010.9273%209.38877%2012.7294%209.32732%2014.5904C8.31574%2015.1087%207.71543%2015.4031%207.52637%2015.4738V6.01562H7.54997Z'%20fill='%2319191A'/%3e%3cpath%20d='M12.0024%203.5901C16.6301%203.5901%2020.4117%207.35924%2020.4117%2012C20.4117%2016.6408%2016.6443%2020.4099%2012.0024%2020.4099C7.36044%2020.4099%203.593%2016.6408%203.593%2012C3.593%207.35924%207.36044%203.5901%2012.0024%203.5901ZM12.0024%202C6.4765%202%202%206.47587%202%2012C2%2017.5241%206.4765%2022%2012.0024%2022C17.5235%2022%2022%2017.5241%2022%2012C22%206.47587%2017.5235%202%2012.0024%202Z'%20fill='%2319191A'/%3e%3c/svg%3e");
      width: 20px;
      height: 20px;
      margin-top: -1px;
      margin-left: -3px
    }

    .icon-asset-default {
      background-image: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='30'%20height='30'%20rx='15'%20fill='white'/%3e%3c/svg%3e");
      width: 18px;
      height: 18px;
      margin-top: -1px;
      margin-left: -3px
    }

    .icon-wallet {
      background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='10'%20r='1'%20fill='%23200E16'/%3e%3cpath%20d='M11%201.5C12.1046%201.5%2013%202.39543%2013%203.5V4.5L13.2041%204.50977C14.2127%204.61203%2014.9998%205.46451%2015%206.5V12.4004C14.9998%2013.5048%2014.1044%2014.4004%2013%2014.4004H3C1.89556%2014.4004%201.00021%2013.5048%201%2012.4004V3.40039C1.00133%203.40331%201.00256%203.40627%201.00391%203.40918C1.05143%202.3468%201.9259%201.5%203%201.5H11ZM12%207.90039C11.4477%207.90039%2011%208.34811%2011%208.90039C11.0002%209.45249%2011.4478%209.90039%2012%209.90039C12.5522%209.90039%2012.9998%209.45249%2013%208.90039C13%208.34811%2012.5523%207.90039%2012%207.90039ZM3%202.5C2.44772%202.5%202%202.94772%202%203.5C2%204.05228%202.44772%204.5%203%204.5H12V3.5C12%202.98232%2011.6067%202.55621%2011.1025%202.50488L11%202.5H3Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      width: 14px;
      height: 14px;
      margin-top: -1px;
      margin-left: -1px
    }

    .icon-money {
      background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='/*savepage-url=%23clip0_370_32266*/url()'%3e%3cpath%20d='M3.75022%200.735001C3.7053%200.806983%203.67943%200.889215%203.67506%200.973954C3.67069%201.05869%203.68795%201.14315%203.72522%201.21938C5.03772%203.9025%204.42272%205.81875%203.77397%207.84438C3.09585%209.975%202.39273%2012.175%203.87898%2015.2194C3.92003%2015.3035%203.98384%2015.3743%204.06317%2015.4239C4.1425%2015.4735%204.23416%2015.4999%204.32773%2015.5L11.8233%2015.5C11.9082%2015.5%2011.9916%2015.4784%2012.0658%2015.4373C12.14%2015.3962%2012.2025%2015.3368%2012.2475%2015.2649C12.2924%2015.1929%2012.3183%2015.1107%2012.3227%2015.026C12.3272%2014.9413%2012.3099%2014.8569%2012.2727%2014.7806C10.9602%2012.0975%2011.5752%2010.1813%2012.224%208.1525C12.6083%206.95%2013.0002%205.725%2013.0002%204.34C13.0002%203.27188%2012.7677%202.10688%2012.1215%200.783125C12.0804%200.699048%2012.0166%200.628176%2011.9373%200.578567C11.8579%200.528958%2011.7663%200.502604%2011.6727%200.5025L4.1771%200.5025C4.09205%200.501746%204.0082%200.522702%203.93351%200.563386C3.85881%200.60407%203.79573%200.663137%203.75022%200.735001ZM9.50023%2013C9.63283%2013%209.76001%2013.0527%209.85378%2013.1464C9.94755%2013.2402%2010.0002%2013.3674%2010.0002%2013.5C10.0002%2013.6326%209.94755%2013.7598%209.85378%2013.8536C9.76001%2013.9473%209.63283%2014%209.50023%2014L5.50023%2014C5.36762%2014%205.24044%2013.9473%205.14667%2013.8536C5.0529%2013.7598%205.00023%2013.6326%205.00023%2013.5C5.00023%2013.3674%205.0529%2013.2402%205.14667%2013.1464C5.24044%2013.0527%205.36762%2013%205.50023%2013L9.50023%2013ZM10.0002%208C10.0002%208.39556%209.88293%208.78224%209.66316%209.11114C9.4434%209.44004%209.13104%209.69638%208.76559%209.84776C8.40014%209.99913%207.99801%2010.0387%207.61004%209.96157C7.22208%209.8844%206.86572%209.69392%206.58601%209.41421C6.30631%209.13451%206.11582%208.77814%206.03865%208.39018C5.96148%208.00222%206.00109%207.60009%206.15247%207.23463C6.30384%206.86918%206.56019%206.55682%206.88908%206.33706C7.21798%206.1173%207.60466%206%208.00022%206C8.53066%206%209.03937%206.21071%209.41444%206.58579C9.78951%206.96086%2010.0002%207.46957%2010.0002%208ZM10.5002%202C10.6328%202%2010.76%202.05268%2010.8538%202.14645C10.9475%202.24021%2011.0002%202.36739%2011.0002%202.5C11.0002%202.63261%2010.9475%202.75979%2010.8538%202.85355C10.76%202.94732%2010.6328%203%2010.5002%203L6.50022%203C6.36762%203%206.24044%202.94732%206.14667%202.85355C6.0529%202.75979%206.00022%202.63261%206.00022%202.5C6.00022%202.36739%206.0529%202.24022%206.14667%202.14645C6.24044%202.05268%206.36762%202%206.50022%202L10.5002%202Z'%20fill='%23FFBAE0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_370_32266'%3e%3crect%20width='16'%20height='16'%20fill='white'%20transform='translate(6.99382e-07%2016)%20rotate(-90)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      width: 14px;
      height: 14px;
      margin-top: -1px;
      margin-left: -1px
    }

    .icon-anchor {
      background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.33333%202V4C5.33333%204.35362%205.19286%204.69276%204.94281%204.94281C4.69276%205.19286%204.35362%205.33333%204%205.33333H2M14%205.33333H12C11.6464%205.33333%2011.3072%205.19286%2011.0572%204.94281C10.8071%204.69276%2010.6667%204.35362%2010.6667%204V2M10.6667%2014V12C10.6667%2011.6464%2010.8071%2011.3072%2011.0572%2011.0572C11.3072%2010.8071%2011.6464%2010.6667%2012%2010.6667H14M2%2010.6667H4C4.35362%2010.6667%204.69276%2010.8071%204.94281%2011.0572C5.19286%2011.3072%205.33333%2011.6464%205.33333%2012V14'%20stroke='white'%20stroke-width='2.35'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      width: 14px;
      height: 14px;
      margin-top: 0;
      margin-left: 0
    }

    .icon-location {
      background-image: url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.4541%201.10254C15.4692%200.667261%2016.5136%201.75989%2015.9785%202.77148L9.24707%2015.4854C8.66165%2016.5912%206.98633%2016.1751%206.98633%2014.9238V10.1416H2.2041C0.952877%2010.1416%200.536781%208.46628%201.64258%207.88086L14.3564%201.14941L14.4541%201.10254Z'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e");
      width: 14px;
      height: 14px;
      margin-top: 0;
      margin-left: 0
    }

    .icon-leaderboard {
      background-color: var(--color-white);
      width: 28px;
      height: 28px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3398%203.89355C14.9567%202.42072%2017.0433%202.42073%2017.6602%203.89355L20.2227%2010.0117C20.2515%2010.0803%2020.3164%2010.1266%2020.3906%2010.1328L27.001%2010.6797C28.5923%2010.8112%2029.2375%2012.7961%2028.0273%2013.8379L23.001%2018.165C22.9444%2018.2137%2022.9194%2018.2906%2022.9365%2018.3633L24.459%2024.8184C24.8256%2026.3724%2023.1382%2027.5991%2021.7734%2026.7705L16.1035%2023.3271C16.0398%2023.2886%2015.9602%2023.2886%2015.8965%2023.3271L10.2266%2026.7705C8.86184%2027.5991%207.1744%2026.3724%207.54102%2024.8184L9.06348%2018.3633C9.08061%2018.2906%209.05559%2018.2137%208.99902%2018.165L3.97266%2013.8379C2.76254%2012.7961%203.40766%2010.8112%204.99902%2010.6797L11.6094%2010.1328C11.6836%2010.1266%2011.7485%2010.0803%2011.7773%2010.0117L14.3398%203.89355Z'%20fill='%23FFFFFF'%20stroke='%23FFFFFF'%20stroke-width='1.6'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3398%203.89355C14.9567%202.42072%2017.0433%202.42073%2017.6602%203.89355L20.2227%2010.0117C20.2515%2010.0803%2020.3164%2010.1266%2020.3906%2010.1328L27.001%2010.6797C28.5923%2010.8112%2029.2375%2012.7961%2028.0273%2013.8379L23.001%2018.165C22.9444%2018.2137%2022.9194%2018.2906%2022.9365%2018.3633L24.459%2024.8184C24.8256%2026.3724%2023.1382%2027.5991%2021.7734%2026.7705L16.1035%2023.3271C16.0398%2023.2886%2015.9602%2023.2886%2015.8965%2023.3271L10.2266%2026.7705C8.86184%2027.5991%207.1744%2026.3724%207.54102%2024.8184L9.06348%2018.3633C9.08061%2018.2906%209.05559%2018.2137%208.99902%2018.165L3.97266%2013.8379C2.76254%2012.7961%203.40766%2010.8112%204.99902%2010.6797L11.6094%2010.1328C11.6836%2010.1266%2011.7485%2010.0803%2011.7773%2010.0117L14.3398%203.89355Z'%20fill='%23FFFFFF'%20stroke='%23FFFFFF'%20stroke-width='1.6'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-leaderboard.gray {
      background-color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .icon-leaderboard.secondary {
      background-color: var(--color-secondary)
    }

    .icon-gear {
      background-color: var(--color-white);
      width: 14px;
      height: 14px;
      margin-top: 0;
      margin-left: 0;
      -webkit-mask-image: url(/assets/icon-gear-BlLsA30q.svg);
      mask-image: url(/assets/icon-gear-BlLsA30q.svg);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-gear.gray {
      background-color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .icon-sound {
      background-color: var(--color-white);
      width: 14px;
      height: 14px;
      margin-top: 0;
      margin-left: 0;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4613%200.908629C13.3714%200.838572%2013.2668%200.789893%2013.1554%200.766285C13.044%200.742677%2012.9286%200.744761%2012.8181%200.772379L4.81813%202.77238C4.65587%202.81294%204.51183%202.90656%204.40889%203.03838C4.30595%203.17019%204.25003%203.33263%204.25%203.49988V9.95925C3.75657%209.7439%203.2068%209.69359%202.68248%209.81581C2.15816%209.93803%201.6873%2010.2262%201.33994%2010.6376C0.992589%2011.0489%200.787299%2011.5614%200.754613%2012.0988C0.721927%2012.6361%200.863592%2013.1697%201.15853%2013.6201C1.45347%2014.0705%201.88593%2014.4137%202.39158%2014.5985C2.89722%2014.7834%203.44903%2014.8001%203.96493%2014.6461C4.48082%2014.4922%204.93323%2014.1758%205.25486%2013.744C5.57649%2013.3123%205.75014%2012.7883%205.75%2012.2499V7.0855L12.25%205.4605V7.9605C11.7565%207.74513%2011.2067%207.69483%2010.6823%207.8171C10.158%207.93936%209.68708%208.22764%209.33974%208.63906C8.9924%209.05048%208.78717%209.56304%208.75459%2010.1005C8.722%2010.6379%208.86379%2011.1715%209.15888%2011.6219C9.45396%2012.0723%209.88656%2012.4153%2010.3923%2012.6001C10.8981%2012.7848%2011.4499%2012.8013%2011.9658%2012.6471C12.4817%2012.493%2012.934%2012.1763%2013.2555%2011.7444C13.577%2011.3125%2013.7504%2010.7883%2013.75%2010.2499V1.49988C13.75%201.38586%2013.724%201.27335%2013.6739%201.1709C13.6239%201.06845%2013.5512%200.978749%2013.4613%200.908629ZM3.25%2013.2499C3.05222%2013.2499%202.85888%2013.1912%202.69443%2013.0813C2.52998%2012.9715%202.40181%2012.8153%202.32612%2012.6326C2.25043%2012.4498%202.23063%2012.2488%202.26922%2012.0548C2.3078%2011.8608%202.40304%2011.6826%202.54289%2011.5428C2.68275%2011.4029%202.86093%2011.3077%203.05491%2011.2691C3.24889%2011.2305%203.44996%2011.2503%203.63268%2011.326C3.81541%2011.4017%203.97159%2011.5299%204.08147%2011.6943C4.19135%2011.8588%204.25%2012.0521%204.25%2012.2499C4.25%2012.5151%204.14464%2012.7694%203.95711%2012.957C3.76957%2013.1445%203.51522%2013.2499%203.25%2013.2499ZM5.75%205.53925V4.0855L12.25%202.4605V3.91425L5.75%205.53925ZM11.25%2011.2499C11.0522%2011.2499%2010.8589%2011.1912%2010.6944%2011.0813C10.53%2010.9715%2010.4018%2010.8153%2010.3261%2010.6326C10.2504%2010.4498%2010.2306%2010.2488%2010.2692%2010.0548C10.3078%209.86081%2010.403%209.68262%2010.5429%209.54277C10.6827%209.40292%2010.8609%209.30768%2011.0549%209.26909C11.2489%209.23051%2011.45%209.25031%2011.6327%209.326C11.8154%209.40169%2011.9716%209.52986%2012.0815%209.69431C12.1914%209.85876%2012.25%2010.0521%2012.25%2010.2499C12.25%2010.5151%2012.1446%2010.7694%2011.9571%2010.957C11.7696%2011.1445%2011.5152%2011.2499%2011.25%2011.2499Z'%20fill='white'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.4613%200.908629C13.3714%200.838572%2013.2668%200.789893%2013.1554%200.766285C13.044%200.742677%2012.9286%200.744761%2012.8181%200.772379L4.81813%202.77238C4.65587%202.81294%204.51183%202.90656%204.40889%203.03838C4.30595%203.17019%204.25003%203.33263%204.25%203.49988V9.95925C3.75657%209.7439%203.2068%209.69359%202.68248%209.81581C2.15816%209.93803%201.6873%2010.2262%201.33994%2010.6376C0.992589%2011.0489%200.787299%2011.5614%200.754613%2012.0988C0.721927%2012.6361%200.863592%2013.1697%201.15853%2013.6201C1.45347%2014.0705%201.88593%2014.4137%202.39158%2014.5985C2.89722%2014.7834%203.44903%2014.8001%203.96493%2014.6461C4.48082%2014.4922%204.93323%2014.1758%205.25486%2013.744C5.57649%2013.3123%205.75014%2012.7883%205.75%2012.2499V7.0855L12.25%205.4605V7.9605C11.7565%207.74513%2011.2067%207.69483%2010.6823%207.8171C10.158%207.93936%209.68708%208.22764%209.33974%208.63906C8.9924%209.05048%208.78717%209.56304%208.75459%2010.1005C8.722%2010.6379%208.86379%2011.1715%209.15888%2011.6219C9.45396%2012.0723%209.88656%2012.4153%2010.3923%2012.6001C10.8981%2012.7848%2011.4499%2012.8013%2011.9658%2012.6471C12.4817%2012.493%2012.934%2012.1763%2013.2555%2011.7444C13.577%2011.3125%2013.7504%2010.7883%2013.75%2010.2499V1.49988C13.75%201.38586%2013.724%201.27335%2013.6739%201.1709C13.6239%201.06845%2013.5512%200.978749%2013.4613%200.908629ZM3.25%2013.2499C3.05222%2013.2499%202.85888%2013.1912%202.69443%2013.0813C2.52998%2012.9715%202.40181%2012.8153%202.32612%2012.6326C2.25043%2012.4498%202.23063%2012.2488%202.26922%2012.0548C2.3078%2011.8608%202.40304%2011.6826%202.54289%2011.5428C2.68275%2011.4029%202.86093%2011.3077%203.05491%2011.2691C3.24889%2011.2305%203.44996%2011.2503%203.63268%2011.326C3.81541%2011.4017%203.97159%2011.5299%204.08147%2011.6943C4.19135%2011.8588%204.25%2012.0521%204.25%2012.2499C4.25%2012.5151%204.14464%2012.7694%203.95711%2012.957C3.76957%2013.1445%203.51522%2013.2499%203.25%2013.2499ZM5.75%205.53925V4.0855L12.25%202.4605V3.91425L5.75%205.53925ZM11.25%2011.2499C11.0522%2011.2499%2010.8589%2011.1912%2010.6944%2011.0813C10.53%2010.9715%2010.4018%2010.8153%2010.3261%2010.6326C10.2504%2010.4498%2010.2306%2010.2488%2010.2692%2010.0548C10.3078%209.86081%2010.403%209.68262%2010.5429%209.54277C10.6827%209.40292%2010.8609%209.30768%2011.0549%209.26909C11.2489%209.23051%2011.45%209.25031%2011.6327%209.326C11.8154%209.40169%2011.9716%209.52986%2012.0815%209.69431C12.1914%209.85876%2012.25%2010.0521%2012.25%2010.2499C12.25%2010.5151%2012.1446%2010.7694%2011.9571%2010.957C11.7696%2011.1445%2011.5152%2011.2499%2011.25%2011.2499Z'%20fill='white'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-sound.gray {
      background-color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .icon-sound-small {
      background-color: var(--color-white);
      width: 14px;
      height: 14px;
      margin-top: 0;
      margin-left: 0;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.4758%201.03752C12.4199%200.993233%2012.3546%200.962468%2012.2848%200.947627C12.2151%200.932787%2012.1429%200.934274%2012.0738%200.951972L4.57383%202.82697C4.47252%202.8523%204.38256%202.91073%204.31824%202.99299C4.25391%203.07526%204.2189%203.17665%204.21875%203.28107V9.73225C3.82767%209.47095%203.36049%209.34785%202.89143%209.38251C2.42237%209.41717%201.97835%209.60761%201.62993%209.92355C1.28151%2010.2395%201.04867%2010.6628%200.968429%2011.1263C0.888185%2011.5897%200.965132%2012.0667%201.18704%2012.4814C1.40896%2012.8961%201.7631%2013.2247%202.1932%2013.4151C2.6233%2013.6054%203.10468%2013.6466%203.56084%2013.532C4.01701%2013.4173%204.42178%2013.1536%204.71085%2012.7826C4.99991%2012.4115%205.15669%2011.9545%205.15625%2011.4842V5.99103L11.7188%204.35041V7.85725C11.3277%207.59595%2010.8605%207.47285%2010.3914%207.50751C9.92237%207.54217%209.47835%207.73261%209.12993%208.04855C8.7815%208.3645%208.54867%208.78783%208.46843%209.25127C8.38818%209.71471%208.46513%2010.1917%208.68704%2010.6064C8.90896%2011.0211%209.2631%2011.3497%209.6932%2011.5401C10.1233%2011.7304%2010.6047%2011.7716%2011.0608%2011.657C11.517%2011.5423%2011.9218%2011.2786%2012.2108%2010.9076C12.4999%2010.5365%2012.6567%2010.0795%2012.6563%209.6092V1.40607C12.6561%201.33498%2012.6398%201.26485%2012.6085%201.201C12.5772%201.13715%2012.5318%201.08124%2012.4758%201.03752Z'%20fill='%23AFB5AD'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.4758%201.03752C12.4199%200.993233%2012.3546%200.962468%2012.2848%200.947627C12.2151%200.932787%2012.1429%200.934274%2012.0738%200.951972L4.57383%202.82697C4.47252%202.8523%204.38256%202.91073%204.31824%202.99299C4.25391%203.07526%204.2189%203.17665%204.21875%203.28107V9.73225C3.82767%209.47095%203.36049%209.34785%202.89143%209.38251C2.42237%209.41717%201.97835%209.60761%201.62993%209.92355C1.28151%2010.2395%201.04867%2010.6628%200.968429%2011.1263C0.888185%2011.5897%200.965132%2012.0667%201.18704%2012.4814C1.40896%2012.8961%201.7631%2013.2247%202.1932%2013.4151C2.6233%2013.6054%203.10468%2013.6466%203.56084%2013.532C4.01701%2013.4173%204.42178%2013.1536%204.71085%2012.7826C4.99991%2012.4115%205.15669%2011.9545%205.15625%2011.4842V5.99103L11.7188%204.35041V7.85725C11.3277%207.59595%2010.8605%207.47285%2010.3914%207.50751C9.92237%207.54217%209.47835%207.73261%209.12993%208.04855C8.7815%208.3645%208.54867%208.78783%208.46843%209.25127C8.38818%209.71471%208.46513%2010.1917%208.68704%2010.6064C8.90896%2011.0211%209.2631%2011.3497%209.6932%2011.5401C10.1233%2011.7304%2010.6047%2011.7716%2011.0608%2011.657C11.517%2011.5423%2011.9218%2011.2786%2012.2108%2010.9076C12.4999%2010.5365%2012.6567%2010.0795%2012.6563%209.6092V1.40607C12.6561%201.33498%2012.6398%201.26485%2012.6085%201.201C12.5772%201.13715%2012.5318%201.08124%2012.4758%201.03752Z'%20fill='%23AFB5AD'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-sound-small.gray {
      background-color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .icon-profile {
      background-color: var(--color-white);
      width: 28px;
      height: 28px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.8666%2014.9328C21.8666%2016.0931%2021.5226%2017.2274%2020.8779%2018.1922C20.2333%2019.1569%2019.317%2019.9089%2018.245%2020.3529C17.1731%2020.7969%2015.9935%2020.9131%2014.8554%2020.6868C13.7174%2020.4604%2012.6721%2019.9016%2011.8516%2019.0812C11.0311%2018.2607%2010.4724%2017.2154%2010.246%2016.0773C10.0197%2014.9393%2010.1358%2013.7597%2010.5799%2012.6877C11.0239%2011.6157%2011.7759%2010.6995%2012.7406%2010.0549C13.7054%209.41022%2014.8397%209.06614%2016%209.06614C17.5554%209.06791%2019.0466%209.68657%2020.1464%2010.7864C21.2462%2011.8862%2021.8649%2013.3774%2021.8666%2014.9328ZM29.8666%2015.9995C29.8666%2018.742%2029.0534%2021.423%2027.5297%2023.7034C26.006%2025.9837%2023.8403%2027.7611%2021.3065%2028.8106C18.7727%2029.8601%2015.9846%2030.1347%2013.2947%2029.5997C10.6048%2029.0646%208.13405%2027.744%206.19476%2025.8047C4.25547%2023.8654%202.9348%2021.3946%202.39975%2018.7047C1.8647%2016.0149%202.13931%2013.2267%203.18884%2010.6929C4.23838%208.15913%206.0157%205.99346%208.29607%204.46977C10.5764%202.94608%2013.2574%202.13281%2016%202.13281C19.6764%202.13669%2023.2012%203.59889%2025.8009%206.19855C28.4006%208.79821%2029.8628%2012.323%2029.8666%2015.9995ZM27.7333%2015.9995C27.7316%2014.4202%2027.4114%2012.8575%2026.7919%2011.4048C26.1724%209.95205%2025.2663%208.6392%2024.1277%207.54472C22.9892%206.45025%2021.6416%205.59662%2020.1656%205.03489C18.6896%204.47317%2017.1154%204.21488%2015.5373%204.27548C9.25731%204.51815%204.24931%209.74881%204.26664%2016.0328C4.27266%2018.8935%205.32774%2021.6526%207.23197%2023.7875C8.00747%2022.6627%208.99256%2021.698%2010.1333%2020.9461C10.2306%2020.8819%2010.3462%2020.8513%2010.4625%2020.859C10.5788%2020.8667%2010.6894%2020.9123%2010.7773%2020.9888C12.2269%2022.2426%2014.0794%2022.9326%2015.996%2022.9326C17.9125%2022.9326%2019.7651%2022.2426%2021.2146%2020.9888C21.3026%2020.9123%2021.4131%2020.8667%2021.5294%2020.859C21.6458%2020.8513%2021.7614%2020.8819%2021.8586%2020.9461C23.0008%2021.6976%2023.9873%2022.6623%2024.764%2023.7875C26.6776%2021.6449%2027.7347%2018.8723%2027.7333%2015.9995Z'%20fill='%23FFFFFF'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21.8666%2014.9328C21.8666%2016.0931%2021.5226%2017.2274%2020.8779%2018.1922C20.2333%2019.1569%2019.317%2019.9089%2018.245%2020.3529C17.1731%2020.7969%2015.9935%2020.9131%2014.8554%2020.6868C13.7174%2020.4604%2012.6721%2019.9016%2011.8516%2019.0812C11.0311%2018.2607%2010.4724%2017.2154%2010.246%2016.0773C10.0197%2014.9393%2010.1358%2013.7597%2010.5799%2012.6877C11.0239%2011.6157%2011.7759%2010.6995%2012.7406%2010.0549C13.7054%209.41022%2014.8397%209.06614%2016%209.06614C17.5554%209.06791%2019.0466%209.68657%2020.1464%2010.7864C21.2462%2011.8862%2021.8649%2013.3774%2021.8666%2014.9328ZM29.8666%2015.9995C29.8666%2018.742%2029.0534%2021.423%2027.5297%2023.7034C26.006%2025.9837%2023.8403%2027.7611%2021.3065%2028.8106C18.7727%2029.8601%2015.9846%2030.1347%2013.2947%2029.5997C10.6048%2029.0646%208.13405%2027.744%206.19476%2025.8047C4.25547%2023.8654%202.9348%2021.3946%202.39975%2018.7047C1.8647%2016.0149%202.13931%2013.2267%203.18884%2010.6929C4.23838%208.15913%206.0157%205.99346%208.29607%204.46977C10.5764%202.94608%2013.2574%202.13281%2016%202.13281C19.6764%202.13669%2023.2012%203.59889%2025.8009%206.19855C28.4006%208.79821%2029.8628%2012.323%2029.8666%2015.9995ZM27.7333%2015.9995C27.7316%2014.4202%2027.4114%2012.8575%2026.7919%2011.4048C26.1724%209.95205%2025.2663%208.6392%2024.1277%207.54472C22.9892%206.45025%2021.6416%205.59662%2020.1656%205.03489C18.6896%204.47317%2017.1154%204.21488%2015.5373%204.27548C9.25731%204.51815%204.24931%209.74881%204.26664%2016.0328C4.27266%2018.8935%205.32774%2021.6526%207.23197%2023.7875C8.00747%2022.6627%208.99256%2021.698%2010.1333%2020.9461C10.2306%2020.8819%2010.3462%2020.8513%2010.4625%2020.859C10.5788%2020.8667%2010.6894%2020.9123%2010.7773%2020.9888C12.2269%2022.2426%2014.0794%2022.9326%2015.996%2022.9326C17.9125%2022.9326%2019.7651%2022.2426%2021.2146%2020.9888C21.3026%2020.9123%2021.4131%2020.8667%2021.5294%2020.859C21.6458%2020.8513%2021.7614%2020.8819%2021.8586%2020.9461C23.0008%2021.6976%2023.9873%2022.6623%2024.764%2023.7875C26.6776%2021.6449%2027.7347%2018.8723%2027.7333%2015.9995Z'%20fill='%23FFFFFF'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-profile.gray {
      background-color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .icon-profile.secondary {
      background-color: var(--color-secondary)
    }

    .icon-home {
      background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='44'%20viewBox='0%200%2040%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2042V22H26V42M2%2016L20%202L38%2016V38C38%2039.0609%2037.5786%2040.0783%2036.8284%2040.8284C36.0783%2041.5786%2035.0609%2042%2034%2042H6C4.93913%2042%203.92172%2041.5786%203.17157%2040.8284C2.42143%2040.0783%202%2039.0609%202%2038V16Z'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      width: 14px;
      height: 15px
    }

    .icon-earn {
      background-image: url("data:image/svg+xml,%3csvg%20width='682'%20height='594'%20viewBox='0%200%20682%20594'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M320.695%2021.1738C333.218%2019.2383%20346.023%2018.453%20358.908%2018.8872C478.315%2020.51%20583.072%20137.915%20583.404%20261.915C583.404%20261.915%20583.404%20261.915%20583.404%20261.915C590.231%20385.743%20492.414%20508.549%20373.284%20516.533C360.444%20517.653%20347.613%20517.551%20334.998%20516.286C347.522%20514.352%20359.715%20511.432%20371.463%20507.593C478.78%20472.511%20539.42%20365.333%20535.421%20263.195C533.517%20161.001%20466.783%2057.2189%20357.605%2027.9102C345.654%2024.7035%20333.311%2022.4373%20320.695%2021.1738Z'%20fill='white'/%3e%3cpath%20d='M565.873%20147.143C574.197%20148.153%20582.576%20150.645%20590.484%20154.502C664.446%20196.408%20670.664%20298.902%20646.792%20371.971C646.792%20371.971%20646.792%20371.971%20646.792%20371.971C623.555%20445.245%20558.762%20524.706%20474.357%20515.243C465.695%20513.726%20457.448%20510.824%20450.109%20506.754C458.437%20507.776%20466.635%20507.487%20474.428%20506.117C544.5%20488.922%20579.555%20419.742%20601.134%20357.161C601.134%20357.161%20601.134%20357.161%20601.134%20357.161C620.117%20293.737%20632.02%20217.048%20585.222%20161.944C579.701%20156.256%20573.222%20151.205%20565.873%20147.143Z'%20fill='white'/%3e%3cpath%20d='M513.348%20356.648C451.777%20384.147%20415.438%20392.91%20345.66%20390.344C327.354%20454.349%20310.605%20488.135%20278.189%20547.572C241.834%20494.71%20221.947%20464.339%20194.407%20398.497C127.402%20405.302%2090.0547%20403.294%2024.0796%20383.065C56.6825%20319.899%2079.0386%20289%20139.982%20257.239C110.455%20203.907%20103.177%20166.548%20101.992%2090.4392C169.522%20104.1%20205.563%20115.545%20257.442%20161.745C309.918%20115.399%20343.005%2098.5438%20404.261%2074.0685C405.98%20144.459%20402.248%20181.787%20384.772%20243.444C437.629%20275.86%20466.041%20299.476%20513.348%20356.648Z'%20stroke='white'%20stroke-width='48'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
      width: 18px;
      height: 15px
    }

    .icon-trade {
      background-color: var(--color-white);
      width: 28px;
      height: 28px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%204.69922C19.8716%204.69922%2022.6292%204.73598%2024.5762%204.78418C27.2107%204.84962%2029.1625%206.79128%2029.2295%209.42578C29.2702%2011.0274%2029.2998%2013.1666%2029.2998%2015.999C29.2998%2018.8307%2029.2702%2020.9698%2029.2295%2022.5713C29.1625%2025.2066%2027.2096%2027.1488%2024.5742%2027.2139C22.6274%2027.2619%2019.8713%2027.2988%2016.001%2027.2988C12.1298%2027.2988%209.37274%2027.262%207.42578%2027.2139C5.44809%2027.165%203.85462%2026.0592%203.1543%2024.3965L11.9883%2016.1074L14.9385%2019.0586C15.0778%2019.1981%2015.2437%2019.3093%2015.4258%2019.3848C15.6078%2019.4602%2015.803%2019.499%2016%2019.499C16.197%2019.499%2016.3922%2019.4602%2016.5742%2019.3848C16.7563%2019.3093%2016.9222%2019.1981%2017.0615%2019.0586L23.5%2012.6191V13.998C23.5%2014.3959%2023.6581%2014.7773%2023.9395%2015.0586C24.2208%2015.3399%2024.6022%2015.498%2025%2015.498C25.3978%2015.498%2025.7792%2015.3399%2026.0605%2015.0586C26.3419%2014.7773%2026.5%2014.3959%2026.5%2013.998V8.99805C26.5%208.60022%2026.3419%208.21881%2026.0605%207.9375C25.7792%207.6562%2025.3978%207.49805%2025%207.49805H20C19.6022%207.49805%2019.2208%207.6562%2018.9395%207.9375C18.6581%208.21881%2018.5%208.60022%2018.5%208.99805C18.5%209.39587%2018.6581%209.77729%2018.9395%2010.0586C19.2208%2010.3399%2019.6022%2010.498%2020%2010.498H21.3789L16%2015.876L13.0615%2012.9375C12.9222%2012.798%2012.7563%2012.6868%2012.5742%2012.6113C12.3922%2012.5359%2012.197%2012.4971%2012%2012.4971C11.803%2012.4971%2011.6078%2012.5359%2011.4258%2012.6113C11.2491%2012.6846%2011.0878%2012.7911%2010.9512%2012.9248L2.73145%2020.5977C2.71224%2019.3179%202.7002%2017.7984%202.7002%2015.999C2.7002%2013.166%202.72974%2011.0265%202.77051%209.4248C2.83762%206.79071%204.78972%204.84956%207.42383%204.78418C9.3708%204.73597%2012.128%204.69922%2016%204.69922Z'%20fill='%23FFFFFF'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%204.69922C19.8716%204.69922%2022.6292%204.73598%2024.5762%204.78418C27.2107%204.84962%2029.1625%206.79128%2029.2295%209.42578C29.2702%2011.0274%2029.2998%2013.1666%2029.2998%2015.999C29.2998%2018.8307%2029.2702%2020.9698%2029.2295%2022.5713C29.1625%2025.2066%2027.2096%2027.1488%2024.5742%2027.2139C22.6274%2027.2619%2019.8713%2027.2988%2016.001%2027.2988C12.1298%2027.2988%209.37274%2027.262%207.42578%2027.2139C5.44809%2027.165%203.85462%2026.0592%203.1543%2024.3965L11.9883%2016.1074L14.9385%2019.0586C15.0778%2019.1981%2015.2437%2019.3093%2015.4258%2019.3848C15.6078%2019.4602%2015.803%2019.499%2016%2019.499C16.197%2019.499%2016.3922%2019.4602%2016.5742%2019.3848C16.7563%2019.3093%2016.9222%2019.1981%2017.0615%2019.0586L23.5%2012.6191V13.998C23.5%2014.3959%2023.6581%2014.7773%2023.9395%2015.0586C24.2208%2015.3399%2024.6022%2015.498%2025%2015.498C25.3978%2015.498%2025.7792%2015.3399%2026.0605%2015.0586C26.3419%2014.7773%2026.5%2014.3959%2026.5%2013.998V8.99805C26.5%208.60022%2026.3419%208.21881%2026.0605%207.9375C25.7792%207.6562%2025.3978%207.49805%2025%207.49805H20C19.6022%207.49805%2019.2208%207.6562%2018.9395%207.9375C18.6581%208.21881%2018.5%208.60022%2018.5%208.99805C18.5%209.39587%2018.6581%209.77729%2018.9395%2010.0586C19.2208%2010.3399%2019.6022%2010.498%2020%2010.498H21.3789L16%2015.876L13.0615%2012.9375C12.9222%2012.798%2012.7563%2012.6868%2012.5742%2012.6113C12.3922%2012.5359%2012.197%2012.4971%2012%2012.4971C11.803%2012.4971%2011.6078%2012.5359%2011.4258%2012.6113C11.2491%2012.6846%2011.0878%2012.7911%2010.9512%2012.9248L2.73145%2020.5977C2.71224%2019.3179%202.7002%2017.7984%202.7002%2015.999C2.7002%2013.166%202.72974%2011.0265%202.77051%209.4248C2.83762%206.79071%204.78972%204.84956%207.42383%204.78418C9.3708%204.73597%2012.128%204.69922%2016%204.69922Z'%20fill='%23FFFFFF'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-trade.gray {
      background-color: color-mix(in oklab, var(--color-white)70%, transparent)
    }

    .icon-trade.secondary {
      background-color: var(--color-secondary)
    }

    .logo-app-icon {
      background-image: url(/assets/logo-app-icon-Chs2gTNr.png);
      background-position: 50%;
      background-size: cover;
      justify-content: center;
      align-items: center;
      width: 52px;
      height: 52px;
      display: inline-flex
    }

    .icon-three-dots {
      background-color: var(--color-white);
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.75%208C9.75%208.34612%209.64736%208.68446%209.45507%208.97225C9.26278%209.26003%208.98947%209.48434%208.6697%209.61679C8.34993%209.74924%207.99806%209.7839%207.65859%209.71637C7.31913%209.64885%207.00731%209.48218%206.76256%209.23744C6.51782%208.9927%206.35115%208.68087%206.28363%208.34141C6.2161%208.00194%206.25076%207.65007%206.38321%207.3303C6.51567%207.01053%206.73997%206.73722%207.02775%206.54493C7.31554%206.35264%207.65388%206.25%208%206.25C8.46413%206.25%208.90925%206.43437%209.23744%206.76256C9.56563%207.09075%209.75%207.53587%209.75%208ZM3%206.25C2.65388%206.25%202.31554%206.35264%202.02775%206.54493C1.73997%206.73722%201.51566%207.01053%201.38321%207.3303C1.25076%207.65007%201.2161%208.00194%201.28363%208.34141C1.35115%208.68087%201.51782%208.9927%201.76256%209.23744C2.00731%209.48218%202.31913%209.64885%202.65859%209.71637C2.99806%209.7839%203.34993%209.74924%203.6697%209.61679C3.98947%209.48434%204.26278%209.26003%204.45507%208.97225C4.64737%208.68446%204.75%208.34612%204.75%208C4.75%207.53587%204.56563%207.09075%204.23744%206.76256C3.90925%206.43437%203.46413%206.25%203%206.25ZM13%206.25C12.6539%206.25%2012.3155%206.35264%2012.0278%206.54493C11.74%206.73722%2011.5157%207.01053%2011.3832%207.3303C11.2508%207.65007%2011.2161%208.00194%2011.2836%208.34141C11.3512%208.68087%2011.5178%208.9927%2011.7626%209.23744C12.0073%209.48218%2012.3191%209.64885%2012.6586%209.71637C12.9981%209.7839%2013.3499%209.74924%2013.6697%209.61679C13.9895%209.48434%2014.2628%209.26003%2014.4551%208.97225C14.6474%208.68446%2014.75%208.34612%2014.75%208C14.75%207.77019%2014.7047%207.54262%2014.6168%207.3303C14.5288%207.11798%2014.3999%206.92507%2014.2374%206.76256C14.0749%206.60006%2013.882%206.47116%2013.6697%206.38321C13.4574%206.29526%2013.2298%206.25%2013%206.25Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.75%208C9.75%208.34612%209.64736%208.68446%209.45507%208.97225C9.26278%209.26003%208.98947%209.48434%208.6697%209.61679C8.34993%209.74924%207.99806%209.7839%207.65859%209.71637C7.31913%209.64885%207.00731%209.48218%206.76256%209.23744C6.51782%208.9927%206.35115%208.68087%206.28363%208.34141C6.2161%208.00194%206.25076%207.65007%206.38321%207.3303C6.51567%207.01053%206.73997%206.73722%207.02775%206.54493C7.31554%206.35264%207.65388%206.25%208%206.25C8.46413%206.25%208.90925%206.43437%209.23744%206.76256C9.56563%207.09075%209.75%207.53587%209.75%208ZM3%206.25C2.65388%206.25%202.31554%206.35264%202.02775%206.54493C1.73997%206.73722%201.51566%207.01053%201.38321%207.3303C1.25076%207.65007%201.2161%208.00194%201.28363%208.34141C1.35115%208.68087%201.51782%208.9927%201.76256%209.23744C2.00731%209.48218%202.31913%209.64885%202.65859%209.71637C2.99806%209.7839%203.34993%209.74924%203.6697%209.61679C3.98947%209.48434%204.26278%209.26003%204.45507%208.97225C4.64737%208.68446%204.75%208.34612%204.75%208C4.75%207.53587%204.56563%207.09075%204.23744%206.76256C3.90925%206.43437%203.46413%206.25%203%206.25ZM13%206.25C12.6539%206.25%2012.3155%206.35264%2012.0278%206.54493C11.74%206.73722%2011.5157%207.01053%2011.3832%207.3303C11.2508%207.65007%2011.2161%208.00194%2011.2836%208.34141C11.3512%208.68087%2011.5178%208.9927%2011.7626%209.23744C12.0073%209.48218%2012.3191%209.64885%2012.6586%209.71637C12.9981%209.7839%2013.3499%209.74924%2013.6697%209.61679C13.9895%209.48434%2014.2628%209.26003%2014.4551%208.97225C14.6474%208.68446%2014.75%208.34612%2014.75%208C14.75%207.77019%2014.7047%207.54262%2014.6168%207.3303C14.5288%207.11798%2014.3999%206.92507%2014.2374%206.76256C14.0749%206.60006%2013.882%206.47116%2013.6697%206.38321C13.4574%206.29526%2013.2298%206.25%2013%206.25Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-pencil {
      background-color: var(--color-white);
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3838%204.40942L11.5913%201.6163C11.4752%201.50017%2011.3374%201.40805%2011.1857%201.3452C11.034%201.28235%2010.8714%201.25%2010.7072%201.25C10.543%201.25%2010.3804%201.28235%2010.2287%201.3452C10.077%201.40805%209.93921%201.50017%209.82313%201.6163L2.11626%209.3238C1.99976%209.43953%201.90739%209.57725%201.84452%209.72895C1.78165%209.88065%201.74953%2010.0433%201.75001%2010.2075V13.0007C1.75001%2013.3322%201.8817%2013.6501%202.11612%2013.8846C2.35054%2014.119%202.66848%2014.2507%203.00001%2014.2507H5.79313C5.95734%2014.2511%206.12001%2014.219%206.27171%2014.1561C6.42341%2014.0932%206.56112%2014.0009%206.67688%2013.8844L14.3838%206.17692C14.6181%205.94251%2014.7497%205.62463%2014.7497%205.29317C14.7497%204.96172%2014.6181%204.64383%2014.3838%204.40942ZM5.68751%2012.7507H3.25001V10.3132L8.50001%205.06317L10.9375%207.50067L5.68751%2012.7507ZM12%206.43817L9.56251%204.00067L10.7088%202.85442L13.1463%205.29192L12%206.43817Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.3838%204.40942L11.5913%201.6163C11.4752%201.50017%2011.3374%201.40805%2011.1857%201.3452C11.034%201.28235%2010.8714%201.25%2010.7072%201.25C10.543%201.25%2010.3804%201.28235%2010.2287%201.3452C10.077%201.40805%209.93921%201.50017%209.82313%201.6163L2.11626%209.3238C1.99976%209.43953%201.90739%209.57725%201.84452%209.72895C1.78165%209.88065%201.74953%2010.0433%201.75001%2010.2075V13.0007C1.75001%2013.3322%201.8817%2013.6501%202.11612%2013.8846C2.35054%2014.119%202.66848%2014.2507%203.00001%2014.2507H5.79313C5.95734%2014.2511%206.12001%2014.219%206.27171%2014.1561C6.42341%2014.0932%206.56112%2014.0009%206.67688%2013.8844L14.3838%206.17692C14.6181%205.94251%2014.7497%205.62463%2014.7497%205.29317C14.7497%204.96172%2014.6181%204.64383%2014.3838%204.40942ZM5.68751%2012.7507H3.25001V10.3132L8.50001%205.06317L10.9375%207.50067L5.68751%2012.7507ZM12%206.43817L9.56251%204.00067L10.7088%202.85442L13.1463%205.29192L12%206.43817Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-image {
      background-color: var(--color-secondary);
      width: 17px;
      height: 17px;
      -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.5%202.5H2.5C2.23478%202.5%201.98043%202.60536%201.79289%202.79289C1.60536%202.98043%201.5%203.23478%201.5%203.5V12.5C1.5%2012.7652%201.60536%2013.0196%201.79289%2013.2071C1.98043%2013.3946%202.23478%2013.5%202.5%2013.5H13.5C13.7652%2013.5%2014.0196%2013.3946%2014.2071%2013.2071C14.3946%2013.0196%2014.5%2012.7652%2014.5%2012.5V3.5C14.5%203.23478%2014.3946%202.98043%2014.2071%202.79289C14.0196%202.60536%2013.7652%202.5%2013.5%202.5ZM9.75%205.5C9.89834%205.5%2010.0433%205.54399%2010.1667%205.6264C10.29%205.70881%2010.3861%205.82594%2010.4429%205.96299C10.4997%206.10003%2010.5145%206.25083%2010.4856%206.39632C10.4566%206.5418%2010.3852%206.67544%2010.2803%206.78033C10.1754%206.88522%2010.0418%206.95665%209.89632%206.98559C9.75083%207.01453%209.60003%206.99968%209.46299%206.94291C9.32594%206.88614%209.20881%206.79001%209.1264%206.66668C9.04399%206.54334%209%206.39834%209%206.25C9%206.05109%209.07902%205.86032%209.21967%205.71967C9.36032%205.57902%209.55109%205.5%209.75%205.5ZM13.5%2012.5H2.5V10.0431L5.39625%207.14625C5.44269%207.09976%205.49783%207.06288%205.55853%207.03772C5.61923%207.01256%205.68429%206.99961%205.75%206.99961C5.81571%206.99961%205.88077%207.01256%205.94147%207.03772C6.00217%207.06288%206.05731%207.09976%206.10375%207.14625L10.3125%2011.3538C10.4063%2011.4476%2010.5336%2011.5003%2010.6663%2011.5003C10.7989%2011.5003%2010.9262%2011.4476%2011.02%2011.3538C11.1138%2011.2599%2011.1665%2011.1327%2011.1665%2011C11.1665%2010.8673%2011.1138%2010.7401%2011.02%2010.6462L9.91625%209.54313L10.8125%208.64625C10.9063%208.55255%2011.0334%208.49992%2011.1659%208.49992C11.2985%208.49992%2011.4256%208.55255%2011.5194%208.64625L13.5%2010.6294V12.5Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.5%202.5H2.5C2.23478%202.5%201.98043%202.60536%201.79289%202.79289C1.60536%202.98043%201.5%203.23478%201.5%203.5V12.5C1.5%2012.7652%201.60536%2013.0196%201.79289%2013.2071C1.98043%2013.3946%202.23478%2013.5%202.5%2013.5H13.5C13.7652%2013.5%2014.0196%2013.3946%2014.2071%2013.2071C14.3946%2013.0196%2014.5%2012.7652%2014.5%2012.5V3.5C14.5%203.23478%2014.3946%202.98043%2014.2071%202.79289C14.0196%202.60536%2013.7652%202.5%2013.5%202.5ZM9.75%205.5C9.89834%205.5%2010.0433%205.54399%2010.1667%205.6264C10.29%205.70881%2010.3861%205.82594%2010.4429%205.96299C10.4997%206.10003%2010.5145%206.25083%2010.4856%206.39632C10.4566%206.5418%2010.3852%206.67544%2010.2803%206.78033C10.1754%206.88522%2010.0418%206.95665%209.89632%206.98559C9.75083%207.01453%209.60003%206.99968%209.46299%206.94291C9.32594%206.88614%209.20881%206.79001%209.1264%206.66668C9.04399%206.54334%209%206.39834%209%206.25C9%206.05109%209.07902%205.86032%209.21967%205.71967C9.36032%205.57902%209.55109%205.5%209.75%205.5ZM13.5%2012.5H2.5V10.0431L5.39625%207.14625C5.44269%207.09976%205.49783%207.06288%205.55853%207.03772C5.61923%207.01256%205.68429%206.99961%205.75%206.99961C5.81571%206.99961%205.88077%207.01256%205.94147%207.03772C6.00217%207.06288%206.05731%207.09976%206.10375%207.14625L10.3125%2011.3538C10.4063%2011.4476%2010.5336%2011.5003%2010.6663%2011.5003C10.7989%2011.5003%2010.9262%2011.4476%2011.02%2011.3538C11.1138%2011.2599%2011.1665%2011.1327%2011.1665%2011C11.1665%2010.8673%2011.1138%2010.7401%2011.02%2010.6462L9.91625%209.54313L10.8125%208.64625C10.9063%208.55255%2011.0334%208.49992%2011.1659%208.49992C11.2985%208.49992%2011.4256%208.55255%2011.5194%208.64625L13.5%2010.6294V12.5Z'%20fill='%23FFBAE0'/%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .icon-logo {
      background-color: var(--color-secondary);
      width: 17px;
      height: 17px;
      -webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201479.87%201060.22'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23fff;}%3c/style%3e%3c/defs%3e%3cg%20id='Layer_2-2'%3e%3cg%20id='Layer_1-2'%3e%3cpath%20class='cls-1'%20d='M345.21,1060.22c-12.41,0-24.89-.67-37.2-1.98l168.81-389.57,296.23,355.46,8.33-5.4-205.3-419.67,903.79-32.66v148.6c0,92.21-35.91,178.9-101.11,244.1s-151.89,101.11-244.1,101.11H345.21ZM274.98,1053.07c-48.25-9.95-92.97-29.78-132.99-58.98-38.77-28.28-71.83-65.04-95.83-106.53l332.83-212.4-104,377.91h0ZM27.8,850.97C9.35,807.98,0,762.28,0,715.01v-143.55l332.92,26.95L27.8,850.97ZM614.45,505.89l-6.28-6.21,487.43-402.25-5.89-8.06-522.47,336.05L683.54,0h451.12c92.21,0,178.9,35.91,244.1,101.11,65.2,65.2,101.11,151.89,101.11,244.1v189.7l-865.42-29.02h0ZM0,345.21c0-92.21,35.91-178.9,101.11-244.1C166.31,35.91,253,0,345.21,0h310.24l-192.87,431.81L173.16,81.12l-8.32,5.44,205.99,406.45-1.63,11.02L0,530.24v-185.03Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
      mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201479.87%201060.22'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%23fff;}%3c/style%3e%3c/defs%3e%3cg%20id='Layer_2-2'%3e%3cg%20id='Layer_1-2'%3e%3cpath%20class='cls-1'%20d='M345.21,1060.22c-12.41,0-24.89-.67-37.2-1.98l168.81-389.57,296.23,355.46,8.33-5.4-205.3-419.67,903.79-32.66v148.6c0,92.21-35.91,178.9-101.11,244.1s-151.89,101.11-244.1,101.11H345.21ZM274.98,1053.07c-48.25-9.95-92.97-29.78-132.99-58.98-38.77-28.28-71.83-65.04-95.83-106.53l332.83-212.4-104,377.91h0ZM27.8,850.97C9.35,807.98,0,762.28,0,715.01v-143.55l332.92,26.95L27.8,850.97ZM614.45,505.89l-6.28-6.21,487.43-402.25-5.89-8.06-522.47,336.05L683.54,0h451.12c92.21,0,178.9,35.91,244.1,101.11,65.2,65.2,101.11,151.89,101.11,244.1v189.7l-865.42-29.02h0ZM0,345.21c0-92.21,35.91-178.9,101.11-244.1C166.31,35.91,253,0,345.21,0h310.24l-192.87,431.81L173.16,81.12l-8.32,5.44,205.99,406.45-1.63,11.02L0,530.24v-185.03Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .font-mono {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: Diatype-Mono
    }

    .font-condensed {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: Diatype-Condensed
    }

    .font-headline {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: 'Integral CF'
    }

    .font-title {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: 'Integral CF', sans-serif !important;
    }

    html {
      height: 100%
    }

    body {
      background-color: var(--color-black);
      --privy-border-adius-sm: 12px;
      --privy-border-radius-md: 16px;
      --privy-border-radius-lg: 24px;
      --privy-border-radius-full: 777px;
      --privy-color-background: #180a11;
      --privy-color-background-2: #fff3;
      --privy-color-background-3: #ffffff1a;
      --privy-color-foreground: #fff;
      --privy-color-foreground-2: #fff;
      --privy-color-foreground-3: #ffffff4d;
      --privy-color-foreground-4: #fff3;
      --privy-color-foreground-accent: #37192a;
      --privy-color-foreground-disabled: #ffffff80;
      --privy-color-accent: #ffbae0;
      --privy-color-accent-dark: #d392b6;
      --privy-color-accent-darkest: #b67599;
      --privy-color-accent-light: #ffc3e4;
      --privy-color-accent-lightest: #fbc9e4;
      --privy-color-success: #03d181;
      --privy-color-error: #ff6c79;
      --privy-color-error-light: #ff6c79, .3;
      height: 100%;
      overflow: hidden
    }

    button {
      pointer-events: auto;
      cursor: pointer
    }

    a {
      pointer-events: auto
    }

    .page-content {
      width: 100%;
      max-width: var(--max-page-width);
      gap: calc(var(--spacing)*3);
      flex-direction: column;
      flex: 1;
      margin-inline: auto;
      display: flex
    }

    @media (orientation:portrait) {
      .page-content {
        margin-bottom: var(--horizontal-navbar-height)
      }
    }

    @media (orientation:landscape) {
      .page-content {
        margin-bottom: var(--spacing-value)
      }
    }

    html,
    body {
      touch-action: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      height: 100%;
      overflow: hidden
    }

    .gradient-border {
      border-radius: 24px;
      position: relative;
      overflow: hidden
    }

    .gradient-border:before {
      content: "";
      border-radius: inherit;
      pointer-events: none;
      z-index: 1;
      background: linear-gradient(#ffbae0, #ea86e6);
      padding: 2px;
      position: absolute;
      inset: 0;
      -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
      -webkit-mask-position: 0 0, 0 0;
      -webkit-mask-size: auto, auto;
      -webkit-mask-repeat: repeat, repeat;
      -webkit-mask-clip: content-box, border-box;
      -webkit-mask-origin: content-box, border-box;
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      -webkit-mask-source-type: auto, auto;
      mask-mode: match-source, match-source
    }

    .gradient-border>* {
      z-index: 2;
      position: relative
    }

    @layer theme {

      :root,
      :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-300: oklch(.808 .114 19.571);
        --color-red-400: oklch(.704 .191 22.216);
        --color-red-500: oklch(.637 .237 25.331);
        --color-green-500: oklch(.723 .219 149.579);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-4xl: 56rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-sm: 8px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings)
      }
    }

    @layer base {

      *,
      :after,
      :before,
      ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
      }

      ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
      }

      html,
      :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
      }

      body {
        line-height: inherit
      }

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

      abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-size: inherit;
        font-weight: inherit
      }

      a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
      }

      b,
      strong {
        font-weight: bolder
      }

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

      small {
        font-size: 80%
      }

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

      sub {
        bottom: -.25em
      }

      sup {
        top: -.5em
      }

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

      :-moz-focusring {
        outline: auto
      }

      progress {
        vertical-align: baseline
      }

      summary {
        display: list-item
      }

      ol,
      ul,
      menu {
        list-style: none
      }

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

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

      button,
      input,
      select,
      optgroup,
      textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
      }

      ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
      }

      :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
      }

      :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
      }

      ::file-selector-button {
        margin-inline-end: 4px
      }

      ::-moz-placeholder {
        opacity: 1;
        color: color-mix(in oklab, currentColor 50%, transparent)
      }

      ::placeholder {
        opacity: 1;
        color: color-mix(in oklab, currentColor 50%, transparent)
      }

      textarea {
        resize: vertical
      }

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

      ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
      }

      ::-webkit-datetime-edit {
        display: inline-flex
      }

      ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
      }

      ::-webkit-datetime-edit {
        padding-block: 0
      }

      ::-webkit-datetime-edit-year-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-month-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-day-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-hour-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-minute-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-second-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
      }

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

      button,
      input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
      }

      ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
      }

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

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

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

    @layer components;

    @layer utilities {
      .\@container\/card-header {
        container: card-header/inline-size
      }

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

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

      .invisible {
        visibility: hidden
      }

      .visible {
        visibility: visible
      }

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

      .absolute {
        position: absolute
      }

      .fixed {
        position: fixed
      }

      .relative {
        position: relative
      }

      .static {
        position: static
      }

      .inset-0 {
        inset: calc(var(--spacing)*0)
      }

      .-top-1 {
        top: calc(var(--spacing)*-1)
      }

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

      .top-0 {
        top: calc(var(--spacing)*0)
      }

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

      .top-2 {
        top: calc(var(--spacing)*2)
      }

      .top-2\.5 {
        top: calc(var(--spacing)*2.5)
      }

      .top-4 {
        top: calc(var(--spacing)*4)
      }

      .top-6 {
        top: calc(var(--spacing)*6)
      }

      .top-\[-0\.8rem\] {
        top: -.8rem
      }

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

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

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

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

      .top-\[2\.5\%\] {
        top: 2.5%
      }

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

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

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

      .top-\[23\.5\%\] {
        top: 23.5%
      }

      .top-\[32\.2\%\] {
        top: 32.2%
      }

      .top-\[33\.5\%\] {
        top: 33.5%
      }

      .top-\[41\.5\%\] {
        top: 41.5%
      }

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

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

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

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

      .top-\[66\.5\%\] {
        top: 66.5%
      }

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

      .top-full {
        top: 100%
      }

      .right-0 {
        right: calc(var(--spacing)*0)
      }

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

      .right-2 {
        right: calc(var(--spacing)*2)
      }

      .right-2\.5 {
        right: calc(var(--spacing)*2.5)
      }

      .right-4 {
        right: calc(var(--spacing)*4)
      }

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

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

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

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

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

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

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

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

      .bottom-0 {
        bottom: calc(var(--spacing)*0)
      }

      .bottom-1 {
        bottom: calc(var(--spacing)*1)
      }

      .bottom-\[8\%\] {
        bottom: 8%
      }

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

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

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

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

      .left-0 {
        left: calc(var(--spacing)*0)
      }

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

      .left-2 {
        left: calc(var(--spacing)*2)
      }

      .left-3 {
        left: calc(var(--spacing)*3)
      }

      .left-\[0px\] {
        left: 0
      }

      .left-\[4\%\] {
        left: 4%
      }

      .left-\[7px\] {
        left: 7px
      }

      .left-\[9\%\] {
        left: 9%
      }

      .left-\[18px\] {
        left: 18px
      }

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

      .left-\[24\%\] {
        left: 24%
      }

      .left-\[30\%\] {
        left: 30%
      }

      .left-\[38\%\] {
        left: 38%
      }

      .left-\[40\%\] {
        left: 40%
      }

      .left-\[49\%\] {
        left: 49%
      }

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

      .left-\[60\%\] {
        left: 60%
      }

      .left-\[65\%\] {
        left: 65%
      }

      .left-\[calc\(50\%-2\.5rem\)\] {
        left: calc(50% - 2.5rem)
      }

      .isolate {
        isolation: isolate
      }

      .-z-1 {
        z-index: -1
      }

      .z-0 {
        z-index: 0
      }

      .z-1 {
        z-index: 1
      }

      .z-10 {
        z-index: 10
      }

      .z-20 {
        z-index: 20
      }

      .z-50 {
        z-index: 50
      }

      .z-100 {
        z-index: 100
      }

      .z-255 {
        z-index: 255
      }

      .z-1000 {
        z-index: 1000
      }

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

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

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

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

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

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

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

      .col-start-2 {
        grid-column-start: 2
      }

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

      .row-start-1 {
        grid-row-start: 1
      }

      .container {
        width: 100%
      }

      @media (width>=40rem) {
        .container {
          max-width: 40rem
        }
      }

      @media (width>=48rem) {
        .container {
          max-width: 48rem
        }
      }

      @media (width>=64rem) {
        .container {
          max-width: 64rem
        }
      }

      @media (width>=80rem) {
        .container {
          max-width: 80rem
        }
      }

      @media (width>=96rem) {
        .container {
          max-width: 96rem
        }
      }

      .m-0 {
        margin: calc(var(--spacing)*0)
      }

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

      .-mx-1 {
        margin-inline: calc(var(--spacing)*-1)
      }

      .-mx-5 {
        margin-inline: calc(var(--spacing)*-5)
      }

      .-mx-7 {
        margin-inline: calc(var(--spacing)*-7)
      }

      .mx-4 {
        margin-inline: calc(var(--spacing)*4)
      }

      .mx-5 {
        margin-inline: calc(var(--spacing)*5)
      }

      .mx-auto {
        margin-inline: auto
      }

      .my-0 {
        margin-block: calc(var(--spacing)*0)
      }

      .my-1 {
        margin-block: calc(var(--spacing)*1)
      }

      .my-2 {
        margin-block: calc(var(--spacing)*2)
      }

      .my-4 {
        margin-block: calc(var(--spacing)*4)
      }

      .my-6 {
        margin-block: calc(var(--spacing)*6)
      }

      .-mt-1 {
        margin-top: calc(var(--spacing)*-1)
      }

      .-mt-3 {
        margin-top: calc(var(--spacing)*-3)
      }

      .-mt-4 {
        margin-top: calc(var(--spacing)*-4)
      }

      .-mt-5 {
        margin-top: calc(var(--spacing)*-5)
      }

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

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

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

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

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

      .mt-0 {
        margin-top: calc(var(--spacing)*0)
      }

      .mt-1 {
        margin-top: calc(var(--spacing)*1)
      }

      .mt-1\.5 {
        margin-top: calc(var(--spacing)*1.5)
      }

      .mt-2 {
        margin-top: calc(var(--spacing)*2)
      }

      .mt-3 {
        margin-top: calc(var(--spacing)*3)
      }

      .mt-4 {
        margin-top: calc(var(--spacing)*4)
      }

      .mt-5 {
        margin-top: calc(var(--spacing)*5)
      }

      .mt-6 {
        margin-top: calc(var(--spacing)*6)
      }

      .mt-7 {
        margin-top: calc(var(--spacing)*7)
      }

      .mt-10 {
        margin-top: calc(var(--spacing)*10)
      }

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

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

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

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

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

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

      .-mr-3 {
        margin-right: calc(var(--spacing)*-3)
      }

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

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

      .mr-0 {
        margin-right: calc(var(--spacing)*0)
      }

      .mr-1 {
        margin-right: calc(var(--spacing)*1)
      }

      .mr-3 {
        margin-right: calc(var(--spacing)*3)
      }

      .mr-4 {
        margin-right: calc(var(--spacing)*4)
      }

      .mr-6 {
        margin-right: calc(var(--spacing)*6)
      }

      .mr-7 {
        margin-right: calc(var(--spacing)*7)
      }

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

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

      .-mb-5 {
        margin-bottom: calc(var(--spacing)*-5)
      }

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

      .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
      }

      .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
      }

      .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
      }

      .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
      }

      .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
      }

      .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
      }

      .mb-9 {
        margin-bottom: calc(var(--spacing)*9)
      }

      .mb-10 {
        margin-bottom: calc(var(--spacing)*10)
      }

      .mb-12 {
        margin-bottom: calc(var(--spacing)*12)
      }

      .mb-16 {
        margin-bottom: calc(var(--spacing)*16)
      }

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

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

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

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

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

      .-ml-2 {
        margin-left: calc(var(--spacing)*-2)
      }

      .ml-0 {
        margin-left: calc(var(--spacing)*0)
      }

      .ml-1 {
        margin-left: calc(var(--spacing)*1)
      }

      .ml-2 {
        margin-left: calc(var(--spacing)*2)
      }

      .ml-3 {
        margin-left: calc(var(--spacing)*3)
      }

      .ml-4 {
        margin-left: calc(var(--spacing)*4)
      }

      .ml-7 {
        margin-left: calc(var(--spacing)*7)
      }

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

      .ml-auto {
        margin-left: auto
      }

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

      .block {
        display: block
      }

      .flex {
        display: flex
      }

      .grid {
        display: grid
      }

      .hidden {
        display: none
      }

      .inline {
        display: inline
      }

      .inline-block {
        display: inline-block
      }

      .inline-flex {
        display: inline-flex
      }

      .aspect-square {
        aspect-ratio: 1
      }

      .size-2 {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
      }

      .size-2\.5 {
        width: calc(var(--spacing)*2.5);
        height: calc(var(--spacing)*2.5)
      }

      .size-3 {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
      }

      .size-3\.5 {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
      }

      .size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
      }

      .size-9 {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9)
      }

      .h-1 {
        height: calc(var(--spacing)*1)
      }

      .h-1\.5 {
        height: calc(var(--spacing)*1.5)
      }

      .h-2 {
        height: calc(var(--spacing)*2)
      }

      .h-3 {
        height: calc(var(--spacing)*3)
      }

      .h-4 {
        height: calc(var(--spacing)*4)
      }

      .h-5 {
        height: calc(var(--spacing)*5)
      }

      .h-6 {
        height: calc(var(--spacing)*6)
      }

      .h-7 {
        height: calc(var(--spacing)*7)
      }

      .h-8 {
        height: calc(var(--spacing)*8)
      }

      .h-9 {
        height: calc(var(--spacing)*9)
      }

      .h-10 {
        height: calc(var(--spacing)*10)
      }

      .h-12 {
        height: calc(var(--spacing)*12)
      }

      .h-\[1\.15rem\] {
        height: 1.15rem
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .h-\[100dvh\] {
        height: 100dvh
      }

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

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

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

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

      .h-\[clamp\(50px\,45vh\,600px\)\] {
        height: clamp(50px, 45vh, 600px)
      }

      .h-\[var\(--horizontal-navbar-height\)\] {
        height: var(--horizontal-navbar-height)
      }

      .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
        height: var(--radix-navigation-menu-viewport-height)
      }

      .h-\[var\(--radix-select-trigger-height\)\] {
        height: var(--radix-select-trigger-height)
      }

      .h-auto {
        height: auto
      }

      .h-full {
        height: 100%
      }

      .h-px {
        height: 1px
      }

      .h-screen {
        height: 100vh
      }

      .max-h-\(--radix-dropdown-menu-content-available-height\) {
        max-height: var(--radix-dropdown-menu-content-available-height)
      }

      .max-h-\(--radix-select-content-available-height\) {
        max-height: var(--radix-select-content-available-height)
      }

      .max-h-0 {
        max-height: calc(var(--spacing)*0)
      }

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

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

      .max-h-\[100dvh\] {
        max-height: 100dvh
      }

      .max-h-\[100svh\] {
        max-height: 100svh
      }

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

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

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

      .min-h-0 {
        min-height: calc(var(--spacing)*0)
      }

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

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

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

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

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

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

      .w-2 {
        width: calc(var(--spacing)*2)
      }

      .w-3 {
        width: calc(var(--spacing)*3)
      }

      .w-4 {
        width: calc(var(--spacing)*4)
      }

      .w-5 {
        width: calc(var(--spacing)*5)
      }

      .w-6 {
        width: calc(var(--spacing)*6)
      }

      .w-8 {
        width: calc(var(--spacing)*8)
      }

      .w-12 {
        width: calc(var(--spacing)*12)
      }

      .w-64 {
        width: calc(var(--spacing)*64)
      }

      .w-65 {
        width: calc(var(--spacing)*65)
      }

      .w-90 {
        width: calc(var(--spacing)*90)
      }

      .w-\[1ch\] {
        width: 1ch
      }

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

      .w-\[8rem\] {
        width: 8rem
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .w-\[auto\] {
        width: auto
      }

      .w-\[calc\(100\%-12px\)\] {
        width: calc(100% - 12px)
      }

      .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-screen {
        width: 100vw
      }

      .max-w-4xl {
        max-width: var(--container-4xl)
      }

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

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

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

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

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

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

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

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

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

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

      .max-w-md {
        max-width: var(--container-md)
      }

      .min-w-0 {
        min-width: calc(var(--spacing)*0)
      }

      .min-w-\[8rem\] {
        min-width: 8rem
      }

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

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

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

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

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

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

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

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

      .min-w-\[var\(--radix-select-trigger-width\)\] {
        min-width: var(--radix-select-trigger-width)
      }

      .flex-1,
      .flex-\[1\] {
        flex: 1
      }

      .flex-\[2\] {
        flex: 2
      }

      .flex-\[4\] {
        flex: 4
      }

      .flex-\[5\] {
        flex: 5
      }

      .flex-none {
        flex: none
      }

      .flex-shrink-0,
      .shrink-0 {
        flex-shrink: 0
      }

      .flex-grow {
        flex-grow: 1
      }

      .origin-\(--radix-dropdown-menu-content-transform-origin\) {
        transform-origin: var(--radix-dropdown-menu-content-transform-origin)
      }

      .origin-\(--radix-select-content-transform-origin\) {
        transform-origin: var(--radix-select-content-transform-origin)
      }

      .origin-\(--radix-tooltip-content-transform-origin\) {
        transform-origin: var(--radix-tooltip-content-transform-origin)
      }

      .origin-center {
        transform-origin: 50%
      }

      .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-y-\[calc\(-50\%_-_2px\)\] {
        --tw-translate-y: calc(-50% - 2px);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .scale-90 {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
      }

      .scale-x-\[0\.9\] {
        --tw-scale-x: .9;
        scale: var(--tw-scale-x)var(--tw-scale-y)
      }

      .scale-\[0\.8\] {
        scale: .8
      }

      .scale-\[1\.15\] {
        scale: 1.15
      }

      .-rotate-2 {
        rotate: -2deg
      }

      .rotate-0 {
        rotate: none
      }

      .rotate-45 {
        rotate: 45deg
      }

      .rotate-90 {
        rotate: 90deg
      }

      .rotate-180 {
        rotate: 180deg
      }

      .rotate-357 {
        rotate: 357deg
      }

      .transform {
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
      }

      .animate-pulse {
        animation: var(--animate-pulse)
      }

      .animate-spin {
        animation: var(--animate-spin)
      }

      .cursor-default {
        cursor: default
      }

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

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

      .cursor-pointer {
        cursor: pointer
      }

      .resize {
        resize: both
      }

      .scroll-my-1 {
        scroll-margin-block: calc(var(--spacing)*1)
      }

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

      .auto-rows-min {
        grid-auto-rows: min-content
      }

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

      .grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
      }

      .flex-col {
        flex-direction: column
      }

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

      .flex-row {
        flex-direction: row
      }

      .flex-nowrap {
        flex-wrap: nowrap
      }

      .flex-wrap {
        flex-wrap: wrap
      }

      .items-center {
        align-items: center
      }

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

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

      .items-stretch {
        align-items: stretch
      }

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

      .justify-center {
        justify-content: center
      }

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

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

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

      .gap-0 {
        gap: calc(var(--spacing)*0)
      }

      .gap-1 {
        gap: calc(var(--spacing)*1)
      }

      .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
      }

      .gap-2 {
        gap: calc(var(--spacing)*2)
      }

      .gap-3 {
        gap: calc(var(--spacing)*3)
      }

      .gap-4 {
        gap: calc(var(--spacing)*4)
      }

      .gap-5 {
        gap: calc(var(--spacing)*5)
      }

      .gap-6 {
        gap: calc(var(--spacing)*6)
      }

      .gap-15 {
        gap: calc(var(--spacing)*15)
      }

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

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

      .gap-\[calc\(var\(--spacing-value\)\/1\.5\)\] {
        gap: calc(var(--spacing-value)/1.5)
      }

      :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
      }

      .gap-x-1 {
        -moz-column-gap: calc(var(--spacing)*1);
        column-gap: calc(var(--spacing)*1)
      }

      .gap-x-16 {
        -moz-column-gap: calc(var(--spacing)*16);
        column-gap: calc(var(--spacing)*16)
      }

      :where(.space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-4>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
      }

      .gap-y-4 {
        row-gap: calc(var(--spacing)*4)
      }

      .gap-y-6 {
        row-gap: calc(var(--spacing)*6)
      }

      .self-center {
        align-self: center
      }

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

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

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

      .overflow-hidden {
        overflow: hidden
      }

      .overflow-visible {
        overflow: visible
      }

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

      .overflow-x-visible {
        overflow-x: visible
      }

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

      .overflow-y-clip {
        overflow-y: clip
      }

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

      .rounded {
        border-radius: .25rem
      }

      .rounded-2xl {
        border-radius: var(--radius-2xl)
      }

      .rounded-3xl {
        border-radius: var(--radius-3xl)
      }

      .rounded-4xl {
        border-radius: var(--radius-4xl)
      }

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

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

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

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

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

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

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

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

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

      .rounded-\[var\(--border-radius-button\)\] {
        border-radius: var(--border-radius-button)
      }

      .rounded-full {
        border-radius: 3.40282e38px
      }

      .rounded-lg {
        border-radius: var(--radius-lg)
      }

      .rounded-md {
        border-radius: var(--radius-md)
      }

      .rounded-sm {
        border-radius: var(--radius-sm)
      }

      .rounded-xl {
        border-radius: var(--radius-xl)
      }

      .rounded-xs {
        border-radius: var(--radius-xs)
      }

      .rounded-tl-sm {
        border-top-left-radius: var(--radius-sm)
      }

      .border {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
      }

      .border-1 {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
      }

      .border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
      }

      .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
      }

      .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
      }

      .border-b-3 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 3px
      }

      .border-solid {
        --tw-border-style: solid;
        border-style: solid
      }

      .border-\[\#4D2F3E\] {
        border-color: #4d2f3e
      }

      .border-\[\#6B3753aa\] {
        border-color: #6b3753aa
      }

      .border-\[\#D762A0\]\/20 {
        border-color: #d762a033
      }

      .border-black {
        border-color: var(--color-black)
      }

      .border-current {
        border-color: currentColor
      }

      .border-transparent {
        border-color: #0000
      }

      .border-white {
        border-color: var(--color-white)
      }

      .border-white\/5 {
        border-color: color-mix(in oklab, var(--color-white)5%, transparent)
      }

      .border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }

      .border-white\/20 {
        border-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }

      .border-t-transparent {
        border-top-color: #0000
      }

      .border-r-transparent {
        border-right-color: #0000
      }

      .\!bg-transparent {
        background-color: #0000 !important
      }

      .bg-\[\#180A11\] {
        background-color: #180a11
      }

      .bg-\[\#180A11\]\/70 {
        background-color: #180a11b3
      }

      .bg-\[\#180A1188\] {
        background-color: #180a1188
      }

      .bg-\[\#180a11\] {
        background-color: #180a11
      }

      .bg-\[\#381A26\]\/97 {
        background-color: #381a26f7
      }

      .bg-\[\#BD7398\] {
        background-color: #bd7398
      }

      .bg-\[\#CFDA00\] {
        background-color: #cfda00
      }

      .bg-\[\#CFDA00\]\! {
        background-color: #cfda00 !important
      }

      .bg-\[\#FF002E\] {
        background-color: #ff002e
      }

      .bg-\[\#FFBAE0\] {
        background-color: #ffbae0
      }

      .bg-black\/10 {
        background-color: color-mix(in oklab, var(--color-black)10%, transparent)
      }

      .bg-black\/15 {
        background-color: color-mix(in oklab, var(--color-black)15%, transparent)
      }

      .bg-black\/20 {
        background-color: color-mix(in oklab, var(--color-black)20%, transparent)
      }

      .bg-black\/50 {
        background-color: color-mix(in oklab, var(--color-black)50%, transparent)
      }

      .bg-transparent {
        background-color: #0000
      }

      .bg-white {
        background-color: var(--color-white)
      }

      .bg-white\/1 {
        background-color: color-mix(in oklab, var(--color-white)1%, transparent)
      }

      .bg-white\/2 {
        background-color: color-mix(in oklab, var(--color-white)2%, transparent)
      }

      .bg-white\/3 {
        background-color: color-mix(in oklab, var(--color-white)3%, transparent)
      }

      .bg-white\/5 {
        background-color: color-mix(in oklab, var(--color-white)5%, transparent)
      }

      .bg-white\/8 {
        background-color: color-mix(in oklab, var(--color-white)8%, transparent)
      }

      .bg-white\/10 {
        background-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }

      .bg-white\/20 {
        background-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }

      .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .from-\[\#492B3B\] {
        --tw-gradient-from: #492b3b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .from-\[\#D762A0\] {
        --tw-gradient-from: #d762a0;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .to-\[\#64334D\] {
        --tw-gradient-to: #64334d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .to-\[\#FF8AB5\] {
        --tw-gradient-to: #ff8ab5;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .bg-contain {
        background-size: contain
      }

      .bg-cover {
        background-size: cover
      }

      .bg-center {
        background-position: 50%
      }

      .bg-no-repeat {
        background-repeat: no-repeat
      }

      .fill-current {
        fill: currentColor
      }

      .object-contain {
        -o-object-fit: contain;
        object-fit: contain
      }

      .object-cover {
        -o-object-fit: cover;
        object-fit: cover
      }

      .p-0 {
        padding: calc(var(--spacing)*0)
      }

      .p-1 {
        padding: calc(var(--spacing)*1)
      }

      .p-2 {
        padding: calc(var(--spacing)*2)
      }

      .p-3 {
        padding: calc(var(--spacing)*3)
      }

      .p-4 {
        padding: calc(var(--spacing)*4)
      }

      .p-6 {
        padding: calc(var(--spacing)*6)
      }

      .p-8 {
        padding: calc(var(--spacing)*8)
      }

      .p-\[var\(--spacing-value\)\] {
        padding: var(--spacing-value)
      }

      .px-1 {
        padding-inline: calc(var(--spacing)*1)
      }

      .px-2 {
        padding-inline: calc(var(--spacing)*2)
      }

      .px-3 {
        padding-inline: calc(var(--spacing)*3)
      }

      .px-4 {
        padding-inline: calc(var(--spacing)*4)
      }

      .px-5 {
        padding-inline: calc(var(--spacing)*5)
      }

      .px-6 {
        padding-inline: calc(var(--spacing)*6)
      }

      .px-7 {
        padding-inline: calc(var(--spacing)*7)
      }

      .px-9 {
        padding-inline: calc(var(--spacing)*9)
      }

      .px-10 {
        padding-inline: calc(var(--spacing)*10)
      }

      .px-12 {
        padding-inline: calc(var(--spacing)*12)
      }

      .px-20 {
        padding-inline: calc(var(--spacing)*20)
      }

      .px-\[4px\] {
        padding-inline: 4px
      }

      .px-\[12px\] {
        padding-inline: 12px
      }

      .px-\[20px\] {
        padding-inline: 20px
      }

      .px-\[32px\] {
        padding-inline: 32px
      }

      .py-0 {
        padding-block: calc(var(--spacing)*0)
      }

      .py-1 {
        padding-block: calc(var(--spacing)*1)
      }

      .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
      }

      .py-2 {
        padding-block: calc(var(--spacing)*2)
      }

      .py-3 {
        padding-block: calc(var(--spacing)*3)
      }

      .py-4 {
        padding-block: calc(var(--spacing)*4)
      }

      .py-5 {
        padding-block: calc(var(--spacing)*5)
      }

      .py-6 {
        padding-block: calc(var(--spacing)*6)
      }

      .py-8 {
        padding-block: calc(var(--spacing)*8)
      }

      .py-12 {
        padding-block: calc(var(--spacing)*12)
      }

      .py-40 {
        padding-block: calc(var(--spacing)*40)
      }

      .py-\[2px\] {
        padding-block: 2px
      }

      .py-\[12px\] {
        padding-block: 12px
      }

      .py-\[16px\] {
        padding-block: 16px
      }

      .pt-0 {
        padding-top: calc(var(--spacing)*0)
      }

      .pt-1 {
        padding-top: calc(var(--spacing)*1)
      }

      .pt-2 {
        padding-top: calc(var(--spacing)*2)
      }

      .pt-3 {
        padding-top: calc(var(--spacing)*3)
      }

      .pt-4 {
        padding-top: calc(var(--spacing)*4)
      }

      .pt-4\.5 {
        padding-top: calc(var(--spacing)*4.5)
      }

      .pt-5 {
        padding-top: calc(var(--spacing)*5)
      }

      .pt-6 {
        padding-top: calc(var(--spacing)*6)
      }

      .pt-9 {
        padding-top: calc(var(--spacing)*9)
      }

      .pt-\[6px\] {
        padding-top: 6px
      }

      .pt-\[16\%\] {
        padding-top: 16%
      }

      .pt-\[66\%\] {
        padding-top: 66%
      }

      .pt-\[72\%\] {
        padding-top: 72%
      }

      .pt-\[90px\] {
        padding-top: 90px
      }

      .pt-\[124px\] {
        padding-top: 124px
      }

      .pr-1 {
        padding-right: calc(var(--spacing)*1)
      }

      .pr-2 {
        padding-right: calc(var(--spacing)*2)
      }

      .pr-2\.5 {
        padding-right: calc(var(--spacing)*2.5)
      }

      .pr-3 {
        padding-right: calc(var(--spacing)*3)
      }

      .pr-8 {
        padding-right: calc(var(--spacing)*8)
      }

      .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
      }

      .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
      }

      .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
      }

      .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
      }

      .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
      }

      .pb-\[env\(safe-area-inset-bottom\)\] {
        padding-bottom: env(safe-area-inset-bottom)
      }

      .pl-2 {
        padding-left: calc(var(--spacing)*2)
      }

      .pl-6\.5\! {
        padding-left: calc(var(--spacing)*6.5) !important
      }

      .pl-8 {
        padding-left: calc(var(--spacing)*8)
      }

      .text-center {
        text-align: center
      }

      .text-left {
        text-align: left
      }

      .text-right {
        text-align: right
      }

      .text-start {
        text-align: start
      }

      .align-middle {
        vertical-align: middle
      }

      .font-mono {
        font-family: var(--font-mono)
      }

      .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
      }

      .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
      }

      .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
      }

      .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
      }

      .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
      }

      .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
      }

      .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .text-sm\! {
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important
      }

      .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
      }

      .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
      }

      .text-\[0\.65rem\] {
        font-size: .65rem
      }

      .text-\[6px\] {
        font-size: 6px
      }

      .text-\[7px\] {
        font-size: 7px
      }

      .text-\[8px\] {
        font-size: 8px
      }

      .text-\[9px\] {
        font-size: 9px
      }

      .text-\[10px\] {
        font-size: 10px
      }

      .text-\[11px\] {
        font-size: 11px
      }

      .text-\[12px\] {
        font-size: 12px
      }

      .text-\[36px\] {
        font-size: 36px
      }

      .text-\[58px\] {
        font-size: 58px
      }

      .leading-4 {
        --tw-leading: calc(var(--spacing)*4);
        line-height: calc(var(--spacing)*4)
      }

      .leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
      }

      .leading-12 {
        --tw-leading: calc(var(--spacing)*12);
        line-height: calc(var(--spacing)*12)
      }

      .leading-\[0\.9\] {
        --tw-leading: .9;
        line-height: .9
      }

      .leading-\[10px\] {
        --tw-leading: 10px;
        line-height: 10px
      }

      .leading-\[12px\] {
        --tw-leading: 12px;
        line-height: 12px
      }

      .leading-\[15px\] {
        --tw-leading: 15px;
        line-height: 15px
      }

      .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
      }

      .leading-none {
        --tw-leading: 1;
        line-height: 1
      }

      .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
      }

      .font-\[700\] {
        --tw-font-weight: 700;
        font-weight: 700
      }

      .font-\[900\] {
        --tw-font-weight: 900;
        font-weight: 900
      }

      .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
      }

      .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
      }

      .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
      }

      .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
      }

      .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
      }

      .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
      }

      .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
      }

      .text-balance {
        text-wrap: balance
      }

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

      .text-ellipsis {
        text-overflow: ellipsis
      }

      .whitespace-nowrap {
        white-space: nowrap
      }

      .\!text-red-400 {
        color: var(--color-red-400) !important
      }

      .text-\[\#00FFaa\] {
        color: #0fa
      }

      .text-\[\#999999\] {
        color: #999
      }

      .text-\[\#AFB5AD\] {
        color: #afb5ad
      }

      .text-\[\#BD7398\] {
        color: #bd7398
      }

      .text-\[\#CFDA00\] {
        color: #cfda00
      }

      .text-\[\#D762A0\] {
        color: #d762a0
      }

      .text-\[\#FF8688\] {
        color: #ff8688
      }

      .text-\[var\(--color-highlight\)\] {
        color: var(--color-highlight)
      }

      .text-\[var\(--color-secondary\)\] {
        color: var(--color-secondary)
      }

      .text-black {
        color: var(--color-black)
      }

      .text-black\/40\! {
        color: color-mix(in oklab, var(--color-black)40%, transparent) !important
      }

      .text-black\/50 {
        color: color-mix(in oklab, var(--color-black)50%, transparent)
      }

      .text-black\/90 {
        color: color-mix(in oklab, var(--color-black)90%, transparent)
      }

      .text-green-500 {
        color: var(--color-green-500)
      }

      .text-red-300 {
        color: var(--color-red-300)
      }

      .text-red-500 {
        color: var(--color-red-500)
      }

      .text-white {
        color: var(--color-white)
      }

      .text-white\/40 {
        color: color-mix(in oklab, var(--color-white)40%, transparent)
      }

      .text-white\/50 {
        color: color-mix(in oklab, var(--color-white)50%, transparent)
      }

      .text-white\/60 {
        color: color-mix(in oklab, var(--color-white)60%, transparent)
      }

      .text-white\/70 {
        color: color-mix(in oklab, var(--color-white)70%, transparent)
      }

      .uppercase {
        text-transform: uppercase
      }

      .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
      }

      .underline {
        text-decoration-line: underline
      }

      .underline-offset-4 {
        text-underline-offset: 4px
      }

      .opacity-0 {
        opacity: 0
      }

      .opacity-30 {
        opacity: .3
      }

      .opacity-40 {
        opacity: .4
      }

      .opacity-50 {
        opacity: .5
      }

      .opacity-60 {
        opacity: .6
      }

      .opacity-70 {
        opacity: .7
      }

      .opacity-75 {
        opacity: .75
      }

      .opacity-80 {
        opacity: .8
      }

      .opacity-100 {
        opacity: 1
      }

      .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0_0_40px_10px_rgba\(255\,255\,255\,0\.8\)\] {
        --tw-shadow: 0 0 40px 10px var(--tw-shadow-color, #fffc);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0px_0_2px_rgba\(255\,100\,185\,0\.5\)\] {
        --tw-shadow: 0px 0 2px var(--tw-shadow-color, #ff64b980);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0px_2px_24px_rgba\(0\,0\,0\,0\.5\)\] {
        --tw-shadow: 0px 2px 24px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_-2px_4px_rgba\(255\,100\,185\,0\.25\)\,inset_0px_0px_5px_rgba\(255\,100\,185\,0\.22\)\,0px_6px_7px_rgba\(30\,12\,22\,0\.57\)\] {
        --tw-shadow: inset 0px -2px 4px var(--tw-shadow-color, #ff64b940), inset 0px 0px 5px var(--tw-shadow-color, #ff64b938), 0px 6px 7px var(--tw-shadow-color, #1e0c1691);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_-2px_10px_rgba\(255\,100\,185\,0\.40\)\,0px_4px_12px_rgba\(0\,0\,0\,0\.5\)\] {
        --tw-shadow: inset 0px -2px 10px var(--tw-shadow-color, #ff64b966), 0px 4px 12px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_6px_rgba\(255\,50\,50\,0\.25\)\] {
        --tw-shadow: inset 0px 0px 6px var(--tw-shadow-color, #ff323240);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_6px_rgba\(255\,100\,185\,0\.30\)\,0px_0px_18px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: inset 0px 0px 6px var(--tw-shadow-color, #ff64b94d), 0px 0px 18px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_6px_rgba\(255\,255\,255\,0\.5\)\] {
        --tw-shadow: inset 0px 0px 6px var(--tw-shadow-color, #ffffff80);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_9px_rgba\(255\,186\,224\,1\)\] {
        --tw-shadow: inset 0px 0px 9px var(--tw-shadow-color, #ffbae0);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_10px_rgba\(255\,100\,185\,0\.30\)\,0px_0px_18px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: inset 0px 0px 10px var(--tw-shadow-color, #ff64b94d), 0px 0px 18px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-3 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-white\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }

      .ring-offset-3 {
        --tw-ring-offset-width: 3px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
      }

      .ring-offset-\[\#250E16\] {
        --tw-ring-offset-color: #250e16
      }

      .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
      }

      @media (forced-colors:active) {
        .outline-hidden {
          outline-offset: 2px;
          outline: 2px solid #0000
        }
      }

      .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
      }

      .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .brightness-100 {
        --tw-brightness: brightness(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .drop-shadow-\[0_0_8px_var\(--color-highlight\)\] {
        --tw-drop-shadow: drop-shadow(0 0 8px var(--color-highlight));
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .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-\[3px\] {
        --tw-backdrop-blur: blur(3px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
      }

      .backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(10px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
      }

      .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
      }

      .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-\[color\,box-shadow\] {
        transition-property: color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .delay-300 {
        transition-delay: .3s
      }

      .duration-100\! {
        --tw-duration: .1s !important;
        transition-duration: .1s !important
      }

      .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
      }

      .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
      }

      .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
      }

      .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
      }

      .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
      }

      .will-change-transform {
        will-change: transform
      }

      .outline-none {
        --tw-outline-style: none;
        outline-style: none
      }

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

      .\[text-shadow\:0_0_20px_rgba\(216\,216\,216\,0\.6\)\] {
        text-shadow: 0 0 20px #d8d8d899
      }

      @media (hover:hover) {
        .group-hover\:scale-110:is(:where(.group):hover *) {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:bg-\[var\(--color-secondary\)\]\!:is(:where(.group):hover *) {
          background-color: var(--color-secondary) !important
        }

        .group-hover\:bg-white:is(:where(.group):hover *) {
          background-color: var(--color-white)
        }

        .group-hover\:bg-white\/5:is(:where(.group):hover *) {
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }

        .group-hover\:shadow-\[0_0_40px_10px_rgba\(255\,255\,255\,0\.8\)\]:is(:where(.group):hover *) {
          --tw-shadow: 0 0 40px 10px var(--tw-shadow-color, #fffc);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .group-hover\:brightness-120:is(:where(.group):hover *) {
          --tw-brightness: brightness(120%);
          filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }
      }

      .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
        pointer-events: none
      }

      .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
        opacity: .5
      }

      .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
        rotate: 180deg
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        top: 100%
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        margin-top: calc(var(--spacing)*1.5)
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        overflow: hidden
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-radius: var(--radius-md)
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-duration: .2s;
        transition-duration: .2s
      }

      .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor: not-allowed
      }

      .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
        opacity: .5
      }

      .file\:inline-flex::file-selector-button {
        display: inline-flex
      }

      .file\:h-7::file-selector-button {
        height: calc(var(--spacing)*7)
      }

      .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
      }

      .file\:bg-transparent::file-selector-button {
        background-color: #0000
      }

      .file\:text-sm::file-selector-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .file\:font-medium::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
      }

      .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
      }

      .before\:bottom-\[2px\]:before {
        content: var(--tw-content);
        bottom: 2px
      }

      .before\:left-\[2px\]:before {
        content: var(--tw-content);
        left: 2px
      }

      .before\:h-\[24px\]:before {
        content: var(--tw-content);
        height: 24px
      }

      .before\:w-\[38px\]:before {
        content: var(--tw-content);
        width: 38px
      }

      .before\:translate-x-\[18px\]:before {
        content: var(--tw-content);
        --tw-translate-x: 18px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px
      }

      .before\:bg-\[\#fff\]:before {
        content: var(--tw-content);
        background-color: #fff
      }

      .before\:shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)\]:before {
        content: var(--tw-content);
        --tw-shadow: 0 2px 4px var(--tw-shadow-color, #0003);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .before\:transition-transform:before {
        content: var(--tw-content);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .before\:duration-300:before {
        content: var(--tw-content);
        --tw-duration: .3s;
        transition-duration: .3s
      }

      .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
      }

      .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
      }

      .after\:inset-\[-8px\]:after {
        content: var(--tw-content);
        inset: -8px
      }

      .after\:top-\[-8px\]:after {
        content: var(--tw-content);
        top: -8px
      }

      .after\:right-0:after {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
      }

      .after\:bottom-2:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*2)
      }

      .after\:z-\[-1\]:after {
        content: var(--tw-content);
        z-index: -1
      }

      .after\:h-\[56px\]:after {
        content: var(--tw-content);
        height: 56px
      }

      .after\:w-px:after {
        content: var(--tw-content);
        width: 1px
      }

      .after\:bg-gradient-to-b:after {
        content: var(--tw-content);
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .after\:from-\[\#492B3B\]:after {
        content: var(--tw-content);
        --tw-gradient-from: #492b3b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .after\:to-\[\#64334D\]:after {
        content: var(--tw-content);
        --tw-gradient-to: #64334d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .after\:shadow-\[0px_0_4px_rgba\(255\,100\,185\,0\.9\)\]:after {
        content: var(--tw-content);
        --tw-shadow: 0px 0 4px var(--tw-shadow-color, #ff64b9e6);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
      }

      .first\:ml-\[10px\]:first-child {
        margin-left: 10px
      }

      .last\:mr-\[10px\]:last-child {
        margin-right: 10px
      }

      .last\:after\:hidden:last-child:after {
        content: var(--tw-content);
        display: none
      }

      @media (hover:hover) {
        .hover\:scale-100:hover {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:border-white\/30:hover {
          border-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }

        .hover\:bg-white:hover {
          background-color: var(--color-white)
        }

        .hover\:bg-white\/2:hover {
          background-color: color-mix(in oklab, var(--color-white)2%, transparent)
        }

        .hover\:bg-white\/3:hover {
          background-color: color-mix(in oklab, var(--color-white)3%, transparent)
        }

        .hover\:bg-white\/5:hover {
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }

        .hover\:bg-white\/15:hover {
          background-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }

        .hover\:text-white\/50:hover {
          color: color-mix(in oklab, var(--color-white)50%, transparent)
        }

        .hover\:text-white\/60:hover {
          color: color-mix(in oklab, var(--color-white)60%, transparent)
        }

        .hover\:underline:hover {
          text-decoration-line: underline
        }

        .hover\:opacity-50:hover {
          opacity: .5
        }

        .hover\:opacity-60:hover {
          opacity: .6
        }

        .hover\:opacity-70:hover {
          opacity: .7
        }

        .hover\:opacity-80:hover {
          opacity: .8
        }

        .hover\:opacity-90:hover {
          opacity: .9
        }

        .hover\:opacity-100:hover {
          opacity: 1
        }

        .hover\:shadow-\[0_0_40px_10px_rgba\(255\,255\,255\,0\.8\)\]:hover {
          --tw-shadow: 0 0 40px 10px var(--tw-shadow-color, #fffc);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:brightness-120:hover {
          --tw-brightness: brightness(120%);
          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, )
        }

        .hover\:before\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.3\)\]:hover:before {
          content: var(--tw-content);
          --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0000004d);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
      }

      .focus\:border-white\/40:focus {
        border-color: color-mix(in oklab, var(--color-white)40%, transparent)
      }

      .focus\:bg-white\/3:focus {
        background-color: color-mix(in oklab, var(--color-white)3%, transparent)
      }

      .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus\:ring-2:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
      }

      .focus\:outline-hidden:focus {
        --tw-outline-style: none;
        outline-style: none
      }

      @media (forced-colors:active) {
        .focus\:outline-hidden:focus {
          outline-offset: 2px;
          outline: 2px solid #0000
        }
      }

      .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
      }

      .focus\:outline-none\!:focus {
        --tw-outline-style: none !important;
        outline-style: none !important
      }

      .focus-visible\:ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:ring-\[3px\]:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:outline-1:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
      }

      .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
      }

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

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

      .disabled\:opacity-50:disabled {
        opacity: .5
      }

      .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
        grid-template-columns: 1fr auto
      }

      .has-\[\>svg\]\:px-2\.5:has(>svg) {
        padding-inline: calc(var(--spacing)*2.5)
      }

      .has-\[\>svg\]\:px-3:has(>svg) {
        padding-inline: calc(var(--spacing)*3)
      }

      .has-\[\>svg\]\:px-4:has(>svg) {
        padding-inline: calc(var(--spacing)*4)
      }

      .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
      }

      .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
      }

      .data-\[inset\]\:pl-8[data-inset] {
        padding-left: calc(var(--spacing)*8)
      }

      .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[side\=left\]\:-translate-x-1[data-side=left] {
        --tw-translate-x: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[side\=right\]\:translate-x-1[data-side=right] {
        --tw-translate-x: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[side\=top\]\:-translate-y-1[data-side=top] {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[size\=default\]\:h-9[data-size=default] {
        height: calc(var(--spacing)*9)
      }

      .data-\[size\=sm\]\:h-8[data-size=sm] {
        height: calc(var(--spacing)*8)
      }

      :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
        --tw-outline-style: none;
        outline-style: none
      }

      :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
      }

      :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
        display: flex
      }

      :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
        align-items: center
      }

      :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
        gap: calc(var(--spacing)*2)
      }

      .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] {
        --tw-translate-x: calc(100% - 2px);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      @media (prefers-reduced-motion:reduce) {
        .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
          animation: 1.5s linear infinite spin
        }
      }

      @media (width>=470px) {
        .min-\[470px\]\:mb-\[-3px\] {
          margin-bottom: -3px
        }
      }

      @media (width>=40rem) {
        .sm\:my-3 {
          margin-block: calc(var(--spacing)*3)
        }

        .sm\:mt-0 {
          margin-top: calc(var(--spacing)*0)
        }

        .sm\:mb-3 {
          margin-bottom: calc(var(--spacing)*3)
        }

        .sm\:mb-4 {
          margin-bottom: calc(var(--spacing)*4)
        }

        .sm\:flex {
          display: flex
        }

        .sm\:max-w-lg {
          max-width: var(--container-lg)
        }

        .sm\:flex-row {
          flex-direction: row
        }

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

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

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

        .sm\:p-6 {
          padding: calc(var(--spacing)*6)
        }

        .sm\:px-0 {
          padding-inline: calc(var(--spacing)*0)
        }

        .sm\:pb-4 {
          padding-bottom: calc(var(--spacing)*4)
        }

        .sm\:text-left {
          text-align: left
        }
      }

      @media (width>=48rem) {
        .md\:absolute {
          position: absolute
        }

        .md\:top-\[30px\] {
          top: 30px
        }

        .md\:right-\[30px\] {
          right: 30px
        }

        .md\:left-\[30px\] {
          left: 30px
        }

        .md\:mt-0 {
          margin-top: calc(var(--spacing)*0)
        }

        .md\:mt-12 {
          margin-top: calc(var(--spacing)*12)
        }

        .md\:mb-16 {
          margin-bottom: calc(var(--spacing)*16)
        }

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

        .md\:block {
          display: block
        }

        .md\:hidden {
          display: none
        }

        .md\:h-\[410px\] {
          height: 410px
        }

        .md\:h-\[clamp\(400px\,45vw\,580px\)\] {
          height: clamp(400px, 45vw, 580px)
        }

        .md\:h-auto {
          height: auto
        }

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

        .md\:w-\[40\%\] {
          width: 40%
        }

        .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
          width: var(--radix-navigation-menu-viewport-width)
        }

        .md\:w-auto {
          width: auto
        }

        .md\:scale-100 {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .md\:flex-col {
          flex-direction: column
        }

        .md\:flex-row {
          flex-direction: row
        }

        .md\:items-center {
          align-items: center
        }

        .md\:justify-center {
          justify-content: center
        }

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

        .md\:gap-\[calc\(var\(--spacing-value\)\/2\)\] {
          gap: calc(var(--spacing-value)/2)
        }

        .md\:rounded-4xl {
          border-radius: var(--radius-4xl)
        }

        .md\:border-white\/20 {
          border-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }

        .md\:bg-white\/5 {
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }

        .md\:p-2 {
          padding: calc(var(--spacing)*2)
        }

        .md\:px-0 {
          padding-inline: calc(var(--spacing)*0)
        }

        .md\:px-2 {
          padding-inline: calc(var(--spacing)*2)
        }

        .md\:px-5 {
          padding-inline: calc(var(--spacing)*5)
        }

        .md\:px-10 {
          padding-inline: calc(var(--spacing)*10)
        }

        .md\:pt-4 {
          padding-top: calc(var(--spacing)*4)
        }

        .md\:pt-\[60px\] {
          padding-top: 60px
        }

        .md\:text-left {
          text-align: left
        }

        .md\:text-5xl {
          font-size: var(--text-5xl);
          line-height: var(--tw-leading, var(--text-5xl--line-height))
        }

        .md\:text-8xl {
          font-size: var(--text-8xl);
          line-height: var(--tw-leading, var(--text-8xl--line-height))
        }

        .md\:text-sm {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .md\:text-\[14px\] {
          font-size: 14px
        }
      }

      @media (width>=64rem) {
        .lg\:mt-\[4px\] {
          margin-top: 4px
        }

        .lg\:block {
          display: block
        }

        .lg\:hidden {
          display: none
        }

        .lg\:h-\[53px\] {
          height: 53px
        }

        .lg\:h-\[91vh\] {
          height: 91vh
        }

        .lg\:h-\[100vh\] {
          height: 100vh
        }

        .lg\:w-\[73px\] {
          width: 73px
        }

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

        .lg\:border-2 {
          border-style: var(--tw-border-style);
          border-width: 2px
        }

        .lg\:border-\[\#4D2F3E\] {
          border-color: #4d2f3e
        }

        .lg\:text-\[70px\] {
          font-size: 70px
        }

        .lg\:shadow-\[inset_0px_0px_10px_rgba\(255\,100\,185\,0\.30\)\,0px_0px_18px_rgba\(0\,0\,0\,0\.25\)\] {
          --tw-shadow: inset 0px 0px 10px var(--tw-shadow-color, #ff64b94d), 0px 0px 18px var(--tw-shadow-color, #00000040);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
      }

      @media (orientation:portrait) {
        .portrait\:flex-col {
          flex-direction: column
        }
      }

      @media (orientation:landscape) {
        .landscape\:block {
          display: block
        }

        @media (width>=48rem) {
          .landscape\:md\:flex-row {
            flex-direction: row
          }
        }

        @media (width>=64rem) {
          .landscape\:lg\:\!mt-0 {
            margin-top: calc(var(--spacing)*0) !important
          }

          .landscape\:lg\:\!min-h-22 {
            min-height: calc(var(--spacing)*22) !important
          }

          .landscape\:lg\:\!flex-\[1\.7\] {
            flex: 1.7 !important
          }

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

      .\[\&_p\]\:my-4 p {
        margin-block: calc(var(--spacing)*4)
      }

      .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
      }

      .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
      }

      .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
      }

      .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none
      }

      .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-transparent::-webkit-scrollbar-thumb {
        background-color: #0000
      }

      .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
        background-color: #0000
      }

      .\[\.border-b\]\:pb-6.border-b {
        padding-bottom: calc(var(--spacing)*6)
      }

      .\[\.border-t\]\:pt-6.border-t {
        padding-top: calc(var(--spacing)*6)
      }

      :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
        display: flex
      }

      :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
        align-items: center
      }

      :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
        gap: calc(var(--spacing)*2)
      }

      @media (height>=650px) {
        .\[\@media\(min-height\:650px\)\]\:block {
          display: block
        }
      }
    }

    :root {
      --font-sans: "Integral", sans-serif;
      --font-serif: "AllianceNo.1-MediumItalic", sans-serif;
      --font-mono: "VT323", monospace;
      --border-primary: #ff4500;
      --border-secondary: #f5f5f5;
      --border-accent: gray;
      --border-width-thin: .2px;
      --border-width-medium: .4px;
      --border-width-thick: .8px;
      --border-radius-small: 2px;
      --border-radius-medium: 4px;
      --border-radius-large: 8px;
      --border-opacity-low: .2;
      --border-opacity-medium: .5;
      --border-opacity-high: .8;
      --border-style-solid: solid;
      --border-style-dashed: dashed;
      --border-style-dotted: dotted;
      --chart-font-size: 10px;
      --spacing-value: 20px;
      --horizontal-navbar-height: 40px;
      --border-radius-button: 345px;
      --max-page-width: 840px
    }

    @media (width<=375px) {
      :root {
        --spacing-value: 15px
      }
    }

    @media (width>=376px) and (width<=768px) {
      :root {
        --spacing-value: 25px
      }
    }

    @media (width>=769px) and (width<=1023px) {
      :root {
        --spacing-value: 40px
      }
    }

    @media (width>=1024px) {
      :root {
        --spacing-value: 50px
      }
    }

    /*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
    @layer theme {

      :root,
      :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-300: oklch(.808 .114 19.571);
        --color-red-400: oklch(.704 .191 22.216);
        --color-red-500: oklch(.637 .237 25.331);
        --color-green-500: oklch(.723 .219 149.579);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --container-md: 28rem;
        --container-lg: 32rem;
        --container-4xl: 56rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5/2.25);
        --text-5xl: 3rem;
        --text-5xl--line-height: 1;
        --text-8xl: 6rem;
        --text-8xl--line-height: 1;
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-widest: .1em;
        --leading-tight: 1.25;
        --radius-xs: .125rem;
        --radius-sm: .25rem;
        --radius-md: .375rem;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --ease-out: cubic-bezier(0, 0, .2, 1);
        --ease-in-out: cubic-bezier(.4, 0, .2, 1);
        --animate-spin: spin 1s linear infinite;
        --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite;
        --blur-sm: 8px;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        --default-font-family: var(--font-sans);
        --default-font-feature-settings: var(--font-sans--font-feature-settings);
        --default-font-variation-settings: var(--font-sans--font-variation-settings);
        --default-mono-font-family: var(--font-mono);
        --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
        --default-mono-font-variation-settings: var(--font-mono--font-variation-settings)
      }
    }

    @layer base {

      *,
      :after,
      :before,
      ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
      }

      ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
      }

      html,
      :host {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
      }

      body {
        line-height: inherit
      }

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

      abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-size: inherit;
        font-weight: inherit
      }

      a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
      }

      b,
      strong {
        font-weight: bolder
      }

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

      small {
        font-size: 80%
      }

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

      sub {
        bottom: -.25em
      }

      sup {
        top: -.5em
      }

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

      :-moz-focusring {
        outline: auto
      }

      progress {
        vertical-align: baseline
      }

      summary {
        display: list-item
      }

      ol,
      ul,
      menu {
        list-style: none
      }

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

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

      button,
      input,
      select,
      optgroup,
      textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
      }

      ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
      }

      :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
      }

      :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
      }

      ::file-selector-button {
        margin-inline-end: 4px
      }

      ::-moz-placeholder {
        opacity: 1;
        color: color-mix(in oklab, currentColor 50%, transparent)
      }

      ::placeholder {
        opacity: 1;
        color: color-mix(in oklab, currentColor 50%, transparent)
      }

      textarea {
        resize: vertical
      }

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

      ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
      }

      ::-webkit-datetime-edit {
        display: inline-flex
      }

      ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
      }

      ::-webkit-datetime-edit {
        padding-block: 0
      }

      ::-webkit-datetime-edit-year-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-month-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-day-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-hour-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-minute-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-second-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
      }

      ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
      }

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

      button,
      input:where([type=button], [type=reset], [type=submit]) {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
      }

      ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
      }

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

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

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

    @layer components;

    @layer utilities {
      .\@container\/card-header {
        container: card-header/inline-size
      }

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

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

      .invisible {
        visibility: hidden
      }

      .visible {
        visibility: visible
      }

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

      .absolute {
        position: absolute
      }

      .fixed {
        position: fixed
      }

      .relative {
        position: relative
      }

      .static {
        position: static
      }

      .inset-0 {
        inset: calc(var(--spacing)*0)
      }

      .-top-1 {
        top: calc(var(--spacing)*-1)
      }

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

      .top-0 {
        top: calc(var(--spacing)*0)
      }

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

      .top-2 {
        top: calc(var(--spacing)*2)
      }

      .top-2\.5 {
        top: calc(var(--spacing)*2.5)
      }

      .top-4 {
        top: calc(var(--spacing)*4)
      }

      .top-6 {
        top: calc(var(--spacing)*6)
      }

      .top-\[-0\.8rem\] {
        top: -.8rem
      }

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

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

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

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

      .top-\[2\.5\%\] {
        top: 2.5%
      }

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

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

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

      .top-\[23\.5\%\] {
        top: 23.5%
      }

      .top-\[32\.2\%\] {
        top: 32.2%
      }

      .top-\[33\.5\%\] {
        top: 33.5%
      }

      .top-\[41\.5\%\] {
        top: 41.5%
      }

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

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

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

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

      .top-\[66\.5\%\] {
        top: 66.5%
      }

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

      .top-full {
        top: 100%
      }

      .right-0 {
        right: calc(var(--spacing)*0)
      }

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

      .right-2 {
        right: calc(var(--spacing)*2)
      }

      .right-2\.5 {
        right: calc(var(--spacing)*2.5)
      }

      .right-4 {
        right: calc(var(--spacing)*4)
      }

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

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

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

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

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

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

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

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

      .bottom-0 {
        bottom: calc(var(--spacing)*0)
      }

      .bottom-1 {
        bottom: calc(var(--spacing)*1)
      }

      .bottom-\[8\%\] {
        bottom: 8%
      }

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

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

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

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

      .left-0 {
        left: calc(var(--spacing)*0)
      }

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

      .left-2 {
        left: calc(var(--spacing)*2)
      }

      .left-3 {
        left: calc(var(--spacing)*3)
      }

      .left-\[0px\] {
        left: 0
      }

      .left-\[4\%\] {
        left: 4%
      }

      .left-\[7px\] {
        left: 7px
      }

      .left-\[9\%\] {
        left: 9%
      }

      .left-\[18px\] {
        left: 18px
      }

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

      .left-\[24\%\] {
        left: 24%
      }

      .left-\[30\%\] {
        left: 30%
      }

      .left-\[38\%\] {
        left: 38%
      }

      .left-\[40\%\] {
        left: 40%
      }

      .left-\[49\%\] {
        left: 49%
      }

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

      .left-\[60\%\] {
        left: 60%
      }

      .left-\[65\%\] {
        left: 65%
      }

      .left-\[calc\(50\%-2\.5rem\)\] {
        left: calc(50% - 2.5rem)
      }

      .isolate {
        isolation: isolate
      }

      .-z-1 {
        z-index: -1
      }

      .z-0 {
        z-index: 0
      }

      .z-1 {
        z-index: 1
      }

      .z-10 {
        z-index: 10
      }

      .z-20 {
        z-index: 20
      }

      .z-50 {
        z-index: 50
      }

      .z-100 {
        z-index: 100
      }

      .z-255 {
        z-index: 255
      }

      .z-1000 {
        z-index: 1000
      }

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

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

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

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

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

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

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

      .col-start-2 {
        grid-column-start: 2
      }

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

      .row-start-1 {
        grid-row-start: 1
      }

      .container {
        width: 100%
      }

      @media (width>=40rem) {
        .container {
          max-width: 40rem
        }
      }

      @media (width>=48rem) {
        .container {
          max-width: 48rem
        }
      }

      @media (width>=64rem) {
        .container {
          max-width: 64rem
        }
      }

      @media (width>=80rem) {
        .container {
          max-width: 80rem
        }
      }

      @media (width>=96rem) {
        .container {
          max-width: 96rem
        }
      }

      .m-0 {
        margin: calc(var(--spacing)*0)
      }

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

      .-mx-1 {
        margin-inline: calc(var(--spacing)*-1)
      }

      .-mx-5 {
        margin-inline: calc(var(--spacing)*-5)
      }

      .-mx-7 {
        margin-inline: calc(var(--spacing)*-7)
      }

      .mx-4 {
        margin-inline: calc(var(--spacing)*4)
      }

      .mx-5 {
        margin-inline: calc(var(--spacing)*5)
      }

      .mx-auto {
        margin-inline: auto
      }

      .my-0 {
        margin-block: calc(var(--spacing)*0)
      }

      .my-1 {
        margin-block: calc(var(--spacing)*1)
      }

      .my-2 {
        margin-block: calc(var(--spacing)*2)
      }

      .my-4 {
        margin-block: calc(var(--spacing)*4)
      }

      .my-6 {
        margin-block: calc(var(--spacing)*6)
      }

      .-mt-1 {
        margin-top: calc(var(--spacing)*-1)
      }

      .-mt-3 {
        margin-top: calc(var(--spacing)*-3)
      }

      .-mt-4 {
        margin-top: calc(var(--spacing)*-4)
      }

      .-mt-5 {
        margin-top: calc(var(--spacing)*-5)
      }

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

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

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

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

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

      .mt-0 {
        margin-top: calc(var(--spacing)*0)
      }

      .mt-1 {
        margin-top: calc(var(--spacing)*1)
      }

      .mt-1\.5 {
        margin-top: calc(var(--spacing)*1.5)
      }

      .mt-2 {
        margin-top: calc(var(--spacing)*2)
      }

      .mt-3 {
        margin-top: calc(var(--spacing)*3)
      }

      .mt-4 {
        margin-top: calc(var(--spacing)*4)
      }

      .mt-5 {
        margin-top: calc(var(--spacing)*5)
      }

      .mt-6 {
        margin-top: calc(var(--spacing)*6)
      }

      .mt-7 {
        margin-top: calc(var(--spacing)*7)
      }

      .mt-10 {
        margin-top: calc(var(--spacing)*10)
      }

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

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

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

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

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

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

      .-mr-3 {
        margin-right: calc(var(--spacing)*-3)
      }

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

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

      .mr-0 {
        margin-right: calc(var(--spacing)*0)
      }

      .mr-1 {
        margin-right: calc(var(--spacing)*1)
      }

      .mr-3 {
        margin-right: calc(var(--spacing)*3)
      }

      .mr-4 {
        margin-right: calc(var(--spacing)*4)
      }

      .mr-6 {
        margin-right: calc(var(--spacing)*6)
      }

      .mr-7 {
        margin-right: calc(var(--spacing)*7)
      }

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

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

      .-mb-5 {
        margin-bottom: calc(var(--spacing)*-5)
      }

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

      .mb-1 {
        margin-bottom: calc(var(--spacing)*1)
      }

      .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
      }

      .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
      }

      .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
      }

      .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
      }

      .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
      }

      .mb-9 {
        margin-bottom: calc(var(--spacing)*9)
      }

      .mb-10 {
        margin-bottom: calc(var(--spacing)*10)
      }

      .mb-12 {
        margin-bottom: calc(var(--spacing)*12)
      }

      .mb-16 {
        margin-bottom: calc(var(--spacing)*16)
      }

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

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

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

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

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

      .-ml-2 {
        margin-left: calc(var(--spacing)*-2)
      }

      .ml-0 {
        margin-left: calc(var(--spacing)*0)
      }

      .ml-1 {
        margin-left: calc(var(--spacing)*1)
      }

      .ml-2 {
        margin-left: calc(var(--spacing)*2)
      }

      .ml-3 {
        margin-left: calc(var(--spacing)*3)
      }

      .ml-4 {
        margin-left: calc(var(--spacing)*4)
      }

      .ml-7 {
        margin-left: calc(var(--spacing)*7)
      }

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

      .ml-auto {
        margin-left: auto
      }

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

      .block {
        display: block
      }

      .flex {
        display: flex
      }

      .grid {
        display: grid
      }

      .hidden {
        display: none
      }

      .inline {
        display: inline
      }

      .inline-block {
        display: inline-block
      }

      .inline-flex {
        display: inline-flex
      }

      .aspect-square {
        aspect-ratio: 1
      }

      .size-2 {
        width: calc(var(--spacing)*2);
        height: calc(var(--spacing)*2)
      }

      .size-2\.5 {
        width: calc(var(--spacing)*2.5);
        height: calc(var(--spacing)*2.5)
      }

      .size-3 {
        width: calc(var(--spacing)*3);
        height: calc(var(--spacing)*3)
      }

      .size-3\.5 {
        width: calc(var(--spacing)*3.5);
        height: calc(var(--spacing)*3.5)
      }

      .size-4 {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
      }

      .size-9 {
        width: calc(var(--spacing)*9);
        height: calc(var(--spacing)*9)
      }

      .h-1 {
        height: calc(var(--spacing)*1)
      }

      .h-1\.5 {
        height: calc(var(--spacing)*1.5)
      }

      .h-2 {
        height: calc(var(--spacing)*2)
      }

      .h-3 {
        height: calc(var(--spacing)*3)
      }

      .h-4 {
        height: calc(var(--spacing)*4)
      }

      .h-5 {
        height: calc(var(--spacing)*5)
      }

      .h-6 {
        height: calc(var(--spacing)*6)
      }

      .h-7 {
        height: calc(var(--spacing)*7)
      }

      .h-8 {
        height: calc(var(--spacing)*8)
      }

      .h-9 {
        height: calc(var(--spacing)*9)
      }

      .h-10 {
        height: calc(var(--spacing)*10)
      }

      .h-12 {
        height: calc(var(--spacing)*12)
      }

      .h-\[1\.15rem\] {
        height: 1.15rem
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .h-\[100dvh\] {
        height: 100dvh
      }

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

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

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

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

      .h-\[clamp\(50px\,45vh\,600px\)\] {
        height: clamp(50px, 45vh, 600px)
      }

      .h-\[var\(--horizontal-navbar-height\)\] {
        height: var(--horizontal-navbar-height)
      }

      .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
        height: var(--radix-navigation-menu-viewport-height)
      }

      .h-\[var\(--radix-select-trigger-height\)\] {
        height: var(--radix-select-trigger-height)
      }

      .h-auto {
        height: auto
      }

      .h-full {
        height: 100%
      }

      .h-px {
        height: 1px
      }

      .h-screen {
        height: 100vh
      }

      .max-h-\(--radix-dropdown-menu-content-available-height\) {
        max-height: var(--radix-dropdown-menu-content-available-height)
      }

      .max-h-\(--radix-select-content-available-height\) {
        max-height: var(--radix-select-content-available-height)
      }

      .max-h-0 {
        max-height: calc(var(--spacing)*0)
      }

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

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

      .max-h-\[100dvh\] {
        max-height: 100dvh
      }

      .max-h-\[100svh\] {
        max-height: 100svh
      }

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

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

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

      .min-h-0 {
        min-height: calc(var(--spacing)*0)
      }

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

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

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

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

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

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

      .w-2 {
        width: calc(var(--spacing)*2)
      }

      .w-3 {
        width: calc(var(--spacing)*3)
      }

      .w-4 {
        width: calc(var(--spacing)*4)
      }

      .w-5 {
        width: calc(var(--spacing)*5)
      }

      .w-6 {
        width: calc(var(--spacing)*6)
      }

      .w-8 {
        width: calc(var(--spacing)*8)
      }

      .w-12 {
        width: calc(var(--spacing)*12)
      }

      .w-64 {
        width: calc(var(--spacing)*64)
      }

      .w-65 {
        width: calc(var(--spacing)*65)
      }

      .w-90 {
        width: calc(var(--spacing)*90)
      }

      .w-\[1ch\] {
        width: 1ch
      }

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

      .w-\[8rem\] {
        width: 8rem
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .w-\[auto\] {
        width: auto
      }

      .w-\[calc\(100\%-12px\)\] {
        width: calc(100% - 12px)
      }

      .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-screen {
        width: 100vw
      }

      .max-w-4xl {
        max-width: var(--container-4xl)
      }

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

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

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

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

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

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

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

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

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

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

      .max-w-md {
        max-width: var(--container-md)
      }

      .min-w-0 {
        min-width: calc(var(--spacing)*0)
      }

      .min-w-\[8rem\] {
        min-width: 8rem
      }

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

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

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

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

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

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

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

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

      .min-w-\[var\(--radix-select-trigger-width\)\] {
        min-width: var(--radix-select-trigger-width)
      }

      .flex-1,
      .flex-\[1\] {
        flex: 1
      }

      .flex-\[2\] {
        flex: 2
      }

      .flex-\[4\] {
        flex: 4
      }

      .flex-\[5\] {
        flex: 5
      }

      .flex-none {
        flex: none
      }

      .flex-shrink-0,
      .shrink-0 {
        flex-shrink: 0
      }

      .flex-grow {
        flex-grow: 1
      }

      .origin-\(--radix-dropdown-menu-content-transform-origin\) {
        transform-origin: var(--radix-dropdown-menu-content-transform-origin)
      }

      .origin-\(--radix-select-content-transform-origin\) {
        transform-origin: var(--radix-select-content-transform-origin)
      }

      .origin-\(--radix-tooltip-content-transform-origin\) {
        transform-origin: var(--radix-tooltip-content-transform-origin)
      }

      .origin-center {
        transform-origin: 50%
      }

      .-translate-x-1\/2 {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-x-\[-50\%\] {
        --tw-translate-x: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .-translate-y-1\/2 {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-y-\[-50\%\] {
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-y-\[calc\(-50\%_-_2px\)\] {
        --tw-translate-y: calc(-50% - 2px);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .scale-90 {
        --tw-scale-x: 90%;
        --tw-scale-y: 90%;
        --tw-scale-z: 90%;
        scale: var(--tw-scale-x)var(--tw-scale-y)
      }

      .scale-x-\[0\.9\] {
        --tw-scale-x: .9;
        scale: var(--tw-scale-x)var(--tw-scale-y)
      }

      .scale-\[0\.8\] {
        scale: .8
      }

      .scale-\[1\.15\] {
        scale: 1.15
      }

      .-rotate-2 {
        rotate: -2deg
      }

      .rotate-0 {
        rotate: none
      }

      .rotate-45 {
        rotate: 45deg
      }

      .rotate-90 {
        rotate: 90deg
      }

      .rotate-180 {
        rotate: 180deg
      }

      .rotate-357 {
        rotate: 357deg
      }

      .transform {
        transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
      }

      .pop-in {
        will-change: transform;
        opacity: 1;
        animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popIn
      }

      .slide-in-bottom {
        will-change: transform, opacity;
        opacity: 0;
        animation: .4s cubic-bezier(.25, .8, .25, 1) forwards slideInFromBottom
      }

      .slide-out-bottom {
        will-change: transform, opacity;
        opacity: 1;
        animation: 1s cubic-bezier(.25, .8, .25, 1) forwards slideOutToBottom
      }

      .animate-pulse {
        animation: var(--animate-pulse)
      }

      .animate-spin {
        animation: var(--animate-spin)
      }

      .cursor-default {
        cursor: default
      }

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

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

      .cursor-pointer {
        cursor: pointer
      }

      .resize {
        resize: both
      }

      .scroll-my-1 {
        scroll-margin-block: calc(var(--spacing)*1)
      }

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

      .auto-rows-min {
        grid-auto-rows: min-content
      }

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

      .grid-rows-\[auto_auto\] {
        grid-template-rows: auto auto
      }

      .flex-col {
        flex-direction: column
      }

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

      .flex-row {
        flex-direction: row
      }

      .flex-nowrap {
        flex-wrap: nowrap
      }

      .flex-wrap {
        flex-wrap: wrap
      }

      .items-center {
        align-items: center
      }

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

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

      .items-stretch {
        align-items: stretch
      }

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

      .justify-center {
        justify-content: center
      }

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

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

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

      .gap-0 {
        gap: calc(var(--spacing)*0)
      }

      .gap-1 {
        gap: calc(var(--spacing)*1)
      }

      .gap-1\.5 {
        gap: calc(var(--spacing)*1.5)
      }

      .gap-2 {
        gap: calc(var(--spacing)*2)
      }

      .gap-3 {
        gap: calc(var(--spacing)*3)
      }

      .gap-4 {
        gap: calc(var(--spacing)*4)
      }

      .gap-5 {
        gap: calc(var(--spacing)*5)
      }

      .gap-6 {
        gap: calc(var(--spacing)*6)
      }

      .gap-15 {
        gap: calc(var(--spacing)*15)
      }

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

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

      .gap-\[calc\(var\(--spacing-value\)\/1\.5\)\] {
        gap: calc(var(--spacing-value)/1.5)
      }

      :where(.space-y-1>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-2>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-3>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-6>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
      }

      .gap-x-1 {
        -moz-column-gap: calc(var(--spacing)*1);
        column-gap: calc(var(--spacing)*1)
      }

      .gap-x-16 {
        -moz-column-gap: calc(var(--spacing)*16);
        column-gap: calc(var(--spacing)*16)
      }

      :where(.space-x-2>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-3>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-4>:not(:last-child)) {
        --tw-space-x-reverse: 0;
        margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
        margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
      }

      .gap-y-4 {
        row-gap: calc(var(--spacing)*4)
      }

      .gap-y-6 {
        row-gap: calc(var(--spacing)*6)
      }

      .self-center {
        align-self: center
      }

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

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

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

      .overflow-hidden {
        overflow: hidden
      }

      .overflow-visible {
        overflow: visible
      }

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

      .overflow-x-visible {
        overflow-x: visible
      }

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

      .overflow-y-clip {
        overflow-y: clip
      }

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

      .rounded {
        border-radius: .25rem
      }

      .rounded-2xl {
        border-radius: var(--radius-2xl)
      }

      .rounded-3xl {
        border-radius: var(--radius-3xl)
      }

      .rounded-4xl {
        border-radius: var(--radius-4xl)
      }

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

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

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

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

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

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

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

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

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

      .rounded-\[var\(--border-radius-button\)\] {
        border-radius: var(--border-radius-button)
      }

      .rounded-full {
        border-radius: 3.40282e38px
      }

      .rounded-lg {
        border-radius: var(--radius-lg)
      }

      .rounded-md {
        border-radius: var(--radius-md)
      }

      .rounded-sm {
        border-radius: var(--radius-sm)
      }

      .rounded-xl {
        border-radius: var(--radius-xl)
      }

      .rounded-xs {
        border-radius: var(--radius-xs)
      }

      .rounded-tl-sm {
        border-top-left-radius: var(--radius-sm)
      }

      .border {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
      }

      .border-1 {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .border-2 {
        border-style: var(--tw-border-style);
        border-width: 2px
      }

      .border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
      }

      .border-b {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px
      }

      .border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
      }

      .border-b-3 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 3px
      }

      .border-solid {
        --tw-border-style: solid;
        border-style: solid
      }

      .border-\[\#4D2F3E\] {
        border-color: #4d2f3e
      }

      .border-\[\#6B3753aa\] {
        border-color: #6b3753aa
      }

      .border-\[\#D762A0\]\/20 {
        border-color: #d762a033
      }

      .border-black {
        border-color: var(--color-black)
      }

      .border-current {
        border-color: currentColor
      }

      .border-transparent {
        border-color: #0000
      }

      .border-white {
        border-color: var(--color-white)
      }

      .border-white\/5 {
        border-color: color-mix(in oklab, var(--color-white)5%, transparent)
      }

      .border-white\/10 {
        border-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }

      .border-white\/20 {
        border-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }

      .border-t-transparent {
        border-top-color: #0000
      }

      .border-r-transparent {
        border-right-color: #0000
      }

      .\!bg-transparent {
        background-color: #0000 !important
      }

      .bg-\[\#180A11\] {
        background-color: #180a11
      }

      .bg-\[\#180A11\]\/70 {
        background-color: #180a11b3
      }

      .bg-\[\#180A1188\] {
        background-color: #180a1188
      }

      .bg-\[\#180a11\] {
        background-color: #180a11
      }

      .bg-\[\#381A26\]\/97 {
        background-color: #381a26f7
      }

      .bg-\[\#BD7398\] {
        background-color: #bd7398
      }

      .bg-\[\#CFDA00\] {
        background-color: #cfda00
      }

      .bg-\[\#CFDA00\]\! {
        background-color: #cfda00 !important
      }

      .bg-\[\#FF002E\] {
        background-color: #ff002e
      }

      .bg-\[\#FFBAE0\] {
        background-color: #ffbae0
      }

      .bg-black\/10 {
        background-color: color-mix(in oklab, var(--color-black)10%, transparent)
      }

      .bg-black\/15 {
        background-color: color-mix(in oklab, var(--color-black)15%, transparent)
      }

      .bg-black\/20 {
        background-color: color-mix(in oklab, var(--color-black)20%, transparent)
      }

      .bg-black\/50 {
        background-color: color-mix(in oklab, var(--color-black)50%, transparent)
      }

      .bg-transparent {
        background-color: #0000
      }

      .bg-white {
        background-color: var(--color-white)
      }

      .bg-white\/1 {
        background-color: color-mix(in oklab, var(--color-white)1%, transparent)
      }

      .bg-white\/2 {
        background-color: color-mix(in oklab, var(--color-white)2%, transparent)
      }

      .bg-white\/3 {
        background-color: color-mix(in oklab, var(--color-white)3%, transparent)
      }

      .bg-white\/5 {
        background-color: color-mix(in oklab, var(--color-white)5%, transparent)
      }

      .bg-white\/8 {
        background-color: color-mix(in oklab, var(--color-white)8%, transparent)
      }

      .bg-white\/10 {
        background-color: color-mix(in oklab, var(--color-white)10%, transparent)
      }

      .bg-white\/20 {
        background-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }

      .bg-gradient-to-b {
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .bg-gradient-to-r {
        --tw-gradient-position: to right in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .from-\[\#492B3B\] {
        --tw-gradient-from: #492b3b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .from-\[\#D762A0\] {
        --tw-gradient-from: #d762a0;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .to-\[\#64334D\] {
        --tw-gradient-to: #64334d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .to-\[\#FF8AB5\] {
        --tw-gradient-to: #ff8ab5;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .bg-contain {
        background-size: contain
      }

      .bg-cover {
        background-size: cover
      }

      .bg-center {
        background-position: 50%
      }

      .bg-no-repeat {
        background-repeat: no-repeat
      }

      .fill-current {
        fill: currentColor
      }

      .object-contain {
        -o-object-fit: contain;
        object-fit: contain
      }

      .object-cover {
        -o-object-fit: cover;
        object-fit: cover
      }

      .p-0 {
        padding: calc(var(--spacing)*0)
      }

      .p-1 {
        padding: calc(var(--spacing)*1)
      }

      .p-2 {
        padding: calc(var(--spacing)*2)
      }

      .p-3 {
        padding: calc(var(--spacing)*3)
      }

      .p-4 {
        padding: calc(var(--spacing)*4)
      }

      .p-6 {
        padding: calc(var(--spacing)*6)
      }

      .p-8 {
        padding: calc(var(--spacing)*8)
      }

      .p-\[var\(--spacing-value\)\] {
        padding: var(--spacing-value)
      }

      .px-1 {
        padding-inline: calc(var(--spacing)*1)
      }

      .px-2 {
        padding-inline: calc(var(--spacing)*2)
      }

      .px-3 {
        padding-inline: calc(var(--spacing)*3)
      }

      .px-4 {
        padding-inline: calc(var(--spacing)*4)
      }

      .px-5 {
        padding-inline: calc(var(--spacing)*5)
      }

      .px-6 {
        padding-inline: calc(var(--spacing)*6)
      }

      .px-7 {
        padding-inline: calc(var(--spacing)*7)
      }

      .px-9 {
        padding-inline: calc(var(--spacing)*9)
      }

      .px-10 {
        padding-inline: calc(var(--spacing)*10)
      }

      .px-12 {
        padding-inline: calc(var(--spacing)*12)
      }

      .px-20 {
        padding-inline: calc(var(--spacing)*20)
      }

      .px-\[4px\] {
        padding-inline: 4px
      }

      .px-\[12px\] {
        padding-inline: 12px
      }

      .px-\[20px\] {
        padding-inline: 20px
      }

      .px-\[32px\] {
        padding-inline: 32px
      }

      .py-0 {
        padding-block: calc(var(--spacing)*0)
      }

      .py-1 {
        padding-block: calc(var(--spacing)*1)
      }

      .py-1\.5 {
        padding-block: calc(var(--spacing)*1.5)
      }

      .py-2 {
        padding-block: calc(var(--spacing)*2)
      }

      .py-3 {
        padding-block: calc(var(--spacing)*3)
      }

      .py-4 {
        padding-block: calc(var(--spacing)*4)
      }

      .py-5 {
        padding-block: calc(var(--spacing)*5)
      }

      .py-6 {
        padding-block: calc(var(--spacing)*6)
      }

      .py-8 {
        padding-block: calc(var(--spacing)*8)
      }

      .py-12 {
        padding-block: calc(var(--spacing)*12)
      }

      .py-40 {
        padding-block: calc(var(--spacing)*40)
      }

      .py-\[2px\] {
        padding-block: 2px
      }

      .py-\[12px\] {
        padding-block: 12px
      }

      .py-\[16px\] {
        padding-block: 16px
      }

      .pt-0 {
        padding-top: calc(var(--spacing)*0)
      }

      .pt-1 {
        padding-top: calc(var(--spacing)*1)
      }

      .pt-2 {
        padding-top: calc(var(--spacing)*2)
      }

      .pt-3 {
        padding-top: calc(var(--spacing)*3)
      }

      .pt-4 {
        padding-top: calc(var(--spacing)*4)
      }

      .pt-4\.5 {
        padding-top: calc(var(--spacing)*4.5)
      }

      .pt-5 {
        padding-top: calc(var(--spacing)*5)
      }

      .pt-6 {
        padding-top: calc(var(--spacing)*6)
      }

      .pt-9 {
        padding-top: calc(var(--spacing)*9)
      }

      .pt-\[6px\] {
        padding-top: 6px
      }

      .pt-\[16\%\] {
        padding-top: 16%
      }

      .pt-\[66\%\] {
        padding-top: 66%
      }

      .pt-\[72\%\] {
        padding-top: 72%
      }

      .pt-\[90px\] {
        padding-top: 90px
      }

      .pt-\[124px\] {
        padding-top: 124px
      }

      .pr-1 {
        padding-right: calc(var(--spacing)*1)
      }

      .pr-2 {
        padding-right: calc(var(--spacing)*2)
      }

      .pr-2\.5 {
        padding-right: calc(var(--spacing)*2.5)
      }

      .pr-3 {
        padding-right: calc(var(--spacing)*3)
      }

      .pr-8 {
        padding-right: calc(var(--spacing)*8)
      }

      .pb-1 {
        padding-bottom: calc(var(--spacing)*1)
      }

      .pb-2 {
        padding-bottom: calc(var(--spacing)*2)
      }

      .pb-4 {
        padding-bottom: calc(var(--spacing)*4)
      }

      .pb-6 {
        padding-bottom: calc(var(--spacing)*6)
      }

      .pb-8 {
        padding-bottom: calc(var(--spacing)*8)
      }

      .pb-\[env\(safe-area-inset-bottom\)\] {
        padding-bottom: env(safe-area-inset-bottom)
      }

      .pl-2 {
        padding-left: calc(var(--spacing)*2)
      }

      .pl-6\.5\! {
        padding-left: calc(var(--spacing)*6.5) !important
      }

      .pl-8 {
        padding-left: calc(var(--spacing)*8)
      }

      .text-center {
        text-align: center
      }

      .text-left {
        text-align: left
      }

      .text-right {
        text-align: right
      }

      .text-start {
        text-align: start
      }

      .align-middle {
        vertical-align: middle
      }

      .font-mono {
        font-family: var(--font-mono)
      }

      .text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
      }

      .text-3xl {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height))
      }

      .text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
      }

      .text-5xl {
        font-size: var(--text-5xl);
        line-height: var(--tw-leading, var(--text-5xl--line-height))
      }

      .text-base {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height))
      }

      .text-lg {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height))
      }

      .text-sm {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .text-sm\! {
        font-size: var(--text-sm) !important;
        line-height: var(--tw-leading, var(--text-sm--line-height)) !important
      }

      .text-xl {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height))
      }

      .text-xs {
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height))
      }

      .text-\[0\.65rem\] {
        font-size: .65rem
      }

      .text-\[6px\] {
        font-size: 6px
      }

      .text-\[7px\] {
        font-size: 7px
      }

      .text-\[8px\] {
        font-size: 8px
      }

      .text-\[9px\] {
        font-size: 9px
      }

      .text-\[10px\] {
        font-size: 10px
      }

      .text-\[11px\] {
        font-size: 11px
      }

      .text-\[12px\] {
        font-size: 12px
      }

      .text-\[36px\] {
        font-size: 36px
      }

      .text-\[58px\] {
        font-size: 58px
      }

      .leading-4 {
        --tw-leading: calc(var(--spacing)*4);
        line-height: calc(var(--spacing)*4)
      }

      .leading-6 {
        --tw-leading: calc(var(--spacing)*6);
        line-height: calc(var(--spacing)*6)
      }

      .leading-12 {
        --tw-leading: calc(var(--spacing)*12);
        line-height: calc(var(--spacing)*12)
      }

      .leading-\[0\.9\] {
        --tw-leading: .9;
        line-height: .9
      }

      .leading-\[10px\] {
        --tw-leading: 10px;
        line-height: 10px
      }

      .leading-\[12px\] {
        --tw-leading: 12px;
        line-height: 12px
      }

      .leading-\[15px\] {
        --tw-leading: 15px;
        line-height: 15px
      }

      .leading-\[22px\] {
        --tw-leading: 22px;
        line-height: 22px
      }

      .leading-none {
        --tw-leading: 1;
        line-height: 1
      }

      .leading-tight {
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight)
      }

      .font-\[700\] {
        --tw-font-weight: 700;
        font-weight: 700
      }

      .font-\[900\] {
        --tw-font-weight: 900;
        font-weight: 900
      }

      .font-black {
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black)
      }

      .font-bold {
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold)
      }

      .font-extrabold {
        --tw-font-weight: var(--font-weight-extrabold);
        font-weight: var(--font-weight-extrabold)
      }

      .font-medium {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
      }

      .font-normal {
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal)
      }

      .font-semibold {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold)
      }

      .tracking-widest {
        --tw-tracking: var(--tracking-widest);
        letter-spacing: var(--tracking-widest)
      }

      .text-balance {
        text-wrap: balance
      }

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

      .text-ellipsis {
        text-overflow: ellipsis
      }

      .whitespace-nowrap {
        white-space: nowrap
      }

      .\!text-red-400 {
        color: var(--color-red-400) !important
      }

      .text-\[\#00FFaa\] {
        color: #0fa
      }

      .text-\[\#999999\] {
        color: #999
      }

      .text-\[\#AFB5AD\] {
        color: #afb5ad
      }

      .text-\[\#BD7398\] {
        color: #bd7398
      }

      .text-\[\#CFDA00\] {
        color: #cfda00
      }

      .text-\[\#D762A0\] {
        color: #d762a0
      }

      .text-\[\#FF8688\] {
        color: #ff8688
      }

      .text-\[var\(--color-highlight\)\] {
        color: var(--color-highlight)
      }

      .text-\[var\(--color-secondary\)\] {
        color: var(--color-secondary)
      }

      .text-black {
        color: var(--color-black)
      }

      .text-black\/40\! {
        color: color-mix(in oklab, var(--color-black)40%, transparent) !important
      }

      .text-black\/50 {
        color: color-mix(in oklab, var(--color-black)50%, transparent)
      }

      .text-black\/90 {
        color: color-mix(in oklab, var(--color-black)90%, transparent)
      }

      .text-green-500 {
        color: var(--color-green-500)
      }

      .text-red-300 {
        color: var(--color-red-300)
      }

      .text-red-500 {
        color: var(--color-red-500)
      }

      .text-white {
        color: var(--color-white)
      }

      .text-white\/40 {
        color: color-mix(in oklab, var(--color-white)40%, transparent)
      }

      .text-white\/50 {
        color: color-mix(in oklab, var(--color-white)50%, transparent)
      }

      .text-white\/60 {
        color: color-mix(in oklab, var(--color-white)60%, transparent)
      }

      .text-white\/70 {
        color: color-mix(in oklab, var(--color-white)70%, transparent)
      }

      .uppercase {
        text-transform: uppercase
      }

      .tabular-nums {
        --tw-numeric-spacing: tabular-nums;
        font-variant-numeric: var(--tw-ordinal, )var(--tw-slashed-zero, )var(--tw-numeric-figure, )var(--tw-numeric-spacing, )var(--tw-numeric-fraction, )
      }

      .underline {
        text-decoration-line: underline
      }

      .underline-offset-4 {
        text-underline-offset: 4px
      }

      .opacity-0 {
        opacity: 0
      }

      .opacity-30 {
        opacity: .3
      }

      .opacity-40 {
        opacity: .4
      }

      .opacity-50 {
        opacity: .5
      }

      .opacity-60 {
        opacity: .6
      }

      .opacity-70 {
        opacity: .7
      }

      .opacity-75 {
        opacity: .75
      }

      .opacity-80 {
        opacity: .8
      }

      .opacity-100 {
        opacity: 1
      }

      .shadow {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0_0_40px_10px_rgba\(255\,255\,255\,0\.8\)\] {
        --tw-shadow: 0 0 40px 10px var(--tw-shadow-color, #fffc);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0px_0_2px_rgba\(255\,100\,185\,0\.5\)\] {
        --tw-shadow: 0px 0 2px var(--tw-shadow-color, #ff64b980);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[0px_2px_24px_rgba\(0\,0\,0\,0\.5\)\] {
        --tw-shadow: 0px 2px 24px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_-2px_4px_rgba\(255\,100\,185\,0\.25\)\,inset_0px_0px_5px_rgba\(255\,100\,185\,0\.22\)\,0px_6px_7px_rgba\(30\,12\,22\,0\.57\)\] {
        --tw-shadow: inset 0px -2px 4px var(--tw-shadow-color, #ff64b940), inset 0px 0px 5px var(--tw-shadow-color, #ff64b938), 0px 6px 7px var(--tw-shadow-color, #1e0c1691);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_-2px_10px_rgba\(255\,100\,185\,0\.40\)\,0px_4px_12px_rgba\(0\,0\,0\,0\.5\)\] {
        --tw-shadow: inset 0px -2px 10px var(--tw-shadow-color, #ff64b966), 0px 4px 12px var(--tw-shadow-color, #00000080);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_6px_rgba\(255\,50\,50\,0\.25\)\] {
        --tw-shadow: inset 0px 0px 6px var(--tw-shadow-color, #ff323240);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_6px_rgba\(255\,100\,185\,0\.30\)\,0px_0px_18px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: inset 0px 0px 6px var(--tw-shadow-color, #ff64b94d), 0px 0px 18px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_6px_rgba\(255\,255\,255\,0\.5\)\] {
        --tw-shadow: inset 0px 0px 6px var(--tw-shadow-color, #ffffff80);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_9px_rgba\(255\,186\,224\,1\)\] {
        --tw-shadow: inset 0px 0px 9px var(--tw-shadow-color, #ffbae0);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-\[inset_0px_0px_10px_rgba\(255\,100\,185\,0\.30\)\,0px_0px_18px_rgba\(0\,0\,0\,0\.25\)\] {
        --tw-shadow: inset 0px 0px 10px var(--tw-shadow-color, #ff64b94d), 0px 0px 18px var(--tw-shadow-color, #00000040);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-lg {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-md {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-sm {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-xs {
        --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-0 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-1 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-2 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-3 {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-white\/20 {
        --tw-ring-color: color-mix(in oklab, var(--color-white)20%, transparent)
      }

      .ring-offset-3 {
        --tw-ring-offset-width: 3px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
      }

      .ring-offset-\[\#250E16\] {
        --tw-ring-offset-color: #250e16
      }

      .outline-hidden {
        --tw-outline-style: none;
        outline-style: none
      }

      @media (forced-colors:active) {
        .outline-hidden {
          outline-offset: 2px;
          outline: 2px solid #0000
        }
      }

      .outline {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
      }

      .blur {
        --tw-blur: blur(8px);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .brightness-100 {
        --tw-brightness: brightness(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .drop-shadow-\[0_0_8px_var\(--color-highlight\)\] {
        --tw-drop-shadow: drop-shadow(0 0 8px var(--color-highlight));
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .grayscale {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .invert {
        --tw-invert: invert(100%);
        filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
      }

      .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-\[3px\] {
        --tw-backdrop-blur: blur(3px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
      }

      .backdrop-blur-\[10px\] {
        --tw-backdrop-blur: blur(10px);
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
      }

      .backdrop-blur-sm {
        --tw-backdrop-blur: blur(var(--blur-sm));
        -webkit-backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, );
        backdrop-filter: var(--tw-backdrop-blur, )var(--tw-backdrop-brightness, )var(--tw-backdrop-contrast, )var(--tw-backdrop-grayscale, )var(--tw-backdrop-hue-rotate, )var(--tw-backdrop-invert, )var(--tw-backdrop-opacity, )var(--tw-backdrop-saturate, )var(--tw-backdrop-sepia, )
      }

      .transition {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-\[color\,box-shadow\] {
        transition-property: color, box-shadow;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-all {
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-colors {
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-opacity {
        transition-property: opacity;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-transform {
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .delay-300 {
        transition-delay: .3s
      }

      .duration-100\! {
        --tw-duration: .1s !important;
        transition-duration: .1s !important
      }

      .duration-200 {
        --tw-duration: .2s;
        transition-duration: .2s
      }

      .duration-300 {
        --tw-duration: .3s;
        transition-duration: .3s
      }

      .duration-500 {
        --tw-duration: .5s;
        transition-duration: .5s
      }

      .ease-in-out {
        --tw-ease: var(--ease-in-out);
        transition-timing-function: var(--ease-in-out)
      }

      .ease-out {
        --tw-ease: var(--ease-out);
        transition-timing-function: var(--ease-out)
      }

      .will-change-transform {
        will-change: transform
      }

      .outline-none {
        --tw-outline-style: none;
        outline-style: none
      }

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

      .\[text-shadow\:0_0_20px_rgba\(216\,216\,216\,0\.6\)\] {
        text-shadow: 0 0 20px #d8d8d899
      }

      @media (hover:hover) {
        .group-hover\:scale-110:is(:where(.group):hover *) {
          --tw-scale-x: 110%;
          --tw-scale-y: 110%;
          --tw-scale-z: 110%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .group-hover\:pop-in:is(:where(.group):hover *) {
          will-change: transform;
          opacity: 1;
          animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popIn
        }

        .group-hover\:bg-\[var\(--color-secondary\)\]\!:is(:where(.group):hover *) {
          background-color: var(--color-secondary) !important
        }

        .group-hover\:bg-white:is(:where(.group):hover *) {
          background-color: var(--color-white)
        }

        .group-hover\:bg-white\/5:is(:where(.group):hover *) {
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }

        .group-hover\:shadow-\[0_0_40px_10px_rgba\(255\,255\,255\,0\.8\)\]:is(:where(.group):hover *) {
          --tw-shadow: 0 0 40px 10px var(--tw-shadow-color, #fffc);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .group-hover\:brightness-120:is(:where(.group):hover *) {
          --tw-brightness: brightness(120%);
          filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
        }
      }

      .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
        pointer-events: none
      }

      .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
        opacity: .5
      }

      .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *) {
        rotate: 180deg
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        top: 100%
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        margin-top: calc(var(--spacing)*1.5)
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        overflow: hidden
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-radius: var(--radius-md)
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        border-style: var(--tw-border-style);
        border-width: 1px
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *) {
        --tw-duration: .2s;
        transition-duration: .2s
      }

      .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
        cursor: not-allowed
      }

      .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
        opacity: .5
      }

      .file\:inline-flex::file-selector-button {
        display: inline-flex
      }

      .file\:h-7::file-selector-button {
        height: calc(var(--spacing)*7)
      }

      .file\:border-0::file-selector-button {
        border-style: var(--tw-border-style);
        border-width: 0
      }

      .file\:bg-transparent::file-selector-button {
        background-color: #0000
      }

      .file\:text-sm::file-selector-button {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .file\:font-medium::file-selector-button {
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
      }

      .before\:absolute:before {
        content: var(--tw-content);
        position: absolute
      }

      .before\:bottom-\[2px\]:before {
        content: var(--tw-content);
        bottom: 2px
      }

      .before\:left-\[2px\]:before {
        content: var(--tw-content);
        left: 2px
      }

      .before\:h-\[24px\]:before {
        content: var(--tw-content);
        height: 24px
      }

      .before\:w-\[38px\]:before {
        content: var(--tw-content);
        width: 38px
      }

      .before\:translate-x-\[18px\]:before {
        content: var(--tw-content);
        --tw-translate-x: 18px;
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .before\:rounded-full:before {
        content: var(--tw-content);
        border-radius: 3.40282e38px
      }

      .before\:bg-\[\#fff\]:before {
        content: var(--tw-content);
        background-color: #fff
      }

      .before\:shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.2\)\]:before {
        content: var(--tw-content);
        --tw-shadow: 0 2px 4px var(--tw-shadow-color, #0003);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .before\:transition-transform:before {
        content: var(--tw-content);
        transition-property: transform, translate, scale, rotate;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .before\:duration-300:before {
        content: var(--tw-content);
        --tw-duration: .3s;
        transition-duration: .3s
      }

      .before\:content-\[\'\'\]:before {
        --tw-content: "";
        content: var(--tw-content)
      }

      .after\:absolute:after {
        content: var(--tw-content);
        position: absolute
      }

      .after\:inset-\[-8px\]:after {
        content: var(--tw-content);
        inset: -8px
      }

      .after\:top-\[-8px\]:after {
        content: var(--tw-content);
        top: -8px
      }

      .after\:right-0:after {
        content: var(--tw-content);
        right: calc(var(--spacing)*0)
      }

      .after\:bottom-2:after {
        content: var(--tw-content);
        bottom: calc(var(--spacing)*2)
      }

      .after\:z-\[-1\]:after {
        content: var(--tw-content);
        z-index: -1
      }

      .after\:h-\[56px\]:after {
        content: var(--tw-content);
        height: 56px
      }

      .after\:w-px:after {
        content: var(--tw-content);
        width: 1px
      }

      .after\:bg-gradient-to-b:after {
        content: var(--tw-content);
        --tw-gradient-position: to bottom in oklab;
        background-image: linear-gradient(var(--tw-gradient-stops))
      }

      .after\:from-\[\#492B3B\]:after {
        content: var(--tw-content);
        --tw-gradient-from: #492b3b;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .after\:to-\[\#64334D\]:after {
        content: var(--tw-content);
        --tw-gradient-to: #64334d;
        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
      }

      .after\:shadow-\[0px_0_4px_rgba\(255\,100\,185\,0\.9\)\]:after {
        content: var(--tw-content);
        --tw-shadow: 0px 0 4px var(--tw-shadow-color, #ff64b9e6);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .after\:content-\[\'\'\]:after {
        --tw-content: "";
        content: var(--tw-content)
      }

      .first\:ml-\[10px\]:first-child {
        margin-left: 10px
      }

      .last\:mr-\[10px\]:last-child {
        margin-right: 10px
      }

      .last\:after\:hidden:last-child:after {
        content: var(--tw-content);
        display: none
      }

      @media (hover:hover) {
        .hover\:scale-100:hover {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .hover\:pop-in:hover {
          will-change: transform;
          opacity: 1;
          animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popIn
        }

        .hover\:border-white\/30:hover {
          border-color: color-mix(in oklab, var(--color-white)30%, transparent)
        }

        .hover\:bg-white:hover {
          background-color: var(--color-white)
        }

        .hover\:bg-white\/2:hover {
          background-color: color-mix(in oklab, var(--color-white)2%, transparent)
        }

        .hover\:bg-white\/3:hover {
          background-color: color-mix(in oklab, var(--color-white)3%, transparent)
        }

        .hover\:bg-white\/5:hover {
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }

        .hover\:bg-white\/15:hover {
          background-color: color-mix(in oklab, var(--color-white)15%, transparent)
        }

        .hover\:text-white\/50:hover {
          color: color-mix(in oklab, var(--color-white)50%, transparent)
        }

        .hover\:text-white\/60:hover {
          color: color-mix(in oklab, var(--color-white)60%, transparent)
        }

        .hover\:underline:hover {
          text-decoration-line: underline
        }

        .hover\:opacity-50:hover {
          opacity: .5
        }

        .hover\:opacity-60:hover {
          opacity: .6
        }

        .hover\:opacity-70:hover {
          opacity: .7
        }

        .hover\:opacity-80:hover {
          opacity: .8
        }

        .hover\:opacity-90:hover {
          opacity: .9
        }

        .hover\:opacity-100:hover {
          opacity: 1
        }

        .hover\:shadow-\[0_0_40px_10px_rgba\(255\,255\,255\,0\.8\)\]:hover {
          --tw-shadow: 0 0 40px 10px var(--tw-shadow-color, #fffc);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .hover\:brightness-120:hover {
          --tw-brightness: brightness(120%);
          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, )
        }

        .hover\:before\:shadow-\[0_2px_6px_rgba\(0\,0\,0\,0\.3\)\]:hover:before {
          content: var(--tw-content);
          --tw-shadow: 0 2px 6px var(--tw-shadow-color, #0000004d);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
      }

      .focus\:border-white\/40:focus {
        border-color: color-mix(in oklab, var(--color-white)40%, transparent)
      }

      .focus\:bg-white\/3:focus {
        background-color: color-mix(in oklab, var(--color-white)3%, transparent)
      }

      .focus\:ring-0:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus\:ring-2:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus\:ring-offset-2:focus {
        --tw-ring-offset-width: 2px;
        --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
      }

      .focus\:outline-hidden:focus {
        --tw-outline-style: none;
        outline-style: none
      }

      @media (forced-colors:active) {
        .focus\:outline-hidden:focus {
          outline-offset: 2px;
          outline: 2px solid #0000
        }
      }

      .focus\:outline-none:focus {
        --tw-outline-style: none;
        outline-style: none
      }

      .focus\:outline-none\!:focus {
        --tw-outline-style: none !important;
        outline-style: none !important
      }

      .focus-visible\:ring-0:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:ring-\[3px\]:focus-visible {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:outline-1:focus-visible {
        outline-style: var(--tw-outline-style);
        outline-width: 1px
      }

      .focus-visible\:outline-none:focus-visible {
        --tw-outline-style: none;
        outline-style: none
      }

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

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

      .disabled\:opacity-50:disabled {
        opacity: .5
      }

      .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]) {
        grid-template-columns: 1fr auto
      }

      .has-\[\>svg\]\:px-2\.5:has(>svg) {
        padding-inline: calc(var(--spacing)*2.5)
      }

      .has-\[\>svg\]\:px-3:has(>svg) {
        padding-inline: calc(var(--spacing)*3)
      }

      .has-\[\>svg\]\:px-4:has(>svg) {
        padding-inline: calc(var(--spacing)*4)
      }

      .data-\[disabled\]\:pointer-events-none[data-disabled] {
        pointer-events: none
      }

      .data-\[disabled\]\:opacity-50[data-disabled] {
        opacity: .5
      }

      .data-\[inset\]\:pl-8[data-inset] {
        padding-left: calc(var(--spacing)*8)
      }

      .data-\[side\=bottom\]\:translate-y-1[data-side=bottom] {
        --tw-translate-y: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[side\=left\]\:-translate-x-1[data-side=left] {
        --tw-translate-x: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[side\=right\]\:translate-x-1[data-side=right] {
        --tw-translate-x: calc(var(--spacing)*1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[side\=top\]\:-translate-y-1[data-side=top] {
        --tw-translate-y: calc(var(--spacing)*-1);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[size\=default\]\:h-9[data-size=default] {
        height: calc(var(--spacing)*9)
      }

      .data-\[size\=sm\]\:h-8[data-size=sm] {
        height: calc(var(--spacing)*8)
      }

      :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
        --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
        --tw-outline-style: none;
        outline-style: none
      }

      :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value] {
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
      }

      :is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value] {
        display: flex
      }

      :is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value] {
        align-items: center
      }

      :is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value] {
        gap: calc(var(--spacing)*2)
      }

      .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked] {
        --tw-translate-x: calc(100% - 2px);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked] {
        --tw-translate-x: calc(var(--spacing)*0);
        translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      @media (prefers-reduced-motion:reduce) {
        .motion-reduce\:animate-\[spin_1\.5s_linear_infinite\] {
          animation: 1.5s linear infinite spin
        }
      }

      @media (width>=470px) {
        .min-\[470px\]\:mb-\[-3px\] {
          margin-bottom: -3px
        }
      }

      @media (width>=40rem) {
        .sm\:my-3 {
          margin-block: calc(var(--spacing)*3)
        }

        .sm\:mt-0 {
          margin-top: calc(var(--spacing)*0)
        }

        .sm\:mb-3 {
          margin-bottom: calc(var(--spacing)*3)
        }

        .sm\:mb-4 {
          margin-bottom: calc(var(--spacing)*4)
        }

        .sm\:flex {
          display: flex
        }

        .sm\:max-w-lg {
          max-width: var(--container-lg)
        }

        .sm\:flex-row {
          flex-direction: row
        }

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

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

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

        .sm\:p-6 {
          padding: calc(var(--spacing)*6)
        }

        .sm\:px-0 {
          padding-inline: calc(var(--spacing)*0)
        }

        .sm\:pb-4 {
          padding-bottom: calc(var(--spacing)*4)
        }

        .sm\:text-left {
          text-align: left
        }
      }

      @media (width>=48rem) {
        .md\:absolute {
          position: absolute
        }

        .md\:top-\[30px\] {
          top: 30px
        }

        .md\:right-\[30px\] {
          right: 30px
        }

        .md\:left-\[30px\] {
          left: 30px
        }

        .md\:mt-0 {
          margin-top: calc(var(--spacing)*0)
        }

        .md\:mt-12 {
          margin-top: calc(var(--spacing)*12)
        }

        .md\:mb-16 {
          margin-bottom: calc(var(--spacing)*16)
        }

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

        .md\:block {
          display: block
        }

        .md\:hidden {
          display: none
        }

        .md\:h-\[410px\] {
          height: 410px
        }

        .md\:h-\[clamp\(400px\,45vw\,580px\)\] {
          height: clamp(400px, 45vw, 580px)
        }

        .md\:h-auto {
          height: auto
        }

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

        .md\:w-\[40\%\] {
          width: 40%
        }

        .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
          width: var(--radix-navigation-menu-viewport-width)
        }

        .md\:w-auto {
          width: auto
        }

        .md\:scale-100 {
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x)var(--tw-scale-y)
        }

        .md\:pop-in {
          will-change: transform;
          opacity: 1;
          animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popIn
        }

        .md\:pop-out {
          will-change: transform, opacity;
          opacity: 1;
          animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards popOut
        }

        .md\:flex-col {
          flex-direction: column
        }

        .md\:flex-row {
          flex-direction: row
        }

        .md\:items-center {
          align-items: center
        }

        .md\:justify-center {
          justify-content: center
        }

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

        .md\:gap-\[calc\(var\(--spacing-value\)\/2\)\] {
          gap: calc(var(--spacing-value)/2)
        }

        .md\:rounded-4xl {
          border-radius: var(--radius-4xl)
        }

        .md\:border-white\/20 {
          border-color: color-mix(in oklab, var(--color-white)20%, transparent)
        }

        .md\:bg-white\/5 {
          background-color: color-mix(in oklab, var(--color-white)5%, transparent)
        }

        .md\:p-2 {
          padding: calc(var(--spacing)*2)
        }

        .md\:px-0 {
          padding-inline: calc(var(--spacing)*0)
        }

        .md\:px-2 {
          padding-inline: calc(var(--spacing)*2)
        }

        .md\:px-5 {
          padding-inline: calc(var(--spacing)*5)
        }

        .md\:px-10 {
          padding-inline: calc(var(--spacing)*10)
        }

        .md\:pt-4 {
          padding-top: calc(var(--spacing)*4)
        }

        .md\:pt-\[60px\] {
          padding-top: 60px
        }

        .md\:text-left {
          text-align: left
        }

        .md\:text-5xl {
          font-size: var(--text-5xl);
          line-height: var(--tw-leading, var(--text-5xl--line-height))
        }

        .md\:text-8xl {
          font-size: var(--text-8xl);
          line-height: var(--tw-leading, var(--text-8xl--line-height))
        }

        .md\:text-sm {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .md\:text-\[14px\] {
          font-size: 14px
        }
      }

      @media (width>=64rem) {
        .lg\:mt-\[4px\] {
          margin-top: 4px
        }

        .lg\:block {
          display: block
        }

        .lg\:hidden {
          display: none
        }

        .lg\:h-\[53px\] {
          height: 53px
        }

        .lg\:h-\[91vh\] {
          height: 91vh
        }

        .lg\:h-\[100vh\] {
          height: 100vh
        }

        .lg\:w-\[73px\] {
          width: 73px
        }

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

        .lg\:border-2 {
          border-style: var(--tw-border-style);
          border-width: 2px
        }

        .lg\:border-\[\#4D2F3E\] {
          border-color: #4d2f3e
        }

        .lg\:text-\[70px\] {
          font-size: 70px
        }

        .lg\:shadow-\[inset_0px_0px_10px_rgba\(255\,100\,185\,0\.30\)\,0px_0px_18px_rgba\(0\,0\,0\,0\.25\)\] {
          --tw-shadow: inset 0px 0px 10px var(--tw-shadow-color, #ff64b94d), 0px 0px 18px var(--tw-shadow-color, #00000040);
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }
      }

      @media (orientation:portrait) {
        .portrait\:flex-col {
          flex-direction: column
        }
      }

      @media (orientation:landscape) {
        .landscape\:block {
          display: block
        }

        @media (width>=48rem) {
          .landscape\:md\:flex-row {
            flex-direction: row
          }
        }

        @media (width>=64rem) {
          .landscape\:lg\:\!mt-0 {
            margin-top: calc(var(--spacing)*0) !important
          }

          .landscape\:lg\:\!min-h-22 {
            min-height: calc(var(--spacing)*22) !important
          }

          .landscape\:lg\:\!flex-\[1\.7\] {
            flex: 1.7 !important
          }

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

      .\[\&_p\]\:my-4 p {
        margin-block: calc(var(--spacing)*4)
      }

      .\[\&_svg\]\:pointer-events-none svg {
        pointer-events: none
      }

      .\[\&_svg\]\:shrink-0 svg {
        flex-shrink: 0
      }

      .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4)
      }

      .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
        display: none
      }

      .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-transparent::-webkit-scrollbar-thumb {
        background-color: #0000
      }

      .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track {
        background-color: #0000
      }

      .\[\.border-b\]\:pb-6.border-b {
        padding-bottom: calc(var(--spacing)*6)
      }

      .\[\.border-t\]\:pt-6.border-t {
        padding-top: calc(var(--spacing)*6)
      }

      :is(.\*\:\[span\]\:last\:flex>*):is(span):last-child {
        display: flex
      }

      :is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child {
        align-items: center
      }

      :is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child {
        gap: calc(var(--spacing)*2)
      }

      @media (height>=650px) {
        .\[\@media\(min-height\:650px\)\]\:block {
          display: block
        }
      }
    }

    .delayed-glow {
      will-change: opacity, color
    }

    @keyframes glowEffect {
      0% {
        opacity: 0;
        color: #fff;
        filter: brightness(1.5)drop-shadow(0 0 5px #ffffffb3)
      }

      20% {
        opacity: 1;
        color: #fff;
        filter: brightness(1.5)drop-shadow(0 0 8px #ffffffe6)
      }

      to {
        opacity: 1;
        color: inherit;
        filter: brightness()drop-shadow(0 0 #0000)
      }
    }

    .glowEffect {
      will-change: opacity, color, filter;
      animation: 4s ease-in-out forwards glowEffect
    }

    @keyframes fadeIn {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    .fade-in {
      will-change: opacity;
      animation: .1s ease-in-out forwards fadeIn
    }

    .animate-delay-100 {
      animation-delay: .1s
    }

    .animate-delay-200 {
      animation-delay: .2s
    }

    .animate-delay-300 {
      animation-delay: .3s
    }

    .animate-delay-400 {
      animation-delay: .4s
    }

    .animate-delay-500 {
      animation-delay: .5s
    }

    @keyframes popIn {
      0% {
        transform: scale(.9)
      }

      to {
        transform: scale(1)
      }
    }

    @keyframes popOut {
      0% {
        opacity: 1;
        transform: scale(1)
      }

      to {
        opacity: 0;
        transform: scale(.9)
      }
    }

    @keyframes slideInFromBottom {
      0% {
        opacity: 0;
        transform: translateY(100%)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    @keyframes slideOutToBottom {
      0% {
        opacity: 1;
        transform: translateY(0)
      }

      to {
        opacity: 0;
        transform: translateY(100%)
      }
    }

    @keyframes scaleIn {
      0% {
        opacity: 0;
        transform: scale(5)
      }

      to {
        opacity: 1;
        transform: scale(1)
      }
    }

    .scale-in {
      will-change: transform, opacity;
      opacity: 0;
      animation: .4s cubic-bezier(.34, 1.56, .64, 1) forwards scaleIn
    }

    .headline-letter {
      transform-origin: 50%;
      will-change: transform, opacity, filter;
      cursor: pointer;
      transition: transform .2s;
      animation: 4s forwards cross-fade-blur
    }

    .headline-letter:first-child {
      animation-delay: 20ms
    }

    .headline-letter:nth-child(2) {
      animation-delay: 40ms
    }

    .headline-letter:nth-child(3) {
      animation-delay: 60ms
    }

    .headline-letter:nth-child(4) {
      animation-delay: 80ms
    }

    .headline-letter:nth-child(5) {
      animation-delay: .1s
    }

    .headline-letter:nth-child(6) {
      animation-delay: .12s
    }

    .headline-letter:nth-child(7) {
      animation-delay: .14s
    }

    .headline-letter:nth-child(8) {
      animation-delay: .16s
    }

    .headline-letter:nth-child(9) {
      animation-delay: .18s
    }

    .headline-letter:nth-child(10) {
      animation-delay: .2s
    }

    .headline-letter:nth-child(11) {
      animation-delay: .22s
    }

    .headline-letter:nth-child(12) {
      animation-delay: .24s
    }

    .headline-letter:nth-child(13) {
      animation-delay: .26s
    }

    .headline-letter:nth-child(14) {
      animation-delay: .28s
    }

    .headline-letter:nth-child(15) {
      animation-delay: .3s
    }

    .headline-letter:nth-child(16) {
      animation-delay: .32s
    }

    .headline-letter:nth-child(17) {
      animation-delay: .34s
    }

    .headline-letter:nth-child(18) {
      animation-delay: .36s
    }

    .headline-letter:nth-child(19) {
      animation-delay: .38s
    }

    .headline-letter:nth-child(20) {
      animation-delay: .4s
    }

    @keyframes cross-fade-blur {
      0% {
        opacity: 0;
        filter: blur(1rem);
        text-shadow: 0 0 8px #0000;
        transform: translateY(3rem)rotate3d(.25, -1, 0, 66.6deg)
      }

      20%,
      60% {
        opacity: 1;
        filter: blur();
        text-shadow: 0 0 8px var(--color-secondary);
        transform: translate(0)scale(1.1)
      }

      80%,
      to {
        opacity: 1;
        filter: blur();
        text-shadow: 0 0 8px #0000;
        transform: translate(0)
      }
    }

    @keyframes blink {

      0%,
      to {
        opacity: 0;
        border-color: var(--color-accent)
      }

      50% {
        opacity: 1;
        border-color: var(--color-primary)
      }
    }

    .animate-blink {
      will-change: opacity, border-color;
      animation: 3s infinite blink
    }

    @keyframes animate-text-pulse {

      0%,
      to {
        opacity: 1
      }

      50% {
        opacity: .35
      }
    }

    .animate-text-pulse {
      animation: 1s ease-in-out infinite animate-text-pulse
    }

    @keyframes pop-up-bounce {
      0% {
        opacity: 0;
        transform: translateY(12px)scale(.8)
      }

      60% {
        opacity: 1;
        transform: translateY(-2px)scale(1.04)
      }

      80% {
        transform: translateY(1px)scale(.99)
      }

      to {
        transform: translateY(0)scale(1)
      }
    }

    .pop-up-bounce {
      animation: .3s cubic-bezier(.34, 1.56, .64, 1) pop-up-bounce
    }

    @keyframes cursor {
      0% {
        opacity: 1
      }

      50% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    .circle-chart-fill {
      will-change: stroke-dasharray, opacity;
      animation: 1.4s cubic-bezier(.7, 0, .84, 0) .8s reverse backwards circle-chart-fill
    }

    @keyframes circle-chart-fill {
      0% {
        opacity: 1
      }

      to {
        stroke-dasharray: 0 100;
        opacity: 0
      }
    }

    @keyframes gradient-fade-in {
      0% {
        opacity: 0;
        background-color: #000;
        background-image: none
      }

      30% {
        opacity: 1;
        background-color: #000;
        background-image: none
      }

      to {
        opacity: 1;
        background-image: var(--page-gradient-1), var(--page-gradient-2);
        background-color: #0000
      }
    }

    .animate-gradient-fade-in {
      will-change: opacity, background-image;
      animation: 4s ease-out forwards gradient-fade-in
    }

    @keyframes pulse-glow {
      0% {
        opacity: .4;
        transform: scale(1)
      }

      50% {
        opacity: 0;
        transform: scale(1.5)
      }

      to {
        opacity: 0;
        transform: scale(1)
      }
    }

    .animate-pulse-glow {
      width: 14px;
      height: 14px;
      animation: 1s ease-out infinite pulse-glow
    }

    .star-hole-reveal {
      will-change: transform;
      transform-origin: 89px 89px
    }

    svg.is-revealing .star-hole-reveal {
      animation: .8s cubic-bezier(.2, 0, 1, 1) forwards hole-scale-reveal
    }

    @keyframes hole-scale-reveal {
      0% {
        transform: translate(9px, 26px)scale(1)
      }

      20% {
        transform: translate(9px, 26px)scale(2)
      }

      50% {
        transform: translate(9px, 26px)scale(50)
      }

      to {
        transform: translate(9px, 26px)scale(200)
      }
    }

    .star-shockwave-main {
      will-change: transform, opacity;
      transform-origin: 89px 89px;
      opacity: 0;
      animation: 2.5s cubic-bezier(0, 0, .2, 1) infinite shockwave-clean
    }

    .star-shockwave-echo {
      will-change: transform, opacity;
      transform-origin: 89px 89px;
      opacity: 0;
      animation: 2.5s cubic-bezier(0, 0, .2, 1) .2s infinite shockwave-clean
    }

    @keyframes shockwave-clean {
      0% {
        opacity: .6;
        transform: translate(9px, 26px)scale(1)
      }

      35% {
        opacity: .1
      }

      50% {
        opacity: 0;
        transform: translate(9px, 26px)scale(2.2)
      }

      to {
        opacity: 0;
        transform: translate(9px, 26px)scale(2.5)
      }
    }

    .star-heartbeat {
      will-change: transform;
      transform-origin: 89px 89px;
      animation: 2.5s cubic-bezier(.25, .46, .45, .94) infinite core-thump
    }

    @keyframes core-thump {
      0% {
        transform: translate(9px, 26px)scale(1)
      }

      8% {
        transform: translate(9px, 26px)scale(1.15)
      }

      15% {
        transform: translate(9px, 26px)scale(1)
      }

      20% {
        transform: translate(9px, 26px)scale(1.05)
      }

      30% {
        transform: translate(9px, 26px)scale(1)
      }

      to {
        transform: translate(9px, 26px)scale(1)
      }
    }

    @keyframes dots-animation {
      0% {
        content: ""
      }

      25% {
        content: "."
      }

      50% {
        content: ".."
      }

      75% {
        content: "..."
      }
    }

    .after\:animate-dots-animation:after {
      text-align: left;
      width: 1.5em;
      animation: .3s infinite dots-animation;
      display: inline-block
    }

    @property --tw-translate-x {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }

    @property --tw-translate-y {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }

    @property --tw-translate-z {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }

    @property --tw-scale-x {
      syntax: "*";
      inherits: false;
      initial-value: 1
    }

    @property --tw-scale-y {
      syntax: "*";
      inherits: false;
      initial-value: 1
    }

    @property --tw-scale-z {
      syntax: "*";
      inherits: false;
      initial-value: 1
    }

    @property --tw-rotate-x {
      syntax: "*";
      inherits: false;
      initial-value: rotateX(0)
    }

    @property --tw-rotate-y {
      syntax: "*";
      inherits: false;
      initial-value: rotateY(0)
    }

    @property --tw-rotate-z {
      syntax: "*";
      inherits: false;
      initial-value: rotateZ(0)
    }

    @property --tw-skew-x {
      syntax: "*";
      inherits: false;
      initial-value: skewX(0)
    }

    @property --tw-skew-y {
      syntax: "*";
      inherits: false;
      initial-value: skewY(0)
    }

    @property --tw-space-y-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }

    @property --tw-space-x-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
    }

    @property --tw-border-style {
      syntax: "*";
      inherits: false;
      initial-value: solid
    }

    @property --tw-gradient-position {
      syntax: "*";
      inherits: false
    }

    @property --tw-gradient-from {
      syntax: "<color>";
      inherits: false;
      initial-value: #0000
    }

    @property --tw-gradient-via {
      syntax: "<color>";
      inherits: false;
      initial-value: #0000
    }

    @property --tw-gradient-to {
      syntax: "<color>";
      inherits: false;
      initial-value: #0000
    }

    @property --tw-gradient-stops {
      syntax: "*";
      inherits: false
    }

    @property --tw-gradient-via-stops {
      syntax: "*";
      inherits: false
    }

    @property --tw-gradient-from-position {
      syntax: "<length-percentage>";
      inherits: false;
      initial-value: 0%
    }

    @property --tw-gradient-via-position {
      syntax: "<length-percentage>";
      inherits: false;
      initial-value: 50%
    }

    @property --tw-gradient-to-position {
      syntax: "<length-percentage>";
      inherits: false;
      initial-value: 100%
    }

    @property --tw-leading {
      syntax: "*";
      inherits: false
    }

    @property --tw-font-weight {
      syntax: "*";
      inherits: false
    }

    @property --tw-tracking {
      syntax: "*";
      inherits: false
    }

    @property --tw-ordinal {
      syntax: "*";
      inherits: false
    }

    @property --tw-slashed-zero {
      syntax: "*";
      inherits: false
    }

    @property --tw-numeric-figure {
      syntax: "*";
      inherits: false
    }

    @property --tw-numeric-spacing {
      syntax: "*";
      inherits: false
    }

    @property --tw-numeric-fraction {
      syntax: "*";
      inherits: false
    }

    @property --tw-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-shadow-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-inset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-inset-shadow-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-ring-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-inset-ring-color {
      syntax: "*";
      inherits: false
    }

    @property --tw-inset-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-ring-inset {
      syntax: "*";
      inherits: false
    }

    @property --tw-ring-offset-width {
      syntax: "<length>";
      inherits: false;
      initial-value: 0
    }

    @property --tw-ring-offset-color {
      syntax: "*";
      inherits: false;
      initial-value: #fff
    }

    @property --tw-ring-offset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
    }

    @property --tw-outline-style {
      syntax: "*";
      inherits: false;
      initial-value: solid
    }

    @property --tw-blur {
      syntax: "*";
      inherits: false
    }

    @property --tw-brightness {
      syntax: "*";
      inherits: false
    }

    @property --tw-contrast {
      syntax: "*";
      inherits: false
    }

    @property --tw-grayscale {
      syntax: "*";
      inherits: false
    }

    @property --tw-hue-rotate {
      syntax: "*";
      inherits: false
    }

    @property --tw-invert {
      syntax: "*";
      inherits: false
    }

    @property --tw-opacity {
      syntax: "*";
      inherits: false
    }

    @property --tw-saturate {
      syntax: "*";
      inherits: false
    }

    @property --tw-sepia {
      syntax: "*";
      inherits: false
    }

    @property --tw-drop-shadow {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-blur {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-brightness {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-contrast {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-grayscale {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-hue-rotate {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-invert {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-opacity {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-saturate {
      syntax: "*";
      inherits: false
    }

    @property --tw-backdrop-sepia {
      syntax: "*";
      inherits: false
    }

    @property --tw-duration {
      syntax: "*";
      inherits: false
    }

    @property --tw-ease {
      syntax: "*";
      inherits: false
    }

    @property --tw-content {
      syntax: "*";
      inherits: false;
      initial-value: ""
    }

    @keyframes spin {
      to {
        transform: rotate(360deg)
      }
    }

    @keyframes pulse {
      50% {
        opacity: .5
      }
    }

    .orb-gradient {
      background: radial-gradient(58.27% 113.85% at 48.93% 103.08%, var(--color-accent) -40%, rgba(0, 0, 0, 0) 100%)
    }

    .noise-gradient {
      background: linear-gradient(to right, #790f52, #0000),
        /*savepage-url=/assets/noise-texture.svg*/
        url()
    }

    .page-gradient {
      background: linear-gradient(to bottom, #3b1c29, #251119)
    }

    @keyframes gradient {
      0% {
        background-position: 0% 0%
      }

      50% {
        background-position: 100% 0%
      }

      to {
        background-position: 0% 0%
      }
    }