.carina {
  --carina-border-radius-none: 0px;
  --carina-border-radius-xs: 0.125rem;
  --carina-border-radius-sm: 0.25rem;
  --carina-border-radius-md: 0.375rem;
  --carina-border-radius-lg: 0.5rem;
  --carina-border-radius-xl: 0.625rem;
  --carina-border-radius-2xl: 1rem;
  --carina-border-radius-3xl: 1.5rem;
  --carina-border-radius-full: 9999px;
  --carina-border-width-0: 0px;
  --carina-border-width-1: 1px;
  --carina-border-width-2: 2px;
  --carina-border-width-4: 4px;
  --carina-border-width-8: 8px;
  --carina-box-shadow-none: 0 0 #0000;
  --carina-box-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --carina-box-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --carina-box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --carina-box-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --carina-box-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --carina-box-shadow-reverse-sm: 0 -1px 2px 0 rgb(0 0 0 / 0.05);
  --carina-box-shadow-reverse-md: 0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 -2px 4px -2px rgb(0 0 0 / 0.1);
  --carina-box-shadow-reverse-lg: 0 -10px 15px -3px rgb(0 0 0 / 0.1), 0 -4px 6px -4px rgb(0 0 0 / 0.1);
  --carina-box-shadow-reverse-xl: 0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 -8px 10px -6px rgb(0 0 0 / 0.1);
  --carina-box-shadow-reverse-2xl: 0 -25px 50px -12px rgb(0 0 0 / 0.25);
  --carina-breakpoint-sm: 640px;
  --carina-breakpoint-md: 768px;
  --carina-breakpoint-lg: 1024px;
  --carina-breakpoint-xl: 1280px;
  --carina-breakpoint-2xl: 1536px;
  --carina-icon-xs: 1rem;
  --carina-icon-sm: 1.25rem;
  --carina-icon-md: 1.5rem;
  --carina-icon-lg: 2rem;
  --carina-opacity-0: 0;
  --carina-opacity-5: 0.05;
  --carina-opacity-10: 0.1;
  --carina-opacity-20: 0.2;
  --carina-opacity-25: 0.25;
  --carina-opacity-30: 0.3;
  --carina-opacity-40: 0.4;
  --carina-opacity-50: 0.5;
  --carina-opacity-60: 0.6;
  --carina-opacity-70: 0.7;
  --carina-opacity-75: 0.75;
  --carina-opacity-80: 0.8;
  --carina-opacity-90: 0.9;
  --carina-opacity-95: 0.95;
  --carina-opacity-100: 1;
  --carina-ring-width-0: var(--carina-border-width-0);
  --carina-ring-width-1: var(--carina-border-width-1);
  --carina-ring-width-2: var(--carina-border-width-2);
  --carina-ring-width-4: var(--carina-border-width-4);
  --carina-ring-width-8: var(--carina-border-width-8);
  --carina-rotate-0: 0deg;
  --carina-rotate-1: 1deg;
  --carina-rotate-2: 2deg;
  --carina-rotate-3: 3deg;
  --carina-rotate-6: 6deg;
  --carina-rotate-12: 12deg;
  --carina-rotate-45: 45deg;
  --carina-rotate-90: 90deg;
  --carina-rotate-180: 180deg;
  --carina-rotate-270: 270deg;
  --carina-rotate-360: 360deg;
  --carina-rotate-negative-1: -1deg;
  --carina-rotate-negative-2: -2deg;
  --carina-rotate-negative-3: -3deg;
  --carina-rotate-negative-6: -6deg;
  --carina-rotate-negative-12: -12deg;
  --carina-rotate-negative-45: -45deg;
  --carina-rotate-negative-90: -90deg;
  --carina-rotate-negative-180: -180deg;
  --carina-rotate-negative-270: -270deg;
  --carina-rotate-negative-360: -360deg;
  --carina-scale-0: 0;
  --carina-scale-50: .50;
  --carina-scale-75: .75;
  --carina-scale-90: .90;
  --carina-scale-95: .95;
  --carina-scale-100: 1;
  --carina-scale-105: 1.05;
  --carina-scale-110: 1.1;
  --carina-scale-125: 1.25;
  --carina-scale-150: 1.5;
  --carina-scale-shrink: var(--carina-scale-95);
  --carina-scale-grow: var(--carina-scale-105);
  --carina-spacing-0: 0px;
  --carina-spacing-1: 0.25rem;
  --carina-spacing-2: 0.5rem;
  --carina-spacing-3: 0.75rem;
  --carina-spacing-4: 1rem;
  --carina-spacing-5: 1.25rem;
  --carina-spacing-6: 1.5rem;
  --carina-spacing-7: 1.75rem;
  --carina-spacing-8: 2rem;
  --carina-spacing-9: 2.25rem;
  --carina-spacing-10: 2.5rem;
  --carina-spacing-11: 2.75rem;
  --carina-spacing-12: 3rem;
  --carina-spacing-14: 3.5rem;
  --carina-spacing-16: 4rem;
  --carina-spacing-20: 5rem;
  --carina-spacing-24: 6rem;
  --carina-spacing-28: 7rem;
  --carina-spacing-32: 8rem;
  --carina-spacing-36: 9rem;
  --carina-spacing-40: 10rem;
  --carina-spacing-44: 11rem;
  --carina-spacing-48: 12rem;
  --carina-spacing-52: 13rem;
  --carina-spacing-56: 14rem;
  --carina-spacing-60: 15rem;
  --carina-spacing-64: 16rem;
  --carina-spacing-72: 18rem;
  --carina-spacing-80: 20rem;
  --carina-spacing-96: 24rem;
  --carina-spacing-px: 1px;
  --carina-spacing-0-5: 0.125rem;
  --carina-spacing-1-5: 0.375rem;
  --carina-spacing-2-5: 0.625rem;
  --carina-spacing-3-5: 0.875rem;
  --carina-transition-delay-50: 50ms;
  --carina-transition-delay-100: 100ms;
  --carina-transition-delay-200: 200ms;
  --carina-transition-delay-300: 300ms;
  --carina-transition-delay-400: 400ms;
  --carina-transition-delay-550: 550ms;
  --carina-transition-delay-700: 700ms;
  --carina-transition-delay-800: 800ms;
  --carina-transition-delay-1200: 1200ms;
  --carina-transition-delay-reduced-motion: 100ms;
  --carina-transition-duration-50: 50ms;
  --carina-transition-duration-100: 100ms;
  --carina-transition-duration-200: 200ms;
  --carina-transition-duration-300: 300ms;
  --carina-transition-duration-400: 400ms;
  --carina-transition-duration-550: 550ms;
  --carina-transition-duration-700: 700ms;
  --carina-transition-duration-800: 800ms;
  --carina-transition-duration-1200: 1200ms;
  --carina-transition-duration-reduced-motion: 100ms;
  --carina-transition-timing-function-expressive-ease-in: cubic-bezier(0.4, 0.14, 1, 1);
  --carina-transition-timing-function-expressive-ease-out: cubic-bezier(0, 0, 0.39, 1);
  --carina-transition-timing-function-expressive-ease-in-out: cubic-bezier(0.4, 0.15, 0.3, 1);
  --carina-transition-timing-function-productive-ease-in: cubic-bezier(0.2, 0, 1, 0.9);
  --carina-transition-timing-function-productive-ease-out: cubic-bezier(0, 0, 0.4, 0.9);
  --carina-transition-timing-function-productive-ease-in-out: cubic-bezier(0.2, 0, 0.4, 0.9);
  --carina-transition-timing-function-linear: cubic-bezier(0,0,1,1);
  --carina-z-index-0: 0;
  --carina-z-index-10: 10;
  --carina-z-index-20: 20;
  --carina-z-index-30: 30;
  --carina-z-index-40: 40;
  --carina-z-index-50: 50;
  --carina-z-index-auto: auto;
  --carina-z-index-current: 0;
  --carina-z-index-popper: 100;
  --carina-z-index-scrim: 300;
  --carina-z-index-panel: 400;
  --carina-z-index-fullscreen-modal: 800;
  --carina-z-index-modal: 1200;
  --carina-z-index-alert: 1600;
  --carina-z-index-popper-diff: 100;
  --carina-z-index-scrim-diff: -100;
  --carina-font-size-3xs: 10px;
  --carina-font-size-2xs: 12px;
  --carina-font-size-xs: 13px;
  --carina-font-size-sm: 14px;
  --carina-font-size-md: 16px;
  --carina-font-size-lg: 18px;
  --carina-font-size-xl: 21px;
  --carina-font-size-2xl: 24px;
  --carina-font-size-3xl: 28px;
  --carina-font-size-4xl: 32px;
  --carina-font-size-5xl: 36px;
  --carina-font-size-6xl: 40px;
  --carina-font-size-7xl: 48px;
  --carina-font-size-8xl: 56px;
  --carina-font-size-body-3xs: var(--carina-font-size-3xs);
  --carina-font-size-body-2xs: var(--carina-font-size-2xs);
  --carina-font-size-body-xs: var(--carina-font-size-xs);
  --carina-font-size-body-sm: var(--carina-font-size-sm);
  --carina-font-size-body-md: var(--carina-font-size-md);
  --carina-font-size-body-lg: var(--carina-font-size-lg);
  --carina-font-size-body-xl: var(--carina-font-size-xl);
  --carina-font-size-display-2xs: var(--carina-font-size-xl);
  --carina-font-size-display-xs: var(--carina-font-size-2xl);
  --carina-font-size-display-sm: var(--carina-font-size-3xl);
  --carina-font-size-display-md: var(--carina-font-size-4xl);
  --carina-font-size-display-lg: var(--carina-font-size-5xl);
  --carina-font-size-display-xl: var(--carina-font-size-6xl);
  --carina-font-size-display-2xl: var(--carina-font-size-7xl);
  --carina-font-size-display-3xl: var(--carina-font-size-8xl);
  --carina-font-size-header-6: var(--carina-font-size-lg);
  --carina-font-size-header-5: var(--carina-font-size-xl);
  --carina-font-size-header-4: var(--carina-font-size-2xl);
  --carina-font-size-header-3: var(--carina-font-size-3xl);
  --carina-font-size-header-2: var(--carina-font-size-4xl);
  --carina-font-size-header-1: var(--carina-font-size-5xl);
  --carina-font-size-m-display-2xs: var(--carina-font-size-xl);
  --carina-font-size-m-display-xs: var(--carina-font-size-xl);
  --carina-font-size-m-display-sm: var(--carina-font-size-xl);
  --carina-font-size-m-display-md: var(--carina-font-size-2xl);
  --carina-font-size-m-display-lg: var(--carina-font-size-3xl);
  --carina-font-size-m-display-xl: var(--carina-font-size-4xl);
  --carina-font-size-m-display-2xl: var(--carina-font-size-5xl);
  --carina-font-size-m-display-3xl: var(--carina-font-size-6xl);
  --carina-font-size-m-header-6: var(--carina-font-size-sm);
  --carina-font-size-m-header-5: var(--carina-font-size-md);
  --carina-font-size-m-header-4: var(--carina-font-size-lg);
  --carina-font-size-m-header-3: var(--carina-font-size-xl);
  --carina-font-size-m-header-2: var(--carina-font-size-2xl);
  --carina-font-size-m-header-1: var(--carina-font-size-3xl);
  --carina-font-weight-thin: 100;
  --carina-font-weight-extra-light: 200;
  --carina-font-weight-light: 300;
  --carina-font-weight-normal: 400;
  --carina-font-weight-medium: 500;
  --carina-font-weight-semi-bold: 600;
  --carina-font-weight-bold: 700;
  --carina-font-weight-extra-bold: 800;
  --carina-font-weight-black: 900;
  --carina-font-weight-body: var(--carina-font-weight-normal);
  --carina-font-weight-display: var(--carina-font-weight-semi-bold);
  --carina-line-height-1: 12px;
  --carina-line-height-2: 16px;
  --carina-line-height-3: 20px;
  --carina-line-height-4: 24px;
  --carina-line-height-5: 28px;
  --carina-line-height-6: 32px;
  --carina-line-height-7: 36px;
  --carina-line-height-8: 40px;
  --carina-line-height-9: 44px;
  --carina-line-height-10: 48px;
  --carina-line-height-11: 52px;
  --carina-line-height-12: 56px;
  --carina-line-height-13: 60px;
  --carina-line-height-14: 72px;
  --carina-line-height-none: 1;
  --carina-line-height-tight: 1.25;
  --carina-line-height-snug: 1.375;
  --carina-line-height-normal: 1.5;
  --carina-line-height-relaxed: 1.625;
  --carina-line-height-loose: 2;
  --carina-line-height-body-3xs: var(--carina-line-height-2);
  --carina-line-height-body-2xs: var(--carina-line-height-2);
  --carina-line-height-body-xs: var(--carina-line-height-3);
  --carina-line-height-body-sm: var(--carina-line-height-3);
  --carina-line-height-body-md: var(--carina-line-height-4);
  --carina-line-height-body-lg: var(--carina-line-height-4);
  --carina-line-height-body-xl: var(--carina-line-height-5);
  --carina-line-height-display-2xs: var(--carina-line-height-5);
  --carina-line-height-display-xs: var(--carina-line-height-6);
  --carina-line-height-display-sm: var(--carina-line-height-7);
  --carina-line-height-display-md: var(--carina-line-height-8);
  --carina-line-height-display-lg: var(--carina-line-height-10);
  --carina-line-height-display-xl: var(--carina-line-height-11);
  --carina-line-height-display-2xl: var(--carina-line-height-13);
  --carina-line-height-display-3xl: var(--carina-line-height-14);
  --carina-line-height-m-display-2xs: var(--carina-line-height-5);
  --carina-line-height-m-display-xs: var(--carina-line-height-5);
  --carina-line-height-m-display-sm: var(--carina-line-height-5);
  --carina-line-height-m-display-md: var(--carina-line-height-6);
  --carina-line-height-m-display-lg: var(--carina-line-height-7);
  --carina-line-height-m-display-xl: var(--carina-line-height-8);
  --carina-line-height-m-display-2xl: var(--carina-line-height-10);
  --carina-line-height-m-display-3xl: var(--carina-line-height-11);
  --carina-line-height-header-6: var(--carina-line-height-4);
  --carina-line-height-header-5: var(--carina-line-height-5);
  --carina-line-height-header-4: var(--carina-line-height-6);
  --carina-line-height-header-3: var(--carina-line-height-7);
  --carina-line-height-header-2: var(--carina-line-height-8);
  --carina-line-height-header-1: var(--carina-line-height-10);
  --carina-line-height-m-header-6: var(--carina-line-height-3);
  --carina-line-height-m-header-5: var(--carina-line-height-3);
  --carina-line-height-m-header-4: var(--carina-line-height-4);
  --carina-line-height-m-header-3: var(--carina-line-height-5);
  --carina-line-height-m-header-2: var(--carina-line-height-5);
  --carina-line-height-m-header-1: var(--carina-line-height-5);
  --carina-font-family-primary: Rubik, Helvetica, Arial;
  --carina-font-family-secondary: Rubik, Helvetica, Arial;
  --carina-font-family-mono: 'Roboto Mono', monospace;
  --carina-font-family-body: var(--carina-font-family-primary);
  --carina-font-family-display: var(--carina-font-family-secondary);
}

