@charset "UTF-8";:root{--navy-50: oklch(.97 .01 245.34);--navy-100: oklch(.93 .02 245.34);--navy-200: oklch(.86 .04 245.34);--navy-300: oklch(.76 .05 245.34);--navy-400: oklch(.64 .06 245.34);--navy-500: oklch(.53 .06 245.34);--navy-600: oklch(.44 .06 245.34);--navy-700: oklch(.35 .06 245.34);--navy-800: oklch(.27 .06 245.34);--navy-900: oklch(.19 .04 245.34);--burgundy-50: oklch(.97 .01 347.43);--burgundy-100: oklch(.93 .03 347.43);--burgundy-200: oklch(.86 .05 347.43);--burgundy-300: oklch(.76 .06 347.43);--burgundy-400: oklch(.64 .07 347.43);--burgundy-500: oklch(.52 .08 347.43);--burgundy-600: oklch(.44 .08 347.43);--burgundy-700: oklch(.37 .08 347.43);--burgundy-800: oklch(.28 .07 347.43);--burgundy-900: oklch(.2 .05 347.43);--azure-50: oklch(.97 .01 250.8);--azure-100: oklch(.93 .03 250.8);--azure-200: oklch(.86 .07 250.8);--azure-300: oklch(.77 .12 250.8);--azure-400: oklch(.65 .18 250.8);--azure-500: oklch(.53 .15 250.8);--azure-600: oklch(.45 .13 250.8);--azure-700: oklch(.37 .1 250.8);--azure-800: oklch(.28 .08 250.8);--azure-900: oklch(.2 .05 250.8);--indigo-50: oklch(.97 .01 278.14);--indigo-100: oklch(.93 .03 278.14);--indigo-200: oklch(.86 .06 278.14);--indigo-300: oklch(.77 .11 278.14);--indigo-400: oklch(.68 .17 278.14);--indigo-500: oklch(.6 .21 278.14);--indigo-600: oklch(.56 .21 278.14);--indigo-700: oklch(.47 .2 278.14);--indigo-800: oklch(.37 .17 278.14);--indigo-900: oklch(.27 .13 278.14);--gray-0: oklch(1 0 0);--gray-50: oklch(.97 0 0);--gray-100: oklch(.91 0 0);--gray-200: oklch(.88 .005 17.2);--gray-300: oklch(.81 0 0);--gray-400: oklch(.71 0 0);--gray-500: oklch(.56 0 0);--gray-600: oklch(.46 0 0);--gray-700: oklch(.32 0 0);--gray-800: oklch(.24 .03 248.99);--gray-900: oklch(.16 .02 248.99);--gray-cool-600: oklch(.46 .03 248.99);--gray-cool-700: oklch(.32 .03 248.99);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--space-12: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5625rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--font-sans: "Roboto Flex Variable", "Roboto Flex", system-ui, -apple-system, sans-serif;--font-accessible: "Atkinson Hyperlegible", system-ui, sans-serif;--font-mono: "Roboto Mono", "SF Mono", Monaco, Consolas, monospace;--font-reading: "Noto Sans", system-ui, sans-serif;--font-serif: "Noto Serif", Georgia, serif;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--border-radius-full: 9999px;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px}:root{--color-bg-page: var(--gray-0);--color-bg-surface: var(--gray-100);--color-bg-subtle: var(--gray-200);--color-bg-elevated: var(--gray-0);--color-bg-inverse: var(--navy-800);--color-text-default: var(--gray-700);--color-text-subtle: oklch(.5 0 0);--color-text-subtle-on-surface: oklch(.44 0 0);--color-text-disabled: var(--gray-400);--color-toast-message: var(--color-text-default);--color-text-inverse: var(--gray-0);--color-text-subtle-on-inverse: oklch(.75 .02 245);--color-text-on-action: var(--gray-0);--color-border-default: var(--gray-200);--color-border-strong: var(--gray-300);--color-border-on-inverse: oklch(.4 .05 245);--color-border-control: oklch(.53 0 0);--color-slider-thumb: var(--gray-0);--color-action-primary: var(--navy-800);--color-action-primary-hover: var(--navy-900);--color-action-primary-active: var(--navy-900);--color-action-secondary: var(--burgundy-700);--color-action-secondary-hover: var(--burgundy-800);--color-action-secondary-active: var(--burgundy-900);--color-action-destructive: transparent;--color-action-destructive-hover: oklch(.37 .15 347 / .08);--color-action-destructive-active: oklch(.37 .15 347 / .15);--color-action-destructive-text: oklch(.37 .15 347);--color-action-destructive-border: oklch(.37 .15 347);--color-action-tertiary: var(--gray-200);--color-action-tertiary-hover: var(--gray-300);--color-action-tertiary-text: var(--navy-800);--color-link: oklch(.49 .14 250.8);--color-link-hover: var(--azure-600);--color-link-visited: var(--indigo-700);--color-highlight: var(--burgundy-700);--color-bg-code: var(--color-bg-inverse);--color-text-code: var(--color-text-inverse);--color-border-code: transparent;--color-focus: var(--azure-400);--color-status-error: oklch(.54 .21 25);--color-status-error-bg: oklch(.95 .02 25);--color-status-error-text: oklch(.45 .18 25);--color-status-success: oklch(.55 .15 144.2);--color-status-success-bg: oklch(.95 .05 145);--color-status-success-text: oklch(.46 .14 144.2);--color-status-warning: oklch(.54 .13 53.54);--color-status-warning-bg: oklch(.95 .02 53);--color-status-warning-text: oklch(.4 .1 53.54);--color-blockquote-bg: var(--color-bg-surface);--color-blockquote-border: var(--color-action-secondary);--color-blockquote-text: var(--color-text-subtle-on-surface);--color-callout-bg: var(--indigo-50);--color-highlight-decorative: var(--indigo-500);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--shadow-modal: 0 20px 48px rgba(0, 0, 0, .2), 0 8px 16px rgba(0, 0, 0, .12);--spacing-2xs: .25rem;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-3);--spacing-lg: var(--space-4);--spacing-xl: var(--space-6);--spacing-2xl: var(--space-8);--spacing-3xl: var(--space-12);--spacing-button-padding-y: var(--spacing-sm);--spacing-button-padding-x: var(--spacing-md);--spacing-button-padding-y-sm: var(--spacing-xs);--spacing-button-padding-x-sm: var(--spacing-sm);--spacing-button-padding-y-lg: var(--spacing-md);--spacing-button-padding-x-lg: var(--spacing-lg);--spacing-input-padding-y: var(--spacing-sm);--spacing-input-padding-x: var(--spacing-sm);--spacing-card-padding: var(--spacing-md);--spacing-card-gap: var(--spacing-md);--color-overlay: rgba(0, 0, 0, .5);--radius-sm: var(--border-radius-sm);--radius-md: var(--border-radius-md);--radius-lg: var(--border-radius-lg);--radius-full: var(--border-radius-full);--border-width-thin: var(--border-width-1);--border-width-medium: var(--border-width-2);--border-width-thick: var(--border-width-4);--focus-ring-width: var(--border-width-2);--focus-ring-offset: var(--border-width-2);--hit-target-aaa: 2.75rem;--hit-target-aa: 1.375rem;--font-family-base: var(--font-sans);--font-family-display: var(--font-sans);--font-family-accessible: var(--font-accessible);--font-family-mono: var(--font-mono);--font-family-reading: var(--font-reading);--font-family-serif: var(--font-serif);--font-size-base: var(--text-base);--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-md: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--font-size-h1: var(--text-3xl);--font-size-h2: var(--text-2xl);--font-size-h3: var(--text-xl);--font-size-h4: var(--text-lg);--font-size-h5: var(--text-base);--font-size-h6: var(--text-sm);--font-weight-light: var(--weight-light);--font-weight-regular: var(--weight-regular);--font-weight-medium: var(--weight-medium);--font-weight-semibold: var(--weight-semibold);--font-weight-bold: var(--weight-bold);--line-height-tight: var(--leading-tight);--line-height-normal: var(--leading-normal);--line-height-relaxed: var(--leading-relaxed);--letter-spacing-tight: var(--tracking-tight);--letter-spacing-normal: var(--tracking-normal);--letter-spacing-relaxed: .03em;--letter-spacing-wide: var(--tracking-wide);--letter-spacing-italic: .02em}@media (prefers-color-scheme: dark){:root{--color-bg-page: var(--gray-900);--color-bg-surface: var(--gray-800);--color-bg-subtle: var(--gray-cool-700);--color-bg-elevated: oklch(.3 .02 248);--color-bg-inverse: var(--gray-0);--shadow-sm: 0 1px 3px rgba(255, 255, 255, .04), 0 1px 2px rgba(255, 255, 255, .03);--shadow-md: 0 4px 8px rgba(255, 255, 255, .06), 0 2px 4px rgba(255, 255, 255, .04);--shadow-lg: 0 10px 24px rgba(255, 255, 255, .08), 0 4px 8px rgba(255, 255, 255, .05);--shadow-modal: 0 20px 48px rgba(255, 255, 255, .1), 0 8px 16px rgba(255, 255, 255, .06);--color-text-default: oklch(.88 .01 248);--color-text-subtle: var(--gray-400);--color-text-subtle-on-surface: var(--gray-400);--color-toast-message: var(--color-text-subtle);--color-text-disabled: var(--gray-600);--color-text-inverse: var(--gray-800);--color-text-subtle-on-inverse: oklch(.4 0 0);--color-text-on-action: oklch(.16 .02 248.99);--color-border-default: var(--gray-600);--color-border-strong: var(--gray-500);--color-border-on-inverse: oklch(.85 0 0);--color-border-control: oklch(.58 0 0);--color-slider-thumb: var(--gray-100);--color-action-primary: oklch(.79 .11 245);--color-action-primary-hover: oklch(.87 .06 245);--color-action-primary-active: oklch(.87 .06 245);--color-action-secondary: var(--burgundy-300);--color-action-secondary-hover: var(--burgundy-200);--color-action-secondary-active: var(--burgundy-200);--color-action-destructive: transparent;--color-action-destructive-hover: oklch(.72 .15 347 / .12);--color-action-destructive-active: oklch(.72 .15 347 / .22);--color-action-destructive-text: oklch(.78 .15 347);--color-action-destructive-border: oklch(.78 .15 347);--color-action-tertiary: var(--gray-cool-700);--color-action-tertiary-hover: var(--gray-cool-600);--color-action-tertiary-text: var(--gray-0);--color-link: var(--azure-300);--color-link-hover: var(--azure-200);--color-link-visited: var(--indigo-300);--color-highlight: var(--burgundy-200);--color-focus: var(--azure-300);--color-status-error: oklch(.68 .11 25);--color-status-error-bg: oklch(.23 .02 18);--color-status-error-text: oklch(.79 .12 25);--color-status-success: oklch(.7 .08 144.2);--color-status-success-bg: oklch(.23 .02 144);--color-status-success-text: oklch(.8 .15 144.2);--color-status-warning: oklch(.72 .09 53.54);--color-status-warning-bg: oklch(.25 .02 68);--color-status-warning-text: oklch(.82 .11 53.54);--color-bg-code: oklch(.2 .04 248);--color-text-code: var(--color-text-default);--color-border-code: var(--color-border-strong);--color-callout-bg: oklch(.26 .04 278);--color-highlight-decorative: var(--indigo-400)}}[data-theme=dark]{--color-bg-page: var(--gray-900);--color-bg-surface: var(--gray-800);--color-bg-subtle: var(--gray-cool-700);--color-bg-elevated: oklch(.3 .02 248);--color-bg-inverse: var(--gray-0);--shadow-sm: 0 1px 3px rgba(255, 255, 255, .04), 0 1px 2px rgba(255, 255, 255, .03);--shadow-md: 0 4px 8px rgba(255, 255, 255, .06), 0 2px 4px rgba(255, 255, 255, .04);--shadow-lg: 0 10px 24px rgba(255, 255, 255, .08), 0 4px 8px rgba(255, 255, 255, .05);--shadow-modal: 0 20px 48px rgba(255, 255, 255, .1), 0 8px 16px rgba(255, 255, 255, .06);--color-text-default: oklch(.88 .01 248);--color-text-subtle: var(--gray-400);--color-text-subtle-on-surface: var(--gray-400);--color-toast-message: var(--color-text-subtle);--color-text-disabled: var(--gray-600);--color-text-inverse: var(--gray-800);--color-text-subtle-on-inverse: oklch(.4 0 0);--color-text-on-action: oklch(.16 .02 248.99);--color-border-default: var(--gray-600);--color-border-strong: var(--gray-500);--color-border-on-inverse: oklch(.85 0 0);--color-border-control: oklch(.58 0 0);--color-slider-thumb: var(--gray-100);--color-action-primary: oklch(.79 .11 245);--color-action-primary-hover: oklch(.87 .06 245);--color-action-primary-active: oklch(.87 .06 245);--color-action-secondary: var(--burgundy-300);--color-action-secondary-hover: var(--burgundy-200);--color-action-secondary-active: var(--burgundy-200);--color-action-destructive: transparent;--color-action-destructive-hover: oklch(.72 .15 347 / .12);--color-action-destructive-active: oklch(.72 .15 347 / .22);--color-action-destructive-text: oklch(.78 .15 347);--color-action-destructive-border: oklch(.78 .15 347);--color-action-tertiary: var(--gray-cool-700);--color-action-tertiary-hover: var(--gray-cool-600);--color-action-tertiary-text: var(--gray-0);--color-link: var(--azure-300);--color-link-hover: var(--azure-200);--color-link-visited: var(--indigo-300);--color-highlight: var(--burgundy-200);--color-focus: var(--azure-300);--color-status-error: oklch(.68 .11 25);--color-status-error-bg: oklch(.23 .02 18);--color-status-error-text: oklch(.79 .12 25);--color-status-success: oklch(.7 .08 144.2);--color-status-success-bg: oklch(.23 .02 144);--color-status-success-text: oklch(.8 .15 144.2);--color-status-warning: oklch(.72 .09 53.54);--color-status-warning-bg: oklch(.25 .02 68);--color-status-warning-text: oklch(.82 .11 53.54);--color-bg-code: oklch(.2 .04 248);--color-text-code: var(--color-text-default);--color-border-code: var(--color-border-strong);--color-callout-bg: oklch(.26 .04 278);--color-highlight-decorative: var(--indigo-400)}[data-theme=light]{--color-bg-page: var(--gray-0);--color-bg-surface: var(--gray-100);--color-bg-subtle: var(--gray-200);--color-bg-elevated: var(--gray-0);--color-bg-inverse: var(--navy-800);--color-text-default: var(--gray-700);--color-text-subtle: oklch(.5 0 0);--color-text-subtle-on-surface: oklch(.44 0 0);--color-text-disabled: var(--gray-400);--color-toast-message: var(--color-text-default);--color-text-inverse: var(--gray-0);--color-text-subtle-on-inverse: oklch(.75 .02 245);--color-text-on-action: var(--gray-0);--color-border-default: var(--gray-200);--color-border-strong: var(--gray-300);--color-border-on-inverse: oklch(.4 .05 245);--color-border-control: oklch(.53 0 0);--color-slider-thumb: var(--gray-0);--color-action-primary: var(--navy-800);--color-action-primary-hover: var(--navy-900);--color-action-primary-active: var(--navy-900);--color-action-secondary: var(--burgundy-700);--color-action-secondary-hover: var(--burgundy-800);--color-action-secondary-active: var(--burgundy-900);--color-action-destructive: transparent;--color-action-destructive-hover: oklch(.37 .15 347 / .08);--color-action-destructive-active: oklch(.37 .15 347 / .15);--color-action-destructive-text: oklch(.37 .15 347);--color-action-destructive-border: oklch(.37 .15 347);--color-action-tertiary: var(--gray-200);--color-action-tertiary-hover: var(--gray-300);--color-action-tertiary-text: var(--navy-800);--color-link: oklch(.49 .14 250.8);--color-link-hover: var(--azure-600);--color-link-visited: var(--indigo-700);--color-highlight: var(--burgundy-700);--color-bg-code: var(--color-bg-inverse);--color-text-code: var(--color-text-inverse);--color-border-code: transparent;--color-focus: var(--azure-400);--color-status-error: oklch(.54 .21 25);--color-status-error-bg: oklch(.95 .02 25);--color-status-error-text: oklch(.45 .18 25);--color-status-success: oklch(.55 .15 144.2);--color-status-success-bg: oklch(.95 .05 145);--color-status-success-text: oklch(.46 .14 144.2);--color-status-warning: oklch(.54 .13 53.54);--color-status-warning-bg: oklch(.95 .02 53);--color-status-warning-text: oklch(.4 .1 53.54);--color-blockquote-bg: var(--color-bg-surface);--color-blockquote-border: var(--color-action-secondary);--color-blockquote-text: var(--color-text-subtle-on-surface);--color-callout-bg: var(--indigo-50);--color-highlight-decorative: var(--indigo-500);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--shadow-modal: 0 20px 48px rgba(0, 0, 0, .2), 0 8px 16px rgba(0, 0, 0, .12)}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:400;src:url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-ext-400-italic-3fJ3SmOv.woff2) format("woff2"),url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-ext-400-italic-B-Yabllp.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:400;src:url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-400-italic-D-qjh7ci.woff2) format("woff2"),url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-400-italic-OoEIrRJc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:700;src:url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-ext-700-italic-D-Da7Yyr.woff2) format("woff2"),url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-ext-700-italic-rwP6Wyc0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:700;src:url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-700-italic-Bq4J7U7l.woff2) format("woff2"),url(/color-pair-quick-iterator/assets/atkinson-hyperlegible-latin-700-italic-Ijyzy1lK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/color-pair-quick-iterator/assets/roboto-flex-cyrillic-ext-wght-normal-CVcCQn0y.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/color-pair-quick-iterator/assets/roboto-flex-cyrillic-wght-normal-BJ-nQEdz.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/color-pair-quick-iterator/assets/roboto-flex-greek-wght-normal-DeN4rzfy.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/color-pair-quick-iterator/assets/roboto-flex-vietnamese-wght-normal-AVFfiTln.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/color-pair-quick-iterator/assets/roboto-flex-latin-ext-wght-normal-gysdOMcS.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/color-pair-quick-iterator/assets/roboto-flex-latin-wght-normal-n-dP9qr2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/color-pair-quick-iterator/assets/roboto-mono-cyrillic-ext-wght-normal-BUDPrIko.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/color-pair-quick-iterator/assets/roboto-mono-cyrillic-wght-normal-HUlVHixE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/color-pair-quick-iterator/assets/roboto-mono-greek-wght-normal-BJJTbwTT.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/color-pair-quick-iterator/assets/roboto-mono-vietnamese-wght-normal-DlC-zuDL.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/color-pair-quick-iterator/assets/roboto-mono-latin-ext-wght-normal-QAYlOegK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/color-pair-quick-iterator/assets/roboto-mono-latin-wght-normal-CZtBPCCa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}cc-app,cc-alert,cc-color-contrast,cc-color-picker,cc-color-slider,cc-copy-to-clipboard-button,cc-metadata,cc-palette-table,cc-table{display:block}candor-button.button--icon{--candor-button-padding-x: var(--spacing-xs);--candor-button-padding-y: var(--spacing-xs);--candor-button-min-height: 0}:root{--min-hit-dimension-aaa: 2.75rem;--min-hit-dimension-aa: 1.375rem;--fluid-padding: clamp(.313rem, 4.5vw + -.25rem, 2rem)}html{scroll-padding-block:5rem var(--spacing-md)}body{margin:0;background-color:var(--color-bg-surface);font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-default)}hr{width:100%;border-width:var(--border-width-medium);border-color:var(--color-border-control);border-top:none;border-left:none;border-right:none}sup{color:var(--color-text-subtle)!important;font-weight:400!important;font-size:var(--font-size-sm)!important}h1,h2,h3,h4,th,legend{margin:0;line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}h1 sup,h2 sup,h3 sup,h4 sup,th sup,legend sup{margin-left:.25ch}h1{font-family:var(--font-family-display);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);font-optical-sizing:auto;font-style:normal}h2{font-family:var(--font-family-display);color:var(--color-text-default);font-size:var(--font-size-h4);font-optical-sizing:auto;font-style:normal;margin-bottom:.3em}h3,legend{line-height:unset;color:var(--color-text-default);font-family:var(--font-family-display);font-size:var(--font-size-h5);font-optical-sizing:auto;font-style:normal}h4{line-height:unset;color:var(--color-text-subtle);font-family:var(--font-family-display);font-size:var(--font-size-h6);font-optical-sizing:auto;font-style:normal}th{font-family:var(--font-family-display);font-size:var(--font-size-base);font-style:normal}.visual-header{color:var(--color-text-default);font-family:var(--font-family-display);font-style:normal;font-weight:var(--font-weight-semibold)}td,p,li{font-size:var(--font-size-base);color:var(--color-text-default);font-style:normal;font-weight:var(--font-weight-regular);max-width:40ch;line-height:var(--line-height-normal)}p sup,li sup{margin-right:.5ch}p a,li a{color:var(--color-link)}p a:visited,li a:visited{color:var(--color-link-visited)}cc-alert{font-family:var(--font-family-accessible)}button,input{cursor:pointer;touch-action:manipulation}strong{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}#main-content:focus{outline:none}.sr-only:not(:focus,:active){position:absolute!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}cc-alert{display:contents}cc-alert candor-toast{animation:show-alert .2s ease-out}@keyframes show-alert{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}cc-color-contrast .comp-container{flex:1;container-type:size;padding:0 .25ch;border:var(--border-width-thin) solid var(--color-border-default)}cc-color-contrast .comp-container .score-container{display:flex;height:100%;justify-content:center;align-items:center}cc-color-contrast .comp-container .score-container .score{color:var(--color-text-default);font-weight:600;font-family:var(--font-family-mono);font-size:55cqh;line-height:1}cc-color-picker .comp-container{display:inline-block;position:relative;border-radius:var(--radius-md) 0 0 var(--radius-md)}cc-color-picker .comp-container:hover{box-shadow:var(--shadow-sm)}cc-color-picker .comp-container input{width:50px;height:50px;box-sizing:border-box;border:var(--border-width-thin) solid var(--color-border-default);border-radius:var(--radius-md) 0 0 var(--radius-md)}cc-color-picker .comp-container .color-preview{border-radius:var(--radius-md) 0 0 var(--radius-md);position:absolute;top:50%;left:50%;width:45px;height:45px;border:transparent 15px solid;transform:translate(-50%,-50%);background-color:transparent;pointer-events:none;box-sizing:border-box}cc-color-slider .comp-container{--default-background: var(--color-bg-page);--grad-stop-0: black;--grad-stop-1: rgb(8.6104% 8.6104% 8.6104%);--grad-stop-2: rgb(28.06% 28.06% 28.06%);--grad-stop-3: rgb(50.211% 50.211% 50.211%);--grad-stop-4: rgb(74.321% 74.321% 74.321%);--grad-stop-5: white;--gradient-background: linear-gradient( to right, black, var(--grad-stop-0) calc((var(--min-hit-dimension-aaa) / 2) + 8px), var(--grad-stop-1), var(--grad-stop-2), var(--grad-stop-3), var(--grad-stop-4), var(--grad-stop-5) calc(100% - (var(--min-hit-dimension-aaa) / 2) - 8px), white );box-sizing:border-box;display:flex;padding:0 calc(var(--min-hit-dimension-aaa) / 2);border:var(--border-width-thin) solid var(--color-border-default);border-left:none;border-right:none;align-items:center;background:var(--default-background)}cc-color-slider .comp-container:hover{box-shadow:var(--shadow-sm)}cc-color-slider .comp-container input[type=range]{-webkit-appearance:none;appearance:none;flex-grow:1;width:100%;height:46px;min-height:var(--min-hit-dimension-aaa);margin:0;background:transparent;cursor:pointer}cc-color-slider .comp-container input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:transparent}cc-color-slider .comp-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.375rem;height:1.375rem;margin-top:calc((1.375rem - 4px)/-2);border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.18);box-shadow:0 2px 6px #0006,0 0 0 1.5px #0000001f;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}cc-color-slider .comp-container input[type=range]:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 2px 6px #00000047}cc-color-slider .comp-container input[type=range]:focus{outline:none}cc-color-slider .comp-container input[type=range]:focus-visible::-webkit-slider-thumb{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}cc-color-slider .comp-container .special-case{display:flex;flex-grow:1;height:46px;min-height:var(--min-hit-dimension-aaa);align-items:center}cc-color-slider .comp-container .special-case div{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:400}cc-color-slider .dev-overlay{display:none;position:absolute;gap:1rem;right:0;bottom:0}cc-color-slider .dev-overlay.active{display:flex}cc-color-slider .dev-overlay .light-variant-chip{border-radius:100%;width:15px;height:15px;border:15px solid var(--gray-900)}cc-copy-to-clipboard-button .comp-container{display:inline-block;position:relative}cc-copy-to-clipboard-button .comp-container button{display:flex;align-items:center;justify-content:center;border-radius:0 var(--radius-md) var(--radius-md) 0;width:50px;height:50px;padding:.25rem;border:var(--border-width-thin) solid var(--color-border-default);background-color:var(--color-bg-page);min-width:var(--min-hit-dimension-aaa);min-height:var(--min-hit-dimension-aaa)}cc-copy-to-clipboard-button .comp-container button:hover{box-shadow:var(--shadow-sm)}cc-copy-to-clipboard-button .comp-container button .svg-container{width:22px;height:auto}cc-copy-to-clipboard-button .comp-container button .svg-container svg{fill:var(--color-text-default);display:block}cc-table{display:block}cc-table table{width:100%;border-collapse:collapse}cc-table table th,cc-table table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;border-bottom:var(--border-width-thin) solid var(--color-border-strong);font-size:var(--font-size-sm);color:var(--color-text-default);letter-spacing:.02em}cc-table table th{font-weight:var(--font-weight-bold)}cc-table table thead th{color:var(--color-text-subtle-on-surface);font-weight:var(--font-weight-bold);border-bottom:var(--border-width-medium) solid var(--color-border-strong)}cc-table table td{font-variant-numeric:tabular-nums}cc-table table th.numeric,cc-table table td.numeric{font-family:var(--font-family-mono);text-align:right;letter-spacing:0}cc-table table td.label{color:var(--color-text-subtle-on-surface)}cc-table table tbody tr:nth-child(2n) td,cc-table table tbody tr:nth-child(2n) th{background:var(--color-bg-surface)}cc-table table tbody tr:last-child td{border-bottom:none}cc-table[compact] table th,cc-table[compact] table td{padding:.25rem var(--spacing-sm)}cc-table[compact] table tbody tr:nth-child(2n) td,cc-table[compact] table tbody tr:nth-child(2n) th{background:transparent}cc-table[compact] table tbody tr:nth-child(odd) td,cc-table[compact] table tbody tr:nth-child(odd) th{background:var(--color-bg-surface)}cc-metadata .comp-container{display:flex;position:relative;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-xl) var(--spacing-2xl);justify-content:center}cc-metadata .comp-container div{flex-grow:1;display:flex;flex-direction:column;max-width:30ch}cc-metadata .comp-container h3{text-align:center}cc-metadata .comp-container .outcome--pass{color:var(--color-status-success-text)}cc-metadata .comp-container .outcome--fail{color:var(--color-status-error-text)}cc-metadata .comp-container td.label--with-info{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:var(--spacing-xs)}cc-metadata .comp-container td.label--with-info svg{display:block;width:16px;height:16px;fill:currentColor}cc-palette-table .comp-container{border-radius:var(--radius-sm)}cc-palette-table .comp-container table{border-collapse:collapse}cc-palette-table .comp-container table th{font-family:var(--font-family-mono)}cc-palette-table .comp-container table td{margin:0;padding:7.5px;line-height:0}cc-palette-table .comp-container table tbody th{text-align:right}cc-palette-table .comp-container table button{margin:0;padding:0;border:transparent var(--border-width-medium) solid;box-sizing:border-box;border-radius:var(--radius-sm);min-width:22px;min-height:22px;line-height:0;font-size:0}cc-palette-table .comp-container table button span{line-height:0}cc-palette-table .comp-container table button:hover:not([disabled]){background-color:var(--color-bg-elevated)!important;border-color:var(--color-border-default)!important}cc-palette-table .comp-container table .no-color{margin:0;padding:0;border:transparent var(--border-width-medium) solid;box-sizing:border-box;border-radius:var(--radius-sm);min-width:22px;min-height:22px;line-height:0;font-size:0}.app-container{--focus-ring-clearance: calc(var(--focus-ring-width, 2px) + var(--focus-ring-offset, 2px));display:grid;position:relative;left:50%;padding:var(--fluid-padding) var(--fluid-padding) var(--fluid-padding) var(--fluid-padding);transform:translate(-50%);grid-template-columns:1fr;grid-template-areas:"primary" "metadata" "contact";gap:var(--spacing-md);background-color:var(--color-bg-surface);max-width:clamp(400px,80vw,1200px)}@media (min-width: 900px){.app-container{grid-template-columns:1fr 1fr;grid-template-areas:"primary metadata" "contact contact";align-items:start}}.app-container .primary-stack{grid-area:primary;display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.app-container .metadata{grid-area:metadata;min-width:0}.app-container .contact{grid-area:contact;min-width:0}.app-container h2{text-align:center;margin-bottom:1.1em}.app-container h3,.app-container legend{text-align:center;margin-top:.6em;margin-bottom:.2em;margin-left:2px}.app-container .radio-fieldset{margin:0;padding:0;border:0;min-width:0}.app-container .radio-fieldset legend{display:block;width:100%;box-sizing:border-box;padding-inline:0;margin-left:0}.app-container .title-and-sliders{position:relative;border-radius:var(--radius-md);background-color:var(--color-bg-elevated);box-shadow:var(--shadow-md)}.app-container .title-and-score{display:flex;position:sticky;border-bottom:var(--border-width-thin) solid var(--color-border-default);top:0;gap:var(--spacing-sm);padding:.5rem var(--spacing-md) .6rem;margin-bottom:.6rem;background-color:var(--color-bg-elevated);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:2}.app-container .title-and-score h1{width:min-content;color:var(--color-text-default);text-align:right;letter-spacing:var(--letter-spacing-tight);line-height:1.1}.app-container .title-and-score cc-color-contrast{flex-grow:1;display:flex;align-items:stretch}.app-container .title-and-sliders__body{padding:0 var(--spacing-md) var(--spacing-sm)}.app-container .slide-group{display:flex;margin-bottom:4px;align-items:center}.app-container .slide-group cc-color-slider{flex-grow:1}.app-container .note-button{margin-inline:var(--focus-ring-clearance)}.app-container .note-button svg{width:1.4em;height:auto;margin-inline-end:var(--spacing-2xs);fill:currentColor;flex-shrink:0}.app-container .note-button::part(button){white-space:normal;text-align:start}.app-container .lch-limits-intro{margin:var(--spacing-sm) 0 0}.app-container .pallette-viz-content{max-width:100%;overflow:auto;padding-bottom:.875rem}.app-container .quick-actions{margin:calc(var(--spacing-md) * -.5) 0 0;padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);box-shadow:var(--shadow-md)}.app-container .quick-actions .quick-actions__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.app-container .quick-actions svg{display:inline-block;width:22px;height:auto;fill:currentColor}.app-container .quick-actions svg.swap-colors{transform:rotate(90deg)}.app-container .options .checkbox-section{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:32rem;padding-inline:var(--focus-ring-clearance)}.app-container .options .checkbox-section .checkbox-item{display:flex;align-items:center;justify-content:space-between}.app-container .options .checkbox-section .checkbox-item candor-checkbox{flex:1}.app-container .options .checkbox-section .checkbox-item svg{display:block;width:18px;height:18px;fill:currentColor}.app-container .options .radio-section{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:32rem;padding-inline:var(--focus-ring-clearance)}.app-container .options .radio-group-note{display:block;margin:var(--spacing-sm) 0 0;padding:var(--spacing-xs) var(--spacing-sm);max-width:32rem;border-inline-start:var(--border-width-thick) solid var(--color-highlight-decorative);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:var(--color-callout-bg)}.app-container .contact__body{text-align:center}@media (min-width: 900px){.app-container .contact__body{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);text-align:initial}.app-container .contact__body h2{margin:0;text-align:left}.app-container .contact__body p{margin:0;text-align:right}}