/* Variables truevision-now - update 11/02/2025 18:00 */
:root {
  --primary-99: #fff0faff;
  --primary-95: #ffe3f7ff;
  --primary-90: #ffc6f0ff;
  --primary-80: #ff98e1ff;
  --primary-70: #ff58cbff;
  --primary-60: #ff27b2ff;
  --primary-50: #fb008dff;
  --primary-40: #df0071ff;
  --primary-30: #b8005eff;
  --primary-20: #980350ff;
  --primary-10: #5f002cff;
  --secondary-99: #fff0f0ff;
  --secondary-95: #ffddddff;
  --secondary-90: #ffc0c0ff;
  --secondary-80: #ff9494ff;
  --secondary-70: #ff5757ff;
  --secondary-60: #ff2323ff;
  --secondary-50: #ff0000ff;
  --secondary-40: #d70000ff;
  --secondary-30: #b10303ff;
  --secondary-20: #b10303ff;
  --secondary-10: #4a0508ff;
  --neutral-99: #f5f6f6ff;
  --neutral-95: #e5e7e8ff;
  --neutral-90: #ced1d3ff;
  --neutral-80: #acb1b4ff;
  --neutral-70: #a7a9acff;
  --neutral-60: #686f72ff;
  --neutral-50: #595e61ff;
  --neutral-40: #4c5052ff;
  --neutral-30: #424548ff;
  --neutral-20: #3a3c3fff;
  --neutral-10: #171819ff;
  --neutral-variant-100: #ffffffff;
  --neutral-variant-99: #f5f6f6ff;
  --neutral-variant-95: #e5e7e8ff;
  --neutral-variant-90: #ced1d3ff;
  --neutral-variant-80: #acb1b4ff;
  --neutral-variant-70: #838a8dff;
  --neutral-variant-60: #686f72ff;
  --neutral-variant-50: #595e61ff;
  --neutral-variant-40: #4c5052ff;
  --neutral-variant-30: #424548ff;
  --neutral-variant-20: #3a3c3fff;
  --neutral-variant-10: #171819ff;
  --neutral-variant-0: #000000ff;
  --error-99: #fff1f1ff;
  --error-95: #ffe1e1ff;
  --error-90: #ffc7c8ff;
  --error-80: #ffa1a2ff;
  --error-70: #ff6a6bff;
  --error-60: #f83b3dff;
  --error-50: #e31a1cff;
  --error-40: #c11416ff;
  --error-30: #9f1516ff;
  --error-20: #841819ff;
  --error-10: #480708ff;
  --warning-99: #fffee7ff;
  --warning-95: #fffdc1ff;
  --warning-90: #fff686ff;
  --warning-80: #ffe941ff;
  --warning-70: #ffd80dff;
  --warning-60: #ffc800ff;
  --warning-50: #d19200ff;
  --warning-40: #a66802ff;
  --warning-30: #89510aff;
  --warning-20: #74420fff;
  --warning-10: #442204ff;
  --success-99: #f2fce9ff;
  --success-95: #e2f8cfff;
  --success-90: #c6f1a5ff;
  --success-80: #a1e670ff;
  --success-70: #7fd744ff;
  --success-60: #65c728ff;
  --success-50: #48961aff;
  --success-40: #387318ff;
  --success-30: #2f5b19ff;
  --success-20: #2a4e19ff;
  --success-10: #132a09ff;
  --primary-100: #ffffffff;
  --primary-0: #000000ff;
  --secondary-100: #ffffffff;
  --secondary-0: #000000ff;
  --error-0: #000000ff;
  --error-100: #ffffffff;
  --success-0: #000000ff;
  --success-100: #ffffffff;
  --warning-0: #000000ff;
  --warning-100: #ffffffff;
  --neutral-0: #000000ff;
  --neutral-100: #ffffffff;
  --tertiary-100: #ffffffff;
  --tertiary-99: #fff9ecff;
  --tertiary-95: #fff1d3ff;
  --tertiary-90: #ffdea5ff;
  --tertiary-80: #ffc66dff;
  --tertiary-70: #ffa232ff;
  --tertiary-60: #ff850aff;
  --tertiary-50: #ff6c00ff;
  --tertiary-40: #cc4d02ff;
  --tertiary-30: #a13c0bff;
  --tertiary-20: #82340cff;
  --tertiary-10: #461704ff;
  --tertiary-0: #000000ff;

  /* light mode */
  --primary: var(--primary-50);
  --surface-tint: var(--primary-30);
  --on-primary: var(--primary-100);
  --primary-container: var(--primary-95);
  --on-primary-container: var(--primary-30);
  --secondary: var(--secondary-50);
  --on-secondary: var(--secondary-100);
  --secondary-container: var(--secondary-90);
  --on-secondary-container: var(--secondary-30);
  --error: var(--error-50);
  --on-error: var(--error-100);
  --error-container: var(--error-90);
  --on-error-container: var(--error-30);
  --background: var(--primary-100);
  --on-background: var(--primary-0);
  --surface: var(--neutral-95);
  --on-surface: var(--neutral-10);
  --surface-variant: var(--neutral-99);
  --on-surface-variant: var(--neutral-30);
  --outline: var(--primary-80);
  --outline-variant: var(--neutral-80);
  --shadow: var(--neutral-0);
  --scrim: var(--neutral-0);
  --inverse-surface: var(--neutral-20);
  --inverse-on-surface: var(--neutral-95);
  --inverse-primary: var(--primary-95);
  --primary-fixed: var(--primary-90);
  --on-primary-fixed: var(--primary-10);
  --primary-fixed-dim: var(--primary-80);
  --on-primary-fixed-variant: var(--secondary-30);
  --secondary-fixed: var(--secondary-90);
  --on-secondary-fixed: var(--secondary-10);
  --secondary-fixed-dim: var(--secondary-80);
  --on-secondary-fixed-variant: var(--secondary-30);
  --surface-dim: var(--neutral-90);
  --surface-bright: var(--neutral-99);
  --surface-container-lowest: var(--neutral-100);
  --surface-container-low: var(--neutral-99);
  --surface-container: var(--neutral-99);
  --surface-container-high: var(--neutral-95);
  --surface-container-highest: var(--neutral-90);
  --on-success: var(--success-100);
  --success-container: var(--success-90);
  --on-success-container: var(--success-30);
  --success: var(--success-60);
  --on-warning-container: var(--warning-30);
  --warning-container: var(--warning-90);
  --on-warning: var(--warning-100);
  --warning: var(--warning-60);
  --tertiary: var(--tertiary-50);
  --on-tertiary: var(--tertiary-100);
  --tertiary-container: var(--tertiary-90);
  --on-tertiary-container: var(--tertiary-30);
  --on-tertiary-fixed-variant: var(--tertiary-30);
  --tertiary-fixed-dim: var(--tertiary-80);
  --on-tertiary-fixed: var(--tertiary-10);
  --tertiary-fixed: var(--tertiary-90);
  --background-navigation: var(--neutral-99);
  --base-black: var(--neutral-0);
  --base-white: var(--neutral-100);
  --primary-opacity-08: #fb008d14;
  --primary-opacity-12: #fb008d1f;
  --primary-opacity-16: #fb008d29;
  --on-primary-opacity-08: #ffffff14;
  --on-primary-opacity-12: #ffffff1f;
  --on-primary-opacity-16: #ffffff29;
  --primary-container-opacity-08: #fccee814;
  --primary-container-opacity-12: #fccee81f;
  --primary-container-opacity-16: #fccee829;
  --on-primary-container-opacity-08: #9f154e14;
  --on-primary-container-opacity-12: #9f154e1f;
  --on-primary-container-opacity-16: #9f154e29;
  --primary-fixed-opacity-08: #fccee814;
  --primary-fixed-opacity-12: #fccee81f;
  --primary-fixed-opacity-16: #fccee829;
  --on-primary-fixed-opacity-08: #51062514;
  --on-primary-fixed-opacity-12: #5106251f;
  --on-primary-fixed-opacity-16: #51062529;
  --primary-fixed-dim-opacity-08: #faa7d514;
  --primary-fixed-dim-opacity-12: #faa7d51f;
  --primary-fixed-dim-opacity-16: #faa7d529;
  --on-primary-fixed-variant-opacity-08: #a4101614;
  --on-primary-fixed-variant-opacity-12: #a410161f;
  --on-primary-fixed-variant-opacity-16: #a4101629;
  --secondary-opacity-08: #ed1c2414;
  --secondary-opacity-12: #ed1c241f;
  --secondary-opacity-16: #ed1c2429;
  --on-secondary-opacity-08: #ffffff14;
  --on-secondary-opacity-12: #ffffff1f;
  --on-secondary-opacity-16: #ffffff29;
  --secondary-container-opacity-08: #ffc5c714;
  --secondary-container-opacity-12: #ffc5c71f;
  --secondary-container-opacity-16: #ffc5c729;
  --on-secondary-container-opacity-08: #a4101614;
  --on-secondary-container-opacity-12: #a410161f;
  --on-secondary-container-opacity-16: #a4101629;
  --secondary-fixed-opacity-08: #ffc5c714;
  --secondary-fixed-opacity-12: #ffc5c71f;
  --secondary-fixed-opacity-16: #ffc5c729;
  --on-secondary-fixed-opacity-08: #4a050814;
  --on-secondary-fixed-opacity-12: #4a05081f;
  --on-secondary-fixed-opacity-16: #4a050829;
  --secondary-fixed-dim-opacity-08: #ff9da114;
  --secondary-fixed-dim-opacity-12: #ff9da11f;
  --secondary-fixed-dim-opacity-16: #ff9da129;
  --on-secondary-fixed-variant-opacity-08: #a4101614;
  --on-secondary-fixed-variant-opacity-12: #a410161f;
  --on-secondary-fixed-variant-opacity-16: #a4101629;
  --error-opacity-08: #c1141614;
  --error-opacity-12: #c114161f;
  --error-opacity-16: #c1141629;
  --on-error-opacity-08: #ffffff14;
  --on-error-opacity-12: #ffffff1f;
  --on-error-opacity-16: #ffffff29;
  --error-container-opacity-08: #ffc7c814;
  --error-container-opacity-12: #ffc7c81f;
  --error-container-opacity-16: #ffc7c829;
  --on-error-container-opacity-08: #ffc7c814;
  --on-error-container-opacity-12: #ffc7c81f;
  --on-error-container-opacity-16: #ffc7c829;
  --outline-opacity-08: #faa7d514;
  --outline-opacity-12: #faa7d51f;
  --outline-opacity-16: #faa7d529;
  --background-opacity-08: #ffffff14;
  --background-opacity-12: #ffffff1f;
  --background-opacity-16: #ffffff29;
  --on-background-opacity-08: #00000014;
  --on-background-opacity-12: #0000001f;
  --on-background-opacity-16: #00000029;
  --surface-opacity-08: #f7f6f614;
  --surface-opacity-12: #f7f6f61f;
  --surface-opacity-16: #f7f6f629;
  --on-surface-opacity-08: #33333314;
  --on-surface-opacity-12: #3333331f;
  --on-surface-opacity-16: #33333329;
  --on-surface-opacity-40: #a2a3a3;
  --surface-variant-opacity-08: #f0efef14;
  --surface-variant-opacity-12: #f0efef1f;
  --surface-variant-opacity-16: #f0efef29;
  --on-surface-variant-opacity-08: #6b686814;
  --on-surface-variant-opacity-12: #6b68681f;
  --on-surface-variant-opacity-16: #6b686829;
  --inverse-surface-opacity-08: #58575714;
  --inverse-surface-opacity-12: #5857571f;
  --inverse-surface-opacity-16: #58575729;
  --inverse-on-surface-opacity-08: #f0efef14;
  --inverse-on-surface-opacity-12: #f0efef1f;
  --inverse-on-surface-opacity-16: #f0efef29;
  --inverse-primary-opacity-08: #ffe3f714;
  --inverse-primary-opacity-12: #ffe3f71f;
  --inverse-primary-opacity-16: #ffe3f729;
  --shadow-opacity-08: #00000014;
  --shadow-opacity-12: #0000001f;
  --shadow-opacity-16: #00000029;
  --surface-tint-opacity-08: #9f154e14;
  --surface-tint-opacity-12: #9f154e1f;
  --surface-tint-opacity-16: #9f154e29;
  --outline-variant-opacity-08: #d1d0d014;
  --outline-variant-opacity-12: #d1d0d01f;
  --outline-variant-opacity-16: #d1d0d029;
  --scrim-opacity-08: #00000014;
  --scrim-opacity-12: #0000001f;
  --scrim-opacity-16: #00000029;
  --surface-container-highest-opacity-08: #e3e2e214;
  --surface-container-highest-opacity-12: #e3e2e21f;
  --surface-container-highest-opacity-16: #e3e2e229;
  --surface-container-high-opacity-08: #f0efef14;
  --surface-container-high-opacity-12: #f0efef1f;
  --surface-container-high-opacity-16: #f0efef29;
  --surface-container-opacity-08: #f7f6f614;
  --surface-container-opacity-12: #f7f6f61f;
  --surface-container-opacity-16: #f7f6f629;
  --surface-container-low-opacity-08: #f7f6f614;
  --surface-container-low-opacity-12: #f7f6f61f;
  --surface-container-low-opacity-16: #f7f6f629;
  --surface-container-lowest-opacity-08: #ffffff14;
  --surface-container-lowest-opacity-12: #ffffff1f;
  --surface-container-lowest-opacity-16: #ffffff29;
  --surface-bright-opacity-08: #f7f6f614;
  --surface-bright-opacity-12: #f7f6f61f;
  --surface-bright-opacity-16: #f7f6f629;
  --surface-dim-opacity-08: #e3e2e214;
  --surface-dim-opacity-12: #e3e2e21f;
  --surface-dim-opacity-16: #e3e2e229;
  --tertiary-opacity-08: #ff6c0014;
  --tertiary-opacity-12: #ff6c001f;
  --tertiary-opacity-16: #ff6c0029;
  --on-tertiary-opacity-08: #ffffff14;
  --on-tertiary-opacity-12: #ffffff1f;
  --on-tertiary-opacity-16: #ffffff29;
  --tertiary-container-opacity-08: #ffdea514;
  --tertiary-container-opacity-12: #ffdea51f;
  --tertiary-container-opacity-16: #ffdea529;
  --on-tertiary-container-opacity-08: #a13c0b14;
  --on-tertiary-container-opacity-12: #a13c0b1f;
  --on-tertiary-container-opacity-16: #a13c0b29;
  --tertiary-fixed-opacity-08: #ffdea514;
  --tertiary-fixed-opacity-12: #ffdea51f;
  --tertiary-fixed-opacity-16: #ffdea529;
  --on-tertiary-fixed-opacity-08: #46170414;
  --on-tertiary-fixed-opacity-12: #4617041f;
  --on-tertiary-fixed-opacity-16: #46170429;
  --tertiary-fixed-dim-opacity-08: #ffc66d14;
  --tertiary-fixed-dim-opacity-12: #ffc66d1f;
  --tertiary-fixed-dim-opacity-16: #ffc66d29;
  --on-tertiary-fixed-variant-opacity-08: #a13c0b14;
  --on-tertiary-fixed-variant-opacity-12: #a13c0b1f;
  --on-tertiary-fixed-variant-opacity-16: #a13c0b29;
  --background-modal-blackground: #00000060;
  --brand-2c2p: #014e5bff;
  --brand-omise: #2e374dff;
  --brand-visa: #1a1f71ff;
  --brand-promptpay-primary: #003d6bff;
  --brand-promptpay-secondary: #54a69aff;
  --border-product-card: var(--neutral-90);
}