/*! tailwindcss v4.2.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;

@layer theme {

  :root,
  :host {
    --font-sans: "Adelle Sans", "Open Sans", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --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-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --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);
    --font-adelle: "Adelle Sans", "Open Sans", sans-serif;
    --font-cora: "Cora", "Lora", serif;
    --color-amartha-purple: #C53F73;
    --color-amartha-orange: #e28725;
    --color-secondary-text: #505050;
  }
}

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-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-auto {
    pointer-events: auto;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .sticky {
    position: sticky;
  }

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

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

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

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

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

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

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

  .bottom-\[88px\] {
    bottom: 88px;
  }

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

  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }

  .z-0 {
    z-index: 0;
  }

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

  .z-20 {
    z-index: 20;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

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

  .z-\[110\] {
    z-index: 110;
  }

  .z-\[120\] {
    z-index: 120;
  }

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

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

  .mx-auto {
    margin-inline: auto;
  }

  .ms-4 {
    margin-inline-start: calc(var(--spacing) * 4);
  }

  .ms-auto {
    margin-inline-start: auto;
  }

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

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }

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

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

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

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

  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }

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

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

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

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

  .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-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

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

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

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .hidden {
    display: none;
  }

  .inline-block {
    display: inline-block;
  }

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

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

  .h-\[1px\] {
    height: 1px;
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

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

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

  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }

  .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }

  .w-2\/3 {
    width: calc(2 / 3 * 100%);
  }

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

  .w-\[316px\] {
    width: 316px;
  }

  .w-\[328px\] {
    width: 328px;
  }

  .w-auto {
    width: auto;
  }

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

  .w-full {
    width: 100%;
  }

  .w-px {
    width: 1px;
  }

  .max-w-70 {
    max-width: calc(var(--spacing) * 70);
  }

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

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

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

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

  .flex-1 {
    flex: 1;
  }

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

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

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

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

  .list-decimal {
    list-style-type: decimal;
  }

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

  .appearance-none {
    appearance: none;
  }

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

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

  .items-center {
    align-items: center;
  }

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

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

  .justify-center {
    justify-content: center;
  }

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

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

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

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

  .overflow-hidden {
    overflow: hidden;
  }

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

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

  .scroll-smooth {
    scroll-behavior: smooth;
  }

  .rounded {
    border-radius: 0.25rem;
  }

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

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

  .rounded-full {
    border-radius: calc(infinity * 1px);
  }

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

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

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

  .rounded-t-2xl {
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
  }

  .rounded-l-xl {
    border-top-left-radius: var(--radius-xl);
    border-bottom-left-radius: var(--radius-xl);
  }

  .rounded-tr-md {
    border-top-right-radius: var(--radius-md);
  }

  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }

  .rounded-bl-xl {
    border-bottom-left-radius: var(--radius-xl);
  }

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

  .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-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

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

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

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

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

  .border-\[\#9A579F\] {
    border-color: #9A579F;
  }

  .border-\[\#C4B0C8\] {
    border-color: #C4B0C8;
  }

  .border-\[\#C4B1C8\] {
    border-color: #C4B1C8;
  }

  .border-\[\#C53F7326\] {
    border-color: #C53F7326;
  }

  .border-\[\#D3B9E999\] {
    border-color: #D3B9E999;
  }

  .border-\[\#F9B233\] {
    border-color: #F9B233;
  }

  .border-\[\#FFFFFF80\] {
    border-color: #FFFFFF80;
  }

  .border-amartha-orange {
    border-color: var(--color-amartha-orange);
  }

  .border-gray-100 {
    border-color: var(--color-gray-100);
  }

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

  .border-white\/40 {
    border-color: color-mix(in srgb, #fff 40%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }

  .border-b-\[\#9A579F\] {
    border-bottom-color: #9A579F;
  }

  .border-b-\[\#FAFAFA\] {
    border-bottom-color: #FAFAFA;
  }

  .bg-\[\#00AE5E\] {
    background-color: #00AE5E;
  }

  .bg-\[\#007BBB\] {
    background-color: #007BBB;
  }

  .bg-\[\#9A579F\] {
    background-color: #9A579F;
  }

  .bg-\[\#945799\] {
    background-color: #945799;
  }

  .bg-\[\#C53F73\] {
    background-color: #C53F73;
  }

  .bg-\[\#D4BBDE66\] {
    background-color: #D4BBDE66;
  }

  .bg-\[\#E3871A\] {
    background-color: #E3871A;
  }

  .bg-\[\#EFE1E766\] {
    background-color: #EFE1E766;
  }

  .bg-\[\#FFF2E2\] {
    background-color: #FFF2E2;
  }

  .bg-\[\#FFFFFF80\] {
    background-color: #FFFFFF80;
  }

  .bg-\[\#FFFFFF\] {
    background-color: #FFFFFF;
  }

  .bg-amartha-orange {
    background-color: var(--color-amartha-orange);
  }

  .bg-amartha-purple {
    background-color: var(--color-amartha-purple);
  }

  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, 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-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-orange-50\/50 {
    background-color: color-mix(in srgb, oklch(98% 0.016 73.684) 50%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-50) 50%, transparent);
    }
  }

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

  .bg-white\/50 {
    background-color: color-mix(in srgb, #fff 50%, transparent);

    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }

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

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

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

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

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

  .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-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

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

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

  .py-0\.75 {
    padding-block: calc(var(--spacing) * 0.75);
  }

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

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.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-8 {
    padding-block: calc(var(--spacing) * 8);
  }

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

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

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

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

  .ps-4 {
    padding-inline-start: calc(var(--spacing) * 4);
  }

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

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

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

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

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

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

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

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

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

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

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

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .font-adelle {
    font-family: var(--font-adelle);
  }

  .font-cora {
    font-family: var(--font-cora);
  }

  .font-sans {
    font-family: var(--font-sans);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }

  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }

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

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

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

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

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

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

  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }

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

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

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

  .text-nowrap {
    text-wrap: nowrap;
  }

  .text-\[\#00AE5E\] {
    color: #00AE5E;
  }

  .text-\[\#4A1F5C\] {
    color: #4A1F5C;
  }

  .text-\[\#007BBB\] {
    color: #007BBB;
  }

  .text-\[\#9A579F\] {
    color: #9A579F;
  }

  .text-\[\#373737\] {
    color: #373737;
  }

  .text-\[\#C53F73\] {
    color: #C53F73;
  }

  .text-\[\#F9B233\] {
    color: #F9B233;
  }

  .text-\[\#F9C23C\] {
    color: #F9C23C;
  }

  .text-\[\#FAFAFA\] {
    color: #FAFAFA;
  }

  .text-\[\#FFFFFF\] {
    color: #FFFFFF;
  }

  .text-amartha-purple {
    color: var(--color-amartha-purple);
  }

  .text-gray-800 {
    color: var(--color-gray-800);
  }

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

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

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

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .opacity-0 {
    opacity: 0%;
  }

  .opacity-50 {
    opacity: 50%;
  }

  .opacity-90 {
    opacity: 90%;
  }

  .opacity-100 {
    opacity: 100%;
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 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);
  }

  .shadow-\[0_4px_8px_\#00000040\] {
    --tw-shadow: 0 4px 8px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_16px_\#00000085\] {
    --tw-shadow: 0 4px 16px var(--tw-shadow-color, #00000085);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, 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);
  }

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

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

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    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-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }

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

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

  .before\:inset-0 {
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
  }

  .before\:-z-10 {
    &::before {
      content: var(--tw-content);
      z-index: calc(10 * -1);
    }
  }

  .before\:rounded-full {
    &::before {
      content: var(--tw-content);
      border-radius: calc(infinity * 1px);
    }
  }

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

  .before\:bg-amartha-purple {
    &::before {
      content: var(--tw-content);
      background-color: var(--color-amartha-purple);
    }
  }

  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }

  .hover\:text-\[\#F9B233\] {
    &:hover {
      @media (hover: hover) {
        color: #F9B233;
      }
    }
  }

  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }

  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }

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

.bg-badge {
  background: linear-gradient(160deg, rgba(124, 81, 161, 1) 0%, rgba(185, 139, 224, 1) 50%, rgba(124, 81, 161, 1) 100%);
}

.form {
  background-image: url('data:image/svg+xml,<svg width="364" height="298" viewBox="0 0 364 298" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="74.5" y="74.5" width="215" height="149" fill="white" fill-opacity="0.1"/><rect x="74.5" y="74.5" width="215" height="149" stroke="url(%23paint0_linear_1652_609)" stroke-width="149"/><defs><linearGradient id="paint0_linear_1652_609" x1="-1.69821e-07" y1="298" x2="369.074" y2="290.943" gradientUnits="userSpaceOnUse"><stop stop-color="white" stop-opacity="0.3"/><stop offset="0.288462" stop-color="white"/><stop offset="0.509615" stop-color="white" stop-opacity="0.3"/><stop offset="0.706731" stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0.3"/></linearGradient></defs></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
}

.form::before {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  background: radial-gradient(circle, rgba(181, 117, 188, 1) 79%, rgb(164 105 172) 100%);
  top: 2px;
  left: 2px;
  border-radius: 11px;
}

.form::after {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  background: #ffffff;
  opacity: 10%;
  border-radius: 11px;
}

#tiket-anda {
  background: linear-gradient(160deg, rgba(252, 246, 250, 1) 50%, rgba(242, 233, 241, 1) 100%);
}

#tiket-anda::before {
  border-radius: 12px;
  position: absolute;
  top: 8px;
  left: 8px;
  background: linear-gradient(90deg, rgba(230, 194, 129, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(230, 194, 129, 1) 100%);
  content: "";
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  display: block;
}

#tiket-anda::after {
  border-radius: 11px;
  position: absolute;
  top: 10px;
  left: 10px;
  background: radial-gradient(circle, rgba(181, 117, 188, 1) 79%, rgba(137, 89, 148, 1) 100%);
  content: "";
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  display: block;
}

.fa-up {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.231 15.1209C15.9658 15.1209 15.7115 15.0155 15.524 14.8279L11.988 11.2929L8.45203 14.8279C8.26343 15.0101 8.01083 15.1109 7.74863 15.1086C7.48644 15.1063 7.23562 15.0012 7.05022 14.8158C6.86481 14.6303 6.75964 14.3795 6.75736 14.1173C6.75508 13.8551 6.85588 13.6025 7.03804 13.4139L11.281 9.17194C11.4686 8.98447 11.7229 8.87915 11.988 8.87915C12.2532 8.87915 12.5075 8.98447 12.695 9.17194L16.938 13.4139C17.0778 13.5538 17.1731 13.732 17.2116 13.9259C17.2502 14.1199 17.2304 14.3209 17.1547 14.5036C17.079 14.6863 16.9509 14.8425 16.7865 14.9523C16.6221 15.0622 16.4288 15.1209 16.231 15.1209Z" fill="%23373737"/></svg>');
}

.result-card {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  background-image: url('./assets/bg-result.webp');
}

.btn-point::before {
  background: #ffffff;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 50px;
  z-index: -1;
}

#cara-kerja {
  background-image: url('./assets/bg-cara-kerja.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.icon-timeline {
  width: 40px;
  height: 40px;
  content: "";
  display: block;
  position: relative;
  background: #FFFFFF;
  border-radius: 40px;
}

.icon-timeline::before {
  background: #fff;
  box-shadow: 0 0 20px #BE4379;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 40px;
}

.icon-timeline-ico {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 17.5C2.578 17.5 2.22267 17.3553 1.934 17.066C1.64467 16.7773 1.5 16.422 1.5 16C1.5 15.578 1.64467 15.2227 1.934 14.934C2.22333 14.6453 2.57867 14.5007 3 14.5C3.126 14.5 3.24233 14.5097 3.349 14.529C3.45567 14.5483 3.55733 14.594 3.654 14.666L8.666 9.654C8.594 9.55733 8.54833 9.45567 8.529 9.349C8.50967 9.24233 8.5 9.126 8.5 9C8.5 8.578 8.64467 8.22267 8.934 7.934C9.22267 7.64467 9.578 7.5 10 7.5C10.422 7.5 10.7773 7.64467 11.066 7.934C11.3547 8.22333 11.4993 8.57867 11.5 9C11.5 9.08467 11.4577 9.29 11.373 9.616L14.385 12.627C14.481 12.5803 14.576 12.5477 14.67 12.529C14.7647 12.5097 14.8747 12.5 15 12.5C15.1253 12.5 15.2387 12.5097 15.34 12.529C15.44 12.5483 15.5317 12.594 15.615 12.666L19.665 8.616C19.5937 8.53267 19.5483 8.44067 19.529 8.34C19.5097 8.23933 19.5 8.126 19.5 8C19.5 7.578 19.6447 7.22267 19.934 6.934C20.2227 6.64467 20.578 6.5 21 6.5C21.422 6.5 21.7773 6.64467 22.066 6.934C22.3553 7.22267 22.5 7.578 22.5 8C22.5 8.422 22.3553 8.77733 22.066 9.066C21.7767 9.35467 21.4213 9.49933 21 9.5C20.8747 9.5 20.7613 9.49033 20.66 9.471C20.56 9.45167 20.468 9.406 20.384 9.334L16.334 13.384C16.406 13.4673 16.4517 13.5593 16.471 13.66C16.4903 13.7607 16.5 13.874 16.5 14C16.5 14.422 16.3553 14.7773 16.066 15.066C15.7773 15.3553 15.422 15.5 15 15.5C14.578 15.5 14.2227 15.3553 13.934 15.066C13.6453 14.7767 13.5007 14.4213 13.5 14C13.5 13.8747 13.5097 13.7583 13.529 13.651C13.5483 13.5437 13.594 13.442 13.666 13.346L10.654 10.335C10.558 10.4063 10.4563 10.4517 10.349 10.471C10.2423 10.4903 10.126 10.5 10 10.5C9.91533 10.5 9.71033 10.4577 9.385 10.373L4.373 15.385C4.41967 15.481 4.45233 15.576 4.471 15.67C4.49033 15.7647 4.5 15.8747 4.5 16C4.5 16.422 4.35533 16.7773 4.066 17.066C3.77733 17.3553 3.422 17.5 3 17.5Z" fill="%23C53F73"/></svg>');
}

.icon-timeline-green::before {
  box-shadow: 0 0 20px #12A465;
}

.icon-timeline-blue::before {
  box-shadow: 0 0 20px #0579BA;
}

#hadiah::before {
  background-image: url('./assets/gift.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  width: 100%;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

.card-gift-body {
  background-image: url('./assets/bg-gift-card.webp');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: row;
  padding: 24px 16px;
  gap: 12px;
}

#pengumuman::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('./assets/bg-winner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.fa-close {
  background-image: url('data:image/svg+xml,<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.51168 8.83243L12.8891 14.2098C13.0683 14.383 13.3085 14.4788 13.5577 14.4766C13.8069 14.4744 14.0453 14.3745 14.2216 14.1982C14.3978 14.022 14.4978 13.7836 14.5 13.5343C14.5021 13.2851 14.4063 13.045 14.2332 12.8657L8.85579 7.48832L14.2332 2.11094C14.4063 1.93166 14.5021 1.69155 14.5 1.44231C14.4978 1.19307 14.3978 0.954659 14.2216 0.778416C14.0453 0.602172 13.8069 0.502202 13.5577 0.500036C13.3085 0.49787 13.0683 0.593682 12.8891 0.766836L7.51168 6.14421L2.1343 0.766836C1.95422 0.597963 1.7155 0.505777 1.46865 0.509785C1.2218 0.513794 0.986198 0.613682 0.81169 0.788313C0.637182 0.962945 0.53746 1.19862 0.533626 1.44547C0.529792 1.69232 0.622147 1.93098 0.791148 2.11094L6.16757 7.48832L0.790198 12.8657C0.699409 12.9534 0.626992 13.0583 0.577174 13.1742C0.527355 13.2902 0.501133 13.415 0.500036 13.5412C0.498939 13.6674 0.52299 13.7926 0.570785 13.9094C0.618581 14.0262 0.689164 14.1323 0.778415 14.2216C0.867667 14.3108 0.9738 14.3814 1.09062 14.4292C1.20744 14.477 1.33261 14.5011 1.45883 14.5C1.58505 14.4989 1.70978 14.4726 1.82575 14.4228C1.94173 14.373 2.04662 14.3006 2.1343 14.2098L7.51168 8.83243Z" fill="%23C53F73" stroke="%23C53F73"/></svg>');
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}

.headerClose {
  background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.611 24.2765L7.75125 4.41679C6.40167 3.06721 4.5556 2.72518 3.62794 3.65284L3.62432 3.65646C2.69666 4.58413 3.03869 6.43019 4.38827 7.77977L24.248 27.6395C25.5976 28.9891 27.4437 29.3311 28.3713 28.4035L28.3749 28.3999C29.3026 27.4722 28.9606 25.6261 27.611 24.2765Z" fill="white"/><path d="M8.81134 19.6757L3.67575 24.8113C2.75026 25.7368 2.75202 27.2391 3.67968 28.1668L3.6833 28.1704C4.61096 29.098 6.11324 29.0998 7.03873 28.1743L12.1743 23.0387C13.0998 22.1132 13.098 20.611 12.1704 19.6833L12.1668 19.6797C11.2391 18.752 9.73683 18.7503 8.81134 19.6757Z" fill="white"/><path d="M24.8113 3.67575L19.6757 8.81134C18.7503 9.73683 18.752 11.2391 19.6797 12.1668L19.6833 12.1704C20.611 13.098 22.1132 13.0998 23.0387 12.1743L28.1743 7.03873C29.0998 6.11324 29.098 4.61096 28.1704 3.6833L28.1668 3.67968C27.2391 2.75202 25.7368 2.75026 24.8113 3.67575Z" fill="white"/></svg>');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  width: 32px;
  height: 32px;
  display: block;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}

@property --tw-tracking {
  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-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-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}

@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {

    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-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-content: "";
    }
  }
}