@nycds/variables 0.2.2 → 0.3.0-prerelease.1

package/dist/variables.min.css

@@ -1 +1 @@
-:root{--nyc-cmp-navigation-primary-padding-block:0;--nyc-cmp-navigation-primary-padding-inline:0;--nyc-cmp-header-subproperty-quahog-purple-bg:#f6d6ff;--nyc-cmp-header-subproperty-quahog-purple-default:#9400bd;--nyc-cmp-header-subproperty-liberty-green-bg:#d8fdfa;--nyc-cmp-header-subproperty-liberty-green-default:#0cb;--nyc-cmp-header-subproperty-forest-green-bg:#e7fdeb;--nyc-cmp-header-subproperty-forest-green-default:#061;--nyc-cmp-header-subproperty-sidewalk-gray-bg:#eaecf6;--nyc-cmp-header-subproperty-sidewalk-gray-default:#c2cae5;--nyc-cmp-header-subproperty-sky-blue-bg:#f0f8ff;--nyc-cmp-header-subproperty-sky-blue-default:#d1e9ff;--nyc-cmp-header-subproperty-bright-blue-bg:#dbf2ff;--nyc-cmp-header-subproperty-bright-blue-default:#42baff;--nyc-cmp-header-subproperty-navy-blue-bg:#dddffd;--nyc-cmp-header-subproperty-navy-blue-default:#000675;--nyc-cmp-button-font-weight:600;--nyc-sys-radius-fluid-sm-base:clamp(0.75rem,0.6461rem + 0.5195vw,1rem);--nyc-sys-radius-fluid-xs-base:clamp(0.5rem,0.2922rem + 1.039vw,1rem);--nyc-sys-radius-fluid-base-2xl:clamp(1rem,0.3766rem + 3.1169vw,2.5rem);--nyc-sys-space-fluid-2xl-4xl:clamp(2.5rem,2.0844rem + 2.0779vw,3.5rem);--nyc-sys-space-fluid-lg-4xl:clamp(1.5rem,0.6688rem + 4.1558vw,3.5rem);--nyc-sys-space-fluid-base-4xl:clamp(1rem,-0.039rem + 5.1948vw,3.5rem);--nyc-sys-space-fluid-xl-3xl:clamp(2rem,1.5844rem + 2.0779vw,3rem);--nyc-sys-space-fluid-xs-xl:clamp(0.5rem,-0.1234rem + 3.1169vw,2rem);--nyc-sys-space-fluid-5xl-6xl:clamp(4rem,3.5844rem + 2.0779vw,5rem);--nyc-sys-space-fluid-xs-base:clamp(0.5rem,0.2922rem + 1.039vw,1rem);--nyc-sys-space-fluid-sm-base:clamp(0.75rem,0.6461rem + 0.5195vw,1rem);--nyc-sys-space-fluid-3xl-5xl:clamp(3rem,2.5844rem + 2.0779vw,4rem);--nyc-sys-space-fluid-xl-5xl:clamp(2rem,1.1688rem + 4.1558vw,4rem);--nyc-sys-space-fluid-6xl-8xl:clamp(5rem,4.1688rem + 4.1558vw,7rem);--nyc-sys-space-fluid-7xl-8xl:clamp(6rem,5.5844rem + 2.0779vw,7rem);--nyc-sys-space-fluid-lg-3xl:clamp(1.5rem,0.8766rem + 3.1169vw,3rem);--nyc-sys-space-fluid-base-5xl:clamp(1rem,-0.2468rem + 6.2338vw,4rem);--nyc-sys-space-fluid-base-lg:clamp(1rem,0.7922rem + 1.039vw,1.5rem);--nyc-sys-space-fluid-lg-xl:clamp(1.5rem,1.2922rem + 1.039vw,2rem);--nyc-sys-space-fluid-lg-8xl:clamp(1.5rem,-0.7857rem + 11.4286vw,7rem);--nyc-sys-space-fluid-xl-2xl:clamp(2rem,1.7922rem + 1.039vw,2.5rem);--nyc-sys-space-fluid-lg-5xl:clamp(1.5rem,0.461rem + 5.1948vw,4rem);--nyc-sys-space-fluid-base-xl:clamp(1rem,0.5844rem + 2.0779vw,2rem);--nyc-sys-space-fluid-xs-sm:clamp(0.5rem,0.3961rem + 0.5195vw,0.75rem);--nyc-sys-space-fluid-lg-2xl:clamp(1.5rem,1.0844rem + 2.0779vw,2.5rem);--nyc-sys-space-fluid-2xl-5xl:clamp(2.5rem,1.8766rem + 3.1169vw,4rem);--nyc-sys-space-fluid-base-2xl:clamp(1rem,0.3766rem + 3.1169vw,2.5rem);--nyc-sys-space-fluid-2xl-6xl:clamp(2.5rem,1.461rem + 5.1948vw,5rem);--nyc-sys-size-text-fluid-xs-sm:clamp(0.875rem,0.8231rem + 0.2597vw,1rem);--nyc-sys-size-text-fluid-4xl-8xl:clamp(2rem,0.3377rem + 8.3117vw,6rem);--nyc-sys-size-text-fluid-sm-xl:clamp(1rem,0.8442rem + 0.7792vw,1.375rem);--nyc-sys-size-text-fluid-4xl-7xl:clamp(2rem,1.1688rem + 4.1558vw,4rem);--nyc-sys-size-text-fluid-lg-3xl:clamp(1.25rem,1.0422rem + 1.039vw,1.75rem);--nyc-sys-size-text-fluid-3xl-6xl:clamp(1.75rem,1.0227rem + 3.6364vw,3.5rem);--nyc-sys-size-text-fluid-xl-3xl:clamp(1.375rem,1.2192rem + 0.7792vw,1.75rem);--nyc-sys-size-text-fluid-lg-2xl:clamp(1.25rem,1.1461rem + 0.5195vw,1.5rem);--nyc-sys-size-text-fluid-base-lg:clamp(1.125rem,1.0731rem + 0.2597vw,1.25rem);--nyc-sys-size-text-fluid-lg-xl:clamp(1.25rem,1.1981rem + 0.2597vw,1.375rem);--nyc-sys-size-text-fluid-2xl-5xl:clamp(1.5rem,1.0844rem + 2.0779vw,2.5rem);--nyc-sys-size-text-fluid-base-xl:clamp(1.125rem,1.0211rem + 0.5195vw,1.375rem);--nyc-sys-size-text-fluid-xl-4xl:clamp(1.375rem,1.1153rem + 1.2987vw,2rem);--nyc-sys-size-text-fluid-2xl-4xl:clamp(1.5rem,1.2922rem + 1.039vw,2rem);--nyc-sys-size-text-fluid-4xl-6xl:clamp(2rem,1.3766rem + 3.1169vw,3.5rem);--nyc-sys-size-text-fluid-3xl-5xl:clamp(1.75rem,1.4383rem + 1.5584vw,2.5rem);--nyc-sys-size-text-fluid-5xl-7xl:clamp(2.5rem,1.8766rem + 3.1169vw,4rem);--nyc-ref-type-family-clash:"Clash Grotesk",sans-serif;--nyc-ref-type-family-noto:"Noto Sans",sans-serif;--nyc-ref-gradient-sidewalk-gray-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-sidewalk-gray-bg) 0%,#fff 100%);--nyc-ref-gradient-quahog-purple-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-quahog-purple-bg) 0%,#fff 100%);--nyc-ref-gradient-navy-blue-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-navy-blue-bg) 0%,#fff 100%);--nyc-ref-gradient-sky-blue-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-sky-blue-bg) 0%,#fff 100%);--nyc-ref-gradient-bright-blue-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-bright-blue-bg) 0%,#fff 100%);--nyc-ref-gradient-liberty-green-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-liberty-green-bg) 0%,#fff 100%);--nyc-ref-gradient-forest-green-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-forest-green-bg) 0%,#fff 100%);--nyc-ref-gradient-green-100-white:linear-gradient(180deg,var(--nyc-ref-color-green-100) 0%,#fff 100%);--nyc-ref-gradient-yellow-100-white:linear-gradient(180deg,var(--nyc-ref-color-yellow-100) 0%,#fff 100%);--nyc-ref-gradient-red-100-white:linear-gradient(180deg,var(--nyc-ref-color-red-100) 0%,#fff 100%);--nyc-ref-gradient-blue-orange:linear-gradient(180deg,#e2f3ff,#ffecd9);--nyc-ref-gradient-rainbow:conic-gradient(from 175deg at 50% 50%,#6c95ff 17.627713680267334deg,#ffa149 101.25deg,#bb64ff 226.87499284744263deg,#70baff 325.17677307128906deg);--nyc-ref-gradient-purple:linear-gradient(179deg,#131627 15.45%,#4b184d 87.84%);--nyc-ref-gradient-orange-blue:linear-gradient(180deg,#ffecd9,#e2f3ff);--nyc-ref-shadow-20:4px 4px 12px 0px rgba(0,0,0,.2);--nyc-ref-shadow-10:0px 4px 12px 0px rgba(0,0,0,.2);--nyc-ref-color-yellow-100:#fff9e5;--nyc-ref-color-yellow-90:#ffeeb2;--nyc-ref-color-yellow-70:#fd6;--nyc-ref-color-yellow-50:#ffc700;--nyc-ref-color-yellow-30:#970;--nyc-ref-color-yellow-10:#4c3c00;--nyc-ref-color-red-100:#fde7e8;--nyc-ref-color-red-90:#f9b8bb;--nyc-ref-color-red-70:#f47178;--nyc-ref-color-red-50:#ec131e;--nyc-ref-color-red-40:#b30f17;--nyc-ref-color-red-30:#8e0b12;--nyc-ref-color-red-10:#470609;--nyc-ref-color-green-100:#e6f8e6;--nyc-ref-color-green-90:#b3e9b3;--nyc-ref-color-green-70:#66d468;--nyc-ref-color-green-50:#00b703;--nyc-ref-color-green-30:#006e02;--nyc-ref-color-green-10:#003701;--nyc-ref-color-purple-50:#c67dff;--nyc-ref-color-purple-40:#7f00d6;--nyc-ref-color-purple-30:#58376e;--nyc-ref-color-purple-20:#4c3959;--nyc-ref-color-purple-10:#131627;--nyc-ref-color-orange-70-25:#fba95b40;--nyc-ref-color-orange-90:#ffe0c2;--nyc-ref-color-orange-80:#fcc788;--nyc-ref-color-orange-70:#fba95b;--nyc-ref-color-orange-60:#f98d26;--nyc-ref-color-orange-50:#e57000;--nyc-ref-color-blue-100:#e7f0fa;--nyc-ref-color-blue-90:#d1e9ff;--nyc-ref-color-blue-80:#b5dbff;--nyc-ref-color-blue-70:#70baff;--nyc-ref-color-blue-60:#3185fc;--nyc-ref-color-blue-50:#004fff;--nyc-ref-color-blue-40:#103fef;--nyc-ref-color-blue-30:#051adb;--nyc-ref-color-blue-20:#0008a0;--nyc-ref-color-blue-10:#050560;--nyc-ref-color-gray-10-25:#22222240;--nyc-ref-color-gray-white-25:#ffffff40;--nyc-ref-color-gray-white-80:#ffffffcc;--nyc-ref-color-gray-black-90:#000000e6;--nyc-ref-color-gray-10-15:#22222226;--nyc-ref-color-gray-white-15:#ffffff26;--nyc-ref-color-gray-10-60:#22222299;--nyc-ref-color-gray-white-75:#ffffffbf;--nyc-ref-color-gray-white:#fff;--nyc-ref-color-gray-black:#000;--nyc-ref-color-gray-90:#eee;--nyc-ref-color-gray-80:#ddd;--nyc-ref-color-gray-70:#ccc;--nyc-ref-color-gray-60:#aaa;--nyc-ref-color-gray-50:#949494;--nyc-ref-color-gray-40:#777;--nyc-ref-color-gray-30:#555;--nyc-ref-color-gray-20:#333;--nyc-ref-color-gray-10:#222;--nyc-ref-length-1-5:1.5px;--nyc-ref-length-1440:1440px;--nyc-ref-length-1160:1160px;--nyc-ref-length-1090:1090px;--nyc-ref-length-750:750px;--nyc-ref-length-440:440px;--nyc-ref-length-360:360px;--nyc-ref-length-320:320px;--nyc-ref-length-240:240px;--nyc-ref-length-176:176px;--nyc-ref-length-112:112px;--nyc-ref-length-100:100px;--nyc-ref-length-96:96px;--nyc-ref-length-90:90px;--nyc-ref-length-80:80px;--nyc-ref-length-64:64px;--nyc-ref-length-56:56px;--nyc-ref-length-50:50px;--nyc-ref-length-48:48px;--nyc-ref-length-40:40px;--nyc-ref-length-36:36px;--nyc-ref-length-32:32px;--nyc-ref-length-28:28px;--nyc-ref-length-24:24px;--nyc-ref-length-22:22px;--nyc-ref-length-20:20px;--nyc-ref-length-18:18px;--nyc-ref-length-16:16px;--nyc-ref-length-14:14px;--nyc-ref-length-12:12px;--nyc-ref-length-10:10px;--nyc-ref-length-8:8px;--nyc-ref-length-4:4px;--nyc-ref-length-2:2px;--nyc-cmp-space-vertical-3xl:var(--nyc-sys-space-fluid-7xl-8xl);--nyc-cmp-space-vertical-2xl:var(--nyc-sys-space-fluid-5xl-6xl);--nyc-cmp-space-vertical-xl:var(--nyc-sys-space-fluid-3xl-5xl);--nyc-cmp-space-vertical-lg:var(--nyc-sys-space-fluid-xl-3xl);--nyc-cmp-space-vertical-md:var(--nyc-sys-space-fluid-lg-xl);--nyc-cmp-space-vertical-xs:var(--nyc-sys-space-fluid-sm-base);--nyc-cmp-space-vertical-sm:var(--nyc-sys-space-fluid-base-lg);--nyc-cmp-inline-message:var(--nyc-ref-color-orange-70-25);--nyc-cmp-emergency-surface:var(--nyc-ref-color-red-40);--nyc-cmp-type-caption-size:var(--nyc-sys-size-text-fluid-xs-sm);--nyc-cmp-type-intro-size:var(--nyc-sys-size-text-fluid-lg-xl);--nyc-cmp-type-display-size:var(--nyc-sys-size-text-fluid-5xl-7xl);--nyc-cmp-modal-body-padding-horizontal:var(--nyc-sys-space-fluid-base-xl);--nyc-cmp-modal-body-padding-vertical:var(--nyc-sys-space-fluid-base-xl);--nyc-cmp-modal-header-padding-vertical:var(--nyc-sys-space-fluid-sm-base);--nyc-cmp-modal-header-padding-horizontal:var(--nyc-sys-space-fluid-base-lg);--nyc-cmp-table-header-background:var(--nyc-ref-color-gray-20);--nyc-cmp-hero-padding-horizontal:var(--nyc-sys-space-fluid-base-5xl);--nyc-cmp-hero-padding-vertical:var(--nyc-sys-space-fluid-xl-5xl);--nyc-cmp-center-gutter:var(--nyc-sys-space-fluid-base-5xl);--nyc-cmp-accordion-icon-size:var(--nyc-sys-size-text-fluid-3xl-5xl);--nyc-cmp-accordion-body-padding-block:var(--nyc-sys-space-fluid-lg-xl);--nyc-cmp-accordion-body-padding-inline:var(--nyc-sys-space-fluid-lg-xl);--nyc-cmp-accordion-heading-padding-inline:var(--nyc-sys-space-fluid-base-lg);--nyc-cmp-accordion-heading-font-size:var(--nyc-sys-size-text-fluid-xl-3xl);--nyc-cmp-heading-h5-size:var(--nyc-sys-size-text-fluid-base-lg);--nyc-cmp-heading-h4-size:var(--nyc-sys-size-text-fluid-lg-2xl);--nyc-cmp-heading-h1-home-sub:var(--nyc-sys-size-text-fluid-3xl-6xl);--nyc-cmp-heading-h1-home:var(--nyc-sys-size-text-fluid-5xl-7xl);--nyc-cmp-heading-h3-size:var(--nyc-sys-size-text-fluid-xl-3xl);--nyc-cmp-heading-h2-size:var(--nyc-sys-size-text-fluid-3xl-5xl);--nyc-cmp-heading-h1-size:var(--nyc-sys-size-text-fluid-4xl-6xl);--nyc-cmp-footer-color:var(--nyc-ref-color-gray-white);--nyc-cmp-footer-background:var(--nyc-ref-color-gray-black);--nyc-cmp-navigation-official-message:var(--nyc-ref-color-gray-20);--nyc-cmp-navigation-primary-background:var(--nyc-ref-color-gray-black);--nyc-cmp-header-primary-on-header:var(--nyc-ref-color-gray-white);--nyc-cmp-header-primary-background:var(--nyc-ref-color-gray-black);--nyc-cmp-button-padding-block:var(--nyc-sys-space-fluid-xs-sm);--nyc-cmp-button-padding-inline:var(--nyc-sys-space-fluid-base-xl);--nyc-cmp-button-font-size:var(--nyc-sys-size-text-fluid-base-xl);--nyc-cmp-card-heading-size:var(--nyc-sys-size-text-fluid-xl-3xl);--nyc-sys-radius-xl:var(--nyc-ref-length-32);--nyc-sys-radius-sm:var(--nyc-ref-length-12);--nyc-sys-radius-2xs:var(--nyc-ref-length-4);--nyc-sys-radius-2xl:var(--nyc-ref-length-40);--nyc-sys-radius-lg:var(--nyc-ref-length-24);--nyc-sys-radius-base:var(--nyc-ref-length-16);--nyc-sys-radius-xs:var(--nyc-ref-length-8);--nyc-sys-font-family-heading:var(--nyc-ref-type-family-clash);--nyc-sys-font-family-body:var(--nyc-ref-type-family-noto);--nyc-sys-space-7xl:var(--nyc-ref-length-96);--nyc-sys-space-4xl:var(--nyc-ref-length-56);--nyc-sys-space-3xl:var(--nyc-ref-length-48);--nyc-sys-space-2xs:var(--nyc-ref-length-4);--nyc-sys-space-xl:var(--nyc-ref-length-32);--nyc-sys-space-8xl:var(--nyc-ref-length-112);--nyc-sys-space-6xl:var(--nyc-ref-length-80);--nyc-sys-space-5xl:var(--nyc-ref-length-64);--nyc-sys-space-2xl:var(--nyc-ref-length-40);--nyc-sys-space-lg:var(--nyc-ref-length-24);--nyc-sys-space-base:var(--nyc-ref-length-16);--nyc-sys-space-sm:var(--nyc-ref-length-12);--nyc-sys-space-xs:var(--nyc-ref-length-8);--nyc-sys-gradient-text-fill:var(--nyc-ref-gradient-rainbow);--nyc-sys-gradient-background:var(--nyc-ref-gradient-blue-orange);--nyc-sys-shadow-base:var(--nyc-ref-shadow-20);--nyc-sys-shadow-low:var(--nyc-ref-shadow-10);--nyc-sys-color-element-pressed-inverted:var(--nyc-ref-color-gray-white-25);--nyc-sys-color-element-hover-inverted:var(--nyc-ref-color-gray-white-15);--nyc-sys-color-progress-complete:var(--nyc-ref-color-gray-10);--nyc-sys-color-progress-incomplete:var(--nyc-ref-color-gray-40);--nyc-sys-color-link-hover:var(--nyc-ref-color-blue-10);--nyc-sys-color-element-pressed:var(--nyc-ref-color-gray-10-25);--nyc-sys-color-link-inverted:var(--nyc-ref-color-blue-80);--nyc-sys-color-link-high-contrast:var(--nyc-ref-color-gray-black);--nyc-sys-color-auxiliary-information:var(--nyc-ref-color-blue-70);--nyc-sys-color-auxiliary-warning:var(--nyc-ref-color-orange-70);--nyc-sys-color-auxiliary-error:var(--nyc-ref-color-red-50);--nyc-sys-color-auxiliary-success:var(--nyc-ref-color-green-50);--nyc-sys-color-subproperty-background:var(--nyc-ref-color-blue-100);--nyc-sys-color-element-hover:var(--nyc-ref-color-gray-10-15);--nyc-sys-color-link:var(--nyc-ref-color-blue-30);--nyc-sys-color-link-visited:var(--nyc-ref-color-purple-40);--nyc-sys-color-on-secondary-hover:var(--nyc-ref-color-blue-10);--nyc-sys-color-on-inactive:var(--nyc-ref-color-gray-10);--nyc-sys-color-inactive:var(--nyc-ref-color-gray-70);--nyc-sys-color-border-focus-high:var(--nyc-ref-color-gray-white);--nyc-sys-color-border-medium:var(--nyc-ref-color-gray-50);--nyc-sys-color-border-high-inverted:var(--nyc-ref-color-gray-white);--nyc-sys-color-border-focus:var(--nyc-ref-color-gray-black);--nyc-sys-color-border-medium-low:var(--nyc-ref-color-gray-70);--nyc-sys-color-border-high:var(--nyc-ref-color-gray-black);--nyc-sys-color-border-medium-high:var(--nyc-ref-color-gray-30);--nyc-sys-color-border-base:var(--nyc-ref-color-gray-80);--nyc-sys-color-on-surface-high:var(--nyc-ref-color-gray-white);--nyc-sys-color-on-surface-base:var(--nyc-ref-color-gray-black);--nyc-sys-color-surface-emergency:var(--nyc-ref-color-red-40);--nyc-sys-color-surface-info:var(--nyc-ref-color-blue-100);--nyc-sys-color-surface-warning:var(--nyc-ref-color-yellow-100);--nyc-sys-color-surface-error:var(--nyc-ref-color-red-100);--nyc-sys-color-surface-success:var(--nyc-ref-color-green-100);--nyc-sys-color-surface-input-highlight:var(--nyc-ref-color-blue-100);--nyc-sys-color-surface-input:var(--nyc-ref-color-gray-white);--nyc-sys-color-surface-high-overlay-white:var(--nyc-ref-color-gray-white-80);--nyc-sys-color-surface-highlight:var(--nyc-ref-color-blue-90);--nyc-sys-color-surface-high-overlay-black:var(--nyc-ref-color-gray-black-90);--nyc-sys-color-surface-high:var(--nyc-ref-color-gray-black);--nyc-sys-color-surface-low:var(--nyc-ref-color-gray-90);--nyc-sys-color-surface-base:var(--nyc-ref-color-gray-white);--nyc-sys-color-surface-inactive:var(--nyc-ref-color-gray-white-75);--nyc-sys-color-on-disabled:var(--nyc-ref-color-gray-20);--nyc-sys-color-disabled:var(--nyc-ref-color-gray-70);--nyc-sys-color-on-secondary:var(--nyc-ref-color-blue-40);--nyc-sys-color-secondary:var(--nyc-ref-color-gray-white);--nyc-sys-color-on-primary:var(--nyc-ref-color-gray-white);--nyc-sys-color-primary-hover:var(--nyc-ref-color-blue-10);--nyc-sys-color-primary:var(--nyc-ref-color-blue-40);--nyc-sys-color-text-input:var(--nyc-ref-color-gray-black);--nyc-sys-color-text-type-ahead:var(--nyc-ref-color-gray-50);--nyc-sys-color-text-base-inverse:var(--nyc-ref-color-gray-white);--nyc-sys-color-text-secondary:var(--nyc-ref-color-gray-30);--nyc-sys-color-text-base:var(--nyc-ref-color-gray-black);--nyc-sys-color-background:var(--nyc-ref-color-gray-white);--nyc-sys-color-base:var(--nyc-ref-color-gray-black);--nyc-sys-size-border-base:var(--nyc-ref-length-2);--nyc-sys-size-border-sm:var(--nyc-ref-length-1-5);--nyc-sys-size-line-height-body:var(--nyc-ref-length-24);--nyc-sys-size-text-8xl:var(--nyc-ref-length-96);--nyc-sys-size-text-xl:var(--nyc-ref-length-22);--nyc-sys-size-text-xs:var(--nyc-ref-length-14);--nyc-sys-size-text-5xl:var(--nyc-ref-length-40);--nyc-sys-size-text-3xl:var(--nyc-ref-length-28);--nyc-sys-size-text-2xl:var(--nyc-ref-length-24);--nyc-sys-size-text-lg:var(--nyc-ref-length-20);--nyc-sys-size-text-base:var(--nyc-ref-length-18);--nyc-sys-size-text-7xl:var(--nyc-ref-length-64);--nyc-sys-size-text-6xl:var(--nyc-ref-length-56);--nyc-sys-size-text-4xl:var(--nyc-ref-length-32);--nyc-sys-size-text-sm:var(--nyc-ref-length-16);--nyc-sys-size-width-line-length:var(--nyc-ref-length-750);--nyc-sys-size-width-surface-lg:var(--nyc-ref-length-440);--nyc-sys-size-width-surface-base:var(--nyc-ref-length-360);--nyc-sys-size-width-surface-sm:var(--nyc-ref-length-240);--nyc-sys-size-width-page-max:var(--nyc-ref-length-1090);--nyc-sys-size-width-page-min:var(--nyc-ref-length-320);--nyc-cmp-form-border-color:var(--nyc-sys-color-border-medium);--nyc-cmp-global-alert-border-color:var(--nyc-sys-color-border-high);--nyc-cmp-global-alert-color:var(--nyc-sys-color-on-surface-high);--nyc-cmp-global-alert-background:var(--nyc-sys-color-surface-emergency);--nyc-cmp-modal-border-radius:var(--nyc-sys-radius-lg);--nyc-cmp-modal-background:var(--nyc-sys-color-surface-base);--nyc-cmp-table-cell-border-color:var(--nyc-sys-color-border-base);--nyc-cmp-table-cell-padding-block:var(--nyc-sys-space-sm);--nyc-cmp-table-cell-padding-inline:var(--nyc-sys-space-base);--nyc-cmp-table-header-border-color:var(--nyc-sys-color-border-medium-high);--nyc-cmp-table-header-color:var(--nyc-sys-color-text-base-inverse);--nyc-cmp-hr-background-color:var(--nyc-sys-color-border-medium-high);--nyc-cmp-accordion-group-background:var(--nyc-sys-color-surface-base);--nyc-cmp-accordion-heading-padding-block:var(--nyc-sys-space-base);--nyc-cmp-accordion-heading-background:var(--nyc-sys-color-surface-base);--nyc-cmp-navigation-primary-inactive:var(--nyc-sys-color-inactive);--nyc-cmp-navigation-primary-active:var(--nyc-sys-color-on-surface-high);--nyc-cmp-header-padding-block:var(--nyc-sys-space-sm);--nyc-cmp-header-padding-inline:var(--nyc-sys-space-base);--nyc-cmp-button-outline-color:var(--nyc-sys-color-border-high);--nyc-cmp-button-gap:var(--nyc-sys-space-xs);--nyc-cmp-button-border-radius:var(--nyc-sys-radius-2xl);--nyc-cmp-region-base:var(--nyc-sys-space-2xl);--nyc-cmp-card-padding-block:var(--nyc-sys-space-base);--nyc-cmp-card-border-radius:var(--nyc-sys-radius-xs);--nyc-cmp-card-border-color-hover:var(--nyc-sys-color-border-medium-high);--nyc-cmp-card-width-lg:var(--nyc-sys-size-width-surface-lg);--nyc-cmp-card-width-base:var(--nyc-sys-size-width-surface-base);--nyc-cmp-card-padding-inline:var(--nyc-sys-space-base);--nyc-cmp-card-body-size:var(--nyc-sys-size-text-base);--nyc-cmp-card-shadow:var(--nyc-sys-shadow-base);--nyc-cmp-card-border-width:var(--nyc-sys-size-border-base);--nyc-cmp-card-border-radius-hover:var(--nyc-sys-radius-base);--nyc-cmp-card-border-color:var(--nyc-sys-color-border-base);--nyc-cmp-card-radius-xl:var(--nyc-sys-radius-2xl);--nyc-cmp-card-radius-lg-hover:var(--nyc-sys-radius-xs);--nyc-cmp-card-radius-lg:var(--nyc-sys-radius-lg);--nyc-cmp-card-radius-base:var(--nyc-sys-radius-base);--nyc-cmp-card-color:var(--nyc-sys-color-on-surface-base);--nyc-cmp-card-background-hover:var(--nyc-sys-color-surface-base);--nyc-cmp-card-background:var(--nyc-sys-color-surface-inactive);--nyc-sys-color-border-selected:var(--nyc-sys-color-primary)}
+:root{--nyc-cmp-navigation-primary-padding-block:0;--nyc-cmp-navigation-primary-padding-inline:0;--nyc-cmp-header-subproperty-quahog-purple-bg:#f6d6ff;--nyc-cmp-header-subproperty-quahog-purple-default:#9400bd;--nyc-cmp-header-subproperty-liberty-green-bg:#d8fdfa;--nyc-cmp-header-subproperty-liberty-green-default:#0cb;--nyc-cmp-header-subproperty-forest-green-bg:#e7fdeb;--nyc-cmp-header-subproperty-forest-green-default:#061;--nyc-cmp-header-subproperty-sidewalk-gray-bg:#eaecf6;--nyc-cmp-header-subproperty-sidewalk-gray-default:#c2cae5;--nyc-cmp-header-subproperty-sky-blue-bg:#f0f8ff;--nyc-cmp-header-subproperty-sky-blue-default:#d1e9ff;--nyc-cmp-header-subproperty-bright-blue-bg:#dbf2ff;--nyc-cmp-header-subproperty-bright-blue-default:#42baff;--nyc-cmp-header-subproperty-navy-blue-bg:#dddffd;--nyc-cmp-header-subproperty-navy-blue-default:#000675;--nyc-cmp-button-font-weight:600;--nyc-sys-radius-fluid-sm-base:clamp(0.75rem,0.6461rem + 0.5195vw,1rem);--nyc-sys-radius-fluid-xs-base:clamp(0.5rem,0.2922rem + 1.039vw,1rem);--nyc-sys-radius-fluid-base-2xl:clamp(1rem,0.3766rem + 3.1169vw,2.5rem);--nyc-sys-space-fluid-2xl-4xl:clamp(2.5rem,2.0844rem + 2.0779vw,3.5rem);--nyc-sys-space-fluid-lg-4xl:clamp(1.5rem,0.6688rem + 4.1558vw,3.5rem);--nyc-sys-space-fluid-base-4xl:clamp(1rem,-0.039rem + 5.1948vw,3.5rem);--nyc-sys-space-fluid-xl-3xl:clamp(2rem,1.5844rem + 2.0779vw,3rem);--nyc-sys-space-fluid-xs-xl:clamp(0.5rem,-0.1234rem + 3.1169vw,2rem);--nyc-sys-space-fluid-5xl-6xl:clamp(4rem,3.5844rem + 2.0779vw,5rem);--nyc-sys-space-fluid-xs-base:clamp(0.5rem,0.2922rem + 1.039vw,1rem);--nyc-sys-space-fluid-sm-base:clamp(0.75rem,0.6461rem + 0.5195vw,1rem);--nyc-sys-space-fluid-3xl-5xl:clamp(3rem,2.5844rem + 2.0779vw,4rem);--nyc-sys-space-fluid-xl-5xl:clamp(2rem,1.1688rem + 4.1558vw,4rem);--nyc-sys-space-fluid-6xl-8xl:clamp(5rem,4.1688rem + 4.1558vw,7rem);--nyc-sys-space-fluid-7xl-8xl:clamp(6rem,5.5844rem + 2.0779vw,7rem);--nyc-sys-space-fluid-lg-3xl:clamp(1.5rem,0.8766rem + 3.1169vw,3rem);--nyc-sys-space-fluid-base-5xl:clamp(1rem,-0.2468rem + 6.2338vw,4rem);--nyc-sys-space-fluid-base-lg:clamp(1rem,0.7922rem + 1.039vw,1.5rem);--nyc-sys-space-fluid-lg-xl:clamp(1.5rem,1.2922rem + 1.039vw,2rem);--nyc-sys-space-fluid-lg-8xl:clamp(1.5rem,-0.7857rem + 11.4286vw,7rem);--nyc-sys-space-fluid-xl-2xl:clamp(2rem,1.7922rem + 1.039vw,2.5rem);--nyc-sys-space-fluid-lg-5xl:clamp(1.5rem,0.461rem + 5.1948vw,4rem);--nyc-sys-space-fluid-base-xl:clamp(1rem,0.5844rem + 2.0779vw,2rem);--nyc-sys-space-fluid-xs-sm:clamp(0.5rem,0.3961rem + 0.5195vw,0.75rem);--nyc-sys-space-fluid-lg-2xl:clamp(1.5rem,1.0844rem + 2.0779vw,2.5rem);--nyc-sys-space-fluid-2xl-5xl:clamp(2.5rem,1.8766rem + 3.1169vw,4rem);--nyc-sys-space-fluid-base-2xl:clamp(1rem,0.3766rem + 3.1169vw,2.5rem);--nyc-sys-space-fluid-2xl-6xl:clamp(2.5rem,1.461rem + 5.1948vw,5rem);--nyc-sys-size-text-fluid-xs-sm:clamp(0.875rem,0.8231rem + 0.2597vw,1rem);--nyc-sys-size-text-fluid-4xl-8xl:clamp(2rem,0.3377rem + 8.3117vw,6rem);--nyc-sys-size-text-fluid-sm-xl:clamp(1rem,0.8442rem + 0.7792vw,1.375rem);--nyc-sys-size-text-fluid-4xl-7xl:clamp(2rem,1.1688rem + 4.1558vw,4rem);--nyc-sys-size-text-fluid-lg-3xl:clamp(1.25rem,1.0422rem + 1.039vw,1.75rem);--nyc-sys-size-text-fluid-3xl-6xl:clamp(1.75rem,1.0227rem + 3.6364vw,3.5rem);--nyc-sys-size-text-fluid-xl-3xl:clamp(1.375rem,1.2192rem + 0.7792vw,1.75rem);--nyc-sys-size-text-fluid-lg-2xl:clamp(1.25rem,1.1461rem + 0.5195vw,1.5rem);--nyc-sys-size-text-fluid-base-lg:clamp(1.125rem,1.0731rem + 0.2597vw,1.25rem);--nyc-sys-size-text-fluid-lg-xl:clamp(1.25rem,1.1981rem + 0.2597vw,1.375rem);--nyc-sys-size-text-fluid-2xl-5xl:clamp(1.5rem,1.0844rem + 2.0779vw,2.5rem);--nyc-sys-size-text-fluid-base-xl:clamp(1.125rem,1.0211rem + 0.5195vw,1.375rem);--nyc-sys-size-text-fluid-xl-4xl:clamp(1.375rem,1.1153rem + 1.2987vw,2rem);--nyc-sys-size-text-fluid-2xl-4xl:clamp(1.5rem,1.2922rem + 1.039vw,2rem);--nyc-sys-size-text-fluid-4xl-6xl:clamp(2rem,1.3766rem + 3.1169vw,3.5rem);--nyc-sys-size-text-fluid-3xl-5xl:clamp(1.75rem,1.4383rem + 1.5584vw,2.5rem);--nyc-sys-size-text-fluid-5xl-7xl:clamp(2.5rem,1.8766rem + 3.1169vw,4rem);--nyc-ref-type-family-clash:"Clash Grotesk",sans-serif;--nyc-ref-type-family-noto:"Noto Sans",sans-serif;--nyc-ref-gradient-sidewalk-gray-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-sidewalk-gray-bg) 0%,#fff 100%);--nyc-ref-gradient-quahog-purple-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-quahog-purple-bg) 0%,#fff 100%);--nyc-ref-gradient-navy-blue-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-navy-blue-bg) 0%,#fff 100%);--nyc-ref-gradient-sky-blue-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-sky-blue-bg) 0%,#fff 100%);--nyc-ref-gradient-bright-blue-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-bright-blue-bg) 0%,#fff 100%);--nyc-ref-gradient-liberty-green-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-liberty-green-bg) 0%,#fff 100%);--nyc-ref-gradient-forest-green-white:linear-gradient(180deg,var(--nyc-cmp-header-subproperty-forest-green-bg) 0%,#fff 100%);--nyc-ref-gradient-green-100-white:linear-gradient(180deg,var(--nyc-ref-color-green-100) 0%,#fff 100%);--nyc-ref-gradient-yellow-100-white:linear-gradient(180deg,var(--nyc-ref-color-yellow-100) 0%,#fff 100%);--nyc-ref-gradient-red-100-white:linear-gradient(180deg,var(--nyc-ref-color-red-100) 0%,#fff 100%);--nyc-ref-gradient-blue-orange:linear-gradient(180deg,#e2f3ff,#ffecd9);--nyc-ref-gradient-rainbow:conic-gradient(from 175deg at 50% 50%,#6c95ff 17.627713680267334deg,#ffa149 101.25deg,#bb64ff 226.87499284744263deg,#70baff 325.17677307128906deg);--nyc-ref-gradient-purple:linear-gradient(179deg,#131627 15.45%,#4b184d 87.84%);--nyc-ref-gradient-orange-blue:linear-gradient(180deg,#ffecd9,#e2f3ff);--nyc-ref-shadow-30:0 0 16px 1px rgba(0,0,0,.2);--nyc-ref-shadow-20:0 0 12px 1px rgba(0,0,0,.18);--nyc-ref-shadow-10:0 0 8px 1px rgba(0,0,0,.15);--nyc-ref-color-yellow-100:#fff9e5;--nyc-ref-color-yellow-90:#ffeeb2;--nyc-ref-color-yellow-70:#fd6;--nyc-ref-color-yellow-50:#ffc700;--nyc-ref-color-yellow-30:#970;--nyc-ref-color-yellow-10:#4c3c00;--nyc-ref-color-red-100:#fde7e8;--nyc-ref-color-red-90:#f9b8bb;--nyc-ref-color-red-70:#f47178;--nyc-ref-color-red-50:#ec131e;--nyc-ref-color-red-40:#b30f17;--nyc-ref-color-red-30:#8e0b12;--nyc-ref-color-red-10:#470609;--nyc-ref-color-green-100:#e6f8e6;--nyc-ref-color-green-90:#b3e9b3;--nyc-ref-color-green-70:#66d468;--nyc-ref-color-green-50:#00b703;--nyc-ref-color-green-30:#006e02;--nyc-ref-color-green-10:#003701;--nyc-ref-color-purple-50:#c67dff;--nyc-ref-color-purple-40:#7f00d6;--nyc-ref-color-purple-30:#58376e;--nyc-ref-color-purple-20:#4c3959;--nyc-ref-color-purple-10:#131627;--nyc-ref-color-orange-70-25:#fba95b40;--nyc-ref-color-orange-90:#ffe0c2;--nyc-ref-color-orange-80:#fcc788;--nyc-ref-color-orange-70:#fba95b;--nyc-ref-color-orange-60:#f98d26;--nyc-ref-color-orange-50:#e57000;--nyc-ref-color-blue-100:#e7f0fa;--nyc-ref-color-blue-90:#d1e9ff;--nyc-ref-color-blue-80:#b5dbff;--nyc-ref-color-blue-70:#70baff;--nyc-ref-color-blue-60:#3185fc;--nyc-ref-color-blue-50:#004fff;--nyc-ref-color-blue-40:#103fef;--nyc-ref-color-blue-30:#051adb;--nyc-ref-color-blue-20:#0008a0;--nyc-ref-color-blue-10:#050560;--nyc-ref-color-gray-10-25:#22222240;--nyc-ref-color-gray-white-25:#ffffff40;--nyc-ref-color-gray-white-80:#ffffffcc;--nyc-ref-color-gray-black-90:#000000e6;--nyc-ref-color-gray-10-15:#22222226;--nyc-ref-color-gray-white-15:#ffffff26;--nyc-ref-color-gray-10-60:#22222299;--nyc-ref-color-gray-white-75:#ffffffbf;--nyc-ref-color-gray-white:#fff;--nyc-ref-color-gray-black:#000;--nyc-ref-color-gray-90:#eee;--nyc-ref-color-gray-80:#ddd;--nyc-ref-color-gray-70:#ccc;--nyc-ref-color-gray-60:#aaa;--nyc-ref-color-gray-50:#949494;--nyc-ref-color-gray-40:#777;--nyc-ref-color-gray-30:#555;--nyc-ref-color-gray-20:#333;--nyc-ref-color-gray-10:#222;--nyc-ref-length-1-5:1.5px;--nyc-ref-length-1440:1440px;--nyc-ref-length-1160:1160px;--nyc-ref-length-1090:1090px;--nyc-ref-length-750:750px;--nyc-ref-length-440:440px;--nyc-ref-length-360:360px;--nyc-ref-length-320:320px;--nyc-ref-length-240:240px;--nyc-ref-length-176:176px;--nyc-ref-length-112:112px;--nyc-ref-length-100:100px;--nyc-ref-length-96:96px;--nyc-ref-length-90:90px;--nyc-ref-length-80:80px;--nyc-ref-length-64:64px;--nyc-ref-length-56:56px;--nyc-ref-length-50:50px;--nyc-ref-length-48:48px;--nyc-ref-length-40:40px;--nyc-ref-length-36:36px;--nyc-ref-length-32:32px;--nyc-ref-length-28:28px;--nyc-ref-length-24:24px;--nyc-ref-length-22:22px;--nyc-ref-length-20:20px;--nyc-ref-length-18:18px;--nyc-ref-length-16:16px;--nyc-ref-length-14:14px;--nyc-ref-length-12:12px;--nyc-ref-length-10:10px;--nyc-ref-length-8:8px;--nyc-ref-length-4:4px;--nyc-ref-length-2:2px;--nyc-cmp-space-vertical-3xl:var(--nyc-sys-space-fluid-7xl-8xl);--nyc-cmp-space-vertical-2xl:var(--nyc-sys-space-fluid-5xl-6xl);--nyc-cmp-space-vertical-xl:var(--nyc-sys-space-fluid-3xl-5xl);--nyc-cmp-space-vertical-lg:var(--nyc-sys-space-fluid-xl-3xl);--nyc-cmp-space-vertical-md:var(--nyc-sys-space-fluid-lg-xl);--nyc-cmp-space-vertical-xs:var(--nyc-sys-space-fluid-sm-base);--nyc-cmp-space-vertical-sm:var(--nyc-sys-space-fluid-base-lg);--nyc-cmp-inline-message:var(--nyc-ref-color-orange-70-25);--nyc-cmp-emergency-surface:var(--nyc-ref-color-red-40);--nyc-cmp-type-caption-size:var(--nyc-sys-size-text-fluid-xs-sm);--nyc-cmp-type-intro-size:var(--nyc-sys-size-text-fluid-lg-xl);--nyc-cmp-type-display-size:var(--nyc-sys-size-text-fluid-5xl-7xl);--nyc-cmp-modal-body-padding-horizontal:var(--nyc-sys-space-fluid-base-xl);--nyc-cmp-modal-body-padding-vertical:var(--nyc-sys-space-fluid-base-xl);--nyc-cmp-modal-header-padding-vertical:var(--nyc-sys-space-fluid-sm-base);--nyc-cmp-modal-header-padding-horizontal:var(--nyc-sys-space-fluid-base-lg);--nyc-cmp-table-header-background:var(--nyc-ref-color-gray-20);--nyc-cmp-hero-padding-inline:var(--nyc-sys-space-fluid-base-5xl);--nyc-cmp-hero-padding-block:var(--nyc-sys-space-fluid-lg-4xl);--nyc-cmp-hero-padding-horizontal:var(--nyc-sys-space-fluid-base-5xl);--nyc-cmp-hero-padding-vertical:var(--nyc-sys-space-fluid-xl-5xl);--nyc-cmp-center-gutter:var(--nyc-sys-space-fluid-base-5xl);--nyc-cmp-accordion-icon-size:var(--nyc-sys-size-text-fluid-3xl-5xl);--nyc-cmp-accordion-body-padding-block:var(--nyc-sys-space-fluid-lg-xl);--nyc-cmp-accordion-body-padding-inline:var(--nyc-sys-space-fluid-lg-xl);--nyc-cmp-accordion-heading-padding-inline:var(--nyc-sys-space-fluid-base-lg);--nyc-cmp-accordion-heading-font-size:var(--nyc-sys-size-text-fluid-xl-3xl);--nyc-cmp-heading-h5-size:var(--nyc-sys-size-text-fluid-base-lg);--nyc-cmp-heading-h4-size:var(--nyc-sys-size-text-fluid-lg-2xl);--nyc-cmp-heading-h1-home-sub:var(--nyc-sys-size-text-fluid-3xl-6xl);--nyc-cmp-heading-h1-home:var(--nyc-sys-size-text-fluid-5xl-7xl);--nyc-cmp-heading-h3-size:var(--nyc-sys-size-text-fluid-xl-3xl);--nyc-cmp-heading-h2-size:var(--nyc-sys-size-text-fluid-3xl-5xl);--nyc-cmp-heading-h1-size:var(--nyc-sys-size-text-fluid-4xl-6xl);--nyc-cmp-footer-color:var(--nyc-ref-color-gray-white);--nyc-cmp-footer-background:var(--nyc-ref-color-gray-black);--nyc-cmp-navigation-official-message:var(--nyc-ref-color-gray-20);--nyc-cmp-navigation-primary-background:var(--nyc-ref-color-gray-black);--nyc-cmp-header-primary-on-header:var(--nyc-ref-color-gray-white);--nyc-cmp-header-primary-background:var(--nyc-ref-color-gray-black);--nyc-cmp-button-padding-block:var(--nyc-sys-space-fluid-xs-sm);--nyc-cmp-button-padding-inline:var(--nyc-sys-space-fluid-base-xl);--nyc-cmp-button-font-size:var(--nyc-sys-size-text-fluid-base-xl);--nyc-cmp-card-heading-size:var(--nyc-sys-size-text-fluid-xl-3xl);--nyc-sys-radius-xl:var(--nyc-ref-length-32);--nyc-sys-radius-sm:var(--nyc-ref-length-12);--nyc-sys-radius-2xs:var(--nyc-ref-length-4);--nyc-sys-radius-2xl:var(--nyc-ref-length-40);--nyc-sys-radius-lg:var(--nyc-ref-length-24);--nyc-sys-radius-base:var(--nyc-ref-length-16);--nyc-sys-radius-xs:var(--nyc-ref-length-8);--nyc-sys-font-family-heading:var(--nyc-ref-type-family-clash);--nyc-sys-font-family-body:var(--nyc-ref-type-family-noto);--nyc-sys-space-7xl:var(--nyc-ref-length-96);--nyc-sys-space-4xl:var(--nyc-ref-length-56);--nyc-sys-space-3xl:var(--nyc-ref-length-48);--nyc-sys-space-2xs:var(--nyc-ref-length-4);--nyc-sys-space-xl:var(--nyc-ref-length-32);--nyc-sys-space-8xl:var(--nyc-ref-length-112);--nyc-sys-space-6xl:var(--nyc-ref-length-80);--nyc-sys-space-5xl:var(--nyc-ref-length-64);--nyc-sys-space-2xl:var(--nyc-ref-length-40);--nyc-sys-space-lg:var(--nyc-ref-length-24);--nyc-sys-space-base:var(--nyc-ref-length-16);--nyc-sys-space-sm:var(--nyc-ref-length-12);--nyc-sys-space-xs:var(--nyc-ref-length-8);--nyc-sys-gradient-text-fill:var(--nyc-ref-gradient-rainbow);--nyc-sys-gradient-background:var(--nyc-ref-gradient-blue-orange);--nyc-sys-shadow-lg:var(--nyc-ref-shadow-30);--nyc-sys-shadow-md:var(--nyc-ref-shadow-20);--nyc-sys-shadow-sm:var(--nyc-ref-shadow-10);--nyc-sys-shadow-base:var(--nyc-ref-shadow-20);--nyc-sys-shadow-low:var(--nyc-ref-shadow-10);--nyc-sys-color-on-dark-element-pressed:var(--nyc-ref-color-gray-white-25);--nyc-sys-color-on-dark-element-hover:var(--nyc-ref-color-gray-white-15);--nyc-sys-color-progress-complete:var(--nyc-ref-color-gray-10);--nyc-sys-color-progress-incomplete:var(--nyc-ref-color-gray-40);--nyc-sys-color-link-hover:var(--nyc-ref-color-blue-10);--nyc-sys-color-on-light-element-pressed:var(--nyc-ref-color-gray-10-25);--nyc-sys-color-link-inverted:var(--nyc-ref-color-blue-80);--nyc-sys-color-link-high-contrast:var(--nyc-ref-color-gray-black);--nyc-sys-color-auxiliary-information:var(--nyc-ref-color-blue-70);--nyc-sys-color-auxiliary-warning:var(--nyc-ref-color-orange-70);--nyc-sys-color-auxiliary-error:var(--nyc-ref-color-red-50);--nyc-sys-color-auxiliary-success:var(--nyc-ref-color-green-50);--nyc-sys-color-subproperty-background:var(--nyc-ref-color-blue-100);--nyc-sys-color-on-light-element-hover:var(--nyc-ref-color-gray-10-15);--nyc-sys-color-link:var(--nyc-ref-color-blue-30);--nyc-sys-color-link-visited:var(--nyc-ref-color-purple-40);--nyc-sys-color-on-secondary-hover:var(--nyc-ref-color-blue-10);--nyc-sys-color-on-inactive:var(--nyc-ref-color-gray-10);--nyc-sys-color-inactive:var(--nyc-ref-color-gray-70);--nyc-sys-color-border-focus-high:var(--nyc-ref-color-gray-white);--nyc-sys-color-border-medium:var(--nyc-ref-color-gray-50);--nyc-sys-color-border-high-inverted:var(--nyc-ref-color-gray-white);--nyc-sys-color-border-focus:var(--nyc-ref-color-gray-black);--nyc-sys-color-border-medium-low:var(--nyc-ref-color-gray-70);--nyc-sys-color-border-high:var(--nyc-ref-color-gray-black);--nyc-sys-color-border-medium-high:var(--nyc-ref-color-gray-30);--nyc-sys-color-border-base:var(--nyc-ref-color-gray-80);--nyc-sys-color-on-surface-high:var(--nyc-ref-color-gray-white);--nyc-sys-color-on-surface-base:var(--nyc-ref-color-gray-black);--nyc-sys-color-surface-emergency:var(--nyc-ref-color-red-40);--nyc-sys-color-surface-info:var(--nyc-ref-color-blue-100);--nyc-sys-color-surface-warning:var(--nyc-ref-color-yellow-100);--nyc-sys-color-surface-error:var(--nyc-ref-color-red-100);--nyc-sys-color-surface-success:var(--nyc-ref-color-green-100);--nyc-sys-color-surface-input-highlight:var(--nyc-ref-color-blue-100);--nyc-sys-color-surface-input:var(--nyc-ref-color-gray-white);--nyc-sys-color-surface-high-overlay-white:var(--nyc-ref-color-gray-white-80);--nyc-sys-color-surface-highlight:var(--nyc-ref-color-blue-90);--nyc-sys-color-surface-high-overlay-black:var(--nyc-ref-color-gray-black-90);--nyc-sys-color-surface-high:var(--nyc-ref-color-gray-black);--nyc-sys-color-surface-low:var(--nyc-ref-color-gray-90);--nyc-sys-color-surface-base:var(--nyc-ref-color-gray-white);--nyc-sys-color-surface-inactive:var(--nyc-ref-color-gray-white-75);--nyc-sys-color-on-disabled:var(--nyc-ref-color-gray-20);--nyc-sys-color-disabled:var(--nyc-ref-color-gray-70);--nyc-sys-color-on-secondary:var(--nyc-ref-color-blue-40);--nyc-sys-color-secondary:var(--nyc-ref-color-gray-white);--nyc-sys-color-on-primary:var(--nyc-ref-color-gray-white);--nyc-sys-color-primary-hover:var(--nyc-ref-color-blue-10);--nyc-sys-color-primary:var(--nyc-ref-color-blue-40);--nyc-sys-color-text-input:var(--nyc-ref-color-gray-black);--nyc-sys-color-text-type-ahead:var(--nyc-ref-color-gray-50);--nyc-sys-color-text-base-inverse:var(--nyc-ref-color-gray-white);--nyc-sys-color-text-secondary:var(--nyc-ref-color-gray-30);--nyc-sys-color-text-base:var(--nyc-ref-color-gray-black);--nyc-sys-color-background:var(--nyc-ref-color-gray-white);--nyc-sys-color-base:var(--nyc-ref-color-gray-black);--nyc-sys-size-line-height-body:var(--nyc-ref-length-24);--nyc-sys-size-border-base:var(--nyc-ref-length-2);--nyc-sys-size-border-sm:var(--nyc-ref-length-1-5);--nyc-sys-size-text-8xl:var(--nyc-ref-length-96);--nyc-sys-size-text-xl:var(--nyc-ref-length-22);--nyc-sys-size-text-xs:var(--nyc-ref-length-14);--nyc-sys-size-text-5xl:var(--nyc-ref-length-40);--nyc-sys-size-text-3xl:var(--nyc-ref-length-28);--nyc-sys-size-text-2xl:var(--nyc-ref-length-24);--nyc-sys-size-text-lg:var(--nyc-ref-length-20);--nyc-sys-size-text-base:var(--nyc-ref-length-18);--nyc-sys-size-text-7xl:var(--nyc-ref-length-64);--nyc-sys-size-text-6xl:var(--nyc-ref-length-56);--nyc-sys-size-text-4xl:var(--nyc-ref-length-32);--nyc-sys-size-text-sm:var(--nyc-ref-length-16);--nyc-sys-size-width-line-length:var(--nyc-ref-length-750);--nyc-sys-size-width-surface-lg:var(--nyc-ref-length-440);--nyc-sys-size-width-surface-base:var(--nyc-ref-length-360);--nyc-sys-size-width-surface-sm:var(--nyc-ref-length-240);--nyc-sys-size-width-page-max:var(--nyc-ref-length-1090);--nyc-sys-size-width-page-min:var(--nyc-ref-length-320);--nyc-cmp-promo-body-font-size:var(--nyc-cmp-type-intro-size);--nyc-cmp-promo-border-radius:var(--nyc-sys-radius-xl);--nyc-cmp-promo-background:var(--nyc-sys-color-surface-base);--nyc-cmp-promo-heading-font-family:var(--nyc-sys-font-family-heading);--nyc-cmp-promo-heading-font-size:var(--nyc-cmp-heading-h2-size);--nyc-cmp-promo-shadow:var(--nyc-sys-shadow-lg);--nyc-cmp-form-border-color:var(--nyc-sys-color-border-medium);--nyc-cmp-global-alert-border-color:var(--nyc-sys-color-border-high);--nyc-cmp-global-alert-color:var(--nyc-sys-color-on-surface-high);--nyc-cmp-global-alert-background:var(--nyc-sys-color-surface-emergency);--nyc-cmp-modal-shadow:var(--nyc-sys-shadow-md);--nyc-cmp-modal-border-radius:var(--nyc-sys-radius-lg);--nyc-cmp-modal-background:var(--nyc-sys-color-surface-base);--nyc-cmp-table-cell-border-color:var(--nyc-sys-color-border-base);--nyc-cmp-table-cell-padding-block:var(--nyc-sys-space-sm);--nyc-cmp-table-cell-padding-inline:var(--nyc-sys-space-base);--nyc-cmp-table-header-border-color:var(--nyc-sys-color-border-medium-high);--nyc-cmp-table-header-color:var(--nyc-sys-color-text-base-inverse);--nyc-cmp-hero-shadow:var(--nyc-sys-shadow-lg);--nyc-cmp-hero-color:var(--nyc-sys-color-on-surface-base);--nyc-cmp-hero-background:var(--nyc-sys-color-surface-base);--nyc-cmp-hr-background-color:var(--nyc-sys-color-border-medium-high);--nyc-cmp-accordion-shadow:var(--nyc-sys-shadow-sm);--nyc-cmp-accordion-group-background:var(--nyc-sys-color-surface-base);--nyc-cmp-accordion-heading-padding-block:var(--nyc-sys-space-base);--nyc-cmp-accordion-heading-background:var(--nyc-sys-color-surface-base);--nyc-cmp-navigation-primary-inactive:var(--nyc-sys-color-inactive);--nyc-cmp-navigation-primary-active:var(--nyc-sys-color-on-surface-high);--nyc-cmp-header-secondary-shadow:var(--nyc-sys-shadow-lg);--nyc-cmp-header-padding-block:var(--nyc-sys-space-sm);--nyc-cmp-header-padding-inline:var(--nyc-sys-space-base);--nyc-cmp-button-border-color-hover:var(--nyc-sys-color-primary-hover);--nyc-cmp-button-border-color:var(--nyc-sys-color-primary);--nyc-cmp-button-background-hover:var(--nyc-sys-color-primary-hover);--nyc-cmp-button-background:var(--nyc-sys-color-primary);--nyc-cmp-button-outline-color:var(--nyc-sys-color-border-high);--nyc-cmp-button-gap:var(--nyc-sys-space-xs);--nyc-cmp-button-border-radius:var(--nyc-sys-radius-2xl);--nyc-cmp-region-base:var(--nyc-sys-space-2xl);--nyc-cmp-card-padding-block:var(--nyc-sys-space-base);--nyc-cmp-card-border-radius:var(--nyc-sys-radius-xs);--nyc-cmp-card-border-color-hover:var(--nyc-sys-color-border-medium-high);--nyc-cmp-card-width-lg:var(--nyc-sys-size-width-surface-lg);--nyc-cmp-card-width-base:var(--nyc-sys-size-width-surface-base);--nyc-cmp-card-padding-inline:var(--nyc-sys-space-base);--nyc-cmp-card-body-size:var(--nyc-sys-size-text-base);--nyc-cmp-card-shadow:var(--nyc-sys-shadow-sm);--nyc-cmp-card-border-width:var(--nyc-sys-size-border-base);--nyc-cmp-card-border-radius-hover:var(--nyc-sys-radius-base);--nyc-cmp-card-border-color:var(--nyc-sys-color-border-base);--nyc-cmp-card-radius-xl:var(--nyc-sys-radius-2xl);--nyc-cmp-card-radius-lg-hover:var(--nyc-sys-radius-xs);--nyc-cmp-card-radius-lg:var(--nyc-sys-radius-lg);--nyc-cmp-card-radius-base:var(--nyc-sys-radius-base);--nyc-cmp-card-color:var(--nyc-sys-color-on-surface-base);--nyc-cmp-card-background-hover:var(--nyc-sys-color-surface-base);--nyc-cmp-card-background:var(--nyc-sys-color-surface-inactive);--nyc-sys-color-border-selected:var(--nyc-sys-color-primary)}

package/package.json

@@ -1,13 +1,28 @@
 {
   "name": "@nycds/variables",
-  "version": "0.2.2",
+  "version": "0.3.0-prerelease.1",
   "type": "module",
   "style": "dist/variables.css",
   "main": "dist/variables.css",
   "devDependencies": {
     "style-dictionary": "^3.9.2",
-    "@nycds/config": "^0.2.0"
+    "@nycds/config": "^0.2.1-prerelease.0"
   },
+  "exports": {
+    ".": {
+      "style": "./dist/variables.css",
+      "default": "./dist/variables.css"
+    },
+    "./style": "./dist/variables.css",
+    "./style.min": "./dist/variables.min.css",
+    "./dark": "./dist/dark.css",
+    "./dark.min": "./dist/dark.min.css",
+    "./*": "./*"
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
   "scripts": {
     "clean": "rimraf ./dist",
     "build:css": "node ./scripts/make-theme-files.js && node ./scripts/build.js",

package/postcss.config.js

@@ -1 +0,0 @@
-export { postcssConfig as default } from '@nycds/config'

package/scripts/build.js

@@ -1,72 +0,0 @@
-import StyleDictionary from 'style-dictionary'
-import { resolve } from 'path'
-
-const SRCDIR = resolve(process.cwd(), './tokens/dist')
-const DESTDIR = resolve(process.cwd(), './dist')
-
-const baseTokens = ['ref', 'light', 'cmp']
-const themes = ['dark']
-
-StyleDictionary.registerTransform({
-  name: 'nyc/length/px',
-  type: 'value',
-  matcher: (token) => token.path.includes('length'),
-  transformer: (token) => `${token.value}px`,
-})
-
-StyleDictionary.registerTransform({
-  name: 'nyc/size/clamp',
-  type: 'value',
-  matcher: (token) => token.path.includes('length'),
-  transformer: (token) => `${token.value}px`,
-})
-
-const cssConfig = {
-  prefix: 'nyc',
-  transforms: ['attribute/cti', 'name/cti/kebab', 'nyc/length/px', 'color/hsl'],
-  buildPath: `${DESTDIR}/`,
-}
-
-const getThemeConfig = (theme) => ({
-  include: [`${SRCDIR}/nyc.ref.tokens.json`],
-  source: [`${SRCDIR}/**/nyc.${theme}.tokens.json`],
-  platforms: {
-    css: {
-      ...cssConfig,
-      files: [
-        {
-          destination: `${theme}.css`,
-          format: 'css/variables',
-          options: {
-            outputReferences: true,
-            selector: `:root${theme != 'light' ? '[data-theme="' + theme + '"]' : ''}`,
-          },
-        },
-      ],
-    },
-  },
-})
-
-const baseVariables = StyleDictionary.extend({
-  include: baseTokens.map((t) => `${SRCDIR}/nyc.${t}.tokens.json`),
-  platforms: {
-    css: {
-      ...cssConfig,
-      files: [
-        {
-          destination: 'variables.css',
-          format: 'css/variables',
-          options: {
-            outputReferences: true,
-          },
-        },
-      ],
-    },
-  },
-})
-
-baseVariables.buildAllPlatforms()
-
-themes.map((theme) => {
-  StyleDictionary.extend(getThemeConfig(theme)).buildAllPlatforms()
-})

package/scripts/make-theme-files.js

@@ -1,144 +0,0 @@
-import { readFileSync, writeFile, existsSync, mkdirSync } from 'fs'
-import { resolve } from 'path'
-
-const roundTo4 = (num) => roundToX(num, 4)
-
-const roundToX = (num, decimals) => {
-  return +(Math.round(num + 'e' + decimals) + 'e-' + decimals)
-}
-
-const SRCDIR = resolve(process.cwd(), './tokens/src')
-const DESTDIR = resolve(process.cwd(), './tokens/dist')
-
-if (!existsSync(DESTDIR)) {
-  mkdirSync(DESTDIR)
-}
-
-const data = readFileSync(`${SRCDIR}/nyc.tokens.json`, {})
-
-const tokens = JSON.parse(data)
-
-const getThemes = (obj) => {
-  return Object.keys(obj.sys)
-}
-
-const themes = getThemes(tokens)
-
-// console.log(data, themes);
-
-const writeTokenFile = (obj, filename) => {
-  const objStr = JSON.stringify(obj, null, 2)
-  writeFile(filename, objStr, (error) => {
-    if (error) {
-      console.log('An error has occurred ', error)
-      return
-    }
-    console.log('Data written successfully to disk')
-  })
-}
-
-const removeThemeRefs = (obj, themes) => {
-  const regex = new RegExp(
-    `\\.(${themes.toString().replaceAll(',', '|')})`,
-    'g',
-  )
-  return JSON.parse(JSON.stringify(obj).replace(regex, ''))
-}
-
-const removeClampRefs = (obj) => {
-  // const regex = new RegExp(`\\.(${themes.toString().replace(',','|')})`, 'g');
-  const tokensStr = JSON.stringify(obj)
-  const matches = [
-    ...tokensStr.matchAll(new RegExp('fluid\\.[A-Za-z0-9.-]+\\.max', 'g')),
-  ]
-  // console.log(matches);
-  const newStr = matches.reduce((acc, cur) => {
-    return acc.replaceAll(cur[0], cur[0].substring(0, cur[0].length - 4))
-  }, tokensStr)
-  // console.log(newStr)
-  const tokens = JSON.parse(newStr)
-  // console.log(tokens);
-  return tokens
-}
-
-const getTokenValue = (reference, tokens) => {
-  //console.log(reference, reference.replace(/[{}]/g, '').split('.'))
-  let ref = reference
-  if (typeof ref === 'string' && ref.includes('sys')) {
-    ref = `${ref.slice(0, 5)}light.${ref.slice(5)}`
-  }
-  //console.log(ref, ref.replace(/[{}]/g, '').split('.'))
-  const val = ref
-    .replace(/[{}]/g, '')
-    .split('.')
-    .reduce((acc, cur) => acc[cur], tokens).value
-  if (typeof val === 'string' && val.includes('ref')) {
-    return getTokenValue(val, tokens)
-  }
-  return val
-}
-
-const getClampVal = (pageMin, pageMax, minVal, maxVal) => {
-  const factor = (1 / (pageMax - pageMin)) * (maxVal - minVal)
-  const calc1 = `${roundTo4(minVal - pageMin * factor)}rem`
-  const calc2 = `${roundTo4(100 * factor)}vw`
-  const calcV = `${calc1} + ${calc2}`
-  const clamp = `clamp(${minVal}rem, ${calcV}, ${maxVal}rem)`
-  return clamp
-}
-
-const get = (t, path) => path.split('.').reduce((r, k) => r?.[k], t)
-
-const set = (t, path, value) => {
-  if (typeof t != 'object') throw Error('non-object')
-  if (path == '') throw Error('empty path')
-  const pos = path.indexOf('.')
-  return pos == -1
-    ? ((t[path] = value), value)
-    : set(t[path.slice(0, pos)], path.slice(pos + 1), value)
-}
-
-const handleFluidTokens = (path, tokens, theme, pageMin, pageMax) => {}
-
-const clampTokens = (tokens, theme) => {
-  const pageMin =
-    getTokenValue(tokens.sys[theme].size.width.page.min.value, tokens) / 16
-  const pageMax =
-    getTokenValue(tokens.sys[theme].size.width.page.max.value, tokens) / 16
-
-  const paths = ['size.text.fluid', 'space.fluid', 'radius.fluid']
-  paths.forEach((path) => {
-    const o = get(tokens.sys[theme], path)
-    if (!o) return
-    Object.keys(o).map((k) => {
-      const minV = getTokenValue(o[k].min.value, tokens) / 16
-      const maxV = getTokenValue(o[k].max.value, tokens) / 16
-      const clamp = getClampVal(pageMin, pageMax, minV, maxV)
-      set(tokens.sys[theme], `${path}.${k}`, {
-        type: 'dimension',
-        value: clamp,
-      })
-    })
-  })
-  //console.log(tokens.sys[theme].size.text.fluid)
-  return removeClampRefs(tokens)
-}
-
-// The token file includes references to Figma variable modes which we
-// dont want, like 'dark' in {sys.dark.space.lg}, so we strip them out.
-// Include "value" here to remove mode references in cmp tier.
-const cleanTokens = removeThemeRefs(tokens, [...themes, 'value'])
-
-themes.forEach((theme) => {
-  const filename = `${DESTDIR}/nyc.${theme}.tokens.json`
-  const transformedTokens = clampTokens(cleanTokens, theme)
-  writeTokenFile({ sys: transformedTokens.sys[theme] }, filename)
-})
-
-const tiers = ['ref', 'cmp']
-
-tiers.forEach((tier) => {
-  const filename = `${DESTDIR}/nyc.${tier}.tokens.json`
-  const transformedTokens = removeClampRefs(cleanTokens)
-  writeTokenFile({ [tier]: transformedTokens[tier] }, filename)
-})