:root { --bg-primary: hsl(0, 0%, 100%); --bg-primary-hover: hsl(210, 20%, 98%); --bg-secondary: hsl(210, 20%, 98%); --bg-secondary-alt: hsla(0, 0%, 0%, 0.02); --bg-secondary-hover: hsl(220, 14%, 96%); --bg-tertiary: hsl(220, 14%, 96%); --bg-tertiary-alt: hsla(0, 0%, 0%, 0.05); --bg-tertiary-hover: hsl(220, 13%, 91%); --bg-quaternary: hsl(220, 13%, 91%); --bg-quaternary-hover: hsl(216, 12%, 84%); --bg-static-white: hsl(0, 0%, 100%); --bg-static-white-subtle: hsla(0, 0%, 100%, 0.1); --bg-static-black: hsl(0, 0%, 0%); --bg-static-black-subtle: hsl(215, 28%, 17%); --bg-inverted: hsl(0, 0%, 0%); --bg-inverted-hover: hsl(224, 71%, 4%); --bg-inverted-subtle: hsl(215, 28%, 17%); --bg-disabled: hsl(216, 12%, 84%); --bg-disabled-subtle: hsl(220, 14%, 96%); --bg-overlay: hsla(0, 0%, 0%, 0.6); --bg-overlay-subtle: hsla(0, 0%, 0%, 0.5); --bg-overlay-lighter: hsla(0, 0%, 0%, 0.2); --bg-overlay-white: hsla(0, 0%, 100%, 0.3); --bg-overlay-white-strong: hsla(0, 0%, 100%, 0.5); --bg-transparent: hsla(0, 0%, 0%, 0.0); --bg-brand-muted: hsl(160, 36%, 95%); --bg-brand-muted-hover: hsl(163, 40%, 88%); --bg-brand-subtle: hsl(164, 39%, 75%); --bg-brand-subtle-hover: hsl(168, 38%, 60%); --bg-brand-base: hsl(0, 57%, 34%); --bg-brand-base-hover: hsl(164, 61%, 27%); --bg-brand-strong: hsl(167, 63%, 15%); --bg-danger-muted: hsl(0, 86%, 97%); --bg-danger-muted-hover: hsl(0, 93%, 94%); --bg-danger-subtle: hsl(0, 96%, 89%); --bg-danger-base: hsl(0, 84%, 60%); --bg-danger-base-hover: hsl(0, 72%, 51%); --bg-danger-strong: hsl(0, 70%, 35%); --bg-success-muted: hsl(68, 100%, 97%); --bg-success-subtle: hsl(66, 94%, 81%); --bg-success-base: hsl(64, 80%, 40%); --bg-success-strong: hsl(64, 88%, 22%); --bg-warning-muted: hsl(31, 100%, 96%); --bg-warning-subtle: hsl(30, 100%, 83%); --bg-warning-base: hsl(17, 100%, 49%); --bg-warning-strong: hsl(17, 100%, 28%); --bg-highlight-muted: hsl(68, 100%, 97%); --bg-highlight-subtle: hsl(67, 96%, 90%); --bg-highlight-base: hsl(66, 94%, 60%); --bg-highlight-base-hover: hsl(65, 76%, 50%); --bg-highlight-strong: hsl(64, 84%, 31%); --bg-info-muted: hsl(214, 100%, 97%); --bg-info-subtle: hsl(213, 97%, 87%); --bg-info-base: hsl(217, 91%, 60%); --bg-info-base-hover: hsl(221, 83%, 53%); --bg-info-strong: hsl(226, 71%, 40%); --bg-accent-purple-muted: hsl(289, 100%, 98%); --bg-accent-purple-subtle: hsl(282, 96%, 91%); --bg-accent-purple-base: hsl(276, 82%, 62%); --bg-accent-purple-strong: hsl(277, 67%, 34%); --bg-accent-pink-muted: hsl(323, 80%, 98%); --bg-accent-pink-subtle: hsl(326, 100%, 92%); --bg-accent-pink-base: hsl(330, 100%, 47%); --bg-accent-pink-strong: hsl(328, 98%, 24%); --bg-accent-teal-muted: hsl(160, 36%, 95%); --bg-accent-teal-subtle: hsl(163, 40%, 88%); --bg-accent-teal-base: hsl(164, 57%, 34%); --bg-accent-teal-strong: hsl(165, 63%, 21%); --bg-accent-slate-muted: hsl(60, 13%, 95%); --bg-accent-slate-subtle: hsl(60, 6%, 68%); --bg-accent-slate-base: hsl(60, 5%, 33%); --bg-accent-slate-strong: hsl(60, 7%, 22%); --bg-accent-amber-muted: hsl(48, 100%, 96%); --bg-accent-amber-subtle: hsl(48, 97%, 88%); --bg-accent-amber-base: hsl(31, 100%, 40%); --bg-accent-amber-strong: hsl(25, 100%, 25%); --text-primary: hsl(224, 71%, 4%); --text-primary-hover: hsl(221, 39%, 11%); --text-secondary: hsl(215, 14%, 34%); --text-secondary-hover: hsl(217, 19%, 27%); --text-subtle: hsl(220, 9%, 46%); --text-muted: hsl(218, 11%, 65%); --text-disabled: hsl(218, 11%, 65%); --text-disabled-alt: hsl(0, 0%, 0%); --text-disabled-subtle: hsl(216, 12%, 84%); --text-on-color: hsl(0, 0%, 100%); --text-static-black: hsl(0, 0%, 9%); --text-inverted: hsl(0, 0%, 100%); --text-inverted-subtle: hsla(0, 0%, 100%, 0.7); --text-inverted-muted: hsla(0, 0%, 100%, 0.5); --text-brand-subtle: hsl(164, 39%, 75%); --text-brand-base: hsl(164, 61%, 27%); --text-brand-base-hover: hsl(165, 63%, 21%); --text-brand-strong: hsl(167, 63%, 15%); --text-danger-subtle: hsl(0, 96%, 89%); --text-danger-base: hsl(0, 72%, 51%); --text-danger-base-hover: hsl(0, 74%, 42%); --text-danger-strong: hsl(0, 70%, 35%); --text-success-subtle: hsl(66, 94%, 81%); --text-success-base: hsl(64, 80%, 40%); --text-success-strong: hsl(64, 88%, 22%); --text-warning-subtle: hsl(30, 100%, 83%); --text-warning-base: hsl(17, 100%, 49%); --text-warning-strong: hsl(17, 100%, 28%); --text-highlight-subtle: hsl(67, 96%, 90%); --text-highlight-base: hsl(65, 76%, 50%); --text-highlight-strong: hsl(64, 84%, 31%); --text-info-subtle: hsl(213, 97%, 87%); --text-info-base: hsl(217, 91%, 60%); --text-info-strong: hsl(226, 71%, 40%); --text-link-subtle: hsl(213, 97%, 87%); --text-link-base: hsl(221, 83%, 53%); --text-link-base-hover: hsl(224, 76%, 48%); --text-link-strong: hsl(226, 71%, 40%); --text-accent-pink-subtle: hsl(326, 100%, 92%); --text-accent-pink-base: hsl(330, 100%, 47%); --text-accent-pink-strong: hsl(328, 100%, 31%); --text-accent-purple-subtle: hsl(282, 96%, 91%); --text-accent-purple-base: hsl(277, 67%, 52%); --text-accent-purple-strong: hsl(277, 67%, 34%); --text-accent-teal-subtle: hsl(163, 40%, 88%); --text-accent-teal-base: hsl(164, 57%, 34%); --text-accent-teal-strong: hsl(165, 63%, 21%); --text-accent-amber-subtle: hsl(40, 100%, 75%); --text-accent-amber-base: hsl(31, 100%, 40%); --text-accent-amber-strong: hsl(25, 100%, 25%); --icon-primary: hsl(221, 39%, 11%); --icon-primary-hover: hsl(221, 39%, 11%); --icon-secondary: hsl(215, 14%, 34%); --icon-secondary-hover: hsl(220, 9%, 46%); --icon-subtle: hsl(220, 9%, 46%); --icon-muted: hsl(218, 11%, 65%); --icon-disabled: hsl(218, 11%, 65%); --icon-disabled-alt: hsl(0, 0%, 0%); --icon-disabled-subtle: hsl(216, 12%, 84%); --icon-on-color: hsl(0, 0%, 100%); --icon-static-black: hsl(0, 0%, 9%); --icon-inverted: hsl(0, 0%, 100%); --icon-inverted-subtle: hsl(0, 0%, 100%); --icon-inverted-muted: hsl(0, 0%, 100%); --icon-brand-subtle: hsl(164, 39%, 75%); --icon-brand-base: hsl(164, 61%, 27%); --icon-brand-base-hover: hsl(165, 63%, 21%); --icon-brand-strong: hsl(167, 63%, 15%); --icon-danger-subtle: hsl(0, 96%, 89%); --icon-danger-base: hsl(0, 72%, 51%); --icon-danger-base-hover: hsl(0, 74%, 42%); --icon-danger-strong: hsl(0, 70%, 35%); --icon-success-subtle: hsl(66, 94%, 81%); --icon-success-base: hsl(64, 80%, 40%); --icon-success-strong: hsl(64, 88%, 22%); --icon-warning-subtle: hsl(30, 100%, 83%); --icon-warning-base: hsl(17, 100%, 49%); --icon-warning-strong: hsl(17, 100%, 28%); --icon-info-subtle: hsl(213, 97%, 87%); --icon-info-base: hsl(217, 91%, 60%); --icon-info-strong: hsl(226, 71%, 40%); --icon-link-subtle: hsl(213, 97%, 87%); --icon-link-base: hsl(221, 83%, 53%); --icon-link-base-hover: hsl(224, 76%, 48%); --icon-link-strong: hsl(226, 71%, 40%); --icon-highlight-subtle: hsl(67, 96%, 90%); --icon-highlight-base: hsl(65, 76%, 50%); --icon-highlight-strong: hsl(64, 84%, 31%); --icon-accent-pink-subtle: hsl(326, 100%, 92%); --icon-accent-pink-base: hsl(330, 100%, 47%); --icon-accent-pink-strong: hsl(328, 100%, 31%); --icon-accent-purple-subtle: hsl(282, 96%, 91%); --icon-accent-purple-base: hsl(277, 67%, 52%); --icon-accent-purple-strong: hsl(277, 67%, 34%); --icon-accent-teal-subtle: hsl(163, 40%, 88%); --icon-accent-teal-base: hsl(164, 57%, 34%); --icon-accent-teal-strong: hsl(165, 63%, 21%); --icon-accent-amber-subtle: hsl(40, 100%, 75%); --icon-accent-amber-base: hsl(31, 100%, 40%); --icon-accent-amber-strong: hsl(25, 100%, 25%); --border-primary: hsl(220, 13%, 91%); --border-primary-alt: hsla(0, 0%, 0%, 0.08); --border-secondary: hsl(216, 12%, 84%); --border-secondary-alt: hsla(0, 0%, 0%, 0.12); --border-tertiary: hsl(220, 9%, 46%); --border-strong: hsl(221, 39%, 11%); --border-inverted: hsl(0, 0%, 100%); --border-static-white: hsl(0, 0%, 100%); --border-static-black: hsl(0, 0%, 0%); --border-disabled: hsla(0, 0%, 0%, 0.08); --border-disabled-subtle: hsla(0, 0%, 0%, 0.04); --border-brand-muted: hsl(163, 40%, 88%); --border-brand-subtle: hsl(168, 38%, 60%); --border-brand-base: hsl(164, 57%, 34%); --border-danger-muted: hsl(0, 93%, 94%); --border-danger-subtle: hsl(0, 94%, 82%); --border-danger-base: hsl(0, 84%, 60%); --border-success-muted: hsl(67, 96%, 90%); --border-success-subtle: hsl(66, 95%, 70%); --border-success-base: hsl(64, 80%, 40%); --border-warning-muted: hsl(32, 100%, 93%); --border-warning-subtle: hsl(26, 100%, 73%); --border-warning-base: hsl(17, 100%, 49%); --border-highlight-muted: hsl(67, 96%, 90%); --border-highlight-subtle: hsl(66, 94%, 81%); --border-highlight-base: hsl(65, 76%, 50%); --border-info-muted: hsl(214, 95%, 93%); --border-info-subtle: hsl(212, 96%, 78%); --border-info-base: hsl(217, 91%, 60%); --border-accent-purple-muted: hsl(284, 100%, 95%); --border-accent-purple-subtle: hsl(279, 95%, 83%); --border-accent-purple-base: hsl(277, 67%, 52%); --border-accent-pink-muted: hsl(326, 100%, 95%); --border-accent-pink-subtle: hsl(328, 100%, 81%); --border-accent-pink-base: hsl(330, 100%, 47%); --border-accent-teal-muted: hsl(160, 36%, 95%); --border-accent-teal-subtle: hsl(164, 39%, 75%); --border-accent-teal-base: hsl(164, 57%, 34%); --border-accent-amber-muted: hsl(48, 97%, 88%); --border-accent-amber-subtle: hsl(41, 100%, 61%); --border-accent-amber-base: hsl(31, 100%, 40%); --utility-inverse: hsl(0, 0%, 100%); --shadow-focus-ring-brand: hsl(163, 40%, 88%); --shadow-focus-ring-danger: hsl(0, 93%, 94%); --shadow-focus-ring-success: hsl(67, 96%, 90%); --shadow-focus-ring-warning: hsl(32, 100%, 93%); --shadow-focus-ring-info: hsl(214, 95%, 93%); --shadow-focus-ring-white: hsl(0, 0%, 100%); --shadow-focus-ring-neutral: hsl(220, 13%, 91%); --primarys: hsl(0, 0%, 0%); --text-2xs: 0.625rem; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1.0rem; --text-lg: clamp(1.0rem, calc(0.0018518519 * (100vw - 22.5rem) + 1.0rem), 1.125rem); --text-xl: clamp(1.0rem, calc(0.0037037037 * (100vw - 22.5rem) + 1.0rem), 1.25rem); --text-2xl: clamp(1.25rem, calc(0.0037037037 * (100vw - 22.5rem) + 1.25rem), 1.5rem); --text-3xl: clamp(1.375rem, calc(0.0055555556 * (100vw - 22.5rem) + 1.375rem), 1.75rem); --text-4xl: clamp(1.75rem, calc(0.0074074074 * (100vw - 22.5rem) + 1.75rem), 2.25rem); --text-5xl: clamp(2.0rem, calc(0.0148148148 * (100vw - 22.5rem) + 2.0rem), 3.0rem); --text-6xl: clamp(2.25rem, calc(0.0222222222 * (100vw - 22.5rem) + 2.25rem), 3.75rem); --text-7xl: clamp(2.5rem, calc(0.0222222222 * (100vw - 22.5rem) + 2.5rem), 4.0rem); --text-8xl: clamp(3.0rem, calc(0.0222222222 * (100vw - 22.5rem) + 3.0rem), 4.5rem); --space-0-5: 0.125rem; --space-1: 0.25rem; --space-1-5: 0.375rem; --space-2: 0.5rem; --space-2-5: 0.625rem; --space-3: 0.75rem; --space-4: 1.0rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2.0rem; --space-10: 2.5rem; --space-12: 3.0rem; --space-16: 4.0rem; --space-20: 5.0rem; --space-24: 6.0rem;}.bg-bg-primary { background-color: var(--bg-primary); }.bg-bg-primary-hover { background-color: var(--bg-primary-hover); }.bg-bg-secondary { background-color: var(--bg-secondary); }.bg-bg-secondary-alt { background-color: var(--bg-secondary-alt); }.bg-bg-secondary-hover { background-color: var(--bg-secondary-hover); }.bg-bg-tertiary { background-color: var(--bg-tertiary); }.bg-bg-tertiary-alt { background-color: var(--bg-tertiary-alt); }.bg-bg-tertiary-hover { background-color: var(--bg-tertiary-hover); }.bg-bg-quaternary { background-color: var(--bg-quaternary); }.bg-bg-quaternary-hover { background-color: var(--bg-quaternary-hover); }.bg-bg-static-white { background-color: var(--bg-static-white); }.bg-bg-static-white-subtle { background-color: var(--bg-static-white-subtle); }.bg-bg-static-black { background-color: var(--bg-static-black); }.bg-bg-static-black-subtle { background-color: var(--bg-static-black-subtle); }.bg-bg-inverted { background-color: var(--bg-inverted); }.bg-bg-inverted-hover { background-color: var(--bg-inverted-hover); }.bg-bg-inverted-subtle { background-color: var(--bg-inverted-subtle); }.bg-bg-disabled { background-color: var(--bg-disabled); }.bg-bg-disabled-subtle { background-color: var(--bg-disabled-subtle); }.bg-bg-overlay { background-color: var(--bg-overlay); }.bg-bg-overlay-subtle { background-color: var(--bg-overlay-subtle); }.bg-bg-overlay-lighter { background-color: var(--bg-overlay-lighter); }.bg-bg-overlay-white { background-color: var(--bg-overlay-white); }.bg-bg-overlay-white-strong { background-color: var(--bg-overlay-white-strong); }.bg-bg-transparent { background-color: var(--bg-transparent); }.bg-bg-brand-muted { background-color: var(--bg-brand-muted); }.bg-bg-brand-muted-hover { background-color: var(--bg-brand-muted-hover); }.bg-bg-brand-subtle { background-color: var(--bg-brand-subtle); }.bg-bg-brand-subtle-hover { background-color: var(--bg-brand-subtle-hover); }.bg-bg-brand-base { background-color: var(--bg-brand-base); }.bg-bg-brand-base-hover { background-color: var(--bg-brand-base-hover); }.bg-bg-brand-strong { background-color: var(--bg-brand-strong); }.bg-bg-danger-muted { background-color: var(--bg-danger-muted); }.bg-bg-danger-muted-hover { background-color: var(--bg-danger-muted-hover); }.bg-bg-danger-subtle { background-color: var(--bg-danger-subtle); }.bg-bg-danger-base { background-color: var(--bg-danger-base); }.bg-bg-danger-base-hover { background-color: var(--bg-danger-base-hover); }.bg-bg-danger-strong { background-color: var(--bg-danger-strong); }.bg-bg-success-muted { background-color: var(--bg-success-muted); }.bg-bg-success-subtle { background-color: var(--bg-success-subtle); }.bg-bg-success-base { background-color: var(--bg-success-base); }.bg-bg-success-strong { background-color: var(--bg-success-strong); }.bg-bg-warning-muted { background-color: var(--bg-warning-muted); }.bg-bg-warning-subtle { background-color: var(--bg-warning-subtle); }.bg-bg-warning-base { background-color: var(--bg-warning-base); }.bg-bg-warning-strong { background-color: var(--bg-warning-strong); }.bg-bg-highlight-muted { background-color: var(--bg-highlight-muted); }.bg-bg-highlight-subtle { background-color: var(--bg-highlight-subtle); }.bg-bg-highlight-base { background-color: var(--bg-highlight-base); }.bg-bg-highlight-base-hover { background-color: var(--bg-highlight-base-hover); }.bg-bg-highlight-strong { background-color: var(--bg-highlight-strong); }.bg-bg-info-muted { background-color: var(--bg-info-muted); }.bg-bg-info-subtle { background-color: var(--bg-info-subtle); }.bg-bg-info-base { background-color: var(--bg-info-base); }.bg-bg-info-base-hover { background-color: var(--bg-info-base-hover); }.bg-bg-info-strong { background-color: var(--bg-info-strong); }.bg-bg-accent-purple-muted { background-color: var(--bg-accent-purple-muted); }.bg-bg-accent-purple-subtle { background-color: var(--bg-accent-purple-subtle); }.bg-bg-accent-purple-base { background-color: var(--bg-accent-purple-base); }.bg-bg-accent-purple-strong { background-color: var(--bg-accent-purple-strong); }.bg-bg-accent-pink-muted { background-color: var(--bg-accent-pink-muted); }.bg-bg-accent-pink-subtle { background-color: var(--bg-accent-pink-subtle); }.bg-bg-accent-pink-base { background-color: var(--bg-accent-pink-base); }.bg-bg-accent-pink-strong { background-color: var(--bg-accent-pink-strong); }.bg-bg-accent-teal-muted { background-color: var(--bg-accent-teal-muted); }.bg-bg-accent-teal-subtle { background-color: var(--bg-accent-teal-subtle); }.bg-bg-accent-teal-base { background-color: var(--bg-accent-teal-base); }.bg-bg-accent-teal-strong { background-color: var(--bg-accent-teal-strong); }.bg-bg-accent-slate-muted { background-color: var(--bg-accent-slate-muted); }.bg-bg-accent-slate-subtle { background-color: var(--bg-accent-slate-subtle); }.bg-bg-accent-slate-base { background-color: var(--bg-accent-slate-base); }.bg-bg-accent-slate-strong { background-color: var(--bg-accent-slate-strong); }.bg-bg-accent-amber-muted { background-color: var(--bg-accent-amber-muted); }.bg-bg-accent-amber-subtle { background-color: var(--bg-accent-amber-subtle); }.bg-bg-accent-amber-base { background-color: var(--bg-accent-amber-base); }.bg-bg-accent-amber-strong { background-color: var(--bg-accent-amber-strong); }.text-text-primary { color: var(--text-primary); }.text-text-primary-hover { color: var(--text-primary-hover); }.text-text-secondary { color: var(--text-secondary); }.text-text-secondary-hover { color: var(--text-secondary-hover); }.text-text-subtle { color: var(--text-subtle); }.text-text-muted { color: var(--text-muted); }.text-text-disabled { color: var(--text-disabled); }.text-text-disabled-alt { color: var(--text-disabled-alt); }.text-text-disabled-subtle { color: var(--text-disabled-subtle); }.text-text-on-color { color: var(--text-on-color); }.text-text-static-black { color: var(--text-static-black); }.text-text-inverted { color: var(--text-inverted); }.text-text-inverted-subtle { color: var(--text-inverted-subtle); }.text-text-inverted-muted { color: var(--text-inverted-muted); }.text-text-brand-subtle { color: var(--text-brand-subtle); }.text-text-brand-base { color: var(--text-brand-base); }.text-text-brand-base-hover { color: var(--text-brand-base-hover); }.text-text-brand-strong { color: var(--text-brand-strong); }.text-text-danger-subtle { color: var(--text-danger-subtle); }.text-text-danger-base { color: var(--text-danger-base); }.text-text-danger-base-hover { color: var(--text-danger-base-hover); }.text-text-danger-strong { color: var(--text-danger-strong); }.text-text-success-subtle { color: var(--text-success-subtle); }.text-text-success-base { color: var(--text-success-base); }.text-text-success-strong { color: var(--text-success-strong); }.text-text-warning-subtle { color: var(--text-warning-subtle); }.text-text-warning-base { color: var(--text-warning-base); }.text-text-warning-strong { color: var(--text-warning-strong); }.text-text-highlight-subtle { color: var(--text-highlight-subtle); }.text-text-highlight-base { color: var(--text-highlight-base); }.text-text-highlight-strong { color: var(--text-highlight-strong); }.text-text-info-subtle { color: var(--text-info-subtle); }.text-text-info-base { color: var(--text-info-base); }.text-text-info-strong { color: var(--text-info-strong); }.text-text-link-subtle { color: var(--text-link-subtle); }.text-text-link-base { color: var(--text-link-base); }.text-text-link-base-hover { color: var(--text-link-base-hover); }.text-text-link-strong { color: var(--text-link-strong); }.text-text-accent-pink-subtle { color: var(--text-accent-pink-subtle); }.text-text-accent-pink-base { color: var(--text-accent-pink-base); }.text-text-accent-pink-strong { color: var(--text-accent-pink-strong); }.text-text-accent-purple-subtle { color: var(--text-accent-purple-subtle); }.text-text-accent-purple-base { color: var(--text-accent-purple-base); }.text-text-accent-purple-strong { color: var(--text-accent-purple-strong); }.text-text-accent-teal-subtle { color: var(--text-accent-teal-subtle); }.text-text-accent-teal-base { color: var(--text-accent-teal-base); }.text-text-accent-teal-strong { color: var(--text-accent-teal-strong); }.text-text-accent-amber-subtle { color: var(--text-accent-amber-subtle); }.text-text-accent-amber-base { color: var(--text-accent-amber-base); }.text-text-accent-amber-strong { color: var(--text-accent-amber-strong); }.fill-icon-primary { fill: var(--icon-primary); }.stroke-icon-primary { stroke: var(--icon-primary); }.fill-icon-primary-hover { fill: var(--icon-primary-hover); }.stroke-icon-primary-hover { stroke: var(--icon-primary-hover); }.fill-icon-secondary { fill: var(--icon-secondary); }.stroke-icon-secondary { stroke: var(--icon-secondary); }.fill-icon-secondary-hover { fill: var(--icon-secondary-hover); }.stroke-icon-secondary-hover { stroke: var(--icon-secondary-hover); }.fill-icon-subtle { fill: var(--icon-subtle); }.stroke-icon-subtle { stroke: var(--icon-subtle); }.fill-icon-muted { fill: var(--icon-muted); }.stroke-icon-muted { stroke: var(--icon-muted); }.fill-icon-disabled { fill: var(--icon-disabled); }.stroke-icon-disabled { stroke: var(--icon-disabled); }.fill-icon-disabled-alt { fill: var(--icon-disabled-alt); }.stroke-icon-disabled-alt { stroke: var(--icon-disabled-alt); }.fill-icon-disabled-subtle { fill: var(--icon-disabled-subtle); }.stroke-icon-disabled-subtle { stroke: var(--icon-disabled-subtle); }.fill-icon-on-color { fill: var(--icon-on-color); }.stroke-icon-on-color { stroke: var(--icon-on-color); }.fill-icon-static-black { fill: var(--icon-static-black); }.stroke-icon-static-black { stroke: var(--icon-static-black); }.fill-icon-inverted { fill: var(--icon-inverted); }.stroke-icon-inverted { stroke: var(--icon-inverted); }.fill-icon-inverted-subtle { fill: var(--icon-inverted-subtle); }.stroke-icon-inverted-subtle { stroke: var(--icon-inverted-subtle); }.fill-icon-inverted-muted { fill: var(--icon-inverted-muted); }.stroke-icon-inverted-muted { stroke: var(--icon-inverted-muted); }.fill-icon-brand-subtle { fill: var(--icon-brand-subtle); }.stroke-icon-brand-subtle { stroke: var(--icon-brand-subtle); }.fill-icon-brand-base { fill: var(--icon-brand-base); }.stroke-icon-brand-base { stroke: var(--icon-brand-base); }.fill-icon-brand-base-hover { fill: var(--icon-brand-base-hover); }.stroke-icon-brand-base-hover { stroke: var(--icon-brand-base-hover); }.fill-icon-brand-strong { fill: var(--icon-brand-strong); }.stroke-icon-brand-strong { stroke: var(--icon-brand-strong); }.fill-icon-danger-subtle { fill: var(--icon-danger-subtle); }.stroke-icon-danger-subtle { stroke: var(--icon-danger-subtle); }.fill-icon-danger-base { fill: var(--icon-danger-base); }.stroke-icon-danger-base { stroke: var(--icon-danger-base); }.fill-icon-danger-base-hover { fill: var(--icon-danger-base-hover); }.stroke-icon-danger-base-hover { stroke: var(--icon-danger-base-hover); }.fill-icon-danger-strong { fill: var(--icon-danger-strong); }.stroke-icon-danger-strong { stroke: var(--icon-danger-strong); }.fill-icon-success-subtle { fill: var(--icon-success-subtle); }.stroke-icon-success-subtle { stroke: var(--icon-success-subtle); }.fill-icon-success-base { fill: var(--icon-success-base); }.stroke-icon-success-base { stroke: var(--icon-success-base); }.fill-icon-success-strong { fill: var(--icon-success-strong); }.stroke-icon-success-strong { stroke: var(--icon-success-strong); }.fill-icon-warning-subtle { fill: var(--icon-warning-subtle); }.stroke-icon-warning-subtle { stroke: var(--icon-warning-subtle); }.fill-icon-warning-base { fill: var(--icon-warning-base); }.stroke-icon-warning-base { stroke: var(--icon-warning-base); }.fill-icon-warning-strong { fill: var(--icon-warning-strong); }.stroke-icon-warning-strong { stroke: var(--icon-warning-strong); }.fill-icon-info-subtle { fill: var(--icon-info-subtle); }.stroke-icon-info-subtle { stroke: var(--icon-info-subtle); }.fill-icon-info-base { fill: var(--icon-info-base); }.stroke-icon-info-base { stroke: var(--icon-info-base); }.fill-icon-info-strong { fill: var(--icon-info-strong); }.stroke-icon-info-strong { stroke: var(--icon-info-strong); }.fill-icon-link-subtle { fill: var(--icon-link-subtle); }.stroke-icon-link-subtle { stroke: var(--icon-link-subtle); }.fill-icon-link-base { fill: var(--icon-link-base); }.stroke-icon-link-base { stroke: var(--icon-link-base); }.fill-icon-link-base-hover { fill: var(--icon-link-base-hover); }.stroke-icon-link-base-hover { stroke: var(--icon-link-base-hover); }.fill-icon-link-strong { fill: var(--icon-link-strong); }.stroke-icon-link-strong { stroke: var(--icon-link-strong); }.fill-icon-highlight-subtle { fill: var(--icon-highlight-subtle); }.stroke-icon-highlight-subtle { stroke: var(--icon-highlight-subtle); }.fill-icon-highlight-base { fill: var(--icon-highlight-base); }.stroke-icon-highlight-base { stroke: var(--icon-highlight-base); }.fill-icon-highlight-strong { fill: var(--icon-highlight-strong); }.stroke-icon-highlight-strong { stroke: var(--icon-highlight-strong); }.fill-icon-accent-pink-subtle { fill: var(--icon-accent-pink-subtle); }.stroke-icon-accent-pink-subtle { stroke: var(--icon-accent-pink-subtle); }.fill-icon-accent-pink-base { fill: var(--icon-accent-pink-base); }.stroke-icon-accent-pink-base { stroke: var(--icon-accent-pink-base); }.fill-icon-accent-pink-strong { fill: var(--icon-accent-pink-strong); }.stroke-icon-accent-pink-strong { stroke: var(--icon-accent-pink-strong); }.fill-icon-accent-purple-subtle { fill: var(--icon-accent-purple-subtle); }.stroke-icon-accent-purple-subtle { stroke: var(--icon-accent-purple-subtle); }.fill-icon-accent-purple-base { fill: var(--icon-accent-purple-base); }.stroke-icon-accent-purple-base { stroke: var(--icon-accent-purple-base); }.fill-icon-accent-purple-strong { fill: var(--icon-accent-purple-strong); }.stroke-icon-accent-purple-strong { stroke: var(--icon-accent-purple-strong); }.fill-icon-accent-teal-subtle { fill: var(--icon-accent-teal-subtle); }.stroke-icon-accent-teal-subtle { stroke: var(--icon-accent-teal-subtle); }.fill-icon-accent-teal-base { fill: var(--icon-accent-teal-base); }.stroke-icon-accent-teal-base { stroke: var(--icon-accent-teal-base); }.fill-icon-accent-teal-strong { fill: var(--icon-accent-teal-strong); }.stroke-icon-accent-teal-strong { stroke: var(--icon-accent-teal-strong); }.fill-icon-accent-amber-subtle { fill: var(--icon-accent-amber-subtle); }.stroke-icon-accent-amber-subtle { stroke: var(--icon-accent-amber-subtle); }.fill-icon-accent-amber-base { fill: var(--icon-accent-amber-base); }.stroke-icon-accent-amber-base { stroke: var(--icon-accent-amber-base); }.fill-icon-accent-amber-strong { fill: var(--icon-accent-amber-strong); }.stroke-icon-accent-amber-strong { stroke: var(--icon-accent-amber-strong); }.border-border-primary { border-color: var(--border-primary); }.border-border-primary-alt { border-color: var(--border-primary-alt); }.border-border-secondary { border-color: var(--border-secondary); }.border-border-secondary-alt { border-color: var(--border-secondary-alt); }.border-border-tertiary { border-color: var(--border-tertiary); }.border-border-strong { border-color: var(--border-strong); }.border-border-inverted { border-color: var(--border-inverted); }.border-border-static-white { border-color: var(--border-static-white); }.border-border-static-black { border-color: var(--border-static-black); }.border-border-disabled { border-color: var(--border-disabled); }.border-border-disabled-subtle { border-color: var(--border-disabled-subtle); }.border-border-brand-muted { border-color: var(--border-brand-muted); }.border-border-brand-subtle { border-color: var(--border-brand-subtle); }.border-border-brand-base { border-color: var(--border-brand-base); }.border-border-danger-muted { border-color: var(--border-danger-muted); }.border-border-danger-subtle { border-color: var(--border-danger-subtle); }.border-border-danger-base { border-color: var(--border-danger-base); }.border-border-success-muted { border-color: var(--border-success-muted); }.border-border-success-subtle { border-color: var(--border-success-subtle); }.border-border-success-base { border-color: var(--border-success-base); }.border-border-warning-muted { border-color: var(--border-warning-muted); }.border-border-warning-subtle { border-color: var(--border-warning-subtle); }.border-border-warning-base { border-color: var(--border-warning-base); }.border-border-highlight-muted { border-color: var(--border-highlight-muted); }.border-border-highlight-subtle { border-color: var(--border-highlight-subtle); }.border-border-highlight-base { border-color: var(--border-highlight-base); }.border-border-info-muted { border-color: var(--border-info-muted); }.border-border-info-subtle { border-color: var(--border-info-subtle); }.border-border-info-base { border-color: var(--border-info-base); }.border-border-accent-purple-muted { border-color: var(--border-accent-purple-muted); }.border-border-accent-purple-subtle { border-color: var(--border-accent-purple-subtle); }.border-border-accent-purple-base { border-color: var(--border-accent-purple-base); }.border-border-accent-pink-muted { border-color: var(--border-accent-pink-muted); }.border-border-accent-pink-subtle { border-color: var(--border-accent-pink-subtle); }.border-border-accent-pink-base { border-color: var(--border-accent-pink-base); }.border-border-accent-teal-muted { border-color: var(--border-accent-teal-muted); }.border-border-accent-teal-subtle { border-color: var(--border-accent-teal-subtle); }.border-border-accent-teal-base { border-color: var(--border-accent-teal-base); }.border-border-accent-amber-muted { border-color: var(--border-accent-amber-muted); }.border-border-accent-amber-subtle { border-color: var(--border-accent-amber-subtle); }.border-border-accent-amber-base { border-color: var(--border-accent-amber-base); }.bg-utility-inverse { background-color: var(--utility-inverse); }.text-utility-inverse { color: var(--utility-inverse); }.border-utility-inverse { border-color: var(--utility-inverse); }.outline-utility-inverse { outline-color: var(--utility-inverse); }.fill-utility-inverse { fill: var(--utility-inverse); }.stroke-utility-inverse { stroke: var(--utility-inverse); }.outline-shadow-focus-ring-brand { outline-color: var(--shadow-focus-ring-brand); }.outline-shadow-focus-ring-danger { outline-color: var(--shadow-focus-ring-danger); }.outline-shadow-focus-ring-success { outline-color: var(--shadow-focus-ring-success); }.outline-shadow-focus-ring-warning { outline-color: var(--shadow-focus-ring-warning); }.outline-shadow-focus-ring-info { outline-color: var(--shadow-focus-ring-info); }.outline-shadow-focus-ring-white { outline-color: var(--shadow-focus-ring-white); }.outline-shadow-focus-ring-neutral { outline-color: var(--shadow-focus-ring-neutral); }