@import"https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=MADE+Mirage:wght@400;500;600;700;800;900&display=swap";:root{--font-primary: "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-secondary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-accent: "MADE Mirage", serif;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fs-4xl: 2.25rem;--fs-5xl: 3rem;--fs-6xl: 3.75rem;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.75;--lh-loose: 2;--color-black: #000000;--color-white: #ffffff;--color-gray-900: #1a1a1a;--color-gray-800: #333333;--color-gray-700: #4d4d4d;--color-gray-600: #666666;--color-gray-500: #808080;--color-gray-400: #999999;--color-gray-300: #cccccc;--color-gray-200: #e0e0e0;--color-gray-100: #f5f5f5;--color-gray-50: #fafafa;--color-primary: var(--color-black);--color-secondary: var(--color-gray-800);--color-background: var(--color-white);--color-border: var(--color-gray-200);--color-text: var(--color-gray-900);--color-text-light: var(--color-gray-600);--color-text-lighter: var(--color-gray-500);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--spacing-unit: .5rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--max-width: 1200px;--grid-cols-mobile: 1;--grid-cols-tablet: 2;--grid-cols-desktop: 4;--grid-gap: var(--space-6);--z-hide: -1;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal: 40;--z-tooltip: 50;--z-notification: 60}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-primary);margin-bottom:var(--space-4)}h1{font-size:var(--fs-5xl)}h2{font-size:var(--fs-4xl)}h3{font-size:var(--fs-3xl)}h4{font-size:var(--fs-2xl)}h5{font-size:var(--fs-xl)}h6{font-size:var(--fs-lg)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-base) var(--ease-in-out)}a:hover{opacity:.7}button,.btn{font-family:var(--font-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-base) var(--ease-in-out);display:inline-block;text-align:center}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-secondary);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}@media(max-width:768px){html{font-size:14px}h1{font-size:var(--fs-4xl)}h2{font-size:var(--fs-3xl)}h3{font-size:var(--fs-2xl)}}@media(max-width:480px){html{font-size:13px}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tokens.css.map */