:root {
  --brand_standard: #0099FF;
  --brand_light: rgba(0, 153, 255, 0.2);
  --on_brand_primary: #FFFFFF;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #FFFFFF;
  --text_nav_secondary: #000000;
  --icon_primary: #4D4D4D;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #FFFFFF;
  --icon_nav_secondary: #4D4D4D;
  --icon_aio_toolbar_normal: #4D4D4D;
  --icon_aio_toolbar_active: #0099FF;
  --icon_aio_nav_active: #0099FF;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #0099FF;
  --bg_nav_secondary: #FFFFFF;
  --bg_nav_aio: rgba(255, 255, 255, 0.4);
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: rgba(255, 255, 255, 0.6);
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #0099FF;
  --bubble_host_bottom: #0099FF;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --bubble_host_text_link: #A1E9FF;
  --button_bg_primary_default: #0099FF;
  --button_bg_primary_pressed: #008AE5;
  --button_bg_primary_disable: rgba(0, 153, 255, 0.5);
  --button_bg_secondary_default: rgba(0, 0, 0, 0);
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
  --background-white: #fff;
  --background-dialogue: #fff;
  --background-dialogue-pressed: #e6e6e6;
  --background-list: #fff;
  --background-list-pressed: #e6e6e6;
  --background-stick: #f5f5f5;
  --background-textfield: #f5f5f5;
  --background-chat-bg: #f1f1f1;
  --black-1: #fff;
  --black-2: #FAFAFA;
  --black-3: #F5F5F5;
  --black-4: #E6E6E6;
  --black-5: #DBDBDB;
  --black-6: #CCCCCC;
  --black-7: #999;
  --black-8: #808080;
  --black-9: #666;
  --black-10: #4d4d4d;
  --black-11: #333;
  --black-12: #292929;
  --black-13: #242424;
  --black-14: #1F1F1F;
  --black-15: #1A1A1A;
  --black-16: #000;
  --blue-1: #E6F5FF;
  --blue-2: #C2E7FF;
  --blue-3: #91D3FF;
  --blue-4: #5EBFFF;
  --blue-5: #2EABFF;
  --blue-6: #0099FF;
  --blue-7: #0082D9;
  --blue-8: #006DB5;
  --blue-9: #005791;
  --blue-10: #004573;
  --dark-blue-1: #E6F0FA;
  --dark-blue-2: #C2DAF3;
  --dark-blue-3: #91BDE9;
  --dark-blue-4: #5E9FDF;
  --dark-blue-5: #2E82D5;
  --dark-blue-6: #0066CC;
  --dark-blue-7: #0057AD;
  --dark-blue-8: #004891;
  --dark-blue-9: #003A74;
  --dark-blue-10: #002E5C;
  --indigo-1: #F3F0FF;
  --indigo-2: #E3DBFF;
  --indigo-3: #CBBDFF;
  --indigo-4: #B19EFF;
  --indigo-5: #9980FF;
  --indigo-6: #8566FF;
  --indigo-7: #7259D9;
  --indigo-8: #5F49B6;
  --indigo-9: #4C3A92;
  --indigo-10: #3D2F75;
  --green-1: #E8FAF1;
  --green-2: #C7F4DD;
  --green-3: #9AEBC3;
  --green-4: #6CE2A7;
  --green-5: #3FD98C;
  --green-6: #15D173;
  --green-7: #12B262;
  --green-8: #0F9452;
  --green-9: #0C7742;
  --green-10: #095E34;
  --pink-1: #FFF0F7;
  --pink-2: #FFDAED;
  --pink-3: #FFBDDE;
  --pink-4: #FF9FCF;
  --pink-5: #FF82C1;
  --pink-6: #FF66B3;
  --pink-7: #D95798;
  --pink-8: #B5487F;
  --pink-9: #913A66;
  --pink-10: #732E51;
  --red-1: #FFEEF0;
  --red-2: #FFD7DB;
  --red-3: #FFB8BE;
  --red-4: #FF969F;
  --red-5: #FF7782;
  --red-6: #FF5967;
  --red-7: #D94C58;
  --red-8: #B53F49;
  --red-9: #91333B;
  --red-10: #73282E;
  --orange-1: #FFF4EC;
  --orange-2: #FFE4D1;
  --orange-3: #FFCEAD;
  --orange-4: #FFB787;
  --orange-5: #FFA262;
  --orange-6: #FF8D40;
  --orange-7: #D97836;
  --orange-8: #B5642D;
  --orange-9: #915024;
  --orange-10: #733F1D;
  --yellow-1: #FFF7E6;
  --yellow-2: #FFEDC2;
  --yellow-3: #FFDE91;
  --yellow-4: #FFCF5E;
  --yellow-5: #FFC12E;
  --yellow-6: #FFB300;
  --yellow-7: #D99800;
  --yellow-8: #B57F00;
  --yellow-9: #916600;
  --yellow-10: #735100;
}

