:root{--ease:all 0.3s ease-in-out;--text-ratio:1.25;--text-max-px:20;--text-min-px:16;--viewport-min-px:320;--heading-min-px:60;--viewport-max-px:1440;--root-size:10;--heading-max-px:80;--heading-ratio:1.333;--space-min-px:16;--space-max-px:32;--space-ratio:1.5;--radius-min-px:4;--radius-max-px:16;--radius-ratio:1.5;--gap-min-px:16;--gap-max-px:32;--gap-ratio:1.5;--border-width:1px;--status-lighter:15%;--status-darker:15%;--lighter-neutral:15%;--lightest-neutral:30%;--darker-neutral:15%;--darkest-neutral:30%;--primary:#3B82F6;--secondary:#4B5563;--accent:#EC4899;--background:#F9FAFB;--gradient-a1:#E0E7FF;--gradient-a2:#3730A3;--light:#fff;--dark:#000;--h-muted:215;--s-muted:30%;--l-muted:55%;--h-success:145;--s-success:65%;--l-success:45%;--h-warning:45;--s-warning:90%;--l-warning:55%;--h-danger:0;--s-danger:85%;--l-danger:50%;--h-info:190;--s-info:80%;--l-info:50%;--h-neutral:220;--s-neutral:10%;--l-neutral:50%;--muted-l1:hsl(var(--h-muted), var(--s-muted), calc(var(--l-muted) + var(--lighter-status)));--muted:hsl(var(--h-muted), var(--s-muted), var(--l-muted));--muted-d1:hsl(var(--h-muted), var(--s-muted), calc(var(--l-muted) - var(--darker-status)));--success-l1:hsl(var(--h-success), var(--s-success), calc(var(--l-success) + var(--lighter-status)));--success:hsl(var(--h-success), var(--s-success), var(--l-success));--success-d1:hsl(var(--h-success), var(--s-success), calc(var(--l-success) - var(--darker-status)));--warning-l1:hsl(var(--h-warning), var(--s-warning), calc(var(--l-warning) + var(--lighter-status)));--warning:hsl(var(--h-warning), var(--s-warning), var(--l-warning));--warning-d1:hsl(var(--h-warning), var(--s-warning), calc(var(--l-warning) - var(--darker-status)));--danger-l1:hsl(var(--h-danger), var(--s-danger), calc(var(--l-danger) + var(--lighter-status)));--danger:hsl(var(--h-danger), var(--s-danger), var(--l-danger));--danger-d1:hsl(var(--h-danger), var(--s-danger), calc(var(--l-danger) - var(--darker-status)));--info-l1:hsl(var(--h-info), var(--s-info), calc(var(--l-info) + var(--lighter-status)));--info:hsl(var(--h-info), var(--s-info), var(--l-info));--info-d1:hsl(var(--h-info), var(--s-info), calc(var(--l-info) - var(--darker-status)));--neutral-l2:hsl(var(--h-neutral), var(--s-neutral), calc(var(--l-neutral) + var(--lightest-neutral)));--neutral-l1:hsl(var(--h-neutral), var(--s-neutral), calc(var(--l-neutral) + var(--lighter-neutral)));--neutral:hsl(var(--h-neutral), var(--s-neutral), var(--l-neutral));--neutral-d1:hsl(var(--h-neutral), var(--s-neutral), calc(var(--l-neutral) - var(--darker-neutral)));--neutral-d2:hsl(var(--h-neutral), var(--s-neutral), calc(var(--l-neutral) - var(--darkest-neutral)));--heading-color-1:var(--neutral-d2);--heading-color-2:var(--neutral-d1);--text-color-1:var(--neutral-d1);--text-color-2:var(--neutral);--text-invert:var(--light);--heading-invert:var(--light);--border-color:var(--neutral-l-1);--text-base-size:clamp( calc(var(--text-min-px) / var(--root-size) * 1rem), calc( (var(--text-min-px) / var(--root-size) * 1rem) + (var(--text-max-px) - var(--text-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--text-max-px) / var(--root-size) * 1rem) );--heading-base-size:clamp( calc(var(--heading-min-px) / var(--root-size) * 1rem), calc( (var(--heading-min-px) / var(--root-size) * 1rem) + (var(--heading-max-px) - var(--heading-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--heading-max-px) / var(--root-size) * 1rem) );--space-base-unit:clamp( calc(var(--space-min-px) / var(--root-size) * 1rem), calc( (var(--space-min-px) / var(--root-size) * 1rem) + (var(--space-max-px) - var(--space-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--space-max-px) / var(--root-size) * 1rem) );--radius-base-unit:clamp( calc(var(--radius-min-px) / var(--root-size) * 1rem), calc( (var(--radius-min-px) / var(--root-size) * 1rem) + (var(--radius-max-px) - var(--radius-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--radius-max-px) / var(--root-size) * 1rem) );--gap-base-unit:clamp( calc(var(--gap-min-px) / var(--root-size) * 1rem), calc( (var(--gap-min-px) / var(--root-size) * 1rem) + (var(--gap-max-px) - var(--gap-min-px)) * (100vw - var(--viewport-min-px) * 1px) / (var(--viewport-max-px) - var(--viewport-min-px)) ), calc(var(--gap-max-px) / var(--root-size) * 1rem) );--text-m:var(--text-base-size);--text-s:calc(var(--text-m) / var(--text-ratio));--text-xs:calc(var(--text-s) / var(--text-ratio));--text-l:calc(var(--text-m) * var(--text-ratio));--text-xl:calc(var(--text-l) * var(--text-ratio));--heading-m:var(--heading-base-size);--heading-s:calc(var(--heading-m) / var(--heading-ratio));--heading-xs:calc(var(--heading-s) / var(--heading-ratio));--heading-l:calc(var(--heading-m) * var(--heading-ratio));--heading-xl:calc(var(--heading-l) * var(--heading-ratio));--line-height-text-xs:calc(var(--text-xs) * 1.5);--line-height-text-s:calc(var(--text-s) * 1.5);--line-height-text-m:calc(var(--text-m) * 1.6);--line-height-text-l:calc(var(--text-l) * 1.5);--line-height-text-xl:calc(var(--text-xl) * 1.4);--line-height-heading-xs:calc(var(--heading-xs) * 1.3);--line-height-heading-s:calc(var(--heading-s) * 1.3);--line-height-heading-m:calc(var(--heading-m) * 1.2);--line-height-heading-l:calc(var(--heading-l) * 1.2);--line-height-heading-xl:calc(var(--heading-xl) * 1.15);--space-m:var(--space-base-unit);--space-s:calc(var(--space-m) / var(--space-ratio));--space-xs:calc(var(--space-s) / var(--space-ratio));--space-2xs:calc(var(--space-xs) / var(--space-ratio));--space-3xs:calc(var(--space-2xs) / var(--space-ratio));--space-4xs:calc(var(--space-3xs) / var(--space-ratio));--space-l:calc(var(--space-m) * var(--space-ratio));--space-xl:calc(var(--space-l) * var(--space-ratio));--space-2xl:calc(var(--space-xl) * var(--space-ratio));--space-3xl:calc(var(--space-2xl) * var(--space-ratio));--space-4xl:calc(var(--space-3xl) * var(--space-ratio));--radius-m:var(--radius-base-unit);--radius-s:calc(var(--radius-m) / var(--radius-ratio));--radius-xs:calc(var(--radius-s) / var(--radius-ratio));--radius-l:calc(var(--radius-m) * var(--radius-ratio));--radius-xl:calc(var(--radius-l) * var(--radius-ratio));--gap-m:var(--gap-base-unit);--gap-s:calc(var(--gap-m) / var(--gap-ratio));--gap-xs:calc(var(--gap-s) / var(--gap-ratio));--gap-2xs:calc(var(--gap-xs) / var(--gap-ratio));--gap-l:calc(var(--gap-m) * var(--gap-ratio));--gap-xl:calc(var(--gap-l) * var(--gap-ratio));--gap-2xl:calc(var(--gap-xl) * var(--gap-ratio));--gap-section:var(--gap-xl);--gap-container:var(--gap-2xl);--container-xs:40rem;--container-s:50rem;--container-m:64rem;--container-l:72rem;--container-xl:80rem;--container-2xl:90rem;--text-2xs:clamp(0.82rem, calc(0.00012658227848101277 * (100vw - 34rem) + 0.82rem), 0.84rem);--text-xs:clamp(1.02rem, calc(0.0006962025316455689 * (100vw - 34rem) + 1.02rem), 1.13rem);--text-s:clamp(1.28rem, calc(0.001392405063291139 * (100vw - 34rem) + 1.28rem), 1.5rem);--text-m:clamp(1.6rem, calc(0.0025316455696202528 * (100vw - 34rem) + 1.6rem), 2rem);--text-l:clamp(2rem, calc(0.004240506329113923 * (100vw - 34rem) + 2rem), 2.67rem);--text-xl:clamp(2.5rem, calc(0.0066455696202531635 * (100vw - 34rem) + 2.5rem), 3.55rem);--text-2xl:clamp(3.13rem, calc(0.010189873417721521 * (100vw - 34rem) + 3.13rem), 4.74rem)}