:root{color-scheme:light dark;--lui-border-radius-circle: 1000000px;--lui-border-radius-lg: var(--lui-brand-border-radius-lg);--lui-border-radius-md: var(--lui-brand-border-radius-md);--lui-border-radius-none: 0;--lui-border-radius-sm: var(--lui-brand-border-radius-sm);--lui-border-radius-xl: var(--lui-brand-border-radius-xl);--lui-border-radius-xs: var(--lui-brand-border-radius-xs);--lui-border-width-0: 0;--lui-border-width-1: 1px;--lui-border-width-2: 2px;--lui-border-width-4: 4px;--lui-brand-border-radius-lg: 12px;--lui-brand-border-radius-md: 8px;--lui-brand-border-radius-sm: 4px;--lui-brand-border-radius-xl: 16px;--lui-brand-border-radius-xs: 2px;--lui-brand-color-primary-1: rgb(92.157% 96.863% 100%);--lui-color-primary-background-surface: var(--lui-brand-color-primary-1);--lui-brand-color-primary-2: rgb(70.196% 87.059% 99.216%);--lui-brand-color-primary-3: rgb(49.412% 77.255% 98.431%);--lui-brand-color-primary-4: rgb(20% 60.784% 94.118%);--lui-color-link-default: var(--lui-brand-color-primary-4);--lui-color-primary-background-container: var(--lui-brand-color-primary-4);--lui-color-primary-border-default: var(--lui-brand-color-primary-4);--lui-color-primary-icon-default: var(--lui-brand-color-primary-4);--lui-color-primary-text-body: var(--lui-brand-color-primary-4);--lui-link-color-text-default: var(--lui-brand-color-primary-4);--lui-brand-color-primary-5: rgb(10.98% 53.725% 89.412%);--lui-color-primary-focus-ring: var(--lui-brand-color-primary-5);--lui-focus-ring-primary: 0 0 0 3px var(--lui-color-primary-focus-ring);--lui-brand-color-primary-6: rgb(4.7059% 43.922% 77.647%);--lui-color-link-visited: var(--lui-brand-color-primary-6);--lui-link-color-text-visited: var(--lui-brand-color-primary-6);--lui-brand-color-primary-7: rgb(1.1765% 26.275% 48.235%);--lui-brand-color-primary-8: rgb(0% 10.588% 20%);--lui-brand-color-secondary-1: rgb(100% 100% 100%);--lui-color-secondary-background-surface: var(--lui-brand-color-secondary-1);--lui-brand-color-secondary-2: rgb(93.333% 92.549% 94.51%);--lui-brand-color-secondary-3: rgb(78.039% 79.216% 83.137%);--lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);--lui-color-secondary-background-container: var(--lui-brand-color-secondary-4);--lui-color-secondary-border-default: var(--lui-brand-color-secondary-4);--lui-color-secondary-icon-default: var(--lui-brand-color-secondary-4);--lui-brand-color-secondary-5: rgb(32.941% 34.51% 40.392%);--lui-color-secondary-focus-ring: var(--lui-brand-color-secondary-5);--lui-focus-ring-secondary: 0 0 0 3px var(--lui-color-secondary-focus-ring);--lui-brand-color-secondary-6: rgb(23.922% 25.49% 30.196%);--lui-brand-color-secondary-7: rgb(15.686% 16.863% 20%);--lui-brand-color-secondary-8: rgb(7.451% 8.2353% 9.8039%);--lui-brand-grid-breakpoint-1xl: 1440px;--lui-brand-grid-breakpoint-1xs: 767px;--lui-brand-grid-breakpoint-lg: 1280px;--lui-brand-grid-breakpoint-md: 1024px;--lui-brand-grid-breakpoint-sm: 768px;--lui-brand-grid-column-1xl: 12;--lui-brand-grid-column-1xs: 4;--lui-brand-grid-column-lg: 12;--lui-brand-grid-column-md: 8;--lui-brand-grid-column-sm: 8;--lui-brand-grid-container-1xl: 1360px;--lui-brand-grid-gap-1xl: var(--lui-spacing-fixed-24);--lui-brand-grid-gap-1xs: var(--lui-spacing-fixed-16);--lui-brand-grid-gap-lg: var(--lui-spacing-fixed-24);--lui-brand-grid-gap-md: var(--lui-spacing-fixed-16);--lui-brand-grid-gap-sm: var(--lui-spacing-fixed-16);--lui-brand-grid-margin-1xs: var(--lui-spacing-fixed-16);--lui-brand-grid-margin-lg: var(--lui-spacing-fixed-40);--lui-brand-grid-margin-md: var(--lui-spacing-fixed-40);--lui-brand-grid-margin-sm: var(--lui-spacing-fixed-32);--lui-brand-opacity-disabled: .4;--lui-opacity-disabled: var(--lui-brand-opacity-disabled);--lui-brand-typography-font-family-body: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--lui-brand-typography-font-family-code: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;--lui-brand-typography-font-family-heading: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--lui-brand-typography-font-size-1xl: clamp(1.402rem, 1.21rem + .96vw, 2.074rem);--lui-brand-typography-font-size-1xs: 1rem;--lui-brand-typography-font-size-2xl: clamp(1.577rem, 1.3167rem + 1.3014vw, 2.488rem);--lui-brand-typography-font-size-2xs: .833rem;--lui-brand-typography-font-size-3xl: clamp(2.245rem, 1.6579rem + 2.9357vw, 4.3rem);--lui-brand-typography-font-size-3xs: .694rem;--lui-brand-typography-font-size-lg: clamp(1.246rem, 1.1083rem + .6886vw, 1.728rem);--lui-brand-typography-font-size-md: clamp(1.107rem, 1.0119rem + .4757vw, 1.44rem);--lui-brand-typography-font-size-sm: clamp(1.05rem, 1.0071rem + .2143vw, 1.2rem);--lui-brand-typography-line-height-body: 1.5;--lui-brand-typography-line-height-heading: 1.2;--lui-brand-typography-weight-block-title: var(--lui-typography-weight-medium);--lui-brand-typography-weight-display: var(--lui-typography-weight-light);--lui-brand-typography-weight-headline: var(--lui-typography-weight-semibold);--lui-brand-typography-weight-overtitle: var(--lui-typography-weight-semibold);--lui-brand-typography-weight-subheadline: var(--lui-typography-weight-regular);--lui-brand-typography-weight-subtitle: var(--lui-typography-weight-regular);--lui-brand-typography-weight-title: var(--lui-typography-weight-semibold);--lui-color-blue-1: rgb(92.157% 96.863% 100%);--lui-color-info-background-surface: var(--lui-color-blue-1);--lui-color-blue-2: rgb(70.196% 87.059% 99.216%);--lui-color-blue-3: rgb(49.412% 77.255% 98.431%);--lui-color-blue-4: rgb(20% 60.784% 94.118%);--lui-color-info-background-container: var(--lui-color-blue-4);--lui-color-info-border-default: var(--lui-color-blue-4);--lui-color-info-icon-default: var(--lui-color-blue-4);--lui-color-blue-5: rgb(10.98% 53.725% 89.412%);--lui-color-blue-6: rgb(4.7059% 43.922% 77.647%);--lui-color-blue-7: rgb(1.1765% 26.275% 48.235%);--lui-color-blue-8: rgb(0% 10.588% 20%);--lui-color-caution-background-container: var(--lui-color-orange-4);--lui-color-caution-background-surface: var(--lui-color-orange-1);--lui-color-caution-border-default: var(--lui-color-orange-4);--lui-color-caution-icon-default: var(--lui-color-orange-4);--lui-color-danger-background-container: var(--lui-color-red-4);--lui-color-danger-background-surface: var(--lui-color-red-1);--lui-color-danger-border-default: var(--lui-color-red-4);--lui-color-danger-focus-ring: var(--lui-color-red-5);--lui-focus-ring-danger: 0 0 0 3px var(--lui-color-danger-focus-ring);--lui-color-danger-icon-default: var(--lui-color-red-4);--lui-color-danger-text-error: var(--lui-color-red-4);--lui-color-gray-1: rgb(100% 100% 100%);--lui-color-neutral-background-surface: var(--lui-color-gray-1);--lui-color-neutral-icon-inverse: var(--lui-color-gray-1);--lui-color-neutral-text-inverse: var(--lui-color-gray-1);--lui-color-gray-2: rgb(93.333% 92.549% 94.51%);--lui-color-neutral-border-subtle: var(--lui-color-gray-2);--lui-divider-color-border-default: var(--lui-color-neutral-border-subtle);--lui-color-gray-3: rgb(78.039% 79.216% 83.137%);--lui-color-neutral-background-container: var(--lui-color-gray-3);--lui-color-gray-4: rgb(42.353% 43.922% 50.588%);--lui-color-neutral-border-default: var(--lui-color-gray-4);--lui-color-neutral-text-caption: var(--lui-color-gray-4);--lui-color-gray-5: rgb(32.941% 34.51% 40.392%);--lui-color-neutral-focus-ring: var(--lui-color-gray-5);--lui-focus-ring-neutral: 0 0 0 3px var(--lui-color-neutral-focus-ring);--lui-color-gray-6: rgb(23.922% 25.49% 30.196%);--lui-color-gray-7: rgb(15.686% 16.863% 20%);--lui-color-neutral-text-body: var(--lui-color-gray-7);--lui-color-gray-8: rgb(7.451% 8.2353% 9.8039%);--lui-color-neutral-background-overlay: var(--lui-color-gray-8);--lui-color-neutral-icon-default: var(--lui-color-gray-8);--lui-color-neutral-text-heading: var(--lui-color-gray-8);--lui-color-green-1: rgb(86.667% 97.255% 88.235%);--lui-color-success-background-surface: var(--lui-color-green-1);--lui-color-green-2: rgb(65.882% 90.98% 69.804%);--lui-color-green-3: rgb(44.706% 83.137% 51.373%);--lui-color-green-4: rgb(13.725% 58.824% 23.137%);--lui-color-success-background-container: var(--lui-color-green-4);--lui-color-success-border-default: var(--lui-color-green-4);--lui-color-success-icon-default: var(--lui-color-green-4);--lui-color-green-5: rgb(10.588% 43.137% 18.039%);--lui-color-success-focus-ring: var(--lui-color-green-5);--lui-focus-ring-success: 0 0 0 3px var(--lui-color-success-focus-ring);--lui-color-green-6: rgb(7.8431% 33.333% 13.725%);--lui-color-green-7: rgb(5.4902% 23.137% 9.4118%);--lui-color-green-8: rgb(3.1373% 14.118% 5.8824%);--lui-color-orange-1: rgb(100% 94.902% 88.627%);--lui-color-orange-2: rgb(100% 85.098% 69.02%);--lui-color-orange-3: rgb(100% 70.196% 37.255%);--lui-color-orange-4: rgb(78.431% 41.176% 0%);--lui-color-orange-5: rgb(60% 29.412% 0%);--lui-color-orange-6: rgb(45.098% 21.961% 0%);--lui-color-orange-7: rgb(30.98% 14.902% 0%);--lui-color-orange-8: rgb(18.039% 8.6275% 0%);--lui-color-red-1: rgb(100% 85.882% 85.882%);--lui-color-red-2: rgb(99.216% 66.275% 66.275%);--lui-color-red-3: rgb(98.824% 47.451% 47.451%);--lui-color-red-4: rgb(83.137% 20% 19.608%);--lui-color-red-5: rgb(68.235% 12.549% 11.765%);--lui-color-red-6: rgb(53.725% 7.8431% 7.0588%);--lui-color-red-7: rgb(38.824% 5.098% 4.3137%);--lui-color-red-8: rgb(23.922% 3.1373% 2.3529%);--lui-color-violet-1: rgb(92.941% 83.922% 100%);--lui-color-violet-2: rgb(85.098% 67.843% 100%);--lui-color-violet-3: rgb(75.686% 51.765% 100%);--lui-color-violet-4: rgb(52.941% 20% 100%);--lui-color-violet-5: rgb(40.784% 14.51% 85.882%);--lui-color-violet-6: rgb(30.196% 9.8039% 71.765%);--lui-color-violet-7: rgb(20.784% 6.2745% 57.647%);--lui-color-violet-8: rgb(14.51% 3.5294% 47.843%);--lui-elevation-base: 0 0 8px 0 rgb(0% 0% 0% / .02), 0 4px 12px 0 rgb(0% 0% 0% / .04);--lui-elevation-floating: 0 0 8px 0 rgb(0% 0% 0% / .08), 0 12px 20px 0 rgb(0% 0% 0% / .12);--lui-elevation-hovered: 0 0 8px 0 rgb(0% 0% 0% / .04), 0 8px 16px 0 rgb(0% 0% 0% / .08);--lui-elevation-overlay: 0 1px 8px 0 rgb(0% 0% 0% / .04), 0 16px 24px 0 rgb(0% 0% 0% / .16);--lui-opacity-0: 0;--lui-opacity-hidden: var(--lui-opacity-0);--lui-opacity-100: 100;--lui-opacity-visible: var(--lui-opacity-100);--lui-spacing-fixed-0: 0;--lui-spacing-fixed-8: 8px;--lui-spacing-fixed-16: 16px;--lui-spacing-fixed-24: 24px;--lui-spacing-fixed-32: 32px;--lui-spacing-fixed-40: 40px;--lui-spacing-fluid-2: clamp(.1125rem, .109rem + .001vw, .125rem);--lui-spacing-fluid-4: clamp(.225rem, .218rem + .002vw, .25rem);--lui-spacing-fluid-8: clamp(.45rem, .436rem + .004vw, .5rem);--lui-spacing-fluid-12: clamp(.675rem, .655rem + .006vw, .75rem);--lui-spacing-fluid-16: clamp(.9rem, .874rem + .008vw, 1rem);--lui-spacing-fluid-20: clamp(1.125rem, 1.093rem + .01vw, 1.25rem);--lui-spacing-fluid-24: clamp(1.35rem, 1.311rem + .012vw, 1.5rem);--lui-spacing-fluid-32: clamp(1.8rem, 1.748rem + .016vw, 2rem);--lui-spacing-fluid-40: clamp(2.25rem, 2.186rem + .02vw, 2.5rem);--lui-spacing-fluid-48: clamp(2.7rem, 2.623rem + .024vw, 3rem);--lui-spacing-fluid-56: clamp(3.15rem, 3.061rem + .028vw, 3.5rem);--lui-spacing-fluid-64: clamp(3.6rem, 3.498rem + .032vw, 4rem);--lui-spacing-fluid-72: clamp(4.05rem, 3.936rem + .036vw, 4.5rem);--lui-spacing-fluid-80: clamp(4.5rem, 4.374rem + .04vw, 5rem);--lui-typography-case-lowercase: lowercase;--lui-typography-case-none: none;--lui-typography-case-uppercase: uppercase;--lui-typography-decoration-line-through: line-through;--lui-typography-decoration-none: none;--lui-typography-decoration-underline: underline;--lui-typography-font-weight-bold: 700;--lui-typography-font-weight-light: 300;--lui-typography-font-weight-medium: 500;--lui-typography-font-weight-regular: 400;--lui-typography-font-weight-semibold: 600;--lui-typography-line-height-lg: 1.5;--lui-typography-line-height-md: 1.2;--lui-typography-line-height-sm: 1.125;--lui-typography-tracking-default: 0;--lui-typography-tracking-tighter: -1px;--lui-typography-tracking-tightest: -2px;--lui-typography-tracking-wider: 1px;--lui-typography-tracking-widest: 2px;--lui-typography-weight-bold: 700;--lui-typography-weight-light: 300;--lui-typography-weight-medium: 500;--lui-typography-weight-regular: 400;--lui-typography-weight-semibold: 600}[data-brand=lets-ui]{--lui-brand-border-radius-lg: 12px;--lui-brand-border-radius-md: 8px;--lui-brand-border-radius-sm: 4px;--lui-brand-border-radius-xl: 16px;--lui-brand-border-radius-xs: 2px;--lui-brand-grid-breakpoint-1xl: 1440px;--lui-brand-grid-breakpoint-1xs: 767px;--lui-brand-grid-breakpoint-lg: 1280px;--lui-brand-grid-breakpoint-md: 1024px;--lui-brand-grid-breakpoint-sm: 768px;--lui-brand-grid-column-1xl: 12;--lui-brand-grid-column-1xs: 4;--lui-brand-grid-column-lg: 12;--lui-brand-grid-column-md: 8;--lui-brand-grid-column-sm: 8;--lui-brand-grid-container-1xl: 1360px;--lui-brand-grid-gap-1xl: var(--lui-spacing-fixed-24);--lui-brand-grid-gap-1xs: var(--lui-spacing-fixed-16);--lui-brand-grid-gap-lg: var(--lui-spacing-fixed-24);--lui-brand-grid-gap-md: var(--lui-spacing-fixed-16);--lui-brand-grid-gap-sm: var(--lui-spacing-fixed-16);--lui-brand-grid-margin-1xs: var(--lui-spacing-fixed-16);--lui-brand-grid-margin-lg: var(--lui-spacing-fixed-40);--lui-brand-grid-margin-md: var(--lui-spacing-fixed-40);--lui-brand-grid-margin-sm: var(--lui-spacing-fixed-32);--lui-brand-opacity-disabled: .4;--lui-brand-typography-font-family-body: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--lui-brand-typography-font-family-code: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;--lui-brand-typography-font-family-heading: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--lui-brand-typography-font-size-1xl: clamp(1.402rem, 1.21rem + .96vw, 2.074rem);--lui-brand-typography-font-size-1xs: 1rem;--lui-brand-typography-font-size-2xl: clamp(1.577rem, 1.3167rem + 1.3014vw, 2.488rem);--lui-brand-typography-font-size-2xs: .833rem;--lui-brand-typography-font-size-3xl: clamp(2.245rem, 1.6579rem + 2.9357vw, 4.3rem);--lui-brand-typography-font-size-3xs: .694rem;--lui-brand-typography-font-size-lg: clamp(1.246rem, 1.1083rem + .6886vw, 1.728rem);--lui-brand-typography-font-size-md: clamp(1.107rem, 1.0119rem + .4757vw, 1.44rem);--lui-brand-typography-font-size-sm: clamp(1.05rem, 1.0071rem + .2143vw, 1.2rem);--lui-brand-typography-line-height-body: 1.5;--lui-brand-typography-line-height-heading: 1.2;--lui-brand-typography-weight-block-title: var(--lui-typography-weight-medium);--lui-brand-typography-weight-display: var(--lui-typography-weight-light);--lui-brand-typography-weight-headline: var(--lui-typography-weight-semibold);--lui-brand-typography-weight-overtitle: var(--lui-typography-weight-semibold);--lui-brand-typography-weight-subheadline: var(--lui-typography-weight-regular);--lui-brand-typography-weight-subtitle: var(--lui-typography-weight-regular);--lui-brand-typography-weight-title: var(--lui-typography-weight-semibold)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--lui-color-blue-1: rgb(6.2745% 12.549% 18.824%);--lui-color-blue-2: rgb(9.0196% 19.216% 29.02%);--lui-color-blue-3: rgb(12.941% 29.02% 43.529%);--lui-color-blue-4: rgb(20% 56.471% 94.118%);--lui-color-blue-5: rgb(34.51% 65.882% 96.078%);--lui-color-blue-6: rgb(49.804% 75.294% 98.039%);--lui-color-blue-7: rgb(68.235% 85.882% 100%);--lui-color-blue-8: rgb(86.667% 94.51% 100%);--lui-color-gray-1: rgb(9.4118% 10.196% 12.549%);--lui-color-gray-2: rgb(20.784% 22.353% 27.451%);--lui-color-gray-3: rgb(27.451% 30.588% 36.471%);--lui-color-gray-4: rgb(47.843% 50.98% 58.824%);--lui-color-gray-5: rgb(48.235% 51.373% 59.608%);--lui-color-gray-6: rgb(63.529% 66.667% 73.725%);--lui-color-gray-7: rgb(78.431% 80.784% 85.098%);--lui-color-gray-8: rgb(95.686% 96.471% 98.039%);--lui-color-green-1: rgb(6.2745% 14.118% 9.0196%);--lui-color-green-2: rgb(8.6275% 20.784% 12.157%);--lui-color-green-3: rgb(12.157% 32.157% 18.431%);--lui-color-green-4: rgb(17.647% 66.275% 26.275%);--lui-color-green-5: rgb(29.804% 75.686% 37.255%);--lui-color-green-6: rgb(44.706% 83.137% 51.373%);--lui-color-green-7: rgb(65.882% 90.98% 69.804%);--lui-color-green-8: rgb(86.667% 97.255% 88.235%);--lui-color-orange-1: rgb(16.471% 9.0196% 2.7451%);--lui-color-orange-2: rgb(25.098% 13.725% 4.3137%);--lui-color-orange-3: rgb(40% 21.569% 6.6667%);--lui-color-orange-4: rgb(86.275% 45.098% 5.098%);--lui-color-orange-5: rgb(94.118% 54.51% 17.647%);--lui-color-orange-6: rgb(100% 66.667% 34.118%);--lui-color-orange-7: rgb(100% 78.824% 55.686%);--lui-color-orange-8: rgb(100% 90.588% 80%);--lui-color-red-1: rgb(29.02% 8.2353% 8.2353%);--lui-color-red-2: rgb(40% 12.549% 12.549%);--lui-color-red-3: rgb(54.118% 17.647% 17.647%);--lui-color-red-4: rgb(88.627% 38.039% 38.039%);--lui-color-red-5: rgb(89.804% 40.392% 40.392%);--lui-color-red-6: rgb(94.118% 51.765% 51.765%);--lui-color-red-7: rgb(100% 66.667% 66.667%);--lui-color-red-8: rgb(100% 81.961% 81.961%);--lui-color-violet-1: rgb(14.118% 8.6275% 22.745%);--lui-color-violet-2: rgb(20.392% 12.549% 33.333%);--lui-color-violet-3: rgb(31.765% 18.824% 50.196%);--lui-color-violet-4: rgb(63.529% 35.294% 100%);--lui-color-violet-5: rgb(71.373% 48.235% 100%);--lui-color-violet-6: rgb(78.824% 60.784% 100%);--lui-color-violet-7: rgb(87.451% 77.647% 100%);--lui-color-violet-8: rgb(94.902% 91.765% 100%)}}@media(prefers-color-scheme:light){[data-brand=lets-ui]{color-scheme:light;--lui-brand-color-primary-1: rgb(92.157% 96.863% 100%);--lui-brand-color-primary-2: rgb(70.196% 87.059% 99.216%);--lui-brand-color-primary-3: rgb(49.412% 77.255% 98.431%);--lui-brand-color-primary-4: rgb(20% 60.784% 94.118%);--lui-brand-color-primary-5: rgb(10.98% 53.725% 89.412%);--lui-brand-color-primary-6: rgb(4.7059% 43.922% 77.647%);--lui-brand-color-primary-7: rgb(1.1765% 26.275% 48.235%);--lui-brand-color-primary-8: rgb(0% 10.588% 20%);--lui-brand-color-secondary-1: rgb(100% 100% 100%);--lui-brand-color-secondary-2: rgb(93.333% 92.549% 94.51%);--lui-brand-color-secondary-3: rgb(78.039% 79.216% 83.137%);--lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);--lui-brand-color-secondary-5: rgb(32.941% 34.51% 40.392%);--lui-brand-color-secondary-6: rgb(23.922% 25.49% 30.196%);--lui-brand-color-secondary-7: rgb(15.686% 16.863% 20%);--lui-brand-color-secondary-8: rgb(7.451% 8.2353% 9.8039%)}}@media(prefers-color-scheme:dark){[data-brand=lets-ui]{color-scheme:dark;--lui-brand-color-primary-1: rgb(6.2745% 12.549% 18.824%);--lui-brand-color-primary-2: rgb(9.0196% 19.216% 29.02%);--lui-brand-color-primary-3: rgb(12.941% 29.02% 43.529%);--lui-brand-color-primary-4: rgb(20% 56.471% 94.118%);--lui-brand-color-primary-5: rgb(34.51% 65.882% 96.078%);--lui-brand-color-primary-6: rgb(49.804% 75.294% 98.039%);--lui-brand-color-primary-7: rgb(68.235% 85.882% 100%);--lui-brand-color-primary-8: rgb(86.667% 94.51% 100%);--lui-brand-color-secondary-1: rgb(9.4118% 10.196% 12.549%);--lui-brand-color-secondary-2: rgb(20.784% 22.353% 27.451%);--lui-brand-color-secondary-3: rgb(27.451% 30.588% 36.471%);--lui-brand-color-secondary-4: rgb(47.843% 50.98% 58.824%);--lui-brand-color-secondary-5: rgb(48.235% 51.373% 59.608%);--lui-brand-color-secondary-6: rgb(63.529% 66.667% 73.725%);--lui-brand-color-secondary-7: rgb(78.431% 80.784% 85.098%);--lui-brand-color-secondary-8: rgb(95.686% 96.471% 98.039%)}}[data-theme=light]{color-scheme:light;--lui-color-blue-1: rgb(92.157% 96.863% 100%);--lui-color-blue-2: rgb(70.196% 87.059% 99.216%);--lui-color-blue-3: rgb(49.412% 77.255% 98.431%);--lui-color-blue-4: rgb(20% 60.784% 94.118%);--lui-color-blue-5: rgb(10.98% 53.725% 89.412%);--lui-color-blue-6: rgb(4.7059% 43.922% 77.647%);--lui-color-blue-7: rgb(1.1765% 26.275% 48.235%);--lui-color-blue-8: rgb(0% 10.588% 20%);--lui-color-gray-1: rgb(100% 100% 100%);--lui-color-gray-2: rgb(93.333% 92.549% 94.51%);--lui-color-gray-3: rgb(78.039% 79.216% 83.137%);--lui-color-gray-4: rgb(42.353% 43.922% 50.588%);--lui-color-gray-5: rgb(32.941% 34.51% 40.392%);--lui-color-gray-6: rgb(23.922% 25.49% 30.196%);--lui-color-gray-7: rgb(15.686% 16.863% 20%);--lui-color-gray-8: rgb(7.451% 8.2353% 9.8039%);--lui-color-green-1: rgb(86.667% 97.255% 88.235%);--lui-color-green-2: rgb(65.882% 90.98% 69.804%);--lui-color-green-3: rgb(44.706% 83.137% 51.373%);--lui-color-green-4: rgb(13.725% 58.824% 23.137%);--lui-color-green-5: rgb(10.588% 43.137% 18.039%);--lui-color-green-6: rgb(7.8431% 33.333% 13.725%);--lui-color-green-7: rgb(5.4902% 23.137% 9.4118%);--lui-color-green-8: rgb(3.1373% 14.118% 5.8824%);--lui-color-orange-1: rgb(100% 94.902% 88.627%);--lui-color-orange-2: rgb(100% 85.098% 69.02%);--lui-color-orange-3: rgb(100% 70.196% 37.255%);--lui-color-orange-4: rgb(78.431% 41.176% 0%);--lui-color-orange-5: rgb(60% 29.412% 0%);--lui-color-orange-6: rgb(45.098% 21.961% 0%);--lui-color-orange-7: rgb(30.98% 14.902% 0%);--lui-color-orange-8: rgb(18.039% 8.6275% 0%);--lui-color-red-1: rgb(100% 85.882% 85.882%);--lui-color-red-2: rgb(99.216% 66.275% 66.275%);--lui-color-red-3: rgb(98.824% 47.451% 47.451%);--lui-color-red-4: rgb(83.137% 20% 19.608%);--lui-color-red-5: rgb(68.235% 12.549% 11.765%);--lui-color-red-6: rgb(53.725% 7.8431% 7.0588%);--lui-color-red-7: rgb(38.824% 5.098% 4.3137%);--lui-color-red-8: rgb(23.922% 3.1373% 2.3529%);--lui-color-violet-1: rgb(92.941% 83.922% 100%);--lui-color-violet-2: rgb(85.098% 67.843% 100%);--lui-color-violet-3: rgb(75.686% 51.765% 100%);--lui-color-violet-4: rgb(52.941% 20% 100%);--lui-color-violet-5: rgb(40.784% 14.51% 85.882%);--lui-color-violet-6: rgb(30.196% 9.8039% 71.765%);--lui-color-violet-7: rgb(20.784% 6.2745% 57.647%);--lui-color-violet-8: rgb(14.51% 3.5294% 47.843%)}[data-theme=dark]{color-scheme:dark;--lui-color-blue-1: rgb(6.2745% 12.549% 18.824%);--lui-color-blue-2: rgb(9.0196% 19.216% 29.02%);--lui-color-blue-3: rgb(12.941% 29.02% 43.529%);--lui-color-blue-4: rgb(20% 56.471% 94.118%);--lui-color-blue-5: rgb(34.51% 65.882% 96.078%);--lui-color-blue-6: rgb(49.804% 75.294% 98.039%);--lui-color-blue-7: rgb(68.235% 85.882% 100%);--lui-color-blue-8: rgb(86.667% 94.51% 100%);--lui-color-gray-1: rgb(9.4118% 10.196% 12.549%);--lui-color-gray-2: rgb(20.784% 22.353% 27.451%);--lui-color-gray-3: rgb(27.451% 30.588% 36.471%);--lui-color-gray-4: rgb(47.843% 50.98% 58.824%);--lui-color-gray-5: rgb(48.235% 51.373% 59.608%);--lui-color-gray-6: rgb(63.529% 66.667% 73.725%);--lui-color-gray-7: rgb(78.431% 80.784% 85.098%);--lui-color-gray-8: rgb(95.686% 96.471% 98.039%);--lui-color-green-1: rgb(6.2745% 14.118% 9.0196%);--lui-color-green-2: rgb(8.6275% 20.784% 12.157%);--lui-color-green-3: rgb(12.157% 32.157% 18.431%);--lui-color-green-4: rgb(17.647% 66.275% 26.275%);--lui-color-green-5: rgb(29.804% 75.686% 37.255%);--lui-color-green-6: rgb(44.706% 83.137% 51.373%);--lui-color-green-7: rgb(65.882% 90.98% 69.804%);--lui-color-green-8: rgb(86.667% 97.255% 88.235%);--lui-color-orange-1: rgb(16.471% 9.0196% 2.7451%);--lui-color-orange-2: rgb(25.098% 13.725% 4.3137%);--lui-color-orange-3: rgb(40% 21.569% 6.6667%);--lui-color-orange-4: rgb(86.275% 45.098% 5.098%);--lui-color-orange-5: rgb(94.118% 54.51% 17.647%);--lui-color-orange-6: rgb(100% 66.667% 34.118%);--lui-color-orange-7: rgb(100% 78.824% 55.686%);--lui-color-orange-8: rgb(100% 90.588% 80%);--lui-color-red-1: rgb(29.02% 8.2353% 8.2353%);--lui-color-red-2: rgb(40% 12.549% 12.549%);--lui-color-red-3: rgb(54.118% 17.647% 17.647%);--lui-color-red-4: rgb(88.627% 38.039% 38.039%);--lui-color-red-5: rgb(89.804% 40.392% 40.392%);--lui-color-red-6: rgb(94.118% 51.765% 51.765%);--lui-color-red-7: rgb(100% 66.667% 66.667%);--lui-color-red-8: rgb(100% 81.961% 81.961%);--lui-color-violet-1: rgb(14.118% 8.6275% 22.745%);--lui-color-violet-2: rgb(20.392% 12.549% 33.333%);--lui-color-violet-3: rgb(31.765% 18.824% 50.196%);--lui-color-violet-4: rgb(63.529% 35.294% 100%);--lui-color-violet-5: rgb(71.373% 48.235% 100%);--lui-color-violet-6: rgb(78.824% 60.784% 100%);--lui-color-violet-7: rgb(87.451% 77.647% 100%);--lui-color-violet-8: rgb(94.902% 91.765% 100%)}[data-brand=lets-ui][data-theme=light]{color-scheme:light;--lui-brand-color-primary-1: rgb(92.157% 96.863% 100%);--lui-brand-color-primary-2: rgb(70.196% 87.059% 99.216%);--lui-brand-color-primary-3: rgb(49.412% 77.255% 98.431%);--lui-brand-color-primary-4: rgb(20% 60.784% 94.118%);--lui-brand-color-primary-5: rgb(10.98% 53.725% 89.412%);--lui-brand-color-primary-6: rgb(4.7059% 43.922% 77.647%);--lui-brand-color-primary-7: rgb(1.1765% 26.275% 48.235%);--lui-brand-color-primary-8: rgb(0% 10.588% 20%);--lui-brand-color-secondary-1: rgb(100% 100% 100%);--lui-brand-color-secondary-2: rgb(93.333% 92.549% 94.51%);--lui-brand-color-secondary-3: rgb(78.039% 79.216% 83.137%);--lui-brand-color-secondary-4: rgb(42.353% 43.922% 50.588%);--lui-brand-color-secondary-5: rgb(32.941% 34.51% 40.392%);--lui-brand-color-secondary-6: rgb(23.922% 25.49% 30.196%);--lui-brand-color-secondary-7: rgb(15.686% 16.863% 20%);--lui-brand-color-secondary-8: rgb(7.451% 8.2353% 9.8039%)}[data-brand=lets-ui][data-theme=dark]{color-scheme:dark;--lui-brand-color-primary-1: rgb(6.2745% 12.549% 18.824%);--lui-brand-color-primary-2: rgb(9.0196% 19.216% 29.02%);--lui-brand-color-primary-3: rgb(12.941% 29.02% 43.529%);--lui-brand-color-primary-4: rgb(20% 56.471% 94.118%);--lui-brand-color-primary-5: rgb(34.51% 65.882% 96.078%);--lui-brand-color-primary-6: rgb(49.804% 75.294% 98.039%);--lui-brand-color-primary-7: rgb(68.235% 85.882% 100%);--lui-brand-color-primary-8: rgb(86.667% 94.51% 100%);--lui-brand-color-secondary-1: rgb(9.4118% 10.196% 12.549%);--lui-brand-color-secondary-2: rgb(20.784% 22.353% 27.451%);--lui-brand-color-secondary-3: rgb(27.451% 30.588% 36.471%);--lui-brand-color-secondary-4: rgb(47.843% 50.98% 58.824%);--lui-brand-color-secondary-5: rgb(48.235% 51.373% 59.608%);--lui-brand-color-secondary-6: rgb(63.529% 66.667% 73.725%);--lui-brand-color-secondary-7: rgb(78.431% 80.784% 85.098%);--lui-brand-color-secondary-8: rgb(95.686% 96.471% 98.039%)}*{box-sizing:border-box}:root{--sc-hairline: color-mix( in srgb, var(--lui-color-neutral-text-heading) 12%, transparent )}body{margin:0;background:var(--lui-color-neutral-border-subtle);color:var(--lui-color-neutral-text-body);font-family:var(--lui-brand-typography-font-family-body),system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body,.sc-panel,.sc-preset,.sc-segmented,.sc-button,.sc-hex{transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}svg{width:16px;height:16px;flex:none;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}code,pre{font-family:var(--lui-brand-typography-font-family-code),monospace}.sc-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sc{display:grid;gap:var(--lui-spacing-fixed-24);max-width:1200px;margin:0 auto;padding:var(--lui-spacing-fixed-32) var(--lui-spacing-fixed-24) var(--lui-spacing-fixed-40)}.sc-top{display:flex;flex-wrap:wrap;gap:var(--lui-spacing-fixed-16);align-items:center;justify-content:space-between}.sc-top__actions{display:flex;flex-wrap:wrap;gap:var(--lui-spacing-fixed-8);align-items:center}.sc-brand{display:flex;gap:12px;align-items:center}.sc-logo{display:grid;grid-template-columns:repeat(3,12px);overflow:hidden;height:36px;border-radius:var(--lui-border-radius-md);box-shadow:var(--lui-elevation-base)}.sc-logo>*{background:var(--lui-color-primary-background-container)}.sc-logo>:nth-child(2){background:color-mix(in srgb,var(--lui-color-neutral-text-inverse) 8%,var(--lui-color-primary-background-container))}.sc-logo>:nth-child(3){background:color-mix(in srgb,var(--lui-color-neutral-text-inverse) 16%,var(--lui-color-primary-background-container))}.sc-eyebrow{margin:0;color:var(--lui-color-neutral-text-caption);font-size:.75rem;font-weight:var(--lui-typography-font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.sc-title{margin:0;color:var(--lui-color-neutral-text-heading);font-family:var(--lui-brand-typography-font-family-heading),system-ui,sans-serif;font-size:1.5rem;line-height:1.2;letter-spacing:-.01em}.sc-lead{max-width:68ch;margin:0;color:var(--lui-color-neutral-text-caption);font-size:1.0625rem}.sc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--lui-spacing-fixed-24);align-items:start}@media(width>=900px){.sc-layout{grid-template-columns:320px minmax(0,1fr)}.sc-controls{position:sticky;top:var(--lui-spacing-fixed-24)}}.sc-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--lui-spacing-fixed-24)}.sc-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--lui-spacing-fixed-16);padding:var(--lui-spacing-fixed-24);border:var(--lui-border-width-1) solid var(--lui-color-neutral-border-subtle);border-radius:var(--lui-border-radius-xl);background:var(--lui-color-neutral-background-surface);box-shadow:var(--lui-elevation-base)}.sc-panel__head{display:flex;flex-wrap:wrap;gap:var(--lui-spacing-fixed-16);align-items:flex-start;justify-content:space-between}.sc-subtitle{margin:0;color:var(--lui-color-neutral-text-heading);font-size:1.125rem}.sc-note{max-width:60ch;margin:4px 0 0;color:var(--lui-color-neutral-text-caption);font-size:.875rem}.sc-controls{gap:var(--lui-spacing-fixed-24)}.sc-group{display:grid;gap:12px}.sc-fieldset{min-width:0;margin:0;padding:0;border:0}.sc-fieldset>legend{margin-bottom:12px;padding:0}.sc-label{color:var(--lui-color-neutral-text-heading);font-size:.8125rem;font-weight:var(--lui-typography-font-weight-semibold)}:is(button,.sc-hex,input[type=color]):focus-visible{outline:none;box-shadow:var(--lui-focus-ring-primary)}.sc-segmented{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;border-radius:var(--lui-border-radius-lg);background:var(--lui-color-neutral-border-subtle)}.sc-segmented label{position:relative;display:grid;cursor:pointer}.sc-segmented input,.sc-presets input{position:absolute;opacity:0;pointer-events:none}.sc-segmented span{display:flex;gap:6px;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:var(--lui-border-radius-md);color:var(--lui-color-neutral-text-caption);font-size:.875rem;font-weight:var(--lui-typography-font-weight-medium);text-transform:capitalize;white-space:nowrap;transition:background-color .16s ease-out,color .16s ease-out,box-shadow .16s ease-out}.sc-segmented--stacked span{flex-direction:column;gap:0;min-height:48px;line-height:1.2}.sc-segmented small{color:var(--lui-color-neutral-text-caption);font-size:.75rem;font-weight:var(--lui-typography-font-weight-regular)}.sc-segmented--compact span{min-height:32px;padding:0 10px;font-size:.8125rem}.sc-segmented label:hover span{color:var(--lui-color-neutral-text-heading)}.sc-segmented input:checked+span{background:var(--lui-color-neutral-background-surface);color:var(--lui-color-neutral-text-heading);box-shadow:var(--lui-elevation-base)}.sc-segmented input:focus-visible+span{outline:none;box-shadow:var(--lui-focus-ring-primary)}.sc-button,.sc-icon-button{display:inline-flex;gap:var(--lui-spacing-fixed-8);align-items:center;justify-content:center;border:var(--lui-border-width-1) solid var(--lui-color-neutral-border-default);border-radius:var(--lui-border-radius-md);background:var(--lui-color-neutral-background-surface);color:var(--lui-color-neutral-text-heading);font:inherit;font-size:.875rem;font-weight:var(--lui-typography-font-weight-medium);cursor:pointer}.sc-button{min-height:40px;padding:0 14px}.sc-icon-button{width:32px;height:32px;padding:0}.sc-button:hover,.sc-icon-button:hover{background:color-mix(in srgb,var(--lui-color-neutral-text-body) 8%,var(--lui-color-neutral-background-surface))}.sc-button:active,.sc-icon-button:active{background:color-mix(in srgb,var(--lui-color-neutral-text-body) 16%,var(--lui-color-neutral-background-surface))}.sc-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lui-spacing-fixed-8)}.sc-preset{position:relative;display:grid;cursor:pointer}.sc-preset>:not(input){pointer-events:none}.sc-preset__text{display:grid;padding:10px 12px 10px 44px;border:var(--lui-border-width-1) solid var(--lui-color-neutral-border-subtle);border-radius:var(--lui-border-radius-lg);color:var(--lui-color-neutral-text-heading);font-size:.8125rem;font-weight:var(--lui-typography-font-weight-medium);line-height:1.3;transition:border-color .16s ease-out,background-color .16s ease-out}.sc-preset__text small{color:var(--lui-color-neutral-text-caption);font-size:.75rem;font-weight:var(--lui-typography-font-weight-regular)}.sc-preset:hover .sc-preset__text{border-color:var(--lui-color-neutral-border-default)}.sc-preset input:checked~.sc-preset__text{border-color:var(--lui-color-primary-border-default);background:var(--lui-color-primary-background-surface)}.sc-presets input:focus-visible~.sc-preset__text{box-shadow:var(--lui-focus-ring-primary)}.sc-preset__swatch{position:absolute;top:50%;left:12px;width:22px;height:22px;border-radius:var(--lui-border-radius-sm);background:linear-gradient(135deg,var(--base) 0 55%,var(--tint) 55% 100%);box-shadow:inset 0 0 0 1px var(--sc-hairline);transform:translateY(-50%)}.sc-preset__swatch[data-mode=border]{border:3px solid var(--base);background:var(--lui-color-neutral-background-surface)}.sc-preset__swatch--custom{background:conic-gradient(from 0deg,#f25f5c,#ffe066,#70c1b3,#339bf0,#9b5de5,#f25f5c)}.sc-colours{position:relative}.sc-colour{display:flex;gap:12px;align-items:center;padding:8px;border:var(--lui-border-width-1) solid var(--lui-color-neutral-border-subtle);border-radius:var(--lui-border-radius-lg)}.sc-colour[hidden]{display:none}.sc-colour input[type=color]{flex:none;width:48px;height:48px;padding:0;border:0;border-radius:var(--lui-border-radius-md);background:var(--value);box-shadow:inset 0 0 0 1px var(--sc-hairline);cursor:pointer;appearance:none;transition:transform .12s ease-out}.sc-colour input[type=color]:hover{transform:scale(1.05)}.sc-colour input[type=color]::-webkit-color-swatch-wrapper{padding:0}.sc-colour input[type=color]::-webkit-color-swatch{border:0;opacity:0}.sc-colour input[type=color]::-moz-color-swatch{border:0;opacity:0}.sc-colour__field{display:grid;flex:1;gap:2px;min-width:0}.sc-hex{width:100%;min-height:32px;padding:0 var(--lui-spacing-fixed-8);border:var(--lui-border-width-1) solid transparent;border-radius:var(--lui-border-radius-sm);background:transparent;color:var(--lui-color-neutral-text-body);font:inherit;font-family:var(--lui-brand-typography-font-family-code),monospace;font-size:.9375rem;text-transform:lowercase}.sc-hex:hover,.sc-hex:focus{border-color:var(--lui-color-neutral-border-default);background:var(--lui-color-neutral-background-surface)}.sc-hex[aria-invalid=true]{border-color:var(--lui-color-danger-border-default)}.sc-swap{position:absolute;top:56px;right:12px;border-radius:var(--lui-border-radius-circle);box-shadow:var(--lui-elevation-base);transition:transform .24s ease-out}.sc-swap:hover{transform:rotate(180deg)}.sc-swap[hidden]{display:none}.sc-stage{display:grid;place-items:center;min-height:200px;padding:var(--lui-spacing-fixed-32);border-radius:var(--lui-border-radius-lg);background-color:var(--lui-color-neutral-border-subtle);background-image:radial-gradient(var(--sc-hairline) 1px,transparent 1px);background-size:16px 16px}.sc-stage[data-mode=border]{background-color:var(--surface)}.sc-sample{--amount: 0%;--state: color-mix(in srgb, var(--tint) var(--amount), var(--base));min-width:220px;min-height:48px;padding:0 var(--lui-spacing-fixed-24);border:var(--lui-border-width-1) solid transparent;border-radius:var(--lui-border-radius-md);background-color:var(--state);color:var(--tint);font:inherit;font-weight:var(--lui-typography-font-weight-semibold);cursor:pointer;user-select:none;transition:background-color .22s ease-out,border-color .22s ease-out}.sc-sample:hover{--amount: var(--hover);transition-duration:.14s}.sc-sample:active{--amount: var(--pressed);transition-duration:40ms;transition-timing-function:linear}.sc-stage[data-mode=border] .sc-sample{border-color:var(--state);background-color:var(--surface)}.sc-stage[data-pin=rest] .sc-sample{--amount: 0%}.sc-stage[data-pin=hover] .sc-sample{--amount: var(--hover)}.sc-stage[data-pin=pressed] .sc-sample{--amount: var(--pressed)}.sc-code{position:relative}.sc-code pre{overflow-x:auto;margin:0;padding:var(--lui-spacing-fixed-16);padding-right:56px;border-radius:var(--lui-border-radius-lg);background:var(--lui-color-neutral-border-subtle);font-size:.8125rem;line-height:1.7}.sc-code .sc-icon-button{position:absolute;top:12px;right:12px}.sc-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--lui-spacing-fixed-16)}.sc-card{display:grid;gap:10px;align-content:start;padding:12px;border:var(--lui-border-width-1) solid var(--lui-color-neutral-border-subtle);border-radius:var(--lui-border-radius-lg);transition:border-color .16s ease-out,box-shadow .16s ease-out,transform .16s ease-out}.sc-card[data-active]{border-color:var(--lui-color-primary-border-default);box-shadow:var(--lui-elevation-hovered);transform:translateY(-2px)}.sc-card__row{display:flex;gap:var(--lui-spacing-fixed-8);align-items:center;justify-content:space-between}.sc-card__name{margin:0;color:var(--lui-color-neutral-text-heading);font-size:.9375rem;text-transform:capitalize}.sc-pill{padding:2px 8px;border-radius:var(--lui-border-radius-circle);background:var(--lui-color-neutral-border-subtle);color:var(--lui-color-neutral-text-caption);font-size:.75rem;white-space:nowrap}.sc-swatch{display:grid;place-items:center;height:112px;border-radius:var(--lui-border-radius-md);background:var(--swatch);color:var(--tint);font-size:1.75rem;font-weight:var(--lui-typography-font-weight-semibold);box-shadow:inset 0 0 0 1px var(--sc-hairline);transition:background-color .2s ease-out,border-color .2s ease-out}[data-mode=border] .sc-swatch{border:6px solid var(--swatch);background:var(--surface)}.sc-card__hex{display:flex;gap:var(--lui-spacing-fixed-8);align-items:center;justify-content:space-between;width:100%;padding:6px 8px;border:0;border-radius:var(--lui-border-radius-sm);background:transparent;color:var(--lui-color-neutral-text-heading);font-family:var(--lui-brand-typography-font-family-code),monospace;font-size:.9375rem;cursor:pointer}.sc-card__hex svg{color:var(--lui-color-neutral-text-caption);opacity:0;transition:opacity .12s ease-out}.sc-card__hex:hover{background:var(--lui-color-neutral-border-subtle)}.sc-card__hex:is(:hover,:focus-visible) svg{opacity:1}.sc-meter{display:grid;gap:6px}.sc-meter__track{position:relative;height:6px;border-radius:var(--lui-border-radius-circle);background:var(--lui-color-neutral-border-subtle)}.sc-meter__fill{position:absolute;inset:0 auto 0 0;width:var(--fill);border-radius:inherit;background:var(--lui-color-success-background-container);transition:width .26s ease-out,background-color .26s ease-out}.sc-meter[data-pass=false] .sc-meter__fill{background:var(--lui-color-danger-background-container)}.sc-meter__mark{position:absolute;top:-3px;bottom:-3px;left:50%;width:2px;border-radius:1px;background:var(--lui-color-neutral-text-heading)}.sc-meter__ratio{color:var(--lui-color-neutral-text-caption);font-size:.8125rem}.sc-badge{padding:2px 8px;border-radius:var(--lui-border-radius-circle);background:var(--lui-color-success-background-surface);color:var(--lui-color-neutral-text-heading);font-size:.75rem;font-weight:var(--lui-typography-font-weight-medium);white-space:nowrap}.sc-badge[data-pass=false]{background:var(--lui-color-danger-background-surface)}.sc-scale{position:relative;padding-bottom:28px}.sc-scale__range{display:block;width:100%;height:48px;margin:0;border-radius:var(--lui-border-radius-md);background:linear-gradient(to right,var(--base),var(--tint));box-shadow:inset 0 0 0 1px var(--sc-hairline);cursor:ew-resize;appearance:none}.sc-scale__range:focus-visible{outline:none;box-shadow:var(--lui-focus-ring-primary)}.sc-scale__range::-webkit-slider-runnable-track{height:48px;background:transparent}.sc-scale__range::-webkit-slider-thumb{width:6px;height:56px;margin-top:-4px;border:2px solid var(--lui-color-neutral-background-surface);border-radius:3px;background:var(--lui-color-neutral-text-heading);box-shadow:var(--lui-elevation-floating);appearance:none}.sc-scale__range::-moz-range-thumb{width:6px;height:56px;border:2px solid var(--lui-color-neutral-background-surface);border-radius:3px;background:var(--lui-color-neutral-text-heading);box-shadow:var(--lui-elevation-floating)}.sc-scale__marker{position:absolute;top:48px;left:calc(3px + (100% - 6px) * var(--at) / 100);height:28px;pointer-events:none;transition:left .26s ease-out}.sc-scale__marker:before{position:absolute;top:0;left:-1px;width:2px;height:8px;background:var(--lui-color-neutral-text-heading);content:""}.sc-scale__label{position:absolute;top:8px;left:0;color:var(--lui-color-neutral-text-caption);font-size:.75rem;white-space:nowrap;transform:translate(-50%)}.sc-readout{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:.875rem}.sc-readout__swatch{width:28px;height:28px;border-radius:var(--lui-border-radius-sm);box-shadow:inset 0 0 0 1px var(--sc-hairline)}.sc-readout strong{min-width:4ch;color:var(--lui-color-neutral-text-heading);font-variant-numeric:tabular-nums}.sc-readout code{color:var(--lui-color-neutral-text-heading)}.sc-toast{position:fixed;bottom:var(--lui-spacing-fixed-24);left:50%;z-index:10;padding:10px 16px;border-radius:var(--lui-border-radius-md);background:var(--lui-color-neutral-background-overlay);color:var(--lui-color-neutral-text-inverse);font-size:.875rem;box-shadow:var(--lui-elevation-overlay);opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .18s ease-out,transform .18s ease-out}.sc-toast[data-visible]{opacity:1;transform:translate(-50%)}html:not([data-ready]) *,html:not([data-ready]) :before,html:not([data-ready]) :after{transition:none!important}@media(prefers-reduced-motion:reduce){:not(.sc-sample),:before,:after{transition-duration:0ms!important}.sc-card[data-active]{transform:none}}