.default-dark,
.dark,
.system-theme-darkmode {
  --background-white: #000;
  --background-dialogue: #262626;
  --background-dialogue-pressed: #1a1a1a;
  --background-list: #262626;
  --background-list-pressed: #1a1a1a;
  --background-stick: #1a1a1a;
  --background-chat-bg: #000;
  --background-textfield: #1a1a1a;
}

.default-white {
  --brand_standard: #0099FF;
  --brand_light: rgba(0, 153, 255, 0.2);
  --on_brand_primary: #FFFFFF;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #FFFFFF;
  --text_nav_secondary: #000000;
  --icon_primary: #4D4D4D;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #FFFFFF;
  --icon_nav_secondary: #4D4D4D;
  --icon_aio_toolbar_normal: #4D4D4D;
  --icon_aio_toolbar_active: #0099FF;
  --icon_aio_nav_active: #0099FF;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #0099FF;
  --bg_nav_secondary: #FFFFFF;
  --bg_nav_aio: rgba(255, 255, 255, 0.4);
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: rgba(255, 255, 255, 0.6);
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #0099FF;
  --bubble_host_bottom: #0099FF;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --bubble_host_text_link: #A1E9FF;
  --button_bg_primary_default: #0099FF;
  --button_bg_primary_pressed: #008AE5;
  --button_bg_primary_disable: rgba(0, 153, 255, 0.5);
  --button_bg_secondary_default: rgba(0, 0, 0, 0);
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.system-theme-darkmode,
.default-dark {
  --brand_standard: #0066CC;
  --brand_light: rgba(0, 102, 204, 0.2);
  --on_brand_primary: #FFFFFF;
  --text_primary: #FFFFFF;
  --text_secondary: #999999;
  --text_secondary_light: #666666;
  --text_tertiary: #666666;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #FFFFFF;
  --text_nav_secondary: #FFFFFF;
  --icon_primary: #999999;
  --icon_secondary: #999999;
  --icon_tertiary: #666666;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #999999;
  --icon_nav_secondary: #999999;
  --icon_aio_toolbar_normal: #999999;
  --icon_aio_toolbar_active: #0066CC;
  --icon_aio_nav_active: #0066CC;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #000000;
  --bg_nav_secondary: #000000;
  --bg_nav_aio: #000000;
  --bg_nav_bottom: #000000;
  --bg_nav_bottom_aio: rgba(31, 31, 31, 0.8);
  --bg_aio_01: #000000;
  --bg_aio_02: #000000;
  --bg_aio_03: #000000;
  --bg_aio_04: #000000;
  --bg_bottom_light: #000000;
  --bg_bottom_standard: #0D0D0D;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #262626;
  --bg_middle_standard: #0D0D0D;
  --bg_top_light: #262626;
  --bg_top_dark: rgba(66, 66, 66, 0.7);
  --fill_light_primary: #000000;
  --fill_light_secondary: #262626;
  --fill_light_tertiary: rgba(255, 255, 255, 0.1);
  --fill_standard_extra: rgba(255, 255, 255, 0.02);
  --fill_standard_primary: rgba(255, 255, 255, 0.08);
  --fill_standard_secondary: rgba(255, 255, 255, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(255, 255, 255, 0.2);
  --overlay_light: rgba(255, 255, 255, 0.06);
  --overlay_standard_primary: rgba(255, 255, 255, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(255, 255, 255, 0.1);
  --border_light: rgba(255, 255, 255, 0.05);
  --border_superlight: rgba(255, 255, 255, 0.8);
  --bubble_host_top: #262626;
  --bubble_host_bottom: #262626;
  --bubble_guest: #262626;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #FFFFFF;
  --bubble_guest_text_secondary: #999999;
  --bubble_host_text_link: #2D77E5;
  --button_bg_primary_default: #0066CC;
  --button_bg_primary_pressed: #0057AD;
  --button_bg_primary_disable: rgba(0, 102, 204, 0.5);
  --button_bg_secondary_default: rgba(0, 0, 0, 0);
  --button_bg_secondary_pressed: rgba(61, 61, 61, 0.6);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(61, 61, 61, 0.6);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(61, 61, 61, 0.6);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #3D3D3D;
  --button_border_secondary_pressed: #3D3D3D;
  --button_border_secondary_disable: rgba(61, 61, 61, 0.5);
  --button_border_error_default: #3D3D3D;
  --button_border_error_pressed: #3D3D3D;
  --button_border_error_disable: rgba(61, 61, 61, 0.5);
  --button_border_ghost_default: #3D3D3D;
  --button_border_ghost_pressed: #3D3D3D;
  --button_border_ghost_disable: rgba(61, 61, 61, 0.5);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.3);
  --button_text_secondary_default: #FFFFFF;
  --button_text_secondary_pressed: #FFFFFF;
  --button_text_secondary_disable: rgba(255, 255, 255, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.dark {
  --brand_standard: #0066CC;
  --brand_light: rgba(0, 102, 204, 0.2);
  --on_brand_primary: #FFFFFF;
  --text_primary: #FFFFFF;
  --text_secondary: #999999;
  --text_secondary_light: #666666;
  --text_tertiary: #666666;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #FFFFFF;
  --text_nav_secondary: #FFFFFF;
  --icon_primary: #999999;
  --icon_secondary: #999999;
  --icon_tertiary: #666666;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #999999;
  --icon_nav_secondary: #999999;
  --icon_aio_toolbar_normal: #999999;
  --icon_aio_toolbar_active: #0066CC;
  --icon_aio_nav_active: #0066CC;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #000000;
  --bg_nav_secondary: #000000;
  --bg_nav_aio: #000000;
  --bg_nav_bottom: #000000;
  --bg_nav_bottom_aio: rgba(31, 31, 31, 0.8);
  --bg_aio_01: #000000;
  --bg_aio_02: #000000;
  --bg_aio_03: #000000;
  --bg_aio_04: #000000;
  --bg_bottom_light: #000000;
  --bg_bottom_standard: #0D0D0D;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #262626;
  --bg_middle_standard: #0D0D0D;
  --bg_top_light: #262626;
  --bg_top_dark: rgba(66, 66, 66, 0.7);
  --fill_light_primary: #000000;
  --fill_light_secondary: #262626;
  --fill_light_tertiary: rgba(255, 255, 255, 0.1);
  --fill_standard_extra: rgba(255, 255, 255, 0.02);
  --fill_standard_primary: rgba(255, 255, 255, 0.08);
  --fill_standard_secondary: rgba(255, 255, 255, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(255, 255, 255, 0.2);
  --overlay_light: rgba(255, 255, 255, 0.06);
  --overlay_standard_primary: rgba(255, 255, 255, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(255, 255, 255, 0.1);
  --border_light: rgba(255, 255, 255, 0.05);
  --border_superlight: rgba(255, 255, 255, 0.8);
  --bubble_host_top: #262626;
  --bubble_host_bottom: #262626;
  --bubble_guest: #262626;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #FFFFFF;
  --bubble_guest_text_secondary: #999999;
  --bubble_host_text_link: #2D77E5;
  --button_bg_primary_default: #0066CC;
  --button_bg_primary_pressed: #0057AD;
  --button_bg_primary_disable: rgba(0, 153, 255, 0.5);
  --button_bg_secondary_default: rgba(0, 0, 0, 0);
  --button_bg_secondary_pressed: rgba(61, 61, 61, 0.6);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(61, 61, 61, 0.6);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(61, 61, 61, 0.6);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #3D3D3D;
  --button_border_secondary_pressed: #3D3D3D;
  --button_border_secondary_disable: rgba(61, 61, 61, 0.5);
  --button_border_error_default: #3D3D3D;
  --button_border_error_pressed: #3D3D3D;
  --button_border_error_disable: rgba(61, 61, 61, 0.5);
  --button_border_ghost_default: #3D3D3D;
  --button_border_ghost_pressed: #3D3D3D;
  --button_border_ghost_disable: rgba(61, 61, 61, 0.5);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.3);
  --button_text_secondary_default: #FFFFFF;
  --button_text_secondary_pressed: #FFFFFF;
  --button_text_secondary_disable: rgba(255, 255, 255, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.grey {
  --brand_standard: #0099FF;
  --brand_light: rgba(0, 153, 255, 0.2);
  --on_brand_primary: #FFFFFF;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #000000;
  --text_nav_secondary: #000000;
  --icon_primary: #000000;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #000000;
  --icon_nav_secondary: #000000;
  --icon_aio_toolbar_normal: #000000;
  --icon_aio_toolbar_active: #0099FF;
  --icon_aio_nav_active: #0099FF;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: rgba(0, 0, 0, 0.2);
  --bg_nav_secondary: rgba(0, 0, 0, 0.2);
  --bg_nav_aio: rgba(0, 0, 0, 0.2);
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: #FFFFFF;
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #0099FF;
  --bubble_host_bottom: #0099FF;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --bubble_host_text_link: #A1E9FF;
  --button_bg_primary_default: #0099FF;
  --button_bg_primary_pressed: #008AE5;
  --button_bg_primary_disable: rgba(0, 153, 255, 0.5);
  --button_bg_secondary_default: rgba(0, 0, 0, 0);
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.white {
  --brand_standard: #0099FF;
  --brand_light: rgba(0, 102, 204, 0.2);
  --on_brand_primary: #FFFFFF;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #000000;
  --text_nav_secondary: #000000;
  --icon_primary: #000000;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #000000;
  --icon_nav_secondary: #000000;
  --icon_aio_toolbar_normal: #000000;
  --icon_aio_toolbar_active: #0099FF;
  --icon_aio_nav_active: #0099FF;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #FFFFFF;
  --bg_nav_secondary: #FFFFFF;
  --bg_nav_aio: rgba(255, 255, 255, 0.4);
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: rgba(255, 255, 255, 0.6);
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #0099FF;
  --bubble_host_bottom: #0099FF;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --bubble_host_text_link: #A1E9FF;
  --button_bg_primary_default: #0099FF;
  --button_bg_primary_pressed: #008AE5;
  --button_bg_primary_disable: rgba(0, 153, 255, 0.5);
  --button_bg_secondary_default: rgba(0, 0, 0, 0);
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.green {
  --brand_standard: #12D6BC;
  --brand_light: rgba(18, 214, 188, 0.2);
  --on_brand_primary: #000000;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #000000;
  --text_nav_secondary: #000000;
  --icon_primary: #000000;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #000000;
  --icon_nav_secondary: #000000;
  --icon_aio_toolbar_normal: #000000;
  --icon_aio_toolbar_active: #12D6BC;
  --icon_aio_nav_active: #FFFFFF;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #12D6BC;
  --bg_nav_secondary: #12D6BC;
  --bg_nav_aio: #12D6BC;
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: rgba(255, 255, 255, 0.6);
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #12D6BC;
  --bubble_host_bottom: #12D6BC;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --bubble_host_text_link: #A1E9FF;
  --button_bg_primary_default: #12D6BC;
  --button_bg_primary_pressed: #10C1A9;
  --button_bg_primary_disable: rgba(18, 214, 188, 0.5);
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.yellow {
  --brand_standard: #FEE454;
  --brand_light: rgba(254, 228, 84, 0.2);
  --on_brand_primary: #000000;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #000000;
  --text_nav_secondary: #000000;
  --icon_primary: #000000;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #000000;
  --icon_nav_secondary: #000000;
  --icon_aio_toolbar_normal: #000000;
  --icon_aio_toolbar_active: #FEE454;
  --icon_aio_nav_active: #000000;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #FEE454;
  --bg_nav_secondary: #FEE454;
  --bg_nav_aio: #FEE454;
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: rgba(255, 255, 255, 0.6);
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #FEE454;
  --bubble_host_bottom: #FEE454;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #000000;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --bubble_host_text_link: #3FD1FF;
  --button_bg_primary_default: #FEE454;
  --button_bg_primary_pressed: #E5CD4C;
  --button_bg_primary_disable: rgba(254, 228, 84, 0.5);
  --button_bg_secondary_default: rgba(0, 0, 0, 0);
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.purple {
  --brand_standard: #6532D6;
  --brand_light: rgba(101, 50, 214, 0.2);
  --on_brand_primary: #000000;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #000000;
  --text_nav_secondary: #000000;
  --icon_primary: #000000;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #000000;
  --icon_nav_secondary: #000000;
  --icon_aio_toolbar_normal: #000000;
  --icon_aio_toolbar_active: #6532D6;
  --icon_aio_nav_active: #FFFFFF;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #6532D6;
  --bg_nav_secondary: #6532D6;
  --bg_nav_aio: #6532D6;
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: rgba(255, 255, 255, 0.6);
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #6532D6;
  --bubble_host_bottom: #6532D6;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --bubble_host_text_link: #A1E9FF;
  --button_bg_primary_default: #6532D6;
  --button_bg_primary_pressed: #5B2DC1;
  --button_bg_primary_disable: rgba(101, 50, 214, 0.5);
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.pink {
  --brand_standard: #FE779A;
  --brand_light: rgba(254, 119, 154, 0.2);
  --on_brand_primary: #000000;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #000000;
  --text_nav_secondary: #000000;
  --icon_primary: #000000;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #000000;
  --icon_nav_secondary: #000000;
  --icon_aio_toolbar_normal: #000000;
  --icon_aio_toolbar_active: #FE779A;
  --icon_aio_nav_active: #FFFFFF;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #FE779A;
  --bg_nav_secondary: #FE779A;
  --bg_nav_aio: #FE779A;
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: rgba(255, 255, 255, 0.6);
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #FE779A;
  --bubble_host_bottom: #FE779A;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --bubble_host_text_link: #A1E9FF;
  --button_bg_primary_default: #FE779A;
  --button_bg_primary_pressed: #E56B8B;
  --button_bg_primary_disable: rgba(254, 119, 154, 0.5);
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.red {
  --brand_standard: #FE6772;
  --brand_light: rgba(254, 103, 114, 0.2);
  --on_brand_primary: #000000;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #000000;
  --text_nav_secondary: #000000;
  --icon_primary: #000000;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #000000;
  --icon_nav_secondary: #000000;
  --icon_aio_toolbar_normal: #000000;
  --icon_aio_toolbar_active: #FE6772;
  --icon_aio_nav_active: #FFFFFF;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #FE6772;
  --bg_nav_secondary: #FE6772;
  --bg_nav_aio: #FE6772;
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: rgba(255, 255, 255, 0.6);
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #FE6772;
  --bubble_host_bottom: #FE6772;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --bubble_host_text_link: #A1E9FF;
  --button_bg_primary_default: #FE6772;
  --button_bg_primary_pressed: #E55D67;
  --button_bg_primary_disable: rgba(254, 103, 114, 0.5);
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}

.blue {
  --brand_standard: #19497D;
  --brand_light: rgba(25, 73, 125, 0.2);
  --on_brand_primary: #000000;
  --text_primary: #000000;
  --text_secondary: #8C8C8C;
  --text_secondary_light: #A6A6A6;
  --text_tertiary: #CCCCCC;
  --text_white: #FFFFFF;
  --text_link: #2D77E5;
  --text_nav_primary: #000000;
  --text_nav_secondary: #000000;
  --icon_primary: #000000;
  --icon_secondary: #999999;
  --icon_tertiary: #CCCCCC;
  --icon_white: #FFFFFF;
  --icon_nav_primary: #000000;
  --icon_nav_secondary: #000000;
  --icon_aio_toolbar_normal: #000000;
  --icon_aio_toolbar_active: #19497D;
  --icon_aio_nav_active: #FFFFFF;
  --feedback_normal: #0099FF;
  --feedback_success: #15D173;
  --feedback_warning: #FFB300;
  --feedback_error: #F74C30;
  --bg_nav_primary: #19497D;
  --bg_nav_secondary: #19497D;
  --bg_nav_aio: #19497D;
  --bg_nav_bottom: rgba(247, 247, 247, 0.8);
  --bg_nav_bottom_aio: rgba(247, 247, 247, 0.8);
  --bg_aio_01: #F1F1F1;
  --bg_aio_02: #F1F1F1;
  --bg_aio_03: #F1F1F1;
  --bg_aio_04: #F1F1F1;
  --bg_bottom_light: #FFFFFF;
  --bg_bottom_standard: #F5F5F5;
  --bg_bottom_dark: #000000;
  --bg_middle_light: #FFFFFF;
  --bg_middle_standard: #F5F6FA;
  --bg_top_light: #FFFFFF;
  --bg_top_dark: rgba(0, 0, 0, 0.7);
  --fill_light_primary: #FFFFFF;
  --fill_light_secondary: #FFFFFF;
  --fill_light_tertiary: rgba(255, 255, 255, 0.6);
  --fill_standard_extra: rgba(0, 0, 0, 0.02);
  --fill_standard_primary: rgba(0, 0, 0, 0.04);
  --fill_standard_secondary: rgba(0, 0, 0, 0.1);
  --fill_standard_tertiary: rgba(0, 0, 0, 0.2);
  --fill_standard_quaternary: rgba(0, 0, 0, 0.2);
  --overlay_light: rgba(0, 0, 0, 0.05);
  --overlay_standard_primary: rgba(0, 0, 0, 0.1);
  --overlay_standard_secondary: rgba(0, 0, 0, 0.15);
  --overlay_dark: rgba(0, 0, 0, 0.5);
  --border_standard: rgba(0, 0, 0, 0.1);
  --border_light: rgba(0, 0, 0, 0.05);
  --border_superlight: #FFFFFF;
  --bubble_host_top: #19497D;
  --bubble_host_bottom: #19497D;
  --bubble_guest: #FFFFFF;
  --bubble_host_text_primary: #FFFFFF;
  --bubble_guest_text_primary: #000000;
  --bubble_guest_text_secondary: #8C8C8C;
  --button_bg_primary_default: #19497D;
  --button_bg_primary_pressed: #174271;
  --button_bg_primary_disable: rgba(25, 73, 125, 0.5);
  --bubble_host_text_link: #A1E9FF;
  --button_bg_secondary_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_secondary_disable: rgba(0, 0, 0, 0);
  --button_bg_error_default: rgba(0, 0, 0, 0);
  --button_bg_error_pressed: rgba(204, 204, 204, 0.3);
  --button_bg_error_disable: rgba(0, 0, 0, 0);
  --button_bg_ghost_default: rgba(0, 0, 0, 0);
  --button_bg_ghost_pressed: rgba(0, 0, 0, 0);
  --button_bg_ghost_disable: rgba(0, 0, 0, 0);
  --button_border_primary_default: rgba(0, 0, 0, 0);
  --button_border_primary_pressed: rgba(0, 0, 0, 0);
  --button_border_primary_disable: rgba(0, 0, 0, 0);
  --button_border_secondary_default: #CCCCCC;
  --button_border_secondary_pressed: #CCCCCC;
  --button_border_secondary_disable: rgba(204, 204, 204, 0.5);
  --button_border_error_default: #CCCCCC;
  --button_border_error_pressed: #CCCCCC;
  --button_border_error_disable: rgba(204, 204, 204, 0.5);
  --button_border_ghost_default: rgba(255, 255, 255, 0.5);
  --button_border_ghost_pressed: rgba(255, 255, 255, 0.5);
  --button_border_ghost_disable: rgba(255, 255, 255, 0.2);
  --button_text_primary_default: #FFFFFF;
  --button_text_primary_pressed: #FFFFFF;
  --button_text_primary_disable: rgba(255, 255, 255, 0.5);
  --button_text_secondary_default: #000000;
  --button_text_secondary_pressed: #000000;
  --button_text_secondary_disable: rgba(0, 0, 0, 0.3);
  --button_text_error_default: #F74C30;
  --button_text_error_pressed: #F74C30;
  --button_text_error_disable: rgba(247, 76, 48, 0.3);
  --button_text_ghost_default: #FFFFFF;
  --button_text_ghost_pressed: #FFFFFF;
  --button_text_ghost_disable: rgba(255, 255, 255, 0.3);
  --common_clear: #00000000;
  --fill_allwhite_weak: rgba(255, 255, 255, 0.1);
  --fill_allwhite_medium: rgba(255, 255, 255, 0.2);
  --fill_allwhite_strong: rgba(255, 255, 255, 0.3);
  --fill_allblack_weak: rgba(0, 0, 0, 0.2);
  --fill_allblack_medium: rgba(0, 0, 0, 0.35);
  --fill_allblack_strong: rgba(0, 0, 0, 0.5);
}