/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'LahzehVF';
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-500: #fa394c;
    --color-red-600: #e81f33;
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-green-100: #d0fbe0;
    --color-green-500: #0abf6d;
    --color-green-600: #00b265;
    --color-green-700: #007c4a;
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --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: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-sm: 8px;
    --blur-2xl: 40px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-secondary: #334278;
    --color-foreground: #1E2130;
    --color-background: white;
    --color-muted: #757982;
    --color-border: #E8E8E8;
    --color-card: #F9F9F9;
    --color-primary-50: #eff6ff;
    --color-primary-100: #dbe9fe;
    --color-primary-600: #215aea;
    --color-primary-800: #1e3caf;
    --color-primary: var(--color-primary-600);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    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;
  }
  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 {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.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 {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .end-5 {
    inset-inline-end: calc(var(--spacing) * 5);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-\[120px\] {
    right: 120px;
  }
  .\!-bottom-2 {
    bottom: calc(var(--spacing) * -2) !important;
  }
  .\!bottom-11 {
    bottom: calc(var(--spacing) * 11) !important;
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-5 {
    bottom: calc(var(--spacing) * 5);
  }
  .bottom-\[145px\] {
    bottom: 145px;
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .z-2 {
    z-index: 2;
  }
  .z-10 {
    z-index: 10;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1020\] {
    z-index: 1020;
  }
  .z-\[1025\] {
    z-index: 1025;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-12 {
    grid-column: span 12 / span 12;
  }
  .container {
    width: 100%;
    @media (width >= 1320px) {
      max-width: 1320px;
    }
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-5 {
    margin-inline: calc(var(--spacing) * 5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .ms-16 {
    margin-inline-start: calc(var(--spacing) * 16);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-4 {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .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-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .\!mr-5 {
    margin-right: calc(var(--spacing) * 5) !important;
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .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-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .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;
  }
  .table {
    display: table;
  }
  .aspect-\[3\/2\] {
    aspect-ratio: 3/2;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-13 {
    width: calc(var(--spacing) * 13);
    height: calc(var(--spacing) * 13);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-15 {
    width: calc(var(--spacing) * 15);
    height: calc(var(--spacing) * 15);
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .h-0 {
    height: calc(var(--spacing) * 0);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-\[235px\] {
    height: 235px;
  }
  .h-\[300px\] {
    height: 300px;
  }
  .h-\[340px\] {
    height: 340px;
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-full {
    max-height: 100%;
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-\[1\%\] {
    width: 1%;
  }
  .w-\[160px\] {
    width: 160px;
  }
  .w-\[300px\] {
    width: 300px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-\[440px\] {
    max-width: 440px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-max {
    min-width: max-content;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-1\/2 {
    flex: calc(1/2 * 100%);
  }
  .flex-auto {
    flex: auto;
  }
  .flex-initial {
    flex: 0 auto;
  }
  .flex-none {
    flex: none;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * -4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .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\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :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)));
    }
  }
  .space-y-7 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-14 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[0_0_10px_10px\] {
    border-radius: 0 0 10px 10px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .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);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-background {
    border-color: var(--color-background);
  }
  .border-blue-500 {
    border-color: var(--color-blue-500);
  }
  .border-border {
    border-color: var(--color-border);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-secondary {
    border-color: var(--color-secondary);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }
  .bg-background {
    background-color: var(--color-background);
  }
  .bg-background\/35 {
    background-color: color-mix(in srgb, white 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-background) 35%, transparent);
    }
  }
  .bg-black\/60 {
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-border {
    background-color: var(--color-border);
  }
  .bg-card {
    background-color: var(--color-card);
  }
  .bg-foreground {
    background-color: var(--color-foreground);
  }
  .bg-gray-700 {
    background-color: var(--color-gray-700);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-green-500 {
    background-color: var(--color-green-500);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .bg-primary\/5 {
    background-color: color-mix(in srgb, #215aea 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: color-mix(in srgb, #215aea 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-secondary {
    background-color: var(--color-secondary);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(180deg\,_rgba\(0\,0\,0\,0\)_0\%\,_rgba\(0\,0\,0\,0\.8\)_100\%\)\] {
    background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
  }
  .bg-\[linear-gradient\(226\.29deg\,\#C0D1FF_14\.72\%\,\#E9F0FF_30\.64\%\,\#FFFFFF_50\.34\%\,\#ECF2FF_69\.8\%\,\#BACEFF_86\.06\%\)\] {
    background-image: linear-gradient(226.29deg,#C0D1FF 14.72%,#E9F0FF 30.64%,#FFFFFF 50.34%,#ECF2FF 69.8%,#BACEFF 86.06%);
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-primary-800 {
    --tw-gradient-to: var(--color-primary-800);
    --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));
  }
  .object-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-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-7 {
    padding: calc(var(--spacing) * 7);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .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-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .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-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .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-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }
  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .\!pr-5 {
    padding-right: calc(var(--spacing) * 5) !important;
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-18 {
    padding-bottom: calc(var(--spacing) * 18);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-justify {
    text-align: justify;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-2xl\/relaxed {
    font-size: var(--text-2xl);
    line-height: var(--leading-relaxed);
  }
  .text-\[13px\]\/6 {
    font-size: 13px;
    line-height: calc(var(--spacing) * 6);
  }
  .text-\[13px\]\/7 {
    font-size: 13px;
    line-height: calc(var(--spacing) * 7);
  }
  .text-\[15px\]\/7 {
    font-size: 15px;
    line-height: calc(var(--spacing) * 7);
  }
  .text-\[15px\]\/8 {
    font-size: 15px;
    line-height: calc(var(--spacing) * 8);
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-base\/8 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 8);
  }
  .text-base\/9 {
    font-size: var(--text-base);
    line-height: calc(var(--spacing) * 9);
  }
  .text-base\/loose {
    font-size: var(--text-base);
    line-height: var(--leading-loose);
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-lg\/8 {
    font-size: var(--text-lg);
    line-height: calc(var(--spacing) * 8);
  }
  .text-lg\/9 {
    font-size: var(--text-lg);
    line-height: calc(var(--spacing) * 9);
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-sm\/6 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 6);
  }
  .text-sm\/7 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 7);
  }
  .text-sm\/8 {
    font-size: var(--text-sm);
    line-height: calc(var(--spacing) * 8);
  }
  .text-sm\/loose {
    font-size: var(--text-sm);
    line-height: var(--leading-loose);
  }
  .text-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }
  .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-xs\/6 {
    font-size: var(--text-xs);
    line-height: calc(var(--spacing) * 6);
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-amber-400 {
    color: var(--color-amber-400);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-foreground {
    color: var(--color-foreground);
  }
  .text-green-500 {
    color: var(--color-green-500);
  }
  .text-green-600 {
    color: var(--color-green-600);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-muted {
    color: var(--color-muted);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary\/80 {
    color: color-mix(in srgb, #215aea 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-primary) 80%, transparent);
    }
  }
  .text-purple-600 {
    color: var(--color-purple-600);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow-400 {
    color: var(--color-yellow-400);
  }
  .text-yellow-600 {
    color: var(--color-yellow-600);
  }
  .not-italic {
    font-style: normal;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    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, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline-0 {
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
  }
  .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,);
  }
  .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-\[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, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-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));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl;
  }
  .group-hover\:-translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .group-hover\:scale-x-\[-1\] {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: -1;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:transform {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      }
    }
  }
  .group-hover\:bg-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .group-hover\:text-foreground {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-foreground);
      }
    }
  }
  .group-hover\:text-primary {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .group-disabled\:block {
    &:is(:where(.group):disabled *) {
      display: block;
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .before\:start-0 {
    &::before {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 0);
    }
  }
  .before\:-end-1 {
    &::before {
      content: var(--tw-content);
      inset-inline-end: calc(var(--spacing) * -1);
    }
  }
  .before\:-end-\[6px\] {
    &::before {
      content: var(--tw-content);
      inset-inline-end: calc(6px * -1);
    }
  }
  .before\:-top-\[140px\] {
    &::before {
      content: var(--tw-content);
      top: calc(140px * -1);
    }
  }
  .before\:top-2\.5 {
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * 2.5);
    }
  }
  .before\:top-\[-170px\] {
    &::before {
      content: var(--tw-content);
      top: -170px;
    }
  }
  .before\:bottom-3 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 3);
    }
  }
  .before\:bottom-7 {
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 7);
    }
  }
  .before\:left-1\/2 {
    &::before {
      content: var(--tw-content);
      left: calc(1/2 * 100%);
    }
  }
  .before\:-z-10 {
    &::before {
      content: var(--tw-content);
      z-index: calc(10 * -1);
    }
  }
  .before\:size-1\.5 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 1.5);
      height: calc(var(--spacing) * 1.5);
    }
  }
  .before\:h-2 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 2);
    }
  }
  .before\:h-3 {
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 3);
    }
  }
  .before\:h-\[670px\] {
    &::before {
      content: var(--tw-content);
      height: 670px;
    }
  }
  .before\:h-full {
    &::before {
      content: var(--tw-content);
      height: 100%;
    }
  }
  .before\:w-2 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 2);
    }
  }
  .before\:w-3 {
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 3);
    }
  }
  .before\:w-full {
    &::before {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .before\:-translate-x-1\/2 {
    &::before {
      content: var(--tw-content);
      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .before\:transform {
    &::before {
      content: var(--tw-content);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
  }
  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }
  .before\:bg-green-600 {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-green-600);
    }
  }
  .before\:bg-muted {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-muted);
    }
  }
  .before\:bg-\[radial-gradient\(50\%_50\%_at_50\%_50\%\,_rgba\(33\,90\,234\,0\.1\)_0\%\,_rgba\(33\,90\,234\,0\)_100\%\)\] {
    &::before {
      content: var(--tw-content);
      background-image: radial-gradient(50% 50% at 50% 50%, rgba(33,90,234,0.1) 0%, rgba(33,90,234,0) 100%);
    }
  }
  .before\:blur-\[50px\] {
    &::before {
      content: var(--tw-content);
      --tw-blur: blur(50px);
      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,);
    }
  }
  .before\:content-\[\\\'\\\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: \'\';
      content: var(--tw-content);
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
  }
  .after\:-bottom-5 {
    &::after {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * -5);
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
  }
  .after\:border-b {
    &::after {
      content: var(--tw-content);
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .after\:border-dashed {
    &::after {
      content: var(--tw-content);
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .after\:border-border {
    &::after {
      content: var(--tw-content);
      border-color: var(--color-border);
    }
  }
  .hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:transform {
    &:hover {
      @media (hover: hover) {
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      }
    }
  }
  .hover\:border-border {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-border);
      }
    }
  }
  .hover\:border-red-500 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-500);
      }
    }
  }
  .hover\:border-secondary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-secondary);
      }
    }
  }
  .hover\:border-transparent {
    &:hover {
      @media (hover: hover) {
        border-color: transparent;
      }
    }
  }
  .hover\:bg-background {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-background);
      }
    }
  }
  .hover\:bg-primary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-primary);
      }
    }
  }
  .hover\:bg-red-500 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-500);
      }
    }
  }
  .hover\:bg-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-secondary);
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent;
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:text-background {
    &:hover {
      @media (hover: hover) {
        color: var(--color-background);
      }
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--color-foreground);
      }
    }
  }
  .hover\:text-green-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-green-500);
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary);
      }
    }
  }
  .hover\:text-red-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-500);
      }
    }
  }
  .hover\:text-secondary {
    &:hover {
      @media (hover: hover) {
        color: var(--color-secondary);
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:shadow-\[0px_8px_40px_0px_\#0000000A\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0px 8px 40px 0px var(--tw-shadow-color, #0000000A);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:before\:bg-primary {
    &:hover {
      @media (hover: hover) {
        &::before {
          content: var(--tw-content);
          background-color: var(--color-primary);
        }
      }
    }
  }
  .focus\:border-primary {
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .disabled\:border-muted {
    &:disabled {
      border-color: var(--color-muted);
    }
  }
  .disabled\:bg-muted {
    &:disabled {
      background-color: var(--color-muted);
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .aria-\[selected\=true\]\:pointer-events-none {
    &[aria-selected="true"] {
      pointer-events: none;
    }
  }
  .aria-\[selected\=true\]\:text-primary {
    &[aria-selected="true"] {
      color: var(--color-primary);
    }
  }
  .motion-safe\:animate-spin {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-spin);
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-3 {
    @media (width >= 40rem) {
      grid-column: span 3 / span 3;
    }
  }
  .sm\:col-span-6 {
    @media (width >= 40rem) {
      grid-column: span 6 / span 6;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:flex-initial {
    @media (width >= 40rem) {
      flex: 0 auto;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-6 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:justify-center {
    @media (width >= 40rem) {
      justify-content: center;
    }
  }
  .md\:right-\[167px\] {
    @media (width >= 48rem) {
      right: 167px;
    }
  }
  .md\:bottom-\[259px\] {
    @media (width >= 48rem) {
      bottom: 259px;
    }
  }
  .md\:col-span-5 {
    @media (width >= 48rem) {
      grid-column: span 5 / span 5;
    }
  }
  .md\:col-span-7 {
    @media (width >= 48rem) {
      grid-column: span 7 / span 7;
    }
  }
  .md\:mr-auto {
    @media (width >= 48rem) {
      margin-right: auto;
    }
  }
  .md\:mb-5 {
    @media (width >= 48rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:aspect-\[7\/4\] {
    @media (width >= 48rem) {
      aspect-ratio: 7/4;
    }
  }
  .md\:aspect-\[8\/5\] {
    @media (width >= 48rem) {
      aspect-ratio: 8/5;
    }
  }
  .md\:h-\[400px\] {
    @media (width >= 48rem) {
      height: 400px;
    }
  }
  .md\:h-\[510px\] {
    @media (width >= 48rem) {
      height: 510px;
    }
  }
  .md\:w-\[48\%\] {
    @media (width >= 48rem) {
      width: 48%;
    }
  }
  .md\:w-\[400px\] {
    @media (width >= 48rem) {
      width: 400px;
    }
  }
  .md\:w-\[510px\] {
    @media (width >= 48rem) {
      width: 510px;
    }
  }
  .md\:w-auto {
    @media (width >= 48rem) {
      width: auto;
    }
  }
  .md\:flex-none {
    @media (width >= 48rem) {
      flex: none;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .md\:flex-col {
    @media (width >= 48rem) {
      flex-direction: column;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:gap-5 {
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .md\:border-0 {
    @media (width >= 48rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .md\:pb-0 {
    @media (width >= 48rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .md\:text-sm {
    @media (width >= 48rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .md\:after\:-end-5 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        inset-inline-end: calc(var(--spacing) * -5);
      }
    }
  }
  .md\:after\:-bottom-0 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * -0);
      }
    }
  }
  .md\:after\:h-full {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        height: 100%;
      }
    }
  }
  .md\:after\:w-px {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        width: 1px;
      }
    }
  }
  .md\:after\:border-e {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        border-inline-end-style: var(--tw-border-style);
        border-inline-end-width: 1px;
      }
    }
  }
  .md\:after\:border-b-0 {
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0px;
      }
    }
  }
  .lg\:relative {
    @media (width >= 64rem) {
      position: relative;
    }
  }
  .lg\:static {
    @media (width >= 64rem) {
      position: static;
    }
  }
  .lg\:sticky {
    @media (width >= 64rem) {
      position: sticky;
    }
  }
  .lg\:top-0 {
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 0);
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:col-span-5 {
    @media (width >= 64rem) {
      grid-column: span 5 / span 5;
    }
  }
  .lg\:col-span-6 {
    @media (width >= 64rem) {
      grid-column: span 6 / span 6;
    }
  }
  .lg\:col-span-7 {
    @media (width >= 64rem) {
      grid-column: span 7 / span 7;
    }
  }
  .lg\:col-span-8 {
    @media (width >= 64rem) {
      grid-column: span 8 / span 8;
    }
  }
  .lg\:col-span-9 {
    @media (width >= 64rem) {
      grid-column: span 9 / span 9;
    }
  }
  .lg\:col-span-10 {
    @media (width >= 64rem) {
      grid-column: span 10 / span 10;
    }
  }
  .lg\:col-span-12 {
    @media (width >= 64rem) {
      grid-column: span 12 / span 12;
    }
  }
  .lg\:mx-0 {
    @media (width >= 64rem) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  .lg\:ms-auto {
    @media (width >= 64rem) {
      margin-inline-start: auto;
    }
  }
  .lg\:me-0 {
    @media (width >= 64rem) {
      margin-inline-end: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:mt-5 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 5);
    }
  }
  .lg\:mt-24 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 24);
    }
  }
  .lg\:mt-29 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 29);
    }
  }
  .lg\:mb-2 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  .lg\:mb-3 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .lg\:mb-4 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }
  .lg\:mb-5 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .lg\:mb-6 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:mb-7 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 7);
    }
  }
  .lg\:mb-8 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  .lg\:mb-9 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 9);
    }
  }
  .lg\:mb-10 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  .lg\:mb-12 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 12);
    }
  }
  .lg\:mb-16 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 16);
    }
  }
  .lg\:mb-20 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 20);
    }
  }
  .lg\:mb-28 {
    @media (width >= 64rem) {
      margin-bottom: calc(var(--spacing) * 28);
    }
  }
  .lg\:line-clamp-1 {
    @media (width >= 64rem) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  }
  .lg\:line-clamp-2 {
    @media (width >= 64rem) {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }
  .lg\:block {
    @media (width >= 64rem) {
      display: block;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:grid {
    @media (width >= 64rem) {
      display: grid;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:inline {
    @media (width >= 64rem) {
      display: inline;
    }
  }
  .lg\:inline-block {
    @media (width >= 64rem) {
      display: inline-block;
    }
  }
  .lg\:aspect-\[3\/1\] {
    @media (width >= 64rem) {
      aspect-ratio: 3/1;
    }
  }
  .lg\:size-6 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
    }
  }
  .lg\:size-12 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  .lg\:size-14 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
  }
  .lg\:size-15 {
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 15);
      height: calc(var(--spacing) * 15);
    }
  }
  .lg\:w-\[252px\] {
    @media (width >= 64rem) {
      width: 252px;
    }
  }
  .lg\:w-auto {
    @media (width >= 64rem) {
      width: auto;
    }
  }
  .lg\:max-w-28 {
    @media (width >= 64rem) {
      max-width: calc(var(--spacing) * 28);
    }
  }
  .lg\:max-w-lg {
    @media (width >= 64rem) {
      max-width: var(--container-lg);
    }
  }
  .lg\:max-w-none {
    @media (width >= 64rem) {
      max-width: none;
    }
  }
  .lg\:flex-1 {
    @media (width >= 64rem) {
      flex: 1;
    }
  }
  .lg\:flex-1\/3 {
    @media (width >= 64rem) {
      flex: calc(1/3 * 100%);
    }
  }
  .lg\:flex-1\/6 {
    @media (width >= 64rem) {
      flex: calc(1/6 * 100%);
    }
  }
  .lg\:flex-1\/12 {
    @media (width >= 64rem) {
      flex: calc(1/12 * 100%);
    }
  }
  .lg\:flex-initial {
    @media (width >= 64rem) {
      flex: 0 auto;
    }
  }
  .lg\:flex-none {
    @media (width >= 64rem) {
      flex: none;
    }
  }
  .lg\:translate-x-0 {
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .lg\:transform-none {
    @media (width >= 64rem) {
      transform: none;
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-12 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-17 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(17, minmax(0, 1fr));
    }
  }
  .lg\:flex-col {
    @media (width >= 64rem) {
      flex-direction: column;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:flex-nowrap {
    @media (width >= 64rem) {
      flex-wrap: nowrap;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:justify-start {
    @media (width >= 64rem) {
      justify-content: flex-start;
    }
  }
  .lg\:gap-0 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 0);
    }
  }
  .lg\:gap-2 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .lg\:gap-3 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .lg\:gap-4 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .lg\:gap-5 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .lg\:gap-6 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .lg\:gap-7 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 7);
    }
  }
  .lg\:gap-10 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 10);
    }
  }
  .lg\:gap-12 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 12);
    }
  }
  .lg\:gap-14 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 14);
    }
  }
  .lg\:gap-16 {
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 16);
    }
  }
  .lg\:space-y-5 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:space-y-6 {
    @media (width >= 64rem) {
      :where(& > :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)));
      }
    }
  }
  .lg\:space-y-30 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 30) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 30) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:rounded-2xl {
    @media (width >= 64rem) {
      border-radius: var(--radius-2xl);
    }
  }
  .lg\:rounded-full {
    @media (width >= 64rem) {
      border-radius: calc(infinity * 1px);
    }
  }
  .lg\:rounded-none {
    @media (width >= 64rem) {
      border-radius: 0;
    }
  }
  .lg\:rounded-xl {
    @media (width >= 64rem) {
      border-radius: var(--radius-xl);
    }
  }
  .lg\:border {
    @media (width >= 64rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .lg\:border-0 {
    @media (width >= 64rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .lg\:border-e {
    @media (width >= 64rem) {
      border-inline-end-style: var(--tw-border-style);
      border-inline-end-width: 1px;
    }
  }
  .lg\:border-l {
    @media (width >= 64rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .lg\:border-dashed {
    @media (width >= 64rem) {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .lg\:border-border {
    @media (width >= 64rem) {
      border-color: var(--color-border);
    }
  }
  .lg\:bg-card {
    @media (width >= 64rem) {
      background-color: var(--color-card);
    }
  }
  .lg\:p-0 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .lg\:p-4 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .lg\:p-5 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .lg\:p-7 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .lg\:p-11 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 11);
    }
  }
  .lg\:px-3 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-7 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-3 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .lg\:py-4 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  .lg\:py-5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .lg\:py-6 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .lg\:py-6\.5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 6.5);
    }
  }
  .lg\:py-7 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .lg\:py-8 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  .lg\:py-10 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .lg\:py-17 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 17);
    }
  }
  .lg\:py-20 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  .lg\:pe-3 {
    @media (width >= 64rem) {
      padding-inline-end: calc(var(--spacing) * 3);
    }
  }
  .lg\:pe-4 {
    @media (width >= 64rem) {
      padding-inline-end: calc(var(--spacing) * 4);
    }
  }
  .lg\:pt-5 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  .lg\:pt-12 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .lg\:pt-16 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 16);
    }
  }
  .lg\:pt-18 {
    @media (width >= 64rem) {
      padding-top: calc(var(--spacing) * 18);
    }
  }
  .lg\:pr-0 {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 0);
    }
  }
  .lg\:pb-5 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .lg\:pb-6 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .lg\:pb-14 {
    @media (width >= 64rem) {
      padding-bottom: calc(var(--spacing) * 14);
    }
  }
  .lg\:pl-4 {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 4);
    }
  }
  .lg\:text-center {
    @media (width >= 64rem) {
      text-align: center;
    }
  }
  .lg\:text-start {
    @media (width >= 64rem) {
      text-align: start;
    }
  }
  .lg\:text-2xl {
    @media (width >= 64rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .lg\:text-3xl {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .lg\:text-3xl\/loose {
    @media (width >= 64rem) {
      font-size: var(--text-3xl);
      line-height: var(--leading-loose);
    }
  }
  .lg\:text-\[15px\]\/8 {
    @media (width >= 64rem) {
      font-size: 15px;
      line-height: calc(var(--spacing) * 8);
    }
  }
  .lg\:text-base {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .lg\:text-base\/8 {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: calc(var(--spacing) * 8);
    }
  }
  .lg\:text-base\/9 {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: calc(var(--spacing) * 9);
    }
  }
  .lg\:text-base\/loose {
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--leading-loose);
    }
  }
  .lg\:text-lg {
    @media (width >= 64rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .lg\:text-sm {
    @media (width >= 64rem) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .lg\:text-xl {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .lg\:text-xl\/9 {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: calc(var(--spacing) * 9);
    }
  }
  .lg\:text-xl\/12 {
    @media (width >= 64rem) {
      font-size: var(--text-xl);
      line-height: calc(var(--spacing) * 12);
    }
  }
  .lg\:text-\[13px\] {
    @media (width >= 64rem) {
      font-size: 13px;
    }
  }
  .lg\:text-\[15px\] {
    @media (width >= 64rem) {
      font-size: 15px;
    }
  }
  .lg\:text-\[28px\] {
    @media (width >= 64rem) {
      font-size: 28px;
    }
  }
  .lg\:text-\[32px\] {
    @media (width >= 64rem) {
      font-size: 32px;
    }
  }
  .lg\:leading-10 {
    @media (width >= 64rem) {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  .lg\:\[writing-mode\:vertical-rl\] {
    @media (width >= 64rem) {
      writing-mode: vertical-rl;
    }
  }
  .lg\:nth-\[2n\+1\]\:bg-card {
    @media (width >= 64rem) {
      &:nth-child(2n+1) {
        background-color: var(--color-card);
      }
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:flex-auto {
    @media (width >= 80rem) {
      flex: auto;
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\[\&_\.form-control\]\:bg-white {
    & .form-control {
      background-color: var(--color-white);
    }
  }
  .\[\&_\.form-control\]\:px-5 {
    & .form-control {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .\[\&_a\]\:col-span-1 {
    & a {
      grid-column: span 1 / span 1;
    }
  }
  .\[\&_a\]\:flex {
    & a {
      display: flex;
    }
  }
  .\[\&_a\]\:flex-col {
    & a {
      flex-direction: column;
    }
  }
  .\[\&_a\]\:items-center {
    & a {
      align-items: center;
    }
  }
  .\[\&_a\]\:justify-center {
    & a {
      justify-content: center;
    }
  }
  .\[\&_a\]\:gap-4 {
    & a {
      gap: calc(var(--spacing) * 4);
    }
  }
  .\[\&_a\]\:rounded-2xl {
    & a {
      border-radius: var(--radius-2xl);
    }
  }
  .\[\&_a\]\:bg-background {
    & a {
      background-color: var(--color-background);
    }
  }
  .\[\&_a\]\:px-4 {
    & a {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .\[\&_a\]\:py-7 {
    & a {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .\[\&_a\]\:text-center {
    & a {
      text-align: center;
    }
  }
  .\[\&_a\]\:text-base {
    & a {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .\[\&_a\]\:transition-all {
    & a {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  .\[\&_a\]\:duration-300 {
    & a {
      --tw-duration: 300ms;
      transition-duration: 300ms;
    }
  }
  .\[\&_a\]\:hover\:shadow-xs {
    & a {
      &:hover {
        @media (hover: hover) {
          --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
        }
      }
    }
  }
  .\[\&_a\]\:lg\:gap-6 {
    & a {
      @media (width >= 64rem) {
        gap: calc(var(--spacing) * 6);
      }
    }
  }
  .\[\&_a\]\:lg\:text-lg {
    & a {
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
  }
  .\[\&_img\]\:size-8 {
    & img {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }
  .\[\&_img\]\:h-full {
    & img {
      height: 100%;
    }
  }
  .\[\&_img\]\:max-h-\[115px\] {
    & img {
      max-height: 115px;
    }
  }
  .\[\&_img\]\:w-full {
    & img {
      width: 100%;
    }
  }
  .\[\&_img\]\:rounded-full {
    & img {
      border-radius: calc(infinity * 1px);
    }
  }
  .\[\&_img\]\:rounded-xl {
    & img {
      border-radius: var(--radius-xl);
    }
  }
  .\[\&_img\]\:object-contain {
    & img {
      object-fit: contain;
    }
  }
  .\[\&_img\]\:object-cover {
    & img {
      object-fit: cover;
    }
  }
  .\[\&_label\]\:mb-3 {
    & label {
      margin-bottom: calc(var(--spacing) * 3);
    }
  }
  .\[\&_label\]\:block {
    & label {
      display: block;
    }
  }
  .\[\&_label\]\:text-\[13px\] {
    & label {
      font-size: 13px;
    }
  }
  .\[\&_label\]\:text-muted {
    & label {
      color: var(--color-muted);
    }
  }
  .\[\&\.active\]\:text-primary {
    &.active {
      color: var(--color-primary);
    }
  }
  .\[\&\.active\]\:before\:bg-primary {
    &.active {
      &::before {
        content: var(--tw-content);
        background-color: var(--color-primary);
      }
    }
  }
  .\[\&\.opened\]\:rounded-\[10px_10px_0_0\] {
    &.opened {
      border-radius: 10px 10px 0 0;
    }
  }
  .\[\&\.opened\>svg\.ms-auto\]\:rotate-180 {
    &.opened>svg.ms-auto {
      rotate: 180deg;
    }
  }
  .\[\&\:not\(\:last-child\)\]\:mb-5 {
    &:not(:last-child) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .\[\&\>\*\]\:inline-flex {
    &>* {
      display: inline-flex;
    }
  }
  .\[\&\>\*\]\:items-center {
    &>* {
      align-items: center;
    }
  }
  .\[\&\>\*\]\:gap-1 {
    &>* {
      gap: calc(var(--spacing) * 1);
    }
  }
  .\[\&\>\*\]\:rounded-lg {
    &>* {
      border-radius: var(--radius-lg);
    }
  }
  .\[\&\>\*\]\:px-3 {
    &>* {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>\*\]\:py-3 {
    &>* {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>\*\]\:text-sm\/4 {
    &>* {
      font-size: var(--text-sm);
      line-height: calc(var(--spacing) * 4);
    }
  }
  .\[\&\>\.selected\.dislike\]\:text-red-500 {
    &>.selected.dislike {
      color: var(--color-red-500);
    }
  }
  .\[\&\>\.selected\.like\]\:text-green-500 {
    &>.selected.like {
      color: var(--color-green-500);
    }
  }
  .\[\&\>\:not\(\:last-child\)\]\:mb-5 {
    &>:not(:last-child) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .\[\&\>\:not\(\:last-child\)\]\:border-b {
    &>:not(:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&\>\:not\(\:last-child\)\]\:border-dashed {
    &>:not(:last-child) {
      --tw-border-style: dashed;
      border-style: dashed;
    }
  }
  .\[\&\>\:not\(\:last-child\)\]\:border-border {
    &>:not(:last-child) {
      border-color: var(--color-border);
    }
  }
  .\[\&\>\:not\(\:last-child\)\]\:pb-5 {
    &>:not(:last-child) {
      padding-bottom: calc(var(--spacing) * 5);
    }
  }
  .focus-within\:\[\&\>input\]\:w-\[300px\] {
    &:focus-within {
      &>input {
        width: 300px;
      }
    }
  }
  .focus-within\:\[\&\>input\]\:opacity-100 {
    &:focus-within {
      &>input {
        opacity: 100%;
      }
    }
  }
  .\[\&\>li\]\:odd\:border {
    &>li {
      &:nth-child(odd) {
        border-style: var(--tw-border-style);
        border-width: 1px;
      }
    }
  }
  .\[\&\>li\]\:odd\:border-border {
    &>li {
      &:nth-child(odd) {
        border-color: var(--color-border);
      }
    }
  }
  .\[\&\>li\]\:even\:bg-card {
    &>li {
      &:nth-child(even) {
        background-color: var(--color-card);
      }
    }
  }
  .\[\&\>li\:not\(\:last-child\)\]\:border-b {
    &>li:not(:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&\>li\:not\(\:last-child\)\]\:border-border {
    &>li:not(:last-child) {
      border-color: var(--color-border);
    }
  }
}
@layer utilities {
  .container {
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
  }
  .font-thin {
    font-variation-settings: 'wght' 100;
  }
  .font-extralight {
    font-variation-settings: 'wght' 200;
  }
  .font-light {
    font-variation-settings: 'wght' 300;
  }
  .font-normal {
    font-variation-settings: 'wght' 400;
  }
  .font-medium {
    font-variation-settings: 'wght' 500;
  }
  .font-semibold {
    font-variation-settings: 'wght' 600;
  }
  .font-bold {
    font-variation-settings: 'wght' 700;
  }
  .font-extrabold {
    font-variation-settings: 'wght' 800;
  }
  .font-black {
    font-variation-settings: 'wght' 900;
  }
}
@layer components {
  .modal, .offcanvas-backdrop {
    position: fixed;
    top: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 1020;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: color-mix(in srgb, #000 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
    }
    --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,);
  }
  .modal {
    display: none;
    .modal-dialog {
      display: flex;
      height: 100%;
      width: 100%;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: calc(var(--spacing) * 2);
      .modal-content {
        position: relative;
        width: 100%;
        --tw-translate-y: calc(var(--spacing) * 9);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        opacity: 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: 300ms;
        transition-duration: 300ms;
      }
    }
    &.hiding {
      .modal-content {
        --tw-translate-y: calc(var(--spacing) * -9);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &.show {
      .modal-content {
        --tw-translate-y: calc(var(--spacing) * 0);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        opacity: 100%;
      }
    }
  }
  .offcanvas {
    position: fixed;
    z-index: 1025;
    width: 100%;
    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));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    --tw-ease: linear;
    transition-timing-function: linear;
    &.offcanvas-left {
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      height: 100%;
      --tw-translate-x: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &.offcanvas-right {
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * 0);
      height: 100%;
      --tw-translate-x: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &.offcanvas-top {
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      width: 100%;
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &.offcanvas-bottom {
      bottom: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * 0);
      width: 100%;
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &.show {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .btn {
    z-index: 1;
    cursor: pointer;
    border-radius: var(--radius-xl);
    font-size: var(--text-base);
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-outline-style: none;
    outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: center;
    vertical-align: middle;
    text-decoration-line: none;
    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: 150ms;
    transition-duration: 150ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    color: var(--btn-text, inherit);
    border-color: var(--btn-color, transparent);
    background-color: var(--btn-color, transparent);
    &.btn-outline {
      color: var(--btn-color);
      background-color: transparent;
      &:hover {
        color: var(--btn-text, inherit);
        background-color: var(--btn-color);
      }
    }
    &.btn-primary {
      --btn-text: white;
      --btn-color: var(--color-primary);
    }
    &.btn-secondary {
      --btn-text: white;
      --btn-color: var(--color-secondary);
    }
    &.btn-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
  }
  .form-control {
    display: block;
    width: 100%;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-card);
    padding: calc(var(--spacing) * 3);
    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: 300ms;
    transition-duration: 300ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    --tw-outline-style: none;
    outline-style: none;
    &::placeholder {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    &::placeholder {
      --tw-font-weight: var(--font-weight-light);
      font-weight: var(--font-weight-light);
    }
    &::placeholder {
      color: var(--color-muted);
    }
    &:focus {
      border-color: var(--color-primary);
    }
  }
  .form-check {
    margin-bottom: 0.125rem;
    display: flex;
    min-height: calc(var(--spacing) * 6);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline-start: calc(var(--spacing) * 6);
    .form-check-input {
      margin-inline-start: calc(var(--spacing) * -6);
      margin-inline-end: calc(var(--spacing) * 2);
      margin-top: calc(var(--spacing) * 1);
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6);
      cursor: pointer;
      appearance: none;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      background-color: var(--color-white);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:checked {
        border-color: var(--color-primary);
      }
      &:checked {
        background-color: var(--color-primary);
      }
      &:focus {
        border-color: var(--color-primary);
      }
      &:focus {
        --tw-shadow: 0 0 0 0.25rem var(--tw-shadow-color, rgba(var(--color-primary), 0.25));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
      &:focus {
        --tw-outline-style: none;
        outline-style: none;
      }
      &:active {
        --tw-brightness: brightness(90%);
        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,);
      }
      &:active {
        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,);
      }
      &:disabled {
        pointer-events: none;
      }
      &:disabled {
        opacity: 50%;
      }
      &:disabled {
        filter: none;
      }
      &[type='radio'] {
        border-radius: calc(infinity * 1px);
      }
      &[type='checkbox'] {
        border-radius: var(--radius-md);
      }
      input[type="checkbox"]:indeterminate {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
      }
      &:checked[type=checkbox] {
        border-style: var(--tw-border-style);
        border-width: 0px;
        .form-check-label {
          color: var(--color-foreground);
        }
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
      }
      &:indeterminate {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
      }
      &:disabled {
        pointer-events: none;
        opacity: 50%;
        filter: none;
      }
      input[disabled] ~ .form-check-label,	input:disabled ~ .form-check-label {
        opacity: 50%;
      }
    }
    .form-check-label {
      cursor: pointer;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      color: var(--color-muted);
    }
    &.form-switch {
      background-position: left center;
      padding-inline-start: calc(var(--spacing) * 0);
      transition-property: background-position;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 150ms;
      transition-duration: 150ms;
      --tw-ease: var(--ease-in-out);
      transition-timing-function: var(--ease-in-out);
      .form-check-input {
        height: calc(var(--spacing) * 8);
        width: calc(var(--spacing) * 14);
        border-radius: var(--radius-4xl);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        transition: background-position 0.15s ease-in-out;
        &:checked {
          background-position: right center;
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
        }
      }
    }
    &:has(.form-check-input:checked) .form-check-label {
      color: var(--color-black);
    }
  }
  .splide-style {
    .splide__arrows {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 2);
      .splide__arrow {
        position: static !important;
        height: calc(var(--spacing) * 14) !important;
        width: calc(var(--spacing) * 14) !important;
        transform: none !important;
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        --tw-border-style: solid;
        border-style: solid;
        background-color: var(--color-background) !important;
        transition-property: all;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        &:focus-visible {
          --tw-outline-style: none;
          outline-style: none;
        }
        &:disabled {
          pointer-events: none;
        }
        &:disabled {
          --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,);
        }
        svg {
          height: calc(var(--spacing) * 6);
          width: calc(var(--spacing) * 6);
          --tw-scale-x: 100%;
          --tw-scale-y: 100%;
          --tw-scale-z: 100%;
          scale: var(--tw-scale-x) var(--tw-scale-y);
          fill: currentcolor;
        }
      }
    }
  }
  #breadcrumbs {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    a {
      color: var(--color-muted);
      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: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          color: var(--color-foreground);
        }
      }
    }
  }
  .contentstyle {
    text-align: justify;
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
    > * {
      margin-bottom: calc(var(--spacing) * 6);
      &:last-child {
        margin-bottom: 0 !important;
      }
    }
    h1, h2, h3, h4, h5, h6 {
      margin-bottom: calc(var(--spacing) * 4);
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    h1 {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
      @media (width >= 64rem) {
        font-size: var(--text-3xl);
        line-height: var(--tw-leading, var(--text-3xl--line-height));
      }
    }
    h2 {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
      @media (width >= 64rem) {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height));
      }
    }
    h3 {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
      @media (width >= 64rem) {
        font-size: var(--text-xl);
        line-height: var(--tw-leading, var(--text-xl--line-height));
      }
    }
    h4 {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      @media (width >= 64rem) {
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
      }
    }
    h5 {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      @media (width >= 64rem) {
        font-size: var(--text-base);
        line-height: var(--tw-leading, var(--text-base--line-height));
      }
    }
    h6 {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
      @media (width >= 64rem) {
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
      }
    }
    img {
      border-radius: var(--radius-2xl);
    }
    ol, ul {
      margin-block: calc(var(--spacing) * 6);
      li {
        position: relative;
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
        }
        padding-inline-start: calc(var(--spacing) * 8);
        &:before {
          position: absolute;
          inset-inline-start: calc(var(--spacing) * 0);
        }
      }
    }
    ol {
      counter-reset: ol-content;
      li {
        counter-increment: ol-content;
        &:before {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height));
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          color: var(--color-primary);
          @media (width >= 64rem) {
            font-size: var(--text-2xl);
            line-height: var(--tw-leading, var(--text-2xl--line-height));
          }
          content: counter(ol-content) '. ';
        }
      }
    }
    ul {
      li {
        &:before {
          top: calc(var(--spacing) * 2);
          width: calc(var(--spacing) * 6);
          height: calc(var(--spacing) * 6);
          --tw-content: "";
          content: var(--tw-content);
          background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22.0002C17.5 22.0002 22 17.5002 22 12.0002C22 6.50024 17.5 2.00024 12 2.00024C6.5 2.00024 2 6.50024 2 12.0002C2 17.5002 6.5 22.0002 12 22.0002Z' stroke='%23215AEA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.75 12.0002L10.58 14.8302L16.25 9.17029' stroke='%23215AEA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        }
      }
    }
    figure, img {
      max-width: 100%;
    }
    table {
      width: 100%;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-gray-100);
      vertical-align: middle;
      > thead, > tbody, > tfoot,th, td {
        vertical-align: middle;
      }
      th, td {
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-gray-100);
        padding: calc(var(--spacing) * 2);
        text-align: center !important;
      }
      tbody tr:nth-of-type(odd) {
        background-color: var(--color-card);
      }
    }
    .aligncenter {
      margin-inline: auto;
    }
  }
  .stretched-link::after {
    content: '';
    pointer-events: auto;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    z-index: 0;
    background-color: transparent;
  }
}
@layer base {
  @font-face {
    font-family: 'LahzehVF';
    src: url('../media/Lahzeh-FaNumVF.woff2') format('woff2'), url('../media/Lahzeh-FaNumVF.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
  }
  body {
    font-family: var(--font-sans);
    font-size: 15px;
    @media (width >= 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  #siteHead {
    .menu {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: calc(var(--spacing) * 2);
      li {
        position: relative;
        ul {
          pointer-events: none;
          visibility: hidden;
          position: absolute;
          inset-inline-start: calc(var(--spacing) * 0);
          top: calc(var(--spacing) * 0);
          z-index: 50;
          width: max-content;
          min-width: calc(var(--spacing) * 44);
          border-radius: var(--radius-xl);
          border-top-style: var(--tw-border-style);
          border-top-width: 1px;
          border-color: var(--color-primary);
          background-color: var(--color-card);
          padding: calc(var(--spacing) * 3);
          opacity: 0%;
          --tw-shadow: 0px 4px 40px -10px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0px 2px 0px 0px var(--tw-shadow-color, var(--color-primary)) inset;
          box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
          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: 500ms;
          transition-duration: 500ms;
          &::before {
            content: var(--tw-content);
            inset-inline-start: calc(var(--spacing) * 0);
          }
          &::before {
            content: var(--tw-content);
            top: calc(var(--spacing) * -5);
          }
          &::before {
            content: var(--tw-content);
            height: calc(var(--spacing) * 5);
          }
          &::before {
            content: var(--tw-content);
            width: 100%;
          }
          li {
            border-radius: var(--radius-sm);
            padding-inline: calc(var(--spacing) * 2);
            padding-block: calc(var(--spacing) * 1);
            --tw-leading: calc(var(--spacing) * 8);
            line-height: calc(var(--spacing) * 8);
            color: var(--color-muted);
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            &:hover {
              @media (hover: hover) {
                background-color: color-mix(in srgb, #215aea 10%, transparent);
                @supports (color: color-mix(in lab, red, red)) {
                  background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
                }
              }
            }
            &:hover {
              @media (hover: hover) {
                color: var(--color-primary);
              }
            }
            &:not(:last-child) {
              border-bottom-style: var(--tw-border-style);
              border-bottom-width: 1px;
            }
            &:not(:last-child) {
              border-color: var(--color-gray-50);
            }
          }
        }
        &:hover > ul {
          pointer-events: auto;
          visibility: visible;
          inset-inline-start: 100%;
          opacity: 100%;
        }
        &.menu-item-has-children {
          padding-inline-end: calc(var(--spacing) * 6);
          &::after {
            content: var(--tw-content);
            position: absolute;
          }
          &::after {
            content: var(--tw-content);
            inset-inline-end: calc(var(--spacing) * 0);
          }
          &::after {
            content: var(--tw-content);
            top: 10px;
          }
          &::after {
            content: var(--tw-content);
            height: calc(var(--spacing) * 5);
          }
          &::after {
            content: var(--tw-content);
            width: calc(var(--spacing) * 5);
          }
          &::after {
            content: var(--tw-content);
            background-size: contain;
          }
          &::after {
            content: var(--tw-content);
            background-position: center;
          }
          &::after {
            content: var(--tw-content);
            background-repeat: no-repeat;
          }
          &::after {
            content: var(--tw-content);
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
          }
          &:after {
            background-image: url("data:image/svg+xml,%3Csvg stroke-width='1.5' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6L9 12L15 18' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
          }
        }
        &.current-menu-item a {
          background-color: var(--color-primary);
          color: var(--color-background);
        }
      }
      > li {
        > a {
          border-radius: calc(infinity * 1px);
          padding-inline: calc(var(--spacing) * 4);
          padding-block: calc(var(--spacing) * 2);
          transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
          transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
          transition-duration: var(--tw-duration, var(--default-transition-duration));
          &:hover {
            @media (hover: hover) {
              background-color: var(--color-primary);
            }
          }
          &:hover {
            @media (hover: hover) {
              color: var(--color-background);
            }
          }
        }
        &:hover > ul {
          inset-inline-start: calc(var(--spacing) * 0);
          top: 100%;
        }
        &.menu-item-has-children {
          &::after {
            content: var(--tw-content);
            top: 2px;
          }
          &::after {
            content: var(--tw-content);
            rotate: calc(90deg * -1);
          }
          &:hover {
            @media (hover: hover) {
              &::after {
                content: var(--tw-content);
                rotate: 90deg;
              }
            }
          }
        }
      }
    }
  }
  #siteFoot {
    .widget {
      .widget-title {
        margin-bottom: calc(var(--spacing) * 3.5);
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-secondary);
      }
      .menu {
        li {
          position: relative;
          font-size: 15px;
          --tw-leading: calc(var(--spacing) * 7);
          line-height: calc(var(--spacing) * 7);
          --tw-font-weight: var(--font-weight-light);
          font-weight: var(--font-weight-light);
          &:not(*:last-child) {
            margin-bottom: calc(var(--spacing) * 3);
          }
          @media (width >= 64rem) {
            padding-inline-start: calc(var(--spacing) * 4);
          }
          @media (width >= 64rem) {
            color: var(--color-muted);
          }
          @media (width >= 64rem) {
            transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
          }
          @media (width >= 64rem) {
            &::before {
              content: var(--tw-content);
              position: absolute;
            }
          }
          @media (width >= 64rem) {
            &::before {
              content: var(--tw-content);
              inset-inline-start: calc(var(--spacing) * 0);
            }
          }
          @media (width >= 64rem) {
            &::before {
              content: var(--tw-content);
              top: calc(var(--spacing) * 2.5);
            }
          }
          @media (width >= 64rem) {
            &::before {
              content: var(--tw-content);
              width: calc(var(--spacing) * 2);
              height: calc(var(--spacing) * 2);
            }
          }
          @media (width >= 64rem) {
            &::before {
              content: var(--tw-content);
              border-radius: calc(infinity * 1px);
            }
          }
          @media (width >= 64rem) {
            &::before {
              content: var(--tw-content);
              background-color: var(--color-secondary);
            }
          }
          @media (width >= 64rem) {
            &:hover {
              @media (hover: hover) {
                color: var(--color-secondary);
              }
            }
          }
        }
      }
      &.mobile-collapsable {
        border-radius: var(--radius-xl);
        background-color: var(--color-background);
        padding-inline: calc(var(--spacing) * 5);
        padding-block: calc(var(--spacing) * 4);
        @media (width >= 64rem) {
          border-radius: 0;
        }
        @media (width >= 64rem) {
          background-color: transparent;
        }
        @media (width >= 64rem) {
          padding-inline: calc(var(--spacing) * 0);
        }
        @media (width >= 64rem) {
          padding-block: calc(var(--spacing) * 0);
        }
        .widget-title {
          display: flex;
          cursor: pointer;
          align-items: center;
          gap: calc(var(--spacing) * 2);
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          &:after {
            content: '';
            margin-inline-start: auto;
            height: calc(var(--spacing) * 5);
            width: calc(var(--spacing) * 5);
            background-position: center;
            background-repeat: no-repeat;
            @media (width >= 64rem) {
              display: none;
            }
            background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 15 6-6 6 6'/%3E%3C/svg%3E");
          }
        }
        &:not(.is-open) {
          .widget-title {
            margin: calc(var(--spacing) * 0);
            @media (width >= 64rem) {
              margin-bottom: calc(var(--spacing) * 6);
            }
            @media (width >= 64rem) {
              cursor: text;
            }
            &:after {
              --tw-scale-x: calc(100% * -1);
              --tw-scale-y: calc(100% * -1);
              --tw-scale-z: calc(100% * -1);
              scale: var(--tw-scale-x) var(--tw-scale-y);
            }
          }
          .widget-title + * {
            display: none;
            @media (width >= 64rem) {
              display: block;
            }
          }
        }
      }
    }
    .bg-square {
      &:after {
        background-image: url("data:image/svg+xml,%3Csvg width='1320' height='485' viewBox='0 0 1320 485' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M235.523 164.7C235.523 164.7 493.008 187.717 658.394 187.717C823.78 187.717 1081.27 164.7 1081.27 164.7V264.262H235.523V164.7Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M1080.77 263.763H236.023V165.246C236.084 165.252 236.151 165.258 236.222 165.265C236.715 165.308 237.448 165.373 238.412 165.457C240.338 165.626 243.186 165.873 246.868 166.188C254.232 166.817 264.937 167.716 278.299 168.795C305.024 170.953 342.38 173.831 384.905 176.708C469.951 182.462 575.683 188.217 658.394 188.217C741.105 188.217 846.837 182.462 931.883 176.708C974.408 173.831 1011.76 170.953 1038.49 168.795C1051.85 167.716 1062.56 166.817 1069.92 166.188C1073.6 165.873 1076.45 165.626 1078.38 165.457C1079.34 165.373 1080.07 165.308 1080.57 165.265C1080.64 165.258 1080.7 165.252 1080.77 165.246V263.763Z' stroke='black' stroke-opacity='0.04'/%3E%3Cpath d='M355.426 263.191C355.426 263.191 540.554 263.191 659.465 263.191C778.375 263.191 963.504 263.191 963.504 263.191V347.766H355.426V263.191Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M963.004 263.691V347.266H355.926V263.691H963.004Z' stroke='black' stroke-opacity='0.04'/%3E%3Cpath d='M476.399 346.695C476.399 346.695 587.215 346.695 658.394 346.695C729.573 346.695 840.389 346.695 840.389 346.695V431.27C840.389 431.27 729.512 424.846 658.394 424.846C587.276 424.846 476.399 431.27 476.399 431.27V346.695Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M839.889 347.195V430.739C839.696 430.728 839.45 430.715 839.155 430.698C838.325 430.651 837.099 430.582 835.514 430.494C832.343 430.318 827.733 430.068 821.98 429.767C810.473 429.164 794.389 428.362 776.083 427.559C739.472 425.953 693.964 424.346 658.394 424.346C622.824 424.346 577.316 425.953 540.706 427.559C522.4 428.362 506.316 429.164 494.809 429.767C489.056 430.068 484.446 430.318 481.275 430.494C479.689 430.582 478.463 430.651 477.633 430.698C477.338 430.715 477.092 430.728 476.899 430.739V347.195H839.889Z' stroke='black' stroke-opacity='0.04'/%3E%3Cpath d='M596.302 425.918C596.302 425.918 632.499 423.833 655.718 423.777C680.608 423.716 719.416 425.918 719.416 425.918V512.633H596.302V425.918Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M655.719 424.276C668.152 424.246 684.068 424.781 696.88 425.324C703.284 425.596 708.911 425.869 712.938 426.074C714.95 426.177 716.564 426.262 717.673 426.322C718.208 426.351 718.627 426.375 718.916 426.391V512.133H596.802V426.39C597.07 426.375 597.449 426.354 597.93 426.327C598.964 426.27 600.469 426.189 602.347 426.091C606.102 425.895 611.351 425.632 617.325 425.368C629.275 424.84 644.121 424.304 655.719 424.276Z' stroke='black' stroke-opacity='0.04'/%3E%3Cpath d='M0 0.904297H1320V33.0211C1320 33.0211 919.286 105.284 660 105.284C400.714 105.284 0 33.0211 0 33.0211V0.904297Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M1319.5 1.4043V32.6025C1319.31 32.6359 1319.07 32.6809 1318.75 32.7363C1317.99 32.873 1316.85 33.0753 1315.35 33.3398C1312.35 33.869 1307.92 34.6459 1302.19 35.6338C1290.73 37.6095 1274.06 40.4313 1253.26 43.8184C1211.64 50.5925 1153.45 59.6251 1087.17 68.6572C954.58 86.7224 789.608 104.784 660 104.784C530.392 104.784 365.42 86.7224 232.835 68.6572C166.546 59.6251 108.358 50.5925 66.7432 43.8184C45.9358 40.4313 29.2716 37.6095 17.8096 35.6338C12.0785 34.6459 7.64798 33.869 4.65039 33.3398C3.15165 33.0753 2.0109 32.873 1.24512 32.7363C0.934802 32.6809 0.686125 32.6359 0.5 32.6025V1.4043H1319.5Z' stroke='black' stroke-opacity='0.04'/%3E%3Cpath d='M114.55 51.2207C114.55 51.2207 445.304 104.913 658.929 104.913C872.554 104.913 1203.31 51.2207 1203.31 51.2207V153.994C1203.31 153.994 872.793 188.788 658.929 188.788C445.065 188.788 114.55 153.994 114.55 153.994V51.2207Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M115.426 51.8682C116.058 51.9698 117.001 52.1207 118.238 52.3174C120.714 52.7107 124.371 53.2873 129.103 54.0215C138.565 55.4898 152.321 57.5875 169.495 60.1045C203.844 65.1386 251.869 71.8513 306.569 78.5635C415.965 91.9871 552.085 105.413 658.93 105.413C765.774 105.413 901.894 91.9871 1011.29 78.5635C1065.99 71.8513 1114.01 65.1386 1148.36 60.1045C1165.54 57.5875 1179.29 55.4898 1188.76 54.0215C1193.49 53.2873 1197.15 52.7107 1199.62 52.3174C1200.86 52.1208 1201.8 51.9698 1202.43 51.8682C1202.57 51.8456 1202.7 51.8253 1202.81 51.8076V153.544C1202.67 153.558 1202.5 153.576 1202.3 153.597C1201.67 153.662 1200.73 153.76 1199.49 153.888C1197.02 154.142 1193.37 154.517 1188.64 154.992C1179.19 155.943 1165.44 157.303 1148.28 158.934C1113.95 162.195 1065.96 166.544 1011.28 170.893C901.919 179.591 765.841 188.288 658.93 188.288C552.018 188.288 415.939 179.591 306.58 170.893C251.902 166.544 203.908 162.195 169.582 158.934C152.42 157.303 138.674 155.943 129.22 154.992C124.493 154.517 120.838 154.142 118.365 153.888C117.129 153.76 116.188 153.662 115.557 153.597C115.357 153.576 115.187 153.558 115.05 153.544V51.8066C115.16 51.8243 115.285 51.8456 115.426 51.8682Z' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='596.872' y1='436.622' x2='596.872' y2='0.904327' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='475.899' y1='347.766' x2='475.899' y2='0.904297' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='354.926' y1='264.262' x2='354.926' y2='0.904541' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='235.023' y1='164.7' x2='235.023' y2='0.904587' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='114.05' y1='53.3618' x2='114.05' y2='0.904404' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='1202.81' y1='53.3618' x2='1202.81' y2='0.904404' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='718.916' y1='436.622' x2='718.916' y2='0.904327' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='839.89' y1='347.766' x2='839.89' y2='0.904297' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='963.004' y1='264.262' x2='963.004' y2='0.904541' stroke='black' stroke-opacity='0.04'/%3E%3Cline x1='1080.77' y1='164.7' x2='1080.77' y2='0.904587' stroke='black' stroke-opacity='0.04'/%3E%3C/svg%3E%0A");
      }
    }
  }
  .widget-title.toggle,.btn-collapse.btn-arrow {
    position: relative;
    cursor: pointer;
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
    &::before {
      content: var(--tw-content);
      inset-inline-end: calc(var(--spacing) * 0);
    }
    &::before {
      content: var(--tw-content);
      height: calc(var(--spacing) * 6);
    }
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 6);
    }
    &::before {
      content: var(--tw-content);
      transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    }
    &::before {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
    &::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 {
      content: var(--tw-content);
      --tw-duration: 400ms;
      transition-duration: 400ms;
    }
    &:before {
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 15L12 9L6 15' stroke='%231E2130' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
    &.close,&[aria-expanded="false"] {
      &::before {
        content: var(--tw-content);
        rotate: 180deg;
      }
    }
  }
  #mobileMenu .collapse-menu {
    li {
      &:not(*:last-child) {
        margin-bottom: calc(var(--spacing) * 4);
      }
      a {
        display: block;
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-border);
        padding-inline: calc(var(--spacing) * 4);
        padding-block: calc(var(--spacing) * 3);
        font-size: var(--text-sm);
        line-height: var(--tw-leading, var(--text-sm--line-height));
        --tw-font-weight: var(--font-weight-light);
        font-weight: var(--font-weight-light);
      }
      &.current_page_item a {
        border-color: transparent;
        background-color: var(--color-primary);
        color: var(--color-white);
      }
    }
  }
  .pagination {
    margin-top: calc(var(--spacing) * 10);
    margin-bottom: calc(var(--spacing) * 16);
    display: flex;
    gap: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      justify-content: center;
    }
    .page-numbers {
      display: inline-flex;
      height: calc(var(--spacing) * 12);
      width: calc(var(--spacing) * 12);
      align-items: center;
      justify-content: center;
      border-radius: var(--radius-lg);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-border);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &.dots {
        pointer-events: none;
      }
      &.current, &:hover {
        border-color: transparent;
        background-color: var(--color-primary);
        color: var(--color-white);
      }
      &.current {
        pointer-events: none;
        --tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
      }
      &.prev, &.next {
        color: var(--color-muted);
        &:hover {
          @media (hover: hover) {
            color: var(--color-white);
          }
        }
      }
    }
  }
  #comments {
    .commentslist {
      li .commnetbody {
        border-color: transparent;
        background-color: var(--color-card);
        &:not(*:last-child) {
          margin-bottom: calc(var(--spacing) * 5);
        }
        .avatar {
          border-radius: calc(infinity * 1px);
          background-color: var(--color-background);
        }
        .comment-reply-link {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: calc(var(--spacing) * 1);
          border-radius: var(--radius-lg);
          background-color: var(--color-primary);
          padding-inline: calc(var(--spacing) * 2);
          padding-block: calc(var(--spacing) * 2);
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height));
          color: var(--color-white);
          &:hover {
            @media (hover: hover) {
              --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
              box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
            }
          }
          @media (width >= 48rem) {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height));
          }
        }
      }
      > li {
        &:not(*:last-child) {
          margin-bottom: calc(var(--spacing) * 5);
        }
        > .commnetbody {
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-border);
          background-color: transparent;
          .avatar {
            background-color: var(--color-card);
          }
        }
        > ul {
          padding-inline-start: calc(var(--spacing) * 5);
        }
      }
    }
  }
  .splide {
    &.style-splide {
      .splide__pagination {
        gap: calc(var(--spacing) * 1);
        padding-inline: calc(var(--spacing) * 12);
        li {
          display: flex;
          --tw-leading: calc(var(--spacing) * 0) !important;
          line-height: calc(var(--spacing) * 0) !important;
          .splide__pagination__page {
            margin: calc(var(--spacing) * 0) !important;
            height: calc(var(--spacing) * 2) !important;
            width: calc(var(--spacing) * 2) !important;
            transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
            border-radius: calc(infinity * 1px) !important;
            background-color: var(--color-primary) !important;
            opacity: 100% !important;
            transition-property: all;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
            transition-duration: var(--tw-duration, var(--default-transition-duration));
            &.is-active {
              margin: calc(var(--spacing) * 0) !important;
              width: calc(var(--spacing) * 6) !important;
              background-color: var(--color-primary) !important;
              transform: scale(1) !important;
            }
          }
        }
      }
    }
  }
  .posts {
    .entry-thumb {
      overflow: hidden;
      border-radius: var(--radius-xl);
      img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        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));
      }
    }
    .post-style1 {
      .entry {
        &:nth-of-type(2),	&:nth-of-type(3),	&:nth-of-type(4) {
          margin-top: calc(var(--spacing) * 5);
          border-top-style: var(--tw-border-style);
          border-top-width: 1px;
          border-color: var(--color-border);
          padding-top: calc(var(--spacing) * 4);
          @media (width >= 64rem) {
            margin-top: calc(var(--spacing) * 5);
          }
          @media (width >= 64rem) {
            padding-top: calc(var(--spacing) * 5);
          }
          .entry-thumb {
            height: calc(var(--spacing) * 16);
            min-width: calc(var(--spacing) * 20);
            border-radius: var(--radius-xl) !important;
          }
          .entry-detail {
            flex-direction: column-reverse !important;
          }
          .entry-cat {
            background-color: transparent !important;
            padding: calc(var(--spacing) * 0) !important;
            color: var(--color-muted) !important;
            &:hover {
              color: var(--color-primary) !important;
              box-shadow: unset !important;
              border-color: transparent !important;
            }
          }
          .entry-title {
            overflow: hidden !important;
            display: -webkit-box !important;
            -webkit-box-orient: vertical !important;
            -webkit-line-clamp: 1 !important;
            font-size: var(--text-sm) !important;
            line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
            --tw-font-weight: var(--font-weight-normal) !important;
            font-weight: var(--font-weight-normal) !important;
          }
        }
        &:nth-of-type(1) {
          .entry-thumb {
            height: calc(var(--spacing) * 22);
            max-width: calc(var(--spacing) * 28);
          }
        }
      }
    }
    &.post-style2 {
      &>article {
        height: max-content;
      }
      @media (width >= 64rem) {
        &>article:nth-child(-n+2) {
          grid-row: span 3 / span 3;
        }
      }
      @media (width >= 80rem) {
        &>article:nth-child(-n+2) {
          grid-column: span 1 / span 1;
        }
      }
      @media (width >= 80rem) {
        &>article:nth-child(3) {
          grid-column-start: 3;
        }
      }
      @media (width >= 80rem) {
        &>article:nth-child(3) {
          grid-row-start: 1;
        }
      }
      @media (width >= 80rem) {
        &>article:nth-child(4) {
          grid-column-start: 3;
        }
      }
      @media (width >= 80rem) {
        &>article:nth-child(4) {
          grid-row-start: 2;
        }
      }
      @media (width >= 80rem) {
        &>article:nth-child(5) {
          grid-column-start: 3;
        }
      }
      @media (width >= 80rem) {
        &>article:nth-child(5) {
          grid-row-start: 3;
        }
      }
      .entry {
        &:nth-of-type(n+3) {
          &:not(:last-child) {
            border-bottom-style: var(--tw-border-style);
            border-bottom-width: 1px;
            border-color: var(--color-border);
            padding-bottom: calc(var(--spacing) * 6);
          }
          .entry-thumb {
            height: calc(var(--spacing) * 24);
            min-width: calc(var(--spacing) * 28);
            @media (width >= 48rem) {
              min-width: calc(var(--spacing) * 36);
            }
          }
        }
      }
    }
  }
  .post {
    .entry {
      .entry-thumb img {
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
    }
  }
  .providers {
    .entry {
      &.featured {
        position: relative;
        &::before {
          content: var(--tw-content);
          position: absolute;
        }
        &::before {
          content: var(--tw-content);
          inset-inline-start: calc(var(--spacing) * 3);
        }
        &::before {
          content: var(--tw-content);
          top: calc(var(--spacing) * 3);
        }
        &::before {
          content: var(--tw-content);
          width: calc(var(--spacing) * 6);
          height: calc(var(--spacing) * 6);
        }
        &::before {
          content: var(--tw-content);
          background-size: contain;
        }
        &::before {
          content: var(--tw-content);
          background-position: center;
        }
        &::before {
          content: var(--tw-content);
          background-repeat: no-repeat;
        }
        &::before {
          content: var(--tw-content);
          @media (width >= 64rem) {
            inset-inline-start: calc(var(--spacing) * 4);
          }
        }
        &::before {
          content: var(--tw-content);
          @media (width >= 64rem) {
            top: calc(var(--spacing) * 4);
          }
        }
        &:before {
          background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_183_1859)'%3E%3Cpath d='M23.8446 8.9867C23.1943 9.637 20.6902 8.18738 18.2514 5.74862C15.8127 3.30986 14.3631 0.805731 15.0133 0.155436C15.6636 -0.494859 18.1678 0.954759 20.6065 3.39352C23.0453 5.83228 24.4949 8.33645 23.8446 8.9867Z' fill='%23A31C09'/%3E%3Cpath d='M0 23.9999L5.29885 16.346L7.65391 18.7011L0 23.9999Z' fill='%23D9DBE8'/%3E%3Cpath d='M18.2515 5.74858C15.8128 3.30982 14.3632 0.805691 15.0135 0.155396C12.6559 2.51299 13.1634 5.9592 15.6021 8.39796C18.0409 10.8367 21.3402 11.4912 23.6973 9.13399L23.6602 9.09527C22.8081 9.40545 20.5038 8.00082 18.2515 5.74858Z' fill='%23CE3929'/%3E%3Cpath d='M16.1327 13.1661L18.8966 10.4022C17.7367 10.085 16.5977 9.39352 15.6023 8.39811C14.6065 7.40227 13.9396 6.23868 13.6515 5.05014L10.8347 7.86651L8.53711 10.1641C8.82564 11.3531 9.60204 12.4068 10.5979 13.4022C11.5933 14.398 12.6761 15.1457 13.836 15.463L16.1327 13.1661Z' fill='%23A31C09'/%3E%3Cpath d='M16.1327 13.1661L18.8966 10.4022C17.7367 10.085 16.5977 9.39352 15.6023 8.39811C14.6065 7.40227 13.9396 6.23868 13.6515 5.05014L10.8347 7.86651L8.53711 10.1641C8.82564 11.3531 9.60204 12.4068 10.5979 13.4022C11.5933 14.398 12.6761 15.1457 13.836 15.463L16.1327 13.1661Z' fill='%23A31C09'/%3E%3Cpath d='M14.6823 18.3915C14.793 17.3782 14.6065 16.3058 14.1244 15.1742L13.8359 15.4632C12.676 15.1455 11.5932 14.3978 10.5978 13.4024C9.60197 12.407 8.82556 11.3529 8.53704 10.1643L8.83136 9.86997L8.81844 9.85667C7.67985 9.36875 6.60115 9.18015 5.58201 9.29173C3.68819 9.4982 2.56039 11.4553 3.33557 13.1959C3.9255 14.5198 5.01288 16.0602 6.46334 17.5106C7.91334 18.9606 9.45412 20.0484 10.778 20.6379C12.5183 21.4131 14.4754 20.2853 14.6823 18.3915Z' fill='%23CE3929'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_183_1859'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        }
      }
    }
  }
  .archive-provider {
    .ui-range {
      .ui-slider-range {
        position: absolute;
        top: calc(var(--spacing) * 0);
        height: 100%;
        background-color: var(--color-primary);
      }
      .ui-slider-handle {
        position: absolute;
        top: calc(var(--spacing) * 0.5);
        z-index: 10;
        width: calc(var(--spacing) * 4);
        height: calc(var(--spacing) * 4);
        --tw-translate-y: -50%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
        cursor: grab;
        border-radius: calc(infinity * 1px);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-primary);
        background-color: var(--color-background);
        outline-style: var(--tw-outline-style);
        outline-width: 0px;
        .ui-state-active {
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-primary);
        }
      }
    }
  }
  .provider {
    .entry-thumb {
      min-width: 200px;
      max-width: 125px;
      img {
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
    }
  }
  #faqs-wrapper {
    li {
      position: relative;
      padding-inline-start: calc(var(--spacing) * 8);
      @media (width >= 64rem) {
        padding-inline-start: calc(var(--spacing) * 12);
      }
      counter-increment: ol-content;
      &:before {
        position: absolute;
        font-size: var(--text-lg);
        line-height: var(--tw-leading, var(--text-lg--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium);
        color: var(--color-primary);
        @media (width >= 64rem) {
          font-size: var(--text-2xl);
          line-height: var(--tw-leading, var(--text-2xl--line-height));
        }
        content: counter(ol-content) '. ';
      }
    }
    .btn-collapse {
      position: relative;
      &::after {
        content: var(--tw-content);
        display: flex;
      }
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 7);
        height: calc(var(--spacing) * 7);
      }
      &::after {
        content: var(--tw-content);
        flex: none;
      }
      &::after {
        content: var(--tw-content);
        align-items: center;
      }
      &::after {
        content: var(--tw-content);
        justify-content: center;
      }
      &::after {
        content: var(--tw-content);
        border-radius: calc(infinity * 1px);
      }
      &::after {
        content: var(--tw-content);
        background-color: var(--color-primary);
      }
      &::after {
        content: var(--tw-content);
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height));
      }
      &::after {
        content: var(--tw-content);
        --tw-font-weight: var(--font-weight-black);
        font-weight: var(--font-weight-black);
      }
      &::after {
        content: var(--tw-content);
        color: var(--color-white);
      }
      &::after {
        content: var(--tw-content);
        --tw-content: '+';
        content: var(--tw-content);
      }
      &[aria-expanded="true"] {
        &::after {
          content: var(--tw-content);
          --tw-content: '-';
          content: var(--tw-content);
        }
      }
    }
  }
  .wrapper-tabel {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 .75rem;
    tr {
      &:nth-child(odd) {
        &>td {
          background-color: var(--color-card);
        }
      }
      &:nth-child(odd) {
        &>td {
          color: var(--color-muted);
        }
      }
      &:nth-child(even) {
        &>td {
          border-block-style: var(--tw-border-style);
          border-block-width: 1px;
        }
      }
      &:nth-child(even) {
        &>td {
          border-color: var(--color-border);
        }
      }
      &:nth-child(even) {
        &>td {
          &:first-child {
            border-right-style: var(--tw-border-style);
            border-right-width: 1px;
          }
        }
      }
      &:nth-child(even) {
        &>td {
          &:last-child {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px;
          }
        }
      }
    }
    td {
      min-width: max-content;
      padding-inline: calc(var(--spacing) * 2);
      padding-block: calc(var(--spacing) * 3.5);
      text-align: center;
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
      white-space: nowrap;
      &:first-child {
        border-top-right-radius: var(--radius-xl);
        border-bottom-right-radius: var(--radius-xl);
      }
      &:last-child {
        border-top-left-radius: var(--radius-xl);
        border-bottom-left-radius: var(--radius-xl);
      }
      @media (width >= 64rem) {
        padding-block: calc(var(--spacing) * 4);
      }
    }
  }
  [data-maxheight] {
    position: relative;
    overflow: hidden;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .hero-st {
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
    &::before {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }
    &::before {
      content: var(--tw-content);
      bottom: calc(var(--spacing) * 16);
    }
    &::before {
      content: var(--tw-content);
      z-index: 10;
    }
    &::before {
      content: var(--tw-content);
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 16);
    }
    &::after {
      content: var(--tw-content);
      left: calc(var(--spacing) * 0);
    }
    &::after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 22);
      height: calc(var(--spacing) * 22);
    }
    @media (width >= 48rem) {
      &::after {
        content: var(--tw-content);
        height: 120px;
      }
    }
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        right: calc(var(--spacing) * 6);
      }
    }
    @media (width >= 64rem) {
      &::before {
        content: var(--tw-content);
        width: calc(var(--spacing) * 18);
        height: calc(var(--spacing) * 18);
      }
    }
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        top: calc(var(--spacing) * 24);
      }
    }
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        width: 120px;
        height: 120px;
      }
    }
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        width: 120px;
      }
    }
    &:after {
      background-image: url('../media/left.svg');
      background-size: cover;
    }
    &:before {
      background-image: url('../media/right.svg');
      background-size: cover;
    }
    .arrow {
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
    }
    .arrow.show {
      opacity: 1;
    }
  }
  .scroll-style {
    scrollbar-width: thin;
    scrollbar-color: #2563eb transparent;
  }
  .scroll-style::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .scroll-style::-webkit-scrollbar {
    height: 3px;
    width: 5px;
  }
  .scroll-style::-webkit-scrollbar-thumb {
    border-radius: var(--radius-3xl);
    background-color: var(--color-primary);
  }
  .rating-wrapper {
    .stars {
      gap: .1rem;
      svg {
        stroke: var(--color-muted);
        fill: var(--color-muted);
        path {
          opacity: .5;
        }
      }
      .btn.active svg {
        stroke: var(--color-amber-400);
        fill: var(--color-amber-400);
        path {
          opacity: 1;
        }
      }
    }
  }
  .bg-square {
    position: relative;
    &::backdrop {
      --tw-blur: blur(var(--blur-2xl));
      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,);
    }
    &::after {
      content: var(--tw-content);
      position: absolute;
    }
    &::after {
      content: var(--tw-content);
      inset-inline-start: calc(var(--spacing) * 0);
    }
    &::after {
      content: var(--tw-content);
      top: calc(var(--spacing) * 0);
    }
    &::after {
      content: var(--tw-content);
      z-index: calc(10 * -1);
    }
    &::after {
      content: var(--tw-content);
      height: 230px;
    }
    &::after {
      content: var(--tw-content);
      width: 100%;
    }
    &::after {
      content: var(--tw-content);
      background-size: cover;
    }
    &::after {
      content: var(--tw-content);
      background-position: center;
    }
    &::after {
      content: var(--tw-content);
      background-repeat: no-repeat;
    }
    @media (width >= 64rem) {
      &::after {
        content: var(--tw-content);
        height: 100%;
      }
    }
    backdrop-filter: blur(8.5px);
    &:after {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1320 496' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M235.523 147.7C235.523 147.7 493.008 170.717 658.394 170.717C823.78 170.717 1081.27 147.7 1081.27 147.7V247.262H235.523V147.7Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M1080.77 246.763H236.023V148.246C236.084 148.251 236.151 148.258 236.222 148.265C236.715 148.308 237.448 148.373 238.412 148.457C240.338 148.626 243.186 148.873 246.868 149.187C254.232 149.817 264.937 150.716 278.299 151.795C305.024 153.953 342.38 156.831 384.905 159.708C469.951 165.462 575.683 171.217 658.394 171.217C741.105 171.217 846.837 165.462 931.883 159.708C974.408 156.831 1011.76 153.953 1038.49 151.795C1051.85 150.716 1062.56 149.817 1069.92 149.187C1073.6 148.873 1076.45 148.626 1078.38 148.457C1079.34 148.373 1080.07 148.308 1080.57 148.265C1080.64 148.258 1080.7 148.251 1080.77 148.246V246.763Z' stroke='black' stroke-opacity='0.06'/%3E%3Cpath d='M355.426 246.192C355.426 246.192 540.554 246.192 659.465 246.192C778.375 246.192 963.504 246.192 963.504 246.192V330.766H355.426V246.192Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M963.004 246.692V330.266H355.926V246.692H963.004Z' stroke='black' stroke-opacity='0.06'/%3E%3Cpath d='M476.399 329.695C476.399 329.695 587.215 329.695 658.394 329.695C729.573 329.695 840.389 329.695 840.389 329.695V414.269C840.389 414.269 729.512 407.846 658.394 407.846C587.276 407.846 476.399 414.269 476.399 414.269V329.695Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M839.889 330.195V413.739C839.696 413.728 839.45 413.715 839.155 413.698C838.325 413.651 837.099 413.582 835.514 413.494C832.343 413.318 827.733 413.068 821.98 412.766C810.473 412.164 794.389 411.361 776.083 410.558C739.472 408.953 693.964 407.346 658.394 407.346C622.824 407.346 577.316 408.953 540.706 410.558C522.4 411.361 506.316 412.164 494.809 412.766C489.056 413.068 484.446 413.318 481.275 413.494C479.689 413.582 478.463 413.651 477.633 413.698C477.338 413.715 477.092 413.728 476.899 413.739V330.195H839.889Z' stroke='black' stroke-opacity='0.06'/%3E%3Cpath d='M596.302 408.918C596.302 408.918 632.499 406.833 655.718 406.777C680.608 406.717 719.416 408.918 719.416 408.918V495.633H596.302V408.918Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M655.719 407.276C668.152 407.246 684.068 407.782 696.88 408.324C703.284 408.596 708.911 408.869 712.938 409.074C714.95 409.177 716.564 409.262 717.673 409.322C718.208 409.351 718.627 409.375 718.916 409.391V495.133H596.802V409.39C597.07 409.375 597.449 409.354 597.93 409.327C598.964 409.27 600.469 409.189 602.347 409.091C606.102 408.895 611.351 408.632 617.325 408.368C629.275 407.84 644.121 407.305 655.719 407.276Z' stroke='black' stroke-opacity='0.06'/%3E%3Cpath d='M0 -16.0955H1320V16.0213C1320 16.0213 919.286 88.284 660 88.284C400.714 88.284 0 16.0213 0 16.0213V-16.0955Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M1319.5 -15.5955V15.6027C1319.31 15.6361 1319.07 15.6811 1318.75 15.7365C1317.99 15.8732 1316.85 16.0755 1315.35 16.34C1312.35 16.8692 1307.92 17.6461 1302.19 18.634C1290.73 20.6097 1274.06 23.4315 1253.26 26.8185C1211.64 33.5926 1153.45 42.6253 1087.17 51.6574C954.58 69.7225 789.608 87.7844 660 87.7844C530.392 87.7844 365.42 69.7225 232.835 51.6574C166.546 42.6253 108.358 33.5926 66.7432 26.8185C45.9358 23.4315 29.2716 20.6097 17.8096 18.634C12.0785 17.6461 7.64798 16.8692 4.65039 16.34C3.15165 16.0755 2.0109 15.8732 1.24512 15.7365C0.934802 15.6811 0.686125 15.6361 0.5 15.6027V-15.5955H1319.5Z' stroke='black' stroke-opacity='0.06'/%3E%3Cpath d='M114.55 34.2208C114.55 34.2208 445.304 87.9134 658.929 87.9134C872.554 87.9134 1203.31 34.2208 1203.31 34.2208V136.994C1203.31 136.994 872.793 171.788 658.929 171.788C445.065 171.788 114.55 136.994 114.55 136.994V34.2208Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M115.426 34.8682C116.058 34.9699 117.001 35.1208 118.238 35.3174C120.714 35.7108 124.371 36.2874 129.103 37.0215C138.565 38.4899 152.321 40.5875 169.495 43.1046C203.844 48.1387 251.869 54.8514 306.569 61.5635C415.965 74.9872 552.085 88.4131 658.93 88.4131C765.774 88.4131 901.894 74.9871 1011.29 61.5635C1065.99 54.8514 1114.01 48.1387 1148.36 43.1046C1165.54 40.5875 1179.29 38.4899 1188.76 37.0215C1193.49 36.2874 1197.15 35.7108 1199.62 35.3174C1200.86 35.1208 1201.8 34.9699 1202.43 34.8682C1202.57 34.8456 1202.7 34.8254 1202.81 34.8077V136.544C1202.67 136.558 1202.5 136.576 1202.3 136.597C1201.67 136.663 1200.73 136.76 1199.49 136.888C1197.02 137.143 1193.37 137.517 1188.64 137.992C1179.19 138.944 1165.44 140.303 1148.28 141.934C1113.95 145.195 1065.96 149.544 1011.28 153.893C901.919 162.591 765.841 171.288 658.93 171.288C552.018 171.288 415.939 162.591 306.58 153.893C251.902 149.544 203.908 145.195 169.582 141.934C152.42 140.303 138.674 138.944 129.22 137.992C124.493 137.517 120.838 137.143 118.365 136.888C117.129 136.76 116.188 136.663 115.557 136.597C115.357 136.576 115.187 136.558 115.05 136.544V34.8067C115.16 34.8244 115.285 34.8456 115.426 34.8682Z' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='596.872' y1='419.622' x2='596.872' y2='-16.0957' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='475.899' y1='330.766' x2='475.899' y2='-16.0955' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='354.926' y1='247.262' x2='354.926' y2='-16.0955' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='235.023' y1='147.7' x2='235.023' y2='-16.0955' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='114.05' y1='36.3619' x2='114.05' y2='-16.0955' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='1202.81' y1='36.3619' x2='1202.81' y2='-16.0955' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='718.916' y1='419.622' x2='718.916' y2='-16.0957' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='839.89' y1='330.766' x2='839.89' y2='-16.0955' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='963.004' y1='247.262' x2='963.004' y2='-16.0955' stroke='black' stroke-opacity='0.06'/%3E%3Cline x1='1080.77' y1='147.7' x2='1080.77' y2='-16.0955' stroke='black' stroke-opacity='0.06'/%3E%3C/svg%3E%0A");
    }
  }
  .wrap-socials {
    a {
      &:hover {
        @media (hover: hover) {
          --tw-translate-y: calc(var(--spacing) * -0) !important;
          translate: var(--tw-translate-x) var(--tw-translate-y) !important;
        }
      }
      &:hover {
        @media (hover: hover) {
          border-style: var(--tw-border-style) !important;
          border-width: 1px !important;
        }
      }
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-primary) !important;
        }
      }
      &:hover {
        @media (hover: hover) {
          background-color: transparent !important;
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary) !important;
        }
      }
    }
  }
}
@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-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}