:root{--mymat-burgundy: #6b1f33;--mymat-ivory: #f7f4ee;--mymat-warm-gray: #a9a29a;--mymat-light-neutral: #e6e3df;--mymat-burgundy-hover: #5c1b2c;--mymat-burgundy-active: #4f1726;--mymat-burgundy-tint: #f5eff1;--mymat-color-text: #1f1c18;--mymat-color-text-secondary: #57514a;--mymat-color-text-muted: #6e675e;--mymat-color-text-disabled: #8d867b;--mymat-color-text-on-brand: var(--mymat-ivory);--mymat-color-text-brand: var(--mymat-burgundy);--mymat-surface: #ffffff;--mymat-surface-ivory: var(--mymat-ivory);--mymat-surface-neutral: var(--mymat-light-neutral);--mymat-surface-sunken: #efece7;--mymat-surface-brand: var(--mymat-burgundy);--mymat-color-line-interactive: #867f74;--mymat-color-line: #d9d4cb;--mymat-color-line-soft: var(--mymat-light-neutral);--mymat-color-line-brand: var(--mymat-burgundy);--mymat-color-line-on-brand: rgba(247, 244, 238, .32);--mymat-color-success: #2e6b4f;--mymat-color-warning: #8a5a12;--mymat-color-error: #b3261e;--mymat-color-success-surface: #eef4f0;--mymat-color-warning-surface: #f7f1e4;--mymat-color-error-surface: #fbeceb;--mymat-focus-color: var(--mymat-burgundy);--mymat-focus-width: .2rem;--mymat-focus-offset: .2rem;--mymat-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%231F1C18' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E");--mymat-font-thai-fallback: "Noto Sans Thai", "Leelawadee UI", "Thonburi", "Sukhumvit Set", Tahoma;--mymat-font-system-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mymat-font-heading: "Sora", "Sarabun", var(--mymat-font-thai-fallback), var(--mymat-font-system-fallback);--mymat-font-body: "Inter", "Sarabun", var(--mymat-font-thai-fallback), var(--mymat-font-system-fallback);--mymat-font-thai: "Sarabun", var(--mymat-font-thai-fallback), var(--mymat-font-system-fallback);--mymat-weight-regular: 400;--mymat-weight-medium: 500;--mymat-weight-semibold: 600;--mymat-weight-bold: 700;--mymat-text-display: clamp(3.4rem, 1.9rem + 4.2vw, 5.6rem);--mymat-text-h1: clamp(2.8rem, 1.9rem + 2.4vw, 4.4rem);--mymat-text-h2: clamp(2.2rem, 1.7rem + 1.4vw, 3.2rem);--mymat-text-h3: clamp(1.8rem, 1.55rem + .7vw, 2.4rem);--mymat-text-h4: 1.7rem;--mymat-text-body-lg: clamp(1.7rem, 1.65rem + .15vw, 1.8rem);--mymat-text-body: 1.6rem;--mymat-text-body-sm: 1.4rem;--mymat-text-label: 1.4rem;--mymat-text-caption: 1.3rem;--mymat-text-meta: 1.3rem;--mymat-text-eyebrow: 1.2rem;--mymat-text-button: 1.5rem;--mymat-text-button-sm: 1.4rem;--mymat-text-price: clamp(2rem, 1.85rem + .4vw, 2.4rem);--mymat-leading-display: 1.25;--mymat-leading-heading: 1.32;--mymat-leading-body: 1.75;--mymat-leading-body-tight: 1.6;--mymat-leading-ui: 1.45;--mymat-tracking-display-en: -.02em;--mymat-tracking-none: 0;--mymat-tracking-label: .02em;--mymat-tracking-eyebrow: .12em;--mymat-tracking-button-en: .08em;--mymat-tracking-tagline: .28em;--mymat-space-0: 0;--mymat-space-2xs: .4rem;--mymat-space-xs: .8rem;--mymat-space-sm: 1.2rem;--mymat-space-md: 1.6rem;--mymat-space-lg: 2.4rem;--mymat-space-xl: 3.2rem;--mymat-space-2xl: 4.8rem;--mymat-space-3xl: 6.4rem;--mymat-space-4xl: 9.6rem;--mymat-gutter-mobile: 2rem;--mymat-gutter-tablet: 3.2rem;--mymat-gutter-desktop: 4rem;--mymat-gutter: clamp(2rem, 1.2rem + 2.2vw, 4rem);--mymat-container: 120rem;--mymat-container-wide: 144rem;--mymat-measure: 72rem;--mymat-section-space: clamp(4.8rem, 2.4rem + 6vw, 9.6rem);--mymat-section-space-compact: clamp(3.2rem, 2rem + 3vw, 5.6rem);--mymat-radius-xs: .2rem;--mymat-radius-sm: .4rem;--mymat-radius-md: .8rem;--mymat-radius-lg: 1.2rem;--mymat-border-width: 1px;--mymat-border-width-strong: 2px;--mymat-border: var(--mymat-border-width) solid var(--mymat-color-line);--mymat-border-soft: var(--mymat-border-width) solid var(--mymat-color-line-soft);--mymat-border-interactive: var(--mymat-border-width) solid var(--mymat-color-line-interactive);--mymat-shadow-none: none;--mymat-shadow-popover: 0 .2rem .8rem rgba(31, 28, 24, .08), 0 .8rem 2.4rem rgba(31, 28, 24, .06);--mymat-shadow-drawer: 0 0 4rem rgba(31, 28, 24, .14);--mymat-duration-fast: .12s;--mymat-duration: .2s;--mymat-duration-slow: .32s;--mymat-ease: cubic-bezier(.22, .61, .36, 1);--mymat-ease-in-out: cubic-bezier(.4, 0, .2, 1);--mymat-z-base: 0;--mymat-z-raised: 1;--mymat-z-sticky: 10;--mymat-z-header: 20;--mymat-z-drawer: 30;--mymat-z-overlay: 40;--mymat-z-modal: 50;--mymat-z-toast: 60;--mymat-control-height: 4.8rem;--mymat-control-height-sm: 4rem;--mymat-tap-target-min: 4.4rem}.mymat-surface--ivory{--mymat-surface: var(--mymat-ivory)}.mymat-surface--neutral{--mymat-surface: var(--mymat-light-neutral)}.mymat-surface--brand{--mymat-surface: var(--mymat-burgundy);--mymat-color-text: var(--mymat-ivory);--mymat-color-text-secondary: rgba(247, 244, 238, .82);--mymat-color-text-muted: rgba(247, 244, 238, .68);--mymat-color-text-brand: var(--mymat-ivory);--mymat-color-line: rgba(247, 244, 238, .24);--mymat-color-line-soft: rgba(247, 244, 238, .14);--mymat-color-line-interactive: rgba(247, 244, 238, .7);--mymat-focus-color: var(--mymat-ivory);--mymat-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23F7F4EE' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E")}@media(prefers-reduced-motion:reduce){:root{--mymat-duration-fast: 1ms;--mymat-duration: 1ms;--mymat-duration-slow: 1ms}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mymat-tokens.css.map */