:root{--pink: rgba(232, 48, 138, 1);--purple: rgba(149, 34, 105, 1);--green: rgba(149, 193, 31, 1);--yellow: rgba(242, 229, 0, 1);--dark-yellow: rgba(237, 210, 8, 1);--blue: rgba(131, 208, 245, 1);--violet: rgba(120, 127, 189, 1);--dark-gray: rgba(32, 32, 32, 1);--white: rgba(253, 253, 253, 1);--black: rgba(20, 20, 20, 1);--gray-100: rgba(245, 245, 245, 1);--gray-200: rgba(224, 224, 224, 1);--gray-300: rgba(189, 189, 189, 1);--gray-400: rgba(152, 152, 152, 1);--gray-500: rgba(124, 124, 124, 1);--gray-600: rgba(101, 101, 101, 1);--gray-700: rgba(82, 82, 82, 1);--gray-800: rgba(70, 70, 70, 1);--gray-850: rgba(58, 58, 58, 1);--gray-900: rgba(41, 41, 41, 1);--error: rgba(223, 2, 2, 1);--error-lighter: rgba(241, 37, 37, 1);--error-soft: rgba(255, 228, 228, 1);--pink-alpha-0: rgba(232, 48, 138, 0);--purple-alpha-0: rgba(149, 34, 105, 0);--green-alpha-0: rgba(149, 193, 31, 0);--yellow-alpha-0: rgba(242, 229, 0, 0);--blue-alpha-0: rgba(131, 208, 245, 0);--violet-alpha-0: rgba(120, 127, 189, 0);--dark-gray-alpha-0: rgba(32, 32, 32, 0);--black-alpha-0: rgba(20, 20, 20, 0);--white-alpha-0: rgba(255, 255, 255, 0);--pink-alpha-50: rgba(232, 48, 138, .5);--purple-alpha-50: rgba(149, 34, 105, .5);--green-alpha-50: rgba(149, 193, 31, .5);--yellow-alpha-50: rgba(242, 229, 0, .5);--blue-alpha-50: rgba(131, 208, 245, .5);--violet-alpha-50: rgba(120, 127, 189, .5);--dark-gray-alpha-50: rgba(32, 32, 32, .5);--black-alpha-50: rgba(20, 20, 20, .5);--white-alpha-50: rgba(255, 255, 255, .5);--font-emphasis: var(--font-pp-supply-mono, "PP Supply Mono", monospace);--font-body: var(--font-pp-neue-montreal-mono, "PP Neue Montreal Mono", monospace);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 5rem;--text-9xl: 6rem;--text-10xl: 8rem;--text-fluid-base: max(1rem, 1vw);--text-fluid-base-lg: max(1rem, 1.2vw);--text-fluid-xl: max(1.25rem, 1.25vw);--text-fluid-2xlarge: max(1.75rem, 3.5vw);--text-fluid-2xlarge-bold: max(1.75rem, 3.5vw);--text-fluid-3xlarge: max(2rem, 6vw);--text-fluid-3xlarge-bold: max(1.75rem, 7vw);--text-fluid-7xl: clamp(2.5rem, 5vw + 1rem, 4.5rem);--leading-none: 1;--leading-tight: 1.25;--leading-relaxed: 1.5;--weight-ultra-light: 100;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--space-0: 0;--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-4-5: 1.125rem;--space-5: 1.25rem;--space-5-5: 1.375rem;--space-6: 1.5rem;--space-6-5: 1.625rem;--space-7: 1.75rem;--space-7-5: 1.875rem;--space-8: 2rem;--space-8-5: 2.125rem;--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;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 624.9375rem;--z-nav: 10;--z-overlay: 100;--z-modal: 1000;--z-toast: 1100}:root{--type-display-xl-family: var(--font-emphasis);--type-display-xl-size: var(--text-10xl);--type-display-xl-weight: var(--weight-bold);--type-display-xl-line-height: 1.1;--type-display-lg-family: var(--font-emphasis);--type-display-lg-size: var(--text-9xl);--type-display-lg-weight: var(--weight-bold);--type-display-lg-line-height: 1.1;--type-display-md-family: var(--font-emphasis);--type-display-md-size: var(--text-8xl);--type-display-md-weight: var(--weight-bold);--type-display-md-line-height: 1.1;--type-display-sm-family: var(--font-emphasis);--type-display-sm-size: var(--text-7xl);--type-display-sm-weight: var(--weight-bold);--type-display-sm-line-height: 1.1;--type-h1-family: var(--font-emphasis);--type-h1-size: var(--text-6xl);--type-h1-weight: var(--weight-bold);--type-h1-line-height: 1.2;--type-h2-family: var(--font-emphasis);--type-h2-size: var(--text-5xl);--type-h2-weight: var(--weight-bold);--type-h2-line-height: 1.2;--type-h3-family: var(--font-emphasis);--type-h3-size: var(--text-4xl);--type-h3-weight: var(--weight-medium);--type-h3-line-height: 1.25;--type-h4-family: var(--font-emphasis);--type-h4-size: var(--text-3xl);--type-h4-weight: var(--weight-medium);--type-h4-line-height: 1.3;--type-h5-family: var(--font-emphasis);--type-h5-size: var(--text-2xl);--type-h5-weight: var(--weight-medium);--type-h5-line-height: 1.3;--type-h6-family: var(--font-emphasis);--type-h6-size: var(--text-xl);--type-h6-weight: var(--weight-medium);--type-h6-line-height: 1.4;--type-body-lg-family: var(--font-body);--type-body-lg-size: var(--text-lg);--type-body-lg-weight: var(--weight-normal);--type-body-lg-line-height: 1.6;--type-body-family: var(--font-body);--type-body-size: var(--text-base);--type-body-weight: var(--weight-normal);--type-body-line-height: 1.6;--type-body-sm-family: var(--font-body);--type-body-sm-size: var(--text-sm);--type-body-sm-weight: var(--weight-normal);--type-body-sm-line-height: 1.5;--type-label-family: var(--font-body);--type-label-size: var(--text-sm);--type-label-weight: var(--weight-medium);--type-label-line-height: 1.4;--type-caption-family: var(--font-body);--type-caption-size: var(--text-xs);--type-caption-weight: var(--weight-normal);--type-caption-line-height: 1.4;--type-button-family: var(--font-body);--type-button-size: var(--text-sm);--type-button-weight: var(--weight-medium);--type-button-line-height: 1;--type-input-family: var(--font-body);--type-input-size: var(--text-base);--type-input-weight: var(--weight-normal);--type-input-line-height: 1.5}:root{--spacing-page-gutter: var(--space-6);--spacing-section-gap: var(--space-16);--spacing-card-padding: var(--space-6);--spacing-stack-xs: var(--space-1);--spacing-stack-sm: var(--space-2);--spacing-stack-md: var(--space-4);--spacing-stack-lg: var(--space-6);--spacing-stack-xl: var(--space-8);--spacing-inline-xs: var(--space-1);--spacing-inline-sm: var(--space-2);--spacing-inline-md: var(--space-3);--spacing-inline-lg: var(--space-4);--spacing-btn-x: var(--space-4);--spacing-btn-y: var(--space-2);--spacing-btn-gap: var(--space-2);--spacing-input-x: var(--space-3);--spacing-input-y: var(--space-2);--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-xl);--radius-modal: var(--radius-2xl);--radius-badge: var(--radius-full);--radius-avatar: var(--radius-full);--shadow-desktop: 16px 16px 0 0 rgba(0, 0, 0, .15);--shadow-mobile: 8px 8px 0 0 rgba(0, 0, 0, .15)}.t-white{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: var(--error);--bg-color: var(--white);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--white-alpha-0);--btn-primary: var(--yellow);--btn-primary-dark: var(--dark-yellow);--btn-secondary: var(--dark-gray);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray)}.t-black{--text: var(--white);--text-inverted: var(--dark-gray);--text-dimmed: var(--white-alpha-50);--text-on-dark: var(--white);--error: var(--error-lighter);--border-dimmed: var(--white-alpha-50);--bg-color: var(--dark-gray);--bg-dark: var(--black);--bg-opacity-0: var(--dark-gray-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--white);--btn-fill-secondary: var(--white);--btn-border-tertiary: var(--white);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--dark-gray);--btn-label-tertiary: var(--white)}.t-pink{--text: var(--white);--text-inverted: var(--dark-gray);--text-dimmed: var(--white-alpha-50);--text-on-dark: var(--white);--error: transparent;--bg-color: var(--pink);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--pink-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--black);--btn-fill-secondary: var(--black);--btn-border-tertiary: var(--white);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--white)}.t-yellow{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: transparent;--bg-color: var(--yellow);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--yellow-alpha-0);--btn-primary: var(--black);--btn-secondary: var(--black);--btn-fill-primary: var(--black);--btn-fill-secondary: var(--black);--btn-border-tertiary: var(--black);--btn-label-primary: var(--white);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--black)}.t-green{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: transparent;--bg-color: var(--green);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--green-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--dark-gray);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray)}.t-blue{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: transparent;--bg-color: var(--blue);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--blue-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--dark-gray);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray)}:root{--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark: var(--white);--error: var(--error);--bg-color: var(--white);--bg-dark: var(--dark-gray);--bg-opacity-0: var(--white-alpha-0);--btn-primary: var(--yellow);--btn-secondary: var(--dark-gray);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray)}.section--m-color,:root{--bg-dark-on-color: var(--bg-dark);--bg-light-on-color: var(--white);--btn-fill-primary: var(--btn-primary);--btn-fill-secondary: var(--btn-secondary);--btn-border-tertiary: var(--btn-secondary);--text-on-dark-bg: var(--text-on-dark);--border: var(--text);--border-dimmed: var(--text-dimmed);--border-light: var(--gray-850);--error-soft: var(--error-soft);--input-text: var(--dark-gray);--input-bg: var(--white);--input-border: var(--dark-gray);--input-placeholder: var(--gray-500);--input-disabled-text: var(--gray-500);--input-disabled-border: var(--gray-500);--input-disabled-bg: var(--gray-100)}.section--m-dark{--bg-color: var(--black);--bg-dark-on-color: var(--black);--bg-light-on-color: var(--dark-gray);--text: var(--white);--text-inverted: var(--dark-gray);--text-dimmed: var(--white-alpha-50);--text-on-dark-bg: var(--white);--border: var(--white);--border-dimmed: var(--gray-600);--error: var(--error-lighter);--error-soft: var(--error-lighter);--btn-fill-primary: var(--yellow);--btn-fill-secondary: var(--white);--btn-border-tertiary: var(--white);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--dark-gray);--btn-label-tertiary: var(--white);--input-text: var(--dark-gray);--input-bg: var(--white);--input-border: var(--dark-gray);--input-placeholder: var(--gray-500);--input-disabled-text: var(--gray-500);--input-disabled-border: var(--gray-500);--input-disabled-bg: var(--gray-100)}.section--m-light{--bg-color: var(--gray-200);--bg-dark-on-color: var(--gray-200);--bg-light-on-color: var(--white);--text: var(--dark-gray);--text-inverted: var(--white);--text-dimmed: var(--black-alpha-50);--text-on-dark-bg: var(--white);--border: var(--dark-gray);--border-dimmed: var(--gray-400);--error: var(--error);--error-soft: var(--error);--btn-fill-primary: var(--yellow);--btn-fill-secondary: var(--black);--btn-border-tertiary: var(--black);--btn-label-primary: var(--dark-gray);--btn-label-secondary: var(--white);--btn-label-tertiary: var(--dark-gray);--input-text: var(--dark-gray);--input-bg: var(--white);--input-border: var(--dark-gray);--input-placeholder: var(--gray-500);--input-disabled-text: var(--gray-500);--input-disabled-border: var(--gray-500);--input-disabled-bg: var(--gray-100)}:where(.text){color:#202020;color:var(--text);font-style:normal;margin:0;font-family:PP Neue Montreal Mono,monospace;font-family:var(--font-body)}:where(.text[class*=text--label-]){font-family:PP Supply Mono,monospace;font-family:var(--font-emphasis)}:where(.text--xlarge){font-size:2.25rem;font-size:var(--text-4xl);font-weight:400;font-weight:var(--weight-normal);line-height:1.25;line-height:var(--leading-tight)}:where(.text--large){font-size:max(1.25rem,1.25vw);font-size:var(--text-fluid-xl);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-relaxed)}:where(.text--base){font-size:max(1rem,1vw);font-size:var(--text-fluid-base);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-relaxed)}:where(.text--small){font-size:max(1rem,1vw);font-size:var(--text-fluid-base);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-relaxed)}:where(.text--xsmall){font-size:.875rem;font-size:var(--text-sm);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-relaxed)}:where(.text--2xsmall){font-size:.75rem;font-size:var(--text-xs);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-relaxed)}:where(.text--label-large){font-size:1.5rem;font-size:var(--text-2xl);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-relaxed)}:where(.text--label-base){font-size:1.25rem;font-size:var(--text-xl);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-relaxed)}:where(.text--label-small){font-size:max(1rem,1vw);font-size:var(--text-fluid-base);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-relaxed)}:where(.text--label-xsmall){font-size:.875rem;font-size:var(--text-sm);font-weight:400;font-weight:var(--weight-normal);line-height:1.5;line-height:var(--leading-relaxed)}.text--weight-light{font-weight:300;font-weight:var(--weight-light)}.text--weight-regular{font-weight:400;font-weight:var(--weight-normal)}.text--weight-medium{font-weight:500;font-weight:var(--weight-medium)}.text--weight-bold{font-weight:700;font-weight:var(--weight-bold)}.text--leading-tight{line-height:1.25;line-height:var(--leading-tight)}.text--leading-relaxed{line-height:1.5;line-height:var(--leading-relaxed)}:where(.heading){color:#202020;color:var(--text);font-style:normal;margin:0;font-family:PP Supply Mono,monospace;font-family:var(--font-emphasis);word-wrap:break-word}:where(.heading--3xlarge){font-size:max(2rem,6vw);font-size:var(--text-fluid-3xlarge);font-weight:100;font-weight:var(--weight-ultra-light);line-height:1;line-height:var(--leading-none)}:where(.heading--3xlarge).heading--weight-bold{font-size:max(1.75rem,7vw);font-size:var(--text-fluid-3xlarge-bold)}:where(.heading--2xlarge){font-size:max(1.75rem,3.5vw);font-size:var(--text-fluid-2xlarge);font-weight:100;font-weight:var(--weight-ultra-light);line-height:1;line-height:var(--leading-none)}:where(.heading--2xlarge).heading--weight-bold{font-size:max(1.75rem,3.5vw);font-size:var(--text-fluid-2xlarge-bold)}:where(.heading--xlarge){font-size:clamp(2.5rem,5vw + 1rem,4.5rem);font-size:var(--text-fluid-7xl);font-weight:100;font-weight:var(--weight-ultra-light);line-height:1;line-height:var(--leading-none)}:where(.heading--large){font-size:max(1.75rem,3.5vw);font-size:var(--text-fluid-2xlarge);font-weight:100;font-weight:var(--weight-ultra-light);line-height:1;line-height:var(--leading-none)}:where(.heading--medium){font-size:2.25rem;font-size:var(--text-4xl);font-weight:100;font-weight:var(--weight-ultra-light);line-height:1;line-height:var(--leading-none)}:where(.heading--small){font-size:1.75rem;font-size:var(--text-3xl);font-weight:100;font-weight:var(--weight-ultra-light);line-height:1;line-height:var(--leading-none)}:where(.heading--xsmall){font-size:max(1.25rem,1.25vw);font-size:var(--text-fluid-xl);font-weight:100;font-weight:var(--weight-ultra-light);line-height:1;line-height:var(--leading-none)}.heading--weight-regular{font-weight:100;font-weight:var(--weight-ultra-light)}.heading--weight-bold{font-weight:400;font-weight:var(--weight-normal)}.heading--leading-tight{line-height:1;line-height:var(--leading-none)}.heading--leading-relaxed{line-height:1.25;line-height:var(--leading-tight)}@media(max-width:768px){:where(.heading--large){font-size:1.75rem;font-size:var(--text-3xl);line-height:1.25;line-height:var(--leading-tight)}}.icon-color--pink{color:#e8308a;color:var(--pink)}.icon-color--purple{color:#952269;color:var(--purple)}.icon-color--green{color:#95c11f;color:var(--green)}.icon-color--yellow{color:#f2e500;color:var(--yellow)}.icon-color--dark-yellow{color:#edd208;color:var(--dark-yellow)}.icon-color--blue{color:#83d0f5;color:var(--blue)}.icon-color--violet{color:#787fbd;color:var(--violet)}.icon-color--black{color:#141414;color:var(--black)}.icon-color--white{color:#fdfdfd;color:var(--white)}body,html{font-family:PP Neue Montreal Mono,monospace;font-family:var(--font-body);margin:0;padding:0}html{background-color:#fff}body{background-size:30px 30px;background-image:linear-gradient(to right,#f1f1f1 1px,transparent 1px),linear-gradient(to bottom,#f1f1f1 1px,transparent 1px)}main{position:relative}