@media not all and (min-width: 640px) {
	.carina:not(:where([class~='not-carina-responsive-typography'])) {
		--carina-font-size-display-2xs: var(--carina-font-size-m-display-2xs);
		--carina-font-size-display-xs: var(--carina-font-size-m-display-xs);
		--carina-font-size-display-sm: var(--carina-font-size-m-display-sm);
		--carina-font-size-display-md: var(--carina-font-size-m-display-md);
		--carina-font-size-display-lg: var(--carina-font-size-m-display-lg);
		--carina-font-size-display-xl: var(--carina-font-size-m-display-xl);
		--carina-font-size-display-2xl: var(--carina-font-size-m-display-2xl);
		--carina-font-size-display-3xl: var(--carina-font-size-m-display-3xl);
		--carina-font-size-header-6: var(--carina-font-size-m-header-6);
		--carina-font-size-header-5: var(--carina-font-size-m-header-5);
		--carina-font-size-header-4: var(--carina-font-size-m-header-4);
		--carina-font-size-header-3: var(--carina-font-size-m-header-3);
		--carina-font-size-header-2: var(--carina-font-size-m-header-2);
		--carina-font-size-header-1: var(--carina-font-size-m-header-1);
		--carina-line-height-display-2xs: var(--carina-line-height-m-display-2xs);
		--carina-line-height-display-xs: var(--carina-line-height-m-display-xs);
		--carina-line-height-display-sm: var(--carina-line-height-m-display-sm);
		--carina-line-height-display-md: var(--carina-line-height-m-display-md);
		--carina-line-height-display-lg: var(--carina-line-height-m-display-lg);
		--carina-line-height-display-xl: var(--carina-line-height-m-display-xl);
		--carina-line-height-display-2xl: var(--carina-line-height-m-display-2xl);
		--carina-line-height-display-3xl: var(--carina-line-height-m-display-3xl);
		--carina-line-height-header-6: var(--carina-line-height-m-header-6);
		--carina-line-height-header-5: var(--carina-line-height-m-header-5);
		--carina-line-height-header-4: var(--carina-line-height-m-header-4);
		--carina-line-height-header-3: var(--carina-line-height-m-header-3);
		--carina-line-height-header-2: var(--carina-line-height-m-header-2);
		--carina-line-height-header-1: var(--carina-line-height-m-header-1);
	}
}

