[data-tux-color-scheme=light][data-tux-high-contrast=true] {
  --tux-v2-color-misc-online-shape: rgb(29, 215, 101);
  --tux-v2-color-misc-online-shape-4: rgba(29, 215, 101, 0.16);
  --tux-v2-color-misc-online-text: rgb(0, 165, 69);
  --tux-v2-color-misc-rating-star-selected-fill: rgb(255, 187, 0);
  --tux-v2-color-misc-toast-background: rgb(82, 82, 82);
  --tux-v2-color-misc-tooltip-background: rgb(58, 58, 58);
  --tux-v2-color-misc-tooltip-text-1: rgb(246, 246, 246);
  --tux-v2-color-misc-verified-badge-1: rgb(32, 213, 236);
  --tux-v2-color-misc-verified-badge-2: rgb(255, 255, 255);
  --tux-v2-color-ui-image-overlay-black: rgb(0, 0, 0);
  --tux-v2-color-ui-image-overlay-black-a15: rgba(0, 0, 0, 0.38);
  --tux-v2-color-ui-image-overlay-black-a25: rgba(0, 0, 0, 0.5);
  --tux-v2-color-ui-image-overlay-black-a50: rgba(0, 0, 0, 0.7);
  --tux-v2-color-ui-image-overlay-black-a80: rgba(0, 0, 0, 0.89);
  --tux-v2-color-ui-image-overlay-dark-gray-a30: rgba(51, 51, 51, 0.54);
  --tux-v2-color-ui-image-overlay-dark-gray-a40: rgba(51, 51, 51, 0.63);
  --tux-v2-color-ui-image-overlay-dark-gray-a60: rgba(51, 51, 51, 0.77);
  --tux-v2-color-ui-image-overlay-dark-gray-a85: rgba(51, 51, 51, 0.92);
  --tux-v2-color-ui-image-overlay-white: rgb(255, 255, 255);
  --tux-v2-color-ui-image-overlay-white-a20: rgba(255, 255, 255, 0.44);
  --tux-v2-color-ui-image-overlay-white-a40: rgba(255, 255, 255, 0.63);
  --tux-v2-color-ui-image-overlay-white-a75: rgba(255, 255, 255, 0.86);
  --tux-v2-color-ui-page-flat-1: rgb(255, 255, 255);
  --tux-v2-color-ui-page-flat-2: rgb(235, 235, 235);
  --tux-v2-color-ui-page-flat-3: rgb(255, 255, 255);
  --tux-v2-color-ui-page-grouped-1: rgb(234, 234, 234);
  --tux-v2-color-ui-page-grouped-2: rgb(255, 255, 255);
  --tux-v2-color-ui-page-grouped-3: rgb(238, 238, 238);
  --tux-v2-color-ui-shape-danger: rgb(175, 29, 18);
  --tux-v2-color-ui-shape-danger-2: rgba(255, 76, 58, 0.32);
  --tux-v2-color-ui-shape-danger-3: rgba(255, 76, 58, 0.28);
  --tux-v2-color-ui-shape-danger-4: rgba(255, 76, 58, 0.16);
  --tux-v2-color-ui-shape-info: rgb(0, 92, 175);
  --tux-v2-color-ui-shape-info-2: rgba(0, 117, 220, 0.27);
  --tux-v2-color-ui-shape-info-3: rgba(0, 117, 220, 0.23);
  --tux-v2-color-ui-shape-info-4: rgba(0, 117, 220, 0.13);
  --tux-v2-color-ui-shape-neutral: rgb(0, 0, 0);
  --tux-v2-color-ui-shape-neutral-2: rgba(0, 0, 0, 0.17);
  --tux-v2-color-ui-shape-neutral-3: rgba(0, 0, 0, 0.14);
  --tux-v2-color-ui-shape-neutral-4: rgba(0, 0, 0, 0.07);
  --tux-v2-color-ui-shape-primary: rgb(181, 0, 48);
  --tux-v2-color-ui-shape-primary-2: rgba(254, 44, 85, 0.31);
  --tux-v2-color-ui-shape-primary-3: rgba(254, 44, 85, 0.24);
  --tux-v2-color-ui-shape-primary-4: rgba(254, 44, 85, 0.13);
  --tux-v2-color-ui-shape-primary-5: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-secondary: rgb(0, 129, 146);
  --tux-v2-color-ui-shape-secondary-2: rgba(0, 162, 201, 0.33);
  --tux-v2-color-ui-shape-secondary-3: rgba(0, 162, 201, 0.28);
  --tux-v2-color-ui-shape-secondary-4: rgba(0, 162, 201, 0.17);
  --tux-v2-color-ui-shape-secondary-5: rgba(0, 162, 201, 0.12);
  --tux-v2-color-ui-shape-secondary-muted: rgb(0, 129, 146);
  --tux-v2-color-ui-shape-secondary-muted-2: rgba(0, 162, 201, 0.33);
  --tux-v2-color-ui-shape-secondary-muted-3: rgba(0, 162, 201, 0.28);
  --tux-v2-color-ui-shape-secondary-muted-4: rgba(0, 162, 201, 0.17);
  --tux-v2-color-ui-shape-secondary-muted-5: rgba(0, 162, 201, 0.12);
  --tux-v2-color-ui-shape-success: rgb(0, 133, 104);
  --tux-v2-color-ui-shape-success-2: rgba(11, 224, 155, 0.48);
  --tux-v2-color-ui-shape-success-3: rgba(11, 224, 155, 0.4);
  --tux-v2-color-ui-shape-success-4: rgba(11, 224, 155, 0.22);
  --tux-v2-color-ui-shape-text-1-on-danger: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-info: rgb(231, 244, 255);
  --tux-v2-color-ui-shape-text-1-on-neutral: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-primary: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-secondary: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-secondary-muted: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-success: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-warning: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-2-on-danger: rgb(255, 227, 220);
  --tux-v2-color-ui-shape-text-2-on-info: rgb(176, 218, 255);
  --tux-v2-color-ui-shape-text-2-on-neutral: rgba(255, 255, 255, 0.8);
  --tux-v2-color-ui-shape-text-2-on-primary: rgb(255, 233, 233);
  --tux-v2-color-ui-shape-text-2-on-secondary: rgb(168, 252, 255);
  --tux-v2-color-ui-shape-text-2-on-secondary-muted: rgb(168, 252, 255);
  --tux-v2-color-ui-shape-text-2-on-success: rgb(166, 255, 235);
  --tux-v2-color-ui-shape-text-2-on-warning: rgb(255, 236, 208);
  --tux-v2-color-ui-shape-text-on-secondary-2-or-3: rgb(1, 67, 75);
  --tux-v2-color-ui-shape-text-on-secondary-4-or-5: rgb(1, 67, 75);
  --tux-v2-color-ui-shape-text-on-secondary-muted-2-or-3: rgb(10, 65, 81);
  --tux-v2-color-ui-shape-text-on-secondary-muted-4-or-5: rgb(10, 65, 81);
  --tux-v2-color-ui-shape-warning: rgb(179, 96, 0);
  --tux-v2-color-ui-shape-warning-2: rgba(254, 124, 2, 0.48);
  --tux-v2-color-ui-shape-warning-3: rgba(254, 124, 2, 0.38);
  --tux-v2-color-ui-shape-warning-4: rgba(254, 124, 2, 0.2);
  --tux-v2-color-ui-sheet-backdrop-1: rgba(0, 0, 0, 0.7);
  --tux-v2-color-ui-sheet-backdrop-2: rgba(0, 0, 0, 0.48);
  --tux-v2-color-ui-sheet-flat-1: rgb(255, 255, 255);
  --tux-v2-color-ui-sheet-flat-2: rgb(235, 235, 235);
  --tux-v2-color-ui-sheet-flat-3: rgb(255, 255, 255);
  --tux-v2-color-ui-sheet-grouped-1: rgb(234, 234, 234);
  --tux-v2-color-ui-sheet-grouped-2: rgb(255, 255, 255);
  --tux-v2-color-ui-sheet-grouped-3: rgb(238, 238, 238);
  --tux-v2-color-ui-text-1: rgb(0, 0, 0);
  --tux-v2-color-ui-text-1-display: rgb(0, 0, 0);
  --tux-v2-color-ui-text-2: rgba(0, 0, 0, 0.75);
  --tux-v2-color-ui-text-3: rgba(0, 0, 0, 0.68);
  --tux-v2-color-ui-text-danger: rgb(175, 29, 18);
  --tux-v2-color-ui-text-danger-display: rgb(218, 49, 35);
  --tux-v2-color-ui-text-info: rgb(0, 92, 175);
  --tux-v2-color-ui-text-info-display: rgb(43, 93, 185);
  --tux-v2-color-ui-text-placeholder: rgba(0, 0, 0, 0.55);
  --tux-v2-color-ui-text-primary: rgb(181, 0, 48);
  --tux-v2-color-ui-text-primary-display: rgb(225, 5, 67);
  --tux-v2-color-ui-text-secondary: rgb(0, 102, 116);
  --tux-v2-color-ui-text-secondary-display: rgb(0, 129, 146);
  --tux-v2-color-ui-text-success: rgb(0, 105, 81);
  --tux-v2-color-ui-text-success-display: rgb(0, 133, 104);
  --tux-v2-color-ui-text-warning: rgb(144, 74, 0);
  --tux-v2-color-ui-text-warning-display: rgb(179, 96, 0);
  --tux-v2-color-brand-tiktok-background: rgb(255, 255, 255);
  --tux-v2-color-brand-tiktok-background-element: rgb(0, 0, 0);
  --tux-v2-color-brand-tiktok-razzmatazz: rgb(254, 44, 85);
  --tux-v2-color-brand-tiktok-splash: rgb(37, 244, 238);
  --tux-v2-color-brand-tiktok-spotlight: rgb(0, 0, 0);
  --tux-v2-color-brand-tiktok-subject-in-spotlight: rgb(255, 255, 255);
  --tux-v2-color-shadow-attached: rgba(0, 0, 0, 0.14);
  --tux-v2-color-shadow-blocking: rgba(0, 0, 0, 0.16);
  --tux-v2-color-shadow-contrast: rgba(0, 0, 0, 0.3);
  --tux-v2-color-shadow-floating: rgba(0, 0, 0, 0.1);
  --tux-v2-color-shadow-notice: rgba(0, 0, 0, 0.1);
  --tux-v2-color-shadow-subtle: rgba(0, 0, 0, 0.07);
}

