/*
 * Generated by packages/core/scripts/generate-tokens.mjs
 * Do not edit this file directly.
 */

:root {
  --breakpoint--360: 360px;
  --breakpoint--375: 375px;
  --breakpoint--412: 412px;
  --breakpoint--480: 480px;
  --breakpoint--568: 568px;
  --breakpoint--600: 600px;
  --breakpoint--667: 667px;
  --breakpoint--724: 724px;
  --breakpoint--768: 768px;
  --breakpoint--1024: 1024px;
  --breakpoint--1280: 1280px;
  --breakpoint--1440: 1440px;
  --breakpoint--2000: 2000px;
  --breakpoint--height--tall: 900px;
  --breakpoint--desktop: 768px;
  --color--black--rgb: 0, 0, 0;
  --color--black: rgba(0, 0, 0, 1);
  --color--black--dark-background: 1;
  --color--white--rgb: 255, 255, 255;
  --color--white: rgba(255, 255, 255, 1);
  --color--white--dark-background: 0;
  --color--red--rgb: 228, 45, 0;
  --color--red: rgba(228, 45, 0, 1);
  --color--red--dark-background: 1;
  --color--gray--111--rgb: 17, 17, 17;
  --color--gray--111: rgba(17, 17, 17, 1);
  --color--gray--111--dark-background: 1;
  --color--gray--222--rgb: 34, 34, 34;
  --color--gray--222: rgba(34, 34, 34, 1);
  --color--gray--222--dark-background: 1;
  --color--gray--333--rgb: 51, 51, 51;
  --color--gray--333: rgba(51, 51, 51, 1);
  --color--gray--333--dark-background: 1;
  --color--gray--444--rgb: 68, 68, 68;
  --color--gray--444: rgba(68, 68, 68, 1);
  --color--gray--444--dark-background: 1;
  --color--gray--555--rgb: 85, 85, 85;
  --color--gray--555: rgba(85, 85, 85, 1);
  --color--gray--555--dark-background: 1;
  --color--gray--666--rgb: 102, 102, 102;
  --color--gray--666: rgba(102, 102, 102, 1);
  --color--gray--666--dark-background: 1;
  --color--gray--767--rgb: 118, 118, 118;
  --color--gray--767: rgba(118, 118, 118, 1);
  --color--gray--767--dark-background: 1;
  --color--gray--888--rgb: 136, 136, 136;
  --color--gray--888: rgba(136, 136, 136, 1);
  --color--gray--888--dark-background: 0;
  --color--gray--999--rgb: 153, 153, 153;
  --color--gray--999: rgba(153, 153, 153, 1);
  --color--gray--999--dark-background: 0;
  --color--gray--aaa--rgb: 170, 170, 170;
  --color--gray--aaa: rgba(170, 170, 170, 1);
  --color--gray--aaa--dark-background: 0;
  --color--gray--bbb--rgb: 187, 187, 187;
  --color--gray--bbb: rgba(187, 187, 187, 1);
  --color--gray--bbb--dark-background: 0;
  --color--gray--ccc--rgb: 204, 204, 204;
  --color--gray--ccc: rgba(204, 204, 204, 1);
  --color--gray--ccc--dark-background: 0;
  --color--gray--ddd--rgb: 221, 221, 221;
  --color--gray--ddd: rgba(221, 221, 221, 1);
  --color--gray--ddd--dark-background: 0;
  --color--gray--eee--rgb: 238, 238, 238;
  --color--gray--eee: rgba(238, 238, 238, 1);
  --color--gray--eee--dark-background: 0;
  --color--brand--1--rgb: 247, 82, 189;
  --color--brand--1: rgba(247, 82, 189, 1);
  --color--brand--1--dark-background: 0;
  --color--brand--2--rgb: 232, 32, 70;
  --color--brand--2: rgba(232, 32, 70, 1);
  --color--brand--2--dark-background: 0;
  --color--brand--3--rgb: 255, 88, 93;
  --color--brand--3: rgba(255, 88, 93, 1);
  --color--brand--3--dark-background: 0;
  --color--brand--4--rgb: 255, 160, 150;
  --color--brand--4: rgba(255, 160, 150, 1);
  --color--brand--4--dark-background: 0;
  --color--brand--5--rgb: 255, 143, 28;
  --color--brand--5: rgba(255, 143, 28, 1);
  --color--brand--5--dark-background: 0;
  --color--brand--6--rgb: 250, 195, 0;
  --color--brand--6: rgba(250, 195, 0, 1);
  --color--brand--6--dark-background: 0;
  --color--brand--7--rgb: 143, 196, 33;
  --color--brand--7: rgba(143, 196, 33, 1);
  --color--brand--7--dark-background: 0;
  --color--brand--8--rgb: 2, 176, 66;
  --color--brand--8: rgba(2, 176, 66, 1);
  --color--brand--8--dark-background: 0;
  --color--brand--9--rgb: 107, 220, 197;
  --color--brand--9: rgba(107, 220, 197, 1);
  --color--brand--9--dark-background: 0;
  --color--brand--10--rgb: 0, 183, 242;
  --color--brand--10: rgba(0, 183, 242, 1);
  --color--brand--10--dark-background: 0;
  --color--brand--11--rgb: 94, 150, 255;
  --color--brand--11: rgba(94, 150, 255, 1);
  --color--brand--11--dark-background: 0;
  --color--brand--12--rgb: 171, 121, 230;
  --color--brand--12: rgba(171, 121, 230, 1);
  --color--brand--12--dark-background: 0;
  --color--membership--1--rgb: 14, 14, 14;
  --color--membership--1: rgba(14, 14, 14, 1);
  --color--membership--1--dark-background: 0;
  --color--membership--2--rgb: 86, 94, 83;
  --color--membership--2: rgba(86, 94, 83, 1);
  --color--membership--2--dark-background: 0;
  --color--membership--3--rgb: 246, 246, 247;
  --color--membership--3: rgba(246, 246, 247, 1);
  --color--membership--3--dark-background: 0;
  --color--membership--4--rgb: 0, 46, 97;
  --color--membership--4: rgba(0, 46, 97, 1);
  --color--membership--4--dark-background: 0;
  --color--membership--5--rgb: 9, 80, 159;
  --color--membership--5: rgba(9, 80, 159, 1);
  --color--membership--5--dark-background: 0;
  --color--membership--6--rgb: 213, 250, 234;
  --color--membership--6: rgba(213, 250, 234, 1);
  --color--membership--6--dark-background: 0;
  --color--membership--7--rgb: 2, 75, 32;
  --color--membership--7: rgba(2, 75, 32, 1);
  --color--membership--7--dark-background: 0;
  --color--membership--8--rgb: 0, 121, 51;
  --color--membership--8: rgba(0, 121, 51, 1);
  --color--membership--8--dark-background: 0;
  --color--membership--9--rgb: 200, 255, 151;
  --color--membership--9: rgba(200, 255, 151, 1);
  --color--membership--9--dark-background: 0;
  --color--membership--10--rgb: 94, 94, 0;
  --color--membership--10: rgba(94, 94, 0, 1);
  --color--membership--10--dark-background: 0;
  --color--membership--11--rgb: 173, 146, 0;
  --color--membership--11: rgba(173, 146, 0, 1);
  --color--membership--11--dark-background: 0;
  --color--membership--12--rgb: 254, 255, 185;
  --color--membership--12: rgba(254, 255, 185, 1);
  --color--membership--12--dark-background: 0;
  --color--membership--13--rgb: 138, 1, 95;
  --color--membership--13: rgba(138, 1, 95, 1);
  --color--membership--13--dark-background: 0;
  --color--membership--14--rgb: 179, 51, 112;
  --color--membership--14: rgba(179, 51, 112, 1);
  --color--membership--14--dark-background: 0;
  --color--membership--15--rgb: 246, 193, 230;
  --color--membership--15: rgba(246, 193, 230, 1);
  --color--membership--15--dark-background: 0;
  --color--membership--16--rgb: 148, 56, 0;
  --color--membership--16: rgba(148, 56, 0, 1);
  --color--membership--16--dark-background: 0;
  --color--membership--17--rgb: 189, 60, 0;
  --color--membership--17: rgba(189, 60, 0, 1);
  --color--membership--17--dark-background: 0;
  --color--membership--18--rgb: 255, 230, 226;
  --color--membership--18: rgba(255, 230, 226, 1);
  --color--membership--18--dark-background: 0;
  --color--session: var(--color--brand--10);
  --color--session--rgb: var(--color--brand--10--rgb);
  --color--session--background: var(--color--gray--999);
  --color--session--background--rgb: var(--color--gray--999--rgb);
  --color--ps1: var(--color--white);
  --color--ps1--rgb: var(--color--white--rgb);
  --color--ps1--secondary: var(--color--session);
  --color--ps1--secondary--rgb: var(--color--session--rgb);
  --color--ps1--background: var(--color--black);
  --color--ps1--background--rgb: var(--color--black--rgb);
  --color--ps1--background--secondary: var(--color--gray--222);
  --color--ps1--background--secondary--rgb: var(--color--gray--222--rgb);
  --color--collection: var(--color--black);
  --color--collection--rgb: var(--color--black--rgb);
  --color--collection--secondary: var(--color--brand--10);
  --color--collection--secondary--rgb: var(--color--brand--10--rgb);
  --color--collection--background: var(--color--brand--6);
  --color--collection--background--rgb: var(--color--brand--6--rgb);
  --color--rgb: var(--color--black--rgb);
  --color: rgba(var(--color--rgb), 1);
  --color--background--rgb: var(--color--white--rgb);
  --color--background: rgba(var(--color--background--rgb), 1);
  --color--focus: var(--color--black);
  --color--focus--rgb: var(--color--black--rgb);
  --color--focus--reverse: var(--color--white);
  --color--focus--reverse--rgb: var(--color--white--rgb);
  --color--active--alpha: 0.04;
  --color--tap-highlight--alpha: 0.07;
  --color--active--alpha--reverse: 0.1;
  --color--tap-highlight--alpha--reverse: 0.13;
  --font-family--sans: "MoMA Sans", "Helvetica", sans-serif;
  --font-family--sans-language: "MoMA Sans", var(--language-font-face), "Helvetica", sans-serif;
  --font-family--condensed: "MoMA Sans Condensed", "Helvetica", sans-serif;
  --language-font-face--default: "MoMA Sans";
  --language-font-face--en: "MoMA Sans";
  --language-font-face--zh-hans: "Noto Sans SC";
  --language-font-face--zh-hant: "Noto Sans TC";
  --language-font-face--ko: "Noto Sans KR";
  --language-font-face--ja: "Noto Sans JP";
  --font-weight--extra-light: 100;
  --font-weight--light: 300;
  --font-weight--regular: 400;
  --font-weight--medium: 600;
  --font-weight--semibold: 700;
  --font-weight--bold: 900;
  --typography--cap-height: 0.75;
  --typography--x-height: 0.559;
  --typography--shoulder--bottom: 0.101;
  --typography--shoulder--input: 0.091;
  --typography--shoulder: calc(1 - var(--typography--cap-height));
  --typography--shoulder--top: calc(var(--typography--shoulder) - var(--typography--shoulder--bottom));
  --typography--shift--cap: calc(var(--typography--shoulder) / 2);
  --typography--shift--x: calc((1 - var(--typography--x-height)) / 2);
  --typography--size: 10;
  --typography--leading--previous: var(--typography--leading);
  --typography--size--previous: var(--typography--size);
  --typography--face--regular--bullet: 0.28;
  --typography--face--regular--icon-space: 0.649;
  --typography--face--regular--icon-stroke: 0.076;
  --typography--face--regular--inset-left: -0.097;
  --typography--face--regular--inset-right: -0.074;
  --typography--face--regular--script-cap-height: 0.428;
  --typography--face--regular--subscript-offset: -0.075;
  --typography--face--regular--superscript-offset: 0.39;
  --typography--face--regular--tracking: 0;
  --typography--face--regular--underline-clear: 0.075;
  --typography--face--regular--underline-inset: -0.081;
  --typography--face--regular--underline-offset: 0.12;
  --typography--face--regular--underline: 0.075;
  --typography--face--regular--weight: 400;
  --typography--face--bold--bullet: 0.305;
  --typography--face--bold--icon-space: 0.444;
  --typography--face--bold--icon-stroke: 0.149;
  --typography--face--bold--inset-left: -0.071;
  --typography--face--bold--inset-right: -0.035;
  --typography--face--bold--script-cap-height: 0.44;
  --typography--face--bold--subscript-offset: -0.075;
  --typography--face--bold--superscript-offset: 0.378;
  --typography--face--bold--tracking: -0.02;
  --typography--face--bold--underline-clear: 0.1;
  --typography--face--bold--underline-inset: -0.059;
  --typography--face--bold--underline-offset: 0.056;
  --typography--face--bold--underline: 0.133;
  --typography--face--bold--weight: 900;
  --typography--bullet: var(--typography--face--bold--bullet);
  --typography--icon-space: var(--typography--face--bold--icon-space);
  --typography--icon-stroke: var(--typography--face--bold--icon-stroke);
  --typography--inset-left: var(--typography--face--bold--inset-left);
  --typography--inset-right: var(--typography--face--bold--inset-right);
  --typography--script-cap-height: var(--typography--face--bold--script-cap-height);
  --typography--subscript-offset: var(--typography--face--bold--subscript-offset);
  --typography--superscript-offset: var(--typography--face--bold--superscript-offset);
  --typography--tracking: var(--typography--face--bold--tracking);
  --typography--underline-clear: var(--typography--face--bold--underline-clear);
  --typography--underline-inset: var(--typography--face--bold--underline-inset);
  --typography--underline-offset: var(--typography--face--bold--underline-offset);
  --typography--underline: var(--typography--face--bold--underline);
  --typography--weight: var(--typography--face--bold--weight);
  --typography--preset--body--leading: 1.3333333333;
  --typography--preset--body--descenders: 0.231;
  --typography--preset--body--scale-minor: 0.8888888889;
  --typography--preset--body--scale-major: 1.3333333333;
  --typography--preset--body--scale-prime: 2;
  --typography--preset--body--scale-prime--desktop: 2.6666666667;
  --typography--preset--solid--leading: 1;
  --typography--preset--solid--ascenders: 0.33;
  --typography--preset--solid--descenders: 0.2;
  --typography--preset--solid--scale-minor: 0.75;
  --typography--preset--solid--scale-major: 1.5;
  --typography--preset--solid--scale-major--desktop: 2;
  --typography--preset--solid--scale-prime: 2;
  --typography--preset--solid--scale-prime--desktop: 3;
  --typography--preset--solid--scale-clear: initial;
  --typography--leading: var(--typography--preset--solid--leading);
  --typography--scale--minor: var(--typography--preset--solid--scale-minor);
  --typography--scale--major: var(--typography--preset--solid--scale-major);
  --typography--scale--prime: var(--typography--preset--solid--scale-prime);
  --typography--scale--clear: var(--typography--preset--solid--scale-clear);
  --typography--ascenders: var(--typography--preset--solid--ascenders);
  --typography--descenders: var(--typography--preset--solid--descenders);
  --typography--size--small: 14;
  --typography--size--small--desktop: 16;
  --typography--size--medium: 16;
  --typography--size--medium--desktop: 18;
  --typography--size--large: 20;
  --typography--size--large--desktop: 22;
  --typography--size--medium-large: 24;
  --typography--size--medium-large--desktop: 30;
  --typography--size--extra-large: 28;
  --typography--size--extra-large--desktop: 40;
  --typography--size--extra-extra-large: 32;
  --typography--size--extra-extra-large--desktop: 60;
  --typography--size--hero: 36;
  --typography--size--hero--desktop: 80;
  --typography--size--hero-secondary: 18;
  --typography--size--hero-secondary--desktop: 40;
  --typography--size--hero-short--375: 56;
  --typography--size--hero-short: 36;
  --typography--size--hero-short--desktop: 120;
  --typography--size--12pt: 12;
  --typography--size--14pt: 14;
  --typography--size--16pt: 16;
  --typography--size--18pt: 18;
  --typography--size--20pt: 20;
  --typography--size--22pt: 22;
  --typography--size--24pt: 24;
  --typography--size--30pt: 30;
  --typography--size--32pt: 32;
  --typography--size--36pt: 36;
  --typography--size--40pt: 40;
  --typography--size--48pt: 48;
  --typography--size--60pt: 60;
  --typography--size--80pt: 80;
  --typography--size--120pt: 120;
  --rem-conversion: 0.1rem;
  --page-spacing: 2.4rem;
  --page-spacing-fixed: 2.4rem;
  --page-width-extension: 0rem;
  --page-width-layout: calc(var(--page-width--visible) - var(--page-spacing--fixed) * 2);
  --page-width-maximum: 128rem;
  --page-width-visible: calc(100vw - var(--scrollbar-width, 0rem));
  --rights-maximum: 200rem;
  --uneven-column-width-side: calc((var(--page-width--layout) - var(--page-spacing--fixed) * 2) / 3);
  --uneven-column-width-main: calc(var(--page-width--layout) - var(--uneven-column-width--side) - var(--page-spacing--fixed));
  --nav-height: 0rem;
  --focus-radius: 0.4rem;
  --focus-thickness: 0.2rem;
  --link-enlargement: 0.4rem;
  --motion--duration--0: 0ms;
  --motion--duration--50: 50ms;
  --motion--duration--100: 100ms;
  --motion--duration--150: 150ms;
  --motion--duration--200: 200ms;
  --motion--duration--250: 250ms;
  --motion--duration--300: 300ms;
  --motion--duration--350: 350ms;
  --motion--duration--400: 400ms;
  --motion--duration--450: 450ms;
  --motion--duration--500: 500ms;
  --motion--duration--600: 600ms;
  --motion--duration--800: 800ms;
  --motion--duration--1000: 1000ms;
  --motion--duration--1500: 1500ms;
  --motion--duration--2000: 2000ms;
  --motion--duration--3000: 3000ms;
  --motion--duration--4000: 4000ms;
  --motion--curve--ease: ease;
  --motion--curve--ease-in: ease-in;
  --motion--curve--ease-out: ease-out;
  --motion--curve--ease-in-out: ease-in-out;
  --motion--curve--linear: linear;
  --motion--curve--step-start: step-start;
  --motion--curve--step-end: step-end;
  --motion--property--backdrop-filter: backdrop-filter;
  --motion--property--background-color: background-color;
  --motion--property--border-color: border-color;
  --motion--property--bottom: bottom;
  --motion--property--color: color;
  --motion--property--fill: fill;
  --motion--property--height: height;
  --motion--property--left: left;
  --motion--property--margin: margin;
  --motion--property--padding: padding;
  --motion--property--max-height: max-height;
  --motion--property--max-width: max-width;
  --motion--property--min-height: min-height;
  --motion--property--min-width: min-width;
  --motion--property--opacity: opacity;
  --motion--property--right: right;
  --motion--property--stroke: stroke;
  --motion--property--top: top;
  --motion--property--transform: transform;
  --motion--property--visibility: visibility;
  --motion--property--width: width;
}

:root, :lang(en) {
  --language-font-face: var(--language-font-face--default);
}

:lang(zh-Hans) {
  --language-font-face: var(--language-font-face--zh-hans);
}

:lang(zh-Hant) {
  --language-font-face: var(--language-font-face--zh-hant);
}

:lang(ko) {
  --language-font-face: var(--language-font-face--ko);
}

:lang(ja) {
  --language-font-face: var(--language-font-face--ja);
}

@media (min-width: 768px) {
  :root {
    --typography--scale--major: var(--typography--preset--solid--scale-major--desktop);
    --typography--scale--prime: var(--typography--preset--solid--scale-prime--desktop);
    --page-spacing: 3.2rem;
    --page-spacing-fixed: 4.8rem;
    --link-enlargement: 0.8rem;
  }
}

@media (min-width: 1280px) {
  :root {
    --page-width-layout: calc(var(--page-width--maximum) - var(--page-spacing--fixed) * 2);
    --page-width-extension: calc((var(--page-width--visible) - var(--page-width--maximum)) / 2);
  }
}

@media (min-width: 2000px) {
  :root {
    --page-width-extension: calc((var(--rights-maximum) - var(--page-width--maximum)) / 2);
  }
}