[data-carina-theme="whitelabel"] {
  --carina-colors-inherit: inherit;
  --carina-colors-current: currentColor;
  --carina-colors-transparent: transparent;
  --carina-colors-body-background: #efefef;
  --carina-colors-accessory-0-10: #fdd1f6;
  --carina-colors-accessory-0-20: #f1aef3;
  --carina-colors-accessory-0-30: #d490f1;
  --carina-colors-accessory-0-40: #b473e9;
  --carina-colors-accessory-0-50: #8457d9;
  --carina-colors-accessory-0-60: #4d31ba;
  --carina-colors-accessory-0-70: #1c1386;
  --carina-colors-accessory-1-10: #a6f6e0;
  --carina-colors-accessory-1-20: #64e4e8;
  --carina-colors-accessory-1-30: #2fc7f0;
  --carina-colors-accessory-1-40: #17a6f8;
  --carina-colors-accessory-1-50: #0781da;
  --carina-colors-accessory-1-60: #1c4eb4;
  --carina-colors-accessory-1-70: #192887;
  --carina-colors-accessory-2-10: #b7f4ac;
  --carina-colors-accessory-2-20: #77e9a1;
  --carina-colors-accessory-2-30: #07d7a8;
  --carina-colors-accessory-2-40: #05baa5;
  --carina-colors-accessory-2-50: #059a9a;
  --carina-colors-accessory-2-60: #047885;
  --carina-colors-accessory-2-70: #02516c;
  --carina-colors-accessory-3-10: #ffe982;
  --carina-colors-accessory-3-20: #ffcc66;
  --carina-colors-accessory-3-30: #ffab00;
  --carina-colors-accessory-3-40: #ff7830;
  --carina-colors-accessory-3-50: #df4e0f;
  --carina-colors-accessory-3-60: #b22205;
  --carina-colors-accessory-3-70: #790c03;
  --carina-colors-accessory-4-10: #ffcca1;
  --carina-colors-accessory-4-20: #ffb2a3;
  --carina-colors-accessory-4-30: #ff8888;
  --carina-colors-accessory-4-40: #f05887;
  --carina-colors-accessory-4-50: #c2386c;
  --carina-colors-accessory-4-60: #891150;
  --carina-colors-accessory-4-70: #5d074a;
  --carina-colors-body-seed: #242424;
  --carina-colors-danger-0: #FFFFFF;
  --carina-colors-danger-5: #ffebe8;
  --carina-colors-danger-10: #ffe0dd;
  --carina-colors-danger-20: #fecec9;
  --carina-colors-danger-30: #fbb2aa;
  --carina-colors-danger-40: #f6978e;
  --carina-colors-danger-50: #eb645c;
  --carina-colors-danger-60: #dc222a;
  --carina-colors-danger-70: #c30002;
  --carina-colors-danger-80: #a90000;
  --carina-colors-danger-90: #820000;
  --carina-colors-danger-95: #470000;
  --carina-colors-danger-100: #000000;
  --carina-colors-danger-seed: #D9021F;
  --carina-colors-grayscale-0: #FFFFFF;
  --carina-colors-grayscale-5: #f8f8f8;
  --carina-colors-grayscale-10: #eeeeee;
  --carina-colors-grayscale-20: #dfdfdf;
  --carina-colors-grayscale-30: #cbcbcb;
  --carina-colors-grayscale-40: #b7b7b7;
  --carina-colors-grayscale-50: #959595;
  --carina-colors-grayscale-60: #757575;
  --carina-colors-grayscale-70: #646464;
  --carina-colors-grayscale-80: #575757;
  --carina-colors-grayscale-90: #424242;
  --carina-colors-grayscale-95: #242424;
  --carina-colors-grayscale-100: #000000;
  --carina-colors-grayscale-seed: #777777;
  --carina-colors-heading-seed: #242424;
  --carina-colors-info-0: #FFFFFF;
  --carina-colors-info-5: #e9f1fe;
  --carina-colors-info-10: #dbe9fd;
  --carina-colors-info-20: #c3dafb;
  --carina-colors-info-30: #a5c7f8;
  --carina-colors-info-40: #86b3f4;
  --carina-colors-info-50: #5090eb;
  --carina-colors-info-60: #0e6de2;
  --carina-colors-info-70: #0059ce;
  --carina-colors-info-80: #0048bd;
  --carina-colors-info-90: #0030a4;
  --carina-colors-info-95: #000078;
  --carina-colors-info-100: #000000;
  --carina-colors-info-seed: #006AE1;
  --carina-colors-neutral-0: #FFFFFF;
  --carina-colors-neutral-5: #eff0f1;
  --carina-colors-neutral-10: #e5e7e9;
  --carina-colors-neutral-20: #d6d8db;
  --carina-colors-neutral-30: #c1c4c8;
  --carina-colors-neutral-40: #adb1b7;
  --carina-colors-neutral-50: #8a9097;
  --carina-colors-neutral-60: #6a727b;
  --carina-colors-neutral-70: #596069;
  --carina-colors-neutral-80: #4b525b;
  --carina-colors-neutral-90: #373e47;
  --carina-colors-neutral-95: #191f27;
  --carina-colors-neutral-100: #000000;
  --carina-colors-neutral-seed: #69717A;
  --carina-colors-primary-0: #FFFFFF;
  --carina-colors-primary-5: #f0f0f2;
  --carina-colors-primary-10: #e7e7ea;
  --carina-colors-primary-20: #d8d8dd;
  --carina-colors-primary-30: #c4c4cb;
  --carina-colors-primary-40: #afb0b9;
  --carina-colors-primary-50: #8d8f9c;
  --carina-colors-primary-60: #6f7080;
  --carina-colors-primary-70: #5d5e70;
  --carina-colors-primary-80: #4f5164;
  --carina-colors-primary-90: #3b3c51;
  --carina-colors-primary-95: #1c1d33;
  --carina-colors-primary-100: #000000;
  --carina-colors-primary-seed: #222339;
  --carina-colors-secondary-0: #FFFFFF;
  --carina-colors-secondary-5: #e4f3ee;
  --carina-colors-secondary-10: #d6ece5;
  --carina-colors-secondary-20: #bce0d5;
  --carina-colors-secondary-30: #98cfbf;
  --carina-colors-secondary-40: #73bfaa;
  --carina-colors-secondary-50: #01a286;
  --carina-colors-secondary-60: #008066;
  --carina-colors-secondary-70: #006d54;
  --carina-colors-secondary-80: #005d46;
  --carina-colors-secondary-90: #004732;
  --carina-colors-secondary-95: #002413;
  --carina-colors-secondary-100: #000000;
  --carina-colors-secondary-seed: #00A286;
  --carina-colors-success-0: #FFFFFF;
  --carina-colors-success-5: #e9f3e8;
  --carina-colors-success-10: #dcecda;
  --carina-colors-success-20: #c7e0c4;
  --carina-colors-success-30: #a7cea3;
  --carina-colors-success-40: #89be84;
  --carina-colors-success-50: #51a04c;
  --carina-colors-success-60: #008400;
  --carina-colors-success-70: #007000;
  --carina-colors-success-80: #006000;
  --carina-colors-success-90: #004900;
  --carina-colors-success-95: #002500;
  --carina-colors-success-100: #000000;
  --carina-colors-success-seed: #008600;
  --carina-colors-surface-0: #FFFFFF;
  --carina-colors-surface-5: #f7f7f7;
  --carina-colors-surface-10: #efefef;
  --carina-colors-surface-20: #e0e0e0;
  --carina-colors-surface-30: #cbcbcb;
  --carina-colors-surface-40: #b7b7b7;
  --carina-colors-surface-50: #959595;
  --carina-colors-surface-60: #757575;
  --carina-colors-surface-70: #646464;
  --carina-colors-surface-80: #565656;
  --carina-colors-surface-90: #424242;
  --carina-colors-surface-95: #242424;
  --carina-colors-surface-100: #000000;
  --carina-colors-surface-seed: #ffffff;
  --carina-colors-surface-alt: #f7f7f7;
  --carina-colors-tertiary-0: #FFFFFF;
  --carina-colors-tertiary-5: #f1eefd;
  --carina-colors-tertiary-10: #e9e4fb;
  --carina-colors-tertiary-20: #dcd4f8;
  --carina-colors-tertiary-30: #cabdf3;
  --carina-colors-tertiary-40: #b9a6ee;
  --carina-colors-tertiary-50: #9c7ee4;
  --carina-colors-tertiary-60: #8456d8;
  --carina-colors-tertiary-70: #7243c4;
  --carina-colors-tertiary-80: #6533b4;
  --carina-colors-tertiary-90: #52179b;
  --carina-colors-tertiary-95: #280063;
  --carina-colors-tertiary-100: #000000;
  --carina-colors-tertiary-seed: #8457D9;
  --carina-colors-warning-0: #FFFFFF;
  --carina-colors-warning-5: #ffefc1;
  --carina-colors-warning-10: #ffe59c;
  --carina-colors-warning-20: #ffd554;
  --carina-colors-warning-30: #f1be00;
  --carina-colors-warning-40: #dcaa00;
  --carina-colors-warning-50: #b88700;
  --carina-colors-warning-60: #986700;
  --carina-colors-warning-70: #855500;
  --carina-colors-warning-80: #774700;
  --carina-colors-warning-90: #613100;
  --carina-colors-warning-95: #3e0e00;
  --carina-colors-warning-100: #000000;
  --carina-colors-warning-seed: #FFCC00;
  --carina-background-color-background: var(--carina-colors-surface-alt);
  --carina-background-color-danger: var(--carina-colors-danger-60);
  --carina-background-color-danger-active: var(--carina-colors-danger-80);
  --carina-background-color-danger-hover: var(--carina-colors-danger-70);
  --carina-background-color-danger-pale: var(--carina-colors-danger-10);
  --carina-background-color-danger-pale-active: var(--carina-colors-danger-30);
  --carina-background-color-danger-pale-hover: var(--carina-colors-danger-20);
  --carina-background-color-illustration-neutral-light: var(--carina-colors-grayscale-40);
  --carina-background-color-illustration-neutral-medium: var(--carina-colors-grayscale-60);
  --carina-background-color-illustration-neutral-strong: var(--carina-colors-grayscale-90);
  --carina-background-color-illustration-neutral-x-light: var(--carina-colors-grayscale-10);
  --carina-background-color-illustration-neutral-x-strong: var(--carina-colors-grayscale-100);
  --carina-background-color-illustration-neutral-zero: var(--carina-colors-grayscale-0);
  --carina-background-color-illustration-primary-light: var(--carina-colors-primary-40);
  --carina-background-color-illustration-primary-medium: var(--carina-colors-primary-60);
  --carina-background-color-illustration-primary-strong: var(--carina-colors-primary-90);
  --carina-background-color-illustration-primary-x-light: var(--carina-colors-primary-10);
  --carina-background-color-illustration-primary-x-strong: var(--carina-colors-primary-100);
  --carina-background-color-illustration-primary-zero: var(--carina-colors-primary-0);
  --carina-background-color-illustration-secondary-light: var(--carina-colors-secondary-40);
  --carina-background-color-illustration-secondary-medium: var(--carina-colors-secondary-60);
  --carina-background-color-illustration-secondary-strong: var(--carina-colors-secondary-90);
  --carina-background-color-illustration-secondary-x-light: var(--carina-colors-secondary-10);
  --carina-background-color-illustration-secondary-x-strong: var(--carina-colors-secondary-100);
  --carina-background-color-illustration-secondary-zero: var(--carina-colors-secondary-0);
  --carina-background-color-illustration-tertiary-light: var(--carina-colors-tertiary-40);
  --carina-background-color-illustration-tertiary-medium: var(--carina-colors-tertiary-60);
  --carina-background-color-illustration-tertiary-strong: var(--carina-colors-tertiary-90);
  --carina-background-color-illustration-tertiary-x-light: var(--carina-colors-tertiary-10);
  --carina-background-color-illustration-tertiary-x-strong: var(--carina-colors-tertiary-100);
  --carina-background-color-illustration-tertiary-zero: var(--carina-colors-tertiary-0);
  --carina-background-color-info: var(--carina-colors-info-60);
  --carina-background-color-info-active: var(--carina-colors-info-80);
  --carina-background-color-info-hover: var(--carina-colors-info-70);
  --carina-background-color-info-pale: var(--carina-colors-info-10);
  --carina-background-color-info-pale-active: var(--carina-colors-info-30);
  --carina-background-color-info-pale-hover: var(--carina-colors-info-20);
  --carina-background-color-neutral: var(--carina-colors-grayscale-60);
  --carina-background-color-neutral-active: color-mix(in srgb, var(--carina-colors-grayscale-100) calc(var(--carina-opacity-20) * 100%), transparent);
  --carina-background-color-neutral-hover: color-mix(in srgb, var(--carina-colors-grayscale-100) calc(var(--carina-opacity-10) * 100%), transparent);
  --carina-background-color-neutral-inactive: var(--carina-colors-grayscale-20);
  --carina-background-color-neutral-inverse: var(--carina-colors-grayscale-0);
  --carina-background-color-neutral-inverse-active: var(--carina-colors-grayscale-20);
  --carina-background-color-neutral-inverse-hover: var(--carina-colors-grayscale-10);
  --carina-background-color-popper: var(--carina-colors-surface-seed);
  --carina-background-color-primary: var(--carina-colors-primary-seed);
  --carina-background-color-primary-active: var(--carina-colors-primary-80);
  --carina-background-color-primary-hover: var(--carina-colors-primary-90);
  --carina-background-color-primary-pale: var(--carina-colors-primary-10);
  --carina-background-color-primary-pale-active: var(--carina-colors-primary-30);
  --carina-background-color-primary-pale-hover: var(--carina-colors-primary-20);
  --carina-background-color-scrim: color-mix(in srgb, var(--carina-colors-grayscale-10) calc(var(--carina-opacity-80) * 100%), transparent);
  --carina-background-color-scrim-inverse: color-mix(in srgb, var(--carina-colors-grayscale-95) calc(var(--carina-opacity-80) * 100%), transparent);
  --carina-background-color-secondary: var(--carina-colors-secondary-seed);
  --carina-background-color-secondary-active: var(--carina-colors-secondary-30);
  --carina-background-color-secondary-hover: var(--carina-colors-secondary-40);
  --carina-background-color-secondary-pale: var(--carina-colors-secondary-10);
  --carina-background-color-secondary-pale-active: var(--carina-colors-secondary-30);
  --carina-background-color-secondary-pale-hover: var(--carina-colors-secondary-20);
  --carina-background-color-success: var(--carina-colors-success-60);
  --carina-background-color-success-active: var(--carina-colors-success-80);
  --carina-background-color-success-hover: var(--carina-colors-success-70);
  --carina-background-color-success-pale: var(--carina-colors-success-10);
  --carina-background-color-success-pale-active: var(--carina-colors-success-30);
  --carina-background-color-success-pale-hover: var(--carina-colors-success-20);
  --carina-background-color-surface: var(--carina-colors-surface-seed);
  --carina-background-color-surface-active: var(--carina-colors-primary-20);
  --carina-background-color-surface-alt: var(--carina-colors-surface-alt);
  --carina-background-color-surface-hover: var(--carina-colors-surface-10);
  --carina-background-color-surface-inverse: var(--carina-colors-surface-80);
  --carina-background-color-surface-selected: var(--carina-colors-primary-20);
  --carina-background-color-tertiary: var(--carina-colors-tertiary-seed);
  --carina-background-color-tertiary-active: var(--carina-colors-tertiary-80);
  --carina-background-color-tertiary-hover: var(--carina-colors-tertiary-70);
  --carina-background-color-tertiary-pale: var(--carina-colors-tertiary-10);
  --carina-background-color-tertiary-pale-active: var(--carina-colors-tertiary-30);
  --carina-background-color-tertiary-pale-hover: var(--carina-colors-tertiary-20);
  --carina-background-color-warning: var(--carina-colors-warning-30);
  --carina-background-color-warning-active: var(--carina-colors-warning-50);
  --carina-background-color-warning-hover: var(--carina-colors-warning-40);
  --carina-background-color-warning-pale: var(--carina-colors-warning-5);
  --carina-background-color-warning-pale-active: var(--carina-colors-warning-20);
  --carina-background-color-warning-pale-hover: var(--carina-colors-warning-10);
  --carina-border-color-base: var(--carina-colors-grayscale-50);
  --carina-border-color-danger: var(--carina-colors-danger-60);
  --carina-border-color-danger-focus: var(--carina-colors-danger-50);
  --carina-border-color-hard: var(--carina-colors-grayscale-100);
  --carina-border-color-info: var(--carina-colors-info-60);
  --carina-border-color-inverse: var(--carina-colors-grayscale-0);
  --carina-border-color-primary: var(--carina-colors-primary-seed);
  --carina-border-color-primary-focus: var(--carina-colors-primary-seed);
  --carina-border-color-secondary: var(--carina-colors-secondary-seed);
  --carina-border-color-secondary-focus: var(--carina-colors-secondary-seed);
  --carina-border-color-soft: var(--carina-colors-grayscale-20);
  --carina-border-color-success: var(--carina-colors-success-60);
  --carina-border-color-tertiary: var(--carina-colors-tertiary-seed);
  --carina-border-color-tertiary-focus: var(--carina-colors-tertiary-seed);
  --carina-border-color-warning: var(--carina-colors-warning-60);
  --carina-text-color-base: var(--carina-colors-grayscale-95);
  --carina-text-color-base-inverse: var(--carina-colors-grayscale-0);
  --carina-text-color-body: var(--carina-colors-body-seed);
  --carina-text-color-danger: var(--carina-colors-danger-60);
  --carina-text-color-danger-active: var(--carina-colors-danger-80);
  --carina-text-color-danger-hover: var(--carina-colors-danger-70);
  --carina-text-color-danger-visited: var(--carina-colors-danger-80);
  --carina-text-color-disabled: var(--carina-colors-grayscale-40);
  --carina-text-color-disabled-inverse: var(--carina-colors-grayscale-50);
  --carina-text-color-heading: var(--carina-colors-heading-seed);
  --carina-text-color-info: var(--carina-colors-info-60);
  --carina-text-color-info-active: var(--carina-colors-info-80);
  --carina-text-color-info-hover: var(--carina-colors-info-70);
  --carina-text-color-info-visited: var(--carina-colors-info-80);
  --carina-text-color-on-danger: var(--carina-colors-grayscale-0);
  --carina-text-color-on-danger-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-danger-pale-soft: var(--carina-colors-danger-70);
  --carina-text-color-on-info: var(--carina-colors-grayscale-0);
  --carina-text-color-on-info-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-info-pale-soft: var(--carina-colors-info-70);
  --carina-text-color-on-neutral: var(--carina-colors-grayscale-0);
  --carina-text-color-on-primary: var(--carina-colors-grayscale-0);
  --carina-text-color-on-primary-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-primary-pale-soft: var(--carina-colors-primary-70);
  --carina-text-color-on-secondary: var(--carina-colors-grayscale-100);
  --carina-text-color-on-secondary-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-secondary-pale-soft: var(--carina-colors-secondary-70);
  --carina-text-color-on-success: var(--carina-colors-grayscale-0);
  --carina-text-color-on-success-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-success-pale-soft: var(--carina-colors-success-70);
  --carina-text-color-on-tertiary: var(--carina-colors-grayscale-0);
  --carina-text-color-on-tertiary-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-tertiary-pale-soft: var(--carina-colors-tertiary-70);
  --carina-text-color-on-warning: var(--carina-colors-grayscale-100);
  --carina-text-color-on-warning-pale: var(--carina-colors-grayscale-100);
  --carina-text-color-on-warning-pale-soft: var(--carina-colors-warning-70);
  --carina-text-color-primary: var(--carina-colors-primary-seed);
  --carina-text-color-primary-active: var(--carina-colors-primary-100);
  --carina-text-color-primary-hover: var(--carina-colors-primary-100);
  --carina-text-color-primary-visited: var(--carina-colors-primary-100);
  --carina-text-color-secondary: var(--carina-colors-grayscale-95);
  --carina-text-color-secondary-active: var(--carina-colors-grayscale-95);
  --carina-text-color-secondary-hover: var(--carina-colors-grayscale-95);
  --carina-text-color-secondary-visited: var(--carina-colors-grayscale-95);
  --carina-text-color-soft: var(--carina-colors-surface-70);
  --carina-text-color-soft-inverse: var(--carina-colors-grayscale-30);
  --carina-text-color-success: var(--carina-colors-success-60);
  --carina-text-color-success-active: var(--carina-colors-success-80);
  --carina-text-color-success-hover: var(--carina-colors-success-70);
  --carina-text-color-success-visited: var(--carina-colors-success-80);
  --carina-text-color-tertiary: var(--carina-colors-tertiary-seed);
  --carina-text-color-tertiary-active: var(--carina-colors-tertiary-80);
  --carina-text-color-tertiary-hover: var(--carina-colors-tertiary-70);
  --carina-text-color-tertiary-visited: var(--carina-colors-tertiary-80);
  --carina-text-color-warning: var(--carina-colors-warning-60);
  --carina-text-color-warning-active: var(--carina-colors-warning-80);
  --carina-text-color-warning-hover: var(--carina-colors-warning-70);
  --carina-text-color-warning-visited: var(--carina-colors-warning-80);
  --carina-ring-base: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-primary-focus);
  --carina-ring-white: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-inverse);
  --carina-ring-black: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-hard);
  --carina-ring-danger: 0 0 0 var(--carina-border-width-2) var(--carina-border-color-danger-focus);
  --carina-ring-color-base: var(--carina-border-color-primary-focus);
  --carina-ring-color-white: var(--carina-border-color-inverse);
  --carina-ring-color-black: var(--carina-border-color-hard);
  --carina-ring-color-danger: var(--carina-border-color-danger-focus);
}