[data-tux-color-scheme=dark][data-tux-high-contrast=true] {
  --tux-v2-color-misc-online-shape: rgb(29, 215, 101);
  --tux-v2-color-misc-online-shape-4: rgba(29, 215, 101, 0.25);
  --tux-v2-color-misc-online-text: rgb(34, 198, 96);
  --tux-v2-color-misc-rating-star-selected-fill: rgb(255, 187, 0);
  --tux-v2-color-misc-toast-background: rgb(82, 82, 82);
  --tux-v2-color-misc-tooltip-background: rgb(255, 255, 255);
  --tux-v2-color-misc-tooltip-text-1: rgb(0, 0, 0);
  --tux-v2-color-misc-verified-badge-1: rgb(32, 213, 236);
  --tux-v2-color-misc-verified-badge-2: rgb(255, 255, 255);
  --tux-v2-color-ui-image-overlay-black: rgb(0, 0, 0);
  --tux-v2-color-ui-image-overlay-black-a15: rgba(0, 0, 0, 0.38);
  --tux-v2-color-ui-image-overlay-black-a25: rgba(0, 0, 0, 0.5);
  --tux-v2-color-ui-image-overlay-black-a50: rgba(0, 0, 0, 0.7);
  --tux-v2-color-ui-image-overlay-black-a80: rgba(0, 0, 0, 0.89);
  --tux-v2-color-ui-image-overlay-dark-gray-a30: rgba(51, 51, 51, 0.54);
  --tux-v2-color-ui-image-overlay-dark-gray-a40: rgba(51, 51, 51, 0.63);
  --tux-v2-color-ui-image-overlay-dark-gray-a60: rgba(51, 51, 51, 0.77);
  --tux-v2-color-ui-image-overlay-dark-gray-a85: rgba(51, 51, 51, 0.92);
  --tux-v2-color-ui-image-overlay-white: rgb(255, 255, 255);
  --tux-v2-color-ui-image-overlay-white-a20: rgba(255, 255, 255, 0.44);
  --tux-v2-color-ui-image-overlay-white-a40: rgba(255, 255, 255, 0.63);
  --tux-v2-color-ui-image-overlay-white-a75: rgba(255, 255, 255, 0.86);
  --tux-v2-color-ui-page-flat-1: rgb(0, 0, 0);
  --tux-v2-color-ui-page-flat-2: rgb(40, 40, 40);
  --tux-v2-color-ui-page-flat-3: rgb(58, 58, 58);
  --tux-v2-color-ui-page-grouped-1: rgb(0, 0, 0);
  --tux-v2-color-ui-page-grouped-2: rgb(40, 40, 40);
  --tux-v2-color-ui-page-grouped-3: rgb(58, 58, 58);
  --tux-v2-color-ui-shape-danger: rgb(175, 29, 18);
  --tux-v2-color-ui-shape-danger-2: rgba(255, 76, 58, 0.68);
  --tux-v2-color-ui-shape-danger-3: rgba(255, 76, 58, 0.52);
  --tux-v2-color-ui-shape-danger-4: rgba(255, 76, 58, 0.36);
  --tux-v2-color-ui-shape-info: rgb(0, 92, 175);
  --tux-v2-color-ui-shape-info-2: rgba(32, 151, 255, 0.6);
  --tux-v2-color-ui-shape-info-3: rgba(32, 151, 255, 0.48);
  --tux-v2-color-ui-shape-info-4: rgba(32, 151, 255, 0.37);
  --tux-v2-color-ui-shape-neutral: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-neutral-2: rgba(255, 255, 255, 0.32);
  --tux-v2-color-ui-shape-neutral-3: rgba(255, 255, 255, 0.21);
  --tux-v2-color-ui-shape-neutral-4: rgba(255, 255, 255, 0.15);
  --tux-v2-color-ui-shape-primary: rgb(181, 0, 48);
  --tux-v2-color-ui-shape-primary-2: rgba(254, 44, 85, 0.6);
  --tux-v2-color-ui-shape-primary-3: rgba(254, 44, 85, 0.43);
  --tux-v2-color-ui-shape-primary-4: rgba(254, 44, 85, 0.29);
  --tux-v2-color-ui-shape-primary-5: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-secondary: rgb(0, 129, 146);
  --tux-v2-color-ui-shape-secondary-2: rgba(0, 162, 201, 0.66);
  --tux-v2-color-ui-shape-secondary-3: rgba(0, 162, 201, 0.5);
  --tux-v2-color-ui-shape-secondary-4: rgba(0, 162, 201, 0.37);
  --tux-v2-color-ui-shape-secondary-5: rgba(0, 162, 201, 0.3);
  --tux-v2-color-ui-shape-secondary-muted: rgb(0, 129, 146);
  --tux-v2-color-ui-shape-secondary-muted-2: rgba(0, 162, 201, 0.66);
  --tux-v2-color-ui-shape-secondary-muted-3: rgba(0, 162, 201, 0.5);
  --tux-v2-color-ui-shape-secondary-muted-4: rgba(0, 162, 201, 0.37);
  --tux-v2-color-ui-shape-secondary-muted-5: rgba(0, 162, 201, 0.3);
  --tux-v2-color-ui-shape-success: rgb(0, 133, 104);
  --tux-v2-color-ui-shape-success-2: rgba(11, 224, 155, 0.66);
  --tux-v2-color-ui-shape-success-3: rgba(11, 224, 155, 0.46);
  --tux-v2-color-ui-shape-success-4: rgba(11, 224, 155, 0.31);
  --tux-v2-color-ui-shape-text-1-on-danger: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-info: rgb(231, 244, 255);
  --tux-v2-color-ui-shape-text-1-on-neutral: rgb(0, 0, 0);
  --tux-v2-color-ui-shape-text-1-on-primary: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-secondary: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-secondary-muted: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-success: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-1-on-warning: rgb(255, 255, 255);
  --tux-v2-color-ui-shape-text-2-on-danger: rgb(255, 227, 220);
  --tux-v2-color-ui-shape-text-2-on-info: rgb(176, 218, 255);
  --tux-v2-color-ui-shape-text-2-on-neutral: rgba(0, 0, 0, 0.57);
  --tux-v2-color-ui-shape-text-2-on-primary: rgb(255, 233, 233);
  --tux-v2-color-ui-shape-text-2-on-secondary: rgb(168, 252, 255);
  --tux-v2-color-ui-shape-text-2-on-secondary-muted: rgb(168, 252, 255);
  --tux-v2-color-ui-shape-text-2-on-success: rgb(166, 255, 235);
  --tux-v2-color-ui-shape-text-2-on-warning: rgb(255, 236, 208);
  --tux-v2-color-ui-shape-text-on-secondary-2-or-3: rgb(160, 237, 250);
  --tux-v2-color-ui-shape-text-on-secondary-4-or-5: rgb(160, 237, 250);
  --tux-v2-color-ui-shape-text-on-secondary-muted-2-or-3: rgb(173, 233, 255);
  --tux-v2-color-ui-shape-text-on-secondary-muted-4-or-5: rgb(173, 233, 255);
  --tux-v2-color-ui-shape-warning: rgb(179, 96, 0);
  --tux-v2-color-ui-shape-warning-2: rgba(254, 124, 2, 0.67);
  --tux-v2-color-ui-shape-warning-3: rgba(254, 124, 2, 0.51);
  --tux-v2-color-ui-shape-warning-4: rgba(254, 124, 2, 0.34);
  --tux-v2-color-ui-sheet-backdrop-1: rgba(0, 0, 0, 0.88);
  --tux-v2-color-ui-sheet-backdrop-2: rgba(0, 0, 0, 0.74);
  --tux-v2-color-ui-sheet-flat-1: rgb(40, 40, 40);
  --tux-v2-color-ui-sheet-flat-2: rgb(58, 58, 58);
  --tux-v2-color-ui-sheet-flat-3: rgb(72, 72, 72);
  --tux-v2-color-ui-sheet-grouped-1: rgb(40, 40, 40);
  --tux-v2-color-ui-sheet-grouped-2: rgb(58, 58, 58);
  --tux-v2-color-ui-sheet-grouped-3: rgb(72, 72, 72);
  --tux-v2-color-ui-text-1: rgb(255, 255, 255);
  --tux-v2-color-ui-text-1-display: rgb(255, 255, 255);
  --tux-v2-color-ui-text-2: rgba(255, 255, 255, 0.9);
  --tux-v2-color-ui-text-3: rgba(255, 255, 255, 0.85);
  --tux-v2-color-ui-text-danger: rgb(255, 147, 123);
  --tux-v2-color-ui-text-danger-display: rgb(255, 147, 123);
  --tux-v2-color-ui-text-info: rgb(107, 184, 255);
  --tux-v2-color-ui-text-info-display: rgb(96, 179, 255);
  --tux-v2-color-ui-text-placeholder: rgba(255, 255, 255, 0.46);
  --tux-v2-color-ui-text-primary: rgb(255, 147, 156);
  --tux-v2-color-ui-text-primary-display: rgb(255, 147, 156);
  --tux-v2-color-ui-text-secondary: rgb(83, 233, 255);
  --tux-v2-color-ui-text-secondary-display: rgb(32, 213, 236);
  --tux-v2-color-ui-text-success: rgb(53, 240, 194);
  --tux-v2-color-ui-text-success-display: rgb(11, 224, 155);
  --tux-v2-color-ui-text-warning: rgb(255, 152, 87);
  --tux-v2-color-ui-text-warning-display: rgb(255, 152, 87);
  --tux-v2-color-brand-tiktok-background: rgb(0, 0, 0);
  --tux-v2-color-brand-tiktok-background-element: rgb(255, 255, 255);
  --tux-v2-color-brand-tiktok-razzmatazz: rgb(254, 44, 85);
  --tux-v2-color-brand-tiktok-splash: rgb(37, 244, 238);
  --tux-v2-color-brand-tiktok-spotlight: rgb(255, 255, 255);
  --tux-v2-color-brand-tiktok-subject-in-spotlight: rgb(0, 0, 0);
  --tux-v2-color-shadow-attached: rgba(0, 0, 0, 0.21);
  --tux-v2-color-shadow-blocking: rgba(0, 0, 0, 0.24);
  --tux-v2-color-shadow-contrast: rgba(0, 0, 0, 0.3);
  --tux-v2-color-shadow-floating: rgba(0, 0, 0, 0.15);
  --tux-v2-color-shadow-notice: rgba(0, 0, 0, 0.15);
  --tux-v2-color-shadow-subtle: rgba(0, 0, 0, 0.07);
}
