/* Variables trueid */
:root {
  --primary-99: #fff7f3ff;
  --primary-95: #feefe7ff;
  --primary-90: #fde1d0ff;
  --primary-80: #fcbda2ff;
  --primary-70: #f68f73ff;
  --primary-60: #ed644fff;
  --primary-50: #e2241aff;
  --primary-40: #e22020ff;
  --primary-30: #a20d1fff;
  --primary-20: #830821ff;
  --primary-10: #6c0423ff;
  --secondary-99: #fff4efff;
  --secondary-95: #fde8deff;
  --secondary-90: #fbd9c8ff;
  --secondary-80: #f7ac94ff;
  --secondary-70: #e7735cff;
  --secondary-60: #cf3f33ff;
  --secondary-50: #b00002ff;
  --secondary-40: #97000eff;
  --secondary-30: #7e0017ff;
  --secondary-20: #66001bff;
  --secondary-10: #54001eff;
  --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-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;
  --error-99: #fff4efff;
  --error-95: #fcb7a4ff;
  --error-90: #fcb7a4ff;
  --error-80: #f88676ff;
  --error-70: #f15853ff;
  --error-60: #e81e2aff;
  --error-50: #c71530ff;
  --error-40: #97000eff;
  --error-30: #7e0017ff;
  --error-20: #860932ff;
  --error-10: #6f0531ff;
  --warning-99: #fffef6ff;
  --warning-95: #fffdf2ff;
  --warning-90: #fef9d7ff;
  --warning-80: #fef1afff;
  --warning-70: #fce788ff;
  --warning-60: #fadc69ff;
  --warning-50: #f8cb39ff;
  --warning-40: #d5a829ff;
  --warning-30: #b2871cff;
  --warning-20: #8f6912ff;
  --warning-10: #77530aff;
  --success-99: #f9fff6ff;
  --success-95: #effce8ff;
  --success-90: #def9d0ff;
  --success-80: #b7f4a3ff;
  --success-70: #81df6fff;
  --success-60: #50bf47ff;
  --success-50: #19951bff;
  --success-40: #12801dff;
  --success-30: #0c6b1eff;
  --success-20: #07561dff;
  --success-10: #04471dff;
  --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;
  --neutral-variant-0: #000000ff;
  --neutral-variant-100: #ffffffff;
  --tertiary-100: #ffffffff;
  --tertiary-99: #fffaf8ff;
  --tertiary-95: #fef4f0ff;
  --tertiary-90: #fde3d8ff;
  --tertiary-80: #fcb7a4ff;
  --tertiary-70: #f88676ff;
  --tertiary-60: #f15853ff;
  --tertiary-50: #e81e2aff;
  --tertiary-40: #c71530ff;
  --tertiary-30: #a70f33ff;
  --tertiary-20: #860932ff;
  --tertiary-10: #6f0531ff;
  --tertiary-0: #000000ff;

  /* dark mode */
  --primary: var(--primary-50);
  --surface-tint: var(--primary-80);
  --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-70);
  --on-error: var(--error-100);
  --error-container: var(--error-90);
  --on-error-container: var(--error-30);
  --background: var(--primary-0);
  --on-background: var(--primary-100);
  --surface: var(--neutral-20);
  --on-surface: var(--neutral-90);
  --surface-variant: var(--neutral-10);
  --on-surface-variant: var(--neutral-80);
  --outline: var(--primary-80);
  --outline-variant: var(--neutral-80);
  --shadow: var(--neutral-0);
  --scrim: var(--neutral-0);
  --inverse-surface: var(--neutral-90);
  --inverse-on-surface: var(--neutral-20);
  --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-0);
  --surface-bright: var(--neutral-0);
  --surface-container-lowest: var(--neutral-0);
  --surface-container-low: var(--neutral-10);
  --surface-container: var(--neutral-10);
  --surface-container-high: var(--neutral-20);
  --surface-container-highest: var(--neutral-30);
  --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-10);
  --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: #21005d29;
  --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: #fce7f314;
  --outline-opacity-12: #fce7f31f;
  --outline-opacity-16: #fce7f329;
  --background-opacity-08: #00000014;
  --background-opacity-12: #0000001f;
  --background-opacity-16: #00000029;
  --on-background-opacity-08: #ffffff14;
  --on-background-opacity-12: #ffffff1f;
  --on-background-opacity-16: #ffffff29;
  --surface-opacity-08: #33333314;
  --surface-opacity-12: #3333331f;
  --surface-opacity-16: #33333329;
  --on-surface-opacity-08: #e3e2e214;
  --on-surface-opacity-12: #e3e2e21f;
  --on-surface-opacity-16: #e3e2e229;
  --on-surface-opacity-40: #a2a3a3;
  --surface-variant-opacity-08: #33333314;
  --surface-variant-opacity-12: #3333331f;
  --surface-variant-opacity-16: #33333329;
  --on-surface-variant-opacity-08: #d1d0d014;
  --on-surface-variant-opacity-12: #d1d0d01f;
  --on-surface-variant-opacity-16: #d1d0d029;
  --inverse-surface-opacity-08: #e3e2e214;
  --inverse-surface-opacity-12: #e3e2e21f;
  --inverse-surface-opacity-16: #e3e2e229;
  --inverse-on-surface-opacity-08: #58575714;
  --inverse-on-surface-opacity-12: #5857571f;
  --inverse-on-surface-opacity-16: #58575729;
  --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: #faa7d514;
  --surface-tint-opacity-12: #faa7d51f;
  --surface-tint-opacity-16: #faa7d529;
  --outline-variant-opacity-08: #6b686814;
  --outline-variant-opacity-12: #6b68681f;
  --outline-variant-opacity-16: #6b686829;
  --scrim-opacity-08: #00000014;
  --scrim-opacity-12: #0000001f;
  --scrim-opacity-16: #00000029;
  --surface-container-highest-opacity-08: #6b696814;
  --surface-container-highest-opacity-12: #6b69681f;
  --surface-container-highest-opacity-16: #6b696829;
  --surface-container-high-opacity-08: #58575714;
  --surface-container-high-opacity-12: #5857571f;
  --surface-container-high-opacity-16: #58575729;
  --surface-container-opacity-08: #33333314;
  --surface-container-opacity-12: #3333331f;
  --surface-container-opacity-16: #33333329;
  --surface-container-low-opacity-08: #33333314;
  --surface-container-low-opacity-12: #3333331f;
  --surface-container-low-opacity-16: #33333329;
  --surface-container-lowest-opacity-08: #00000014;
  --surface-container-lowest-opacity-12: #0000001f;
  --surface-container-lowest-opacity-16: #00000029;
  --surface-bright-opacity-08: #00000014;
  --surface-bright-opacity-12: #0000001f;
  --surface-bright-opacity-16: #00000029;
  --surface-dim-opacity-08: #00000014;
  --surface-dim-opacity-12: #0000001f;
  --surface-dim-opacity-16: #00000029;
  --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: #ffffff99;
  --brand-2c2p: var(--neutral-100);
  --brand-omise: var(--neutral-100);
  --brand-visa: var(--neutral-100);
  --brand-promptpay-primary: var(--neutral-100);
  --brand-promptpay-secondary: var(--neutral-100);
  --border-product-card: var(--neutral-30);
}

/* light mode */
@media (prefers-color-scheme: light) {
  :root {
    --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);
  }
}