:root{--color-primary-50: 248, 250, 252;--color-primary-100: 241, 245, 249;--color-primary-200: 226, 232, 240;--color-primary-300: 203, 213, 225;--color-primary-400: 148, 163, 184;--color-primary-500: 100, 116, 139;--color-primary-600: 71, 85, 105;--color-primary-700: 51, 65, 85;--color-primary-800: 30, 41, 59;--color-primary-900: 15, 23, 42;--color-accent-50: 254, 242, 242;--color-accent-100: 254, 226, 226;--color-accent-200: 254, 202, 202;--color-accent-300: 252, 165, 165;--color-accent-400: 248, 113, 113;--color-accent-500: 239, 68, 68;--color-accent-600: 220, 38, 38;--color-accent-700: 185, 28, 28;--color-accent-800: 153, 27, 27;--color-accent-900: 127, 29, 29;--color-success-50: 240, 253, 244;--color-success-100: 220, 252, 231;--color-success-200: 187, 247, 208;--color-success-300: 134, 239, 172;--color-success-400: 74, 222, 128;--color-success-500: 34, 197, 94;--color-success-600: 22, 163, 74;--color-success-700: 21, 128, 61;--color-success-800: 22, 101, 52;--color-success-900: 20, 83, 45;--color-background: var(--color-primary-50);--color-surface: 255, 255, 255;--color-surface-secondary: var(--color-primary-100);--color-foreground: var(--color-primary-900);--color-foreground-secondary: var(--color-primary-700);--color-foreground-muted: var(--color-primary-500);--color-link: var(--color-accent-600);--color-link-hover: var(--color-accent-700);--color-border: var(--color-primary-200);--color-border-hover: var(--color-primary-300);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--space-px: 1px;--space-0: 0px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--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-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--radius-none: 0px;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-default: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier( .4, 0, .2, 1 ), text-decoration-color .15s cubic-bezier(.4, 0, .2, 1), fill .15s cubic-bezier(.4, 0, .2, 1), stroke .15s cubic-bezier( .4, 0, .2, 1 ), opacity .15s cubic-bezier(.4, 0, .2, 1), box-shadow .15s cubic-bezier(.4, 0, .2, 1), transform .15s cubic-bezier( .4, 0, .2, 1 ), filter .15s cubic-bezier(.4, 0, .2, 1), backdrop-filter .15s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier( .4, 0, .2, 1 ), text-decoration-color .15s cubic-bezier(.4, 0, .2, 1), fill .15s cubic-bezier(.4, 0, .2, 1), stroke .15s cubic-bezier( .4, 0, .2, 1 );--transition-opacity: opacity .15s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .15s cubic-bezier(.4, 0, .2, 1)}.text-body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-normal);color:rgb(var(--color-foreground))}h1,.h1{font-size:var(--font-size-4xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:rgb(var(--color-foreground))}@media (min-width: 768px){h1,.h1{font-size:var(--font-size-5xl)}}h2,.h2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:rgb(var(--color-foreground))}@media (min-width: 768px){h2,.h2{font-size:var(--font-size-4xl)}}h3,.h3{font-size:var(--font-size-2xl);line-height:var(--line-height-snug);font-weight:var(--font-weight-semibold);color:rgb(var(--color-foreground))}h4,.h4{font-size:var(--font-size-xl);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground))}h5,.h5{font-size:var(--font-size-lg);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground))}h6,.h6{font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground-secondary));text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.btn,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:var(--transition-colors);border:1px solid transparent;cursor:pointer;text-decoration:none}.btn-primary{background-color:rgb(var(--color-accent-600));color:#fff;padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm)}.btn-primary:hover{background-color:rgb(var(--color-accent-700));box-shadow:var(--shadow-md)}.btn-secondary{background-color:rgb(var(--color-surface));color:rgb(var(--color-foreground));border-color:rgb(var(--color-border));padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm)}.btn-secondary:hover{background-color:rgb(var(--color-surface-secondary));border-color:rgb(var(--color-border-hover))}.card{background-color:rgb(var(--color-surface));border-radius:var(--radius-lg);border:1px solid rgb(var(--color-border));box-shadow:var(--shadow-sm);transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-md);border-color:rgb(var(--color-border-hover))}.link{color:rgb(var(--color-link));text-decoration:underline;text-underline-offset:.25rem;transition:var(--transition-colors)}.link:hover{color:rgb(var(--color-link-hover))}.form-input,.field__input{background-color:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);line-height:var(--line-height-normal);transition:var(--transition-colors)}.form-input:focus,.field__input:focus{outline:none;border-color:rgb(var(--color-accent-500));box-shadow:0 0 0 3px rgb(var(--color-accent-500) / .1)}.space-y-1>*+*{margin-top:var(--space-1)}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-3>*+*{margin-top:var(--space-3)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-x-1>*+*{margin-left:var(--space-1)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-3>*+*{margin-left:var(--space-3)}.space-x-4>*+*{margin-left:var(--space-4)}.space-x-6>*+*{margin-left:var(--space-6)}@media (prefers-color-scheme: dark){:root{--color-background: var(--color-primary-900);--color-surface: var(--color-primary-800);--color-surface-secondary: var(--color-primary-700);--color-foreground: var(--color-primary-50);--color-foreground-secondary: var(--color-primary-200);--color-foreground-muted: var(--color-primary-400);--color-border: var(--color-primary-700);--color-border-hover: var(--color-primary-600)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/modern-design-system.css.map */