:root {
  --brand_standard:#09F;
  --brand_light: rgba(0, 153, 255, 0.20);
  --on_brand_primary: #FFF;
  --text_primary: rgba(0, 0, 0, 0.9);
  --text_primary_light:rgba(60, 60, 67, 0.76);
  --text_secondary: rgba(60, 60, 67, 0.56);
  --text_secondary_light:rgba(60, 60, 67, 0.26);
  --text_tertiary:rgba(60, 60, 67, 0.26);
  --text_allwhite_primary:#FFF;
  --text_allwhite_secondary:rgba(255, 255, 255, 0.80);
  --text_allwhite_tertiary:rgba(255, 255, 255, 0.55);
  --text_link:#214CA5;
  --text_link_qzone: rgba(18, 45, 117, 0.8);
  --text_nav_primary: rgba(0, 0, 0, 0.9);
  --text_nav_secondary:rgba(0, 0, 0, 0.9);
  --text_tabbar_primary:rgba(0, 0, 0, 0.9);
  --icon_primary: #1A1A1A;
  --icon_primary_light: #6B6B70;
  --icon_secondary:#929296;
  --icon_tertiary:#CCCCCE;
  --icon_allwhite_primary:#FFF;
  --icon_nav_primary:#1A1A1A;
  --icon_nav_secondary:#1A1A1A;
  --icon_aio_toolbar_normal:#1A1A1A;
  --icon_aio_toolbar_active:#09F;
  --icon_aio_nav_active:#09F;
  --icon_tabbar_primary:#1A1A1A;
  --feedback_normal:#09F;
  --feedback_success:#15D173;
  --feedback_warning:#FFB300;
  --feedback_error:#F74C30;
  --bg_bottom_light:#FFF;
  --bg_bottom_standard:#F0F0F2;
  --bg_bottom_brand:#EFF4FF;
  --bg_bottom_dark:#000;
  --bg_middle_light:#FFF;
  --bg_middle_standard:#F5F6FA;
  --bg_top_light:#FFF;
  --bg_top_dark:rgba(0, 0, 0, 0.70);
  --bg_nav_primary:#EFF4FF;
  --bg_nav_secondary:#FFF;
  --bg_nav_aio:rgba(240, 240, 242, 0.9);
  --bg_nav_bottom_aio:rgba(246, 246, 246, 0.90);
  --bg_nav_bottom:rgba(243, 243, 247, 0.80);
  --bg_aio_01:#F0F0F2;
  --bg_aio_02:#EEEDF1;
  --bg_aio_03:#EEEDF1;
  --bg_aio_04:#EEEDF1;
  --bg_mask_safearea_00:rgba(0, 0, 0, 0.00);
  --bg_mask_safearea_25:rgba(0, 0, 0, 0.25);
  --bg_mask_safearea_35:rgba(0, 0, 0, 0.35);
  --fill_light_primary:#FFF;
  --fill_light_secondary:#FFF;
  --fill_light_tertiary:rgba(255, 255, 255, 0.80);
  --fill_standard_brand: rgba(0, 81, 254, 0.04);
  --fill_standard_extra: rgba(0, 81, 254, 0.04);
  --fill_standard_primary:rgba(13, 16, 49, 0.04);
  --fill_standard_secondary:rgba(0, 0, 0, 0.10);
  --fill_standard_quaternary:rgba(0, 0, 0, 0.15);
  --fill_allwhite_weak:rgba(255, 255, 255, 0.15);
  --fill_allwhite_medium:rgba(255, 255, 255, 0.20);
  --fill_allwhite_strong:rgba(255, 255, 255, 0.30);
  --fill_allblack_veryweak:rgba(102, 102, 102, 0.15);
  --fill_allblack_weak:rgba(102, 102, 102, 0.35);
  --fill_allblack_medium:rgba(0, 0, 0, 0.35);
  --fill_allblack_strong:rgba(0, 0, 0, 0.50);
  --overlay_light:rgba(0, 77, 255, 0.06);
  --overlay_standard_primary:rgba(0, 0, 0, 0.10);
  --overlay_standard_secondary:rgba(0, 0, 0, 0.15);
  --overlay_dark:rgba(0, 0, 0, 0.50);
  --overlay_surface_bg:rgba(0, 0, 0, 0.04);
  --overlay_surface_fg:rgba(0, 0, 0, 0.40);
  --border_standard:rgba(0, 0, 0, 0.10);
  --border_light:rgba(0, 0, 0, 0.05);
  --border_superlight:#FFF;
  --border_allwhite_weak:rgba(255, 255, 255, 0.20);
  --border_allwhite_strong:rgba(255, 255, 255, 0.80);
  --progressbar_bg:rgba(255, 255, 255, 0.10);
  --progressbar_played:rgba(255, 255, 255, 0.30);
  --progressbar_dot:rgba(179, 179, 179, 0.70);
  --progressbar_rate:#FFF;
  --bubble_host_top:#09F;
  --bubble_host_bottom:#09F;
  --bubble_host_text_primary:#FFF;
  --bubble_host_text_secondary:rgba(255, 255, 255, 0.80);
  --bubble_host_text_link:#FFFFFF;
  --bubble_guest:#FFF;
  --bubble_guest_secondary:rgba(255, 255, 255, 0.80);
  --bubble_guest_text_primary:#1A1C1E;
  --bubble_guest_text_secondary:#909094;
  --button_bg_primary_default:#09F;
  --button_bg_primary_pressed:#008AE5;
  --button_bg_primary_disable:rgba(0, 153, 255, 0.50);
  --button_bg_primary_outline_default:rgba(0, 153, 255, 0.00);
  --button_bg_primary_outline_pressed:rgba(0, 153, 255, 0.10);
  --button_bg_primary_outline_disable:rgba(0, 153, 255, 0.10);
  --button_bg_secondary_default:rgba(255, 255, 255, 0.00);
  --button_bg_secondary_pressed:rgba(204, 204, 204, 0.30);
  --button_bg_secondary_disable:rgba(255, 255, 255, 0.00);
  --button_bg_error_default:rgba(255, 255, 255, 0.00);
  --button_bg_error_pressed:rgba(204, 204, 204, 0.30);
  --button_bg_error_disable:rgba(255, 255, 255, 0.00);
  --button_bg_ghost_default:rgba(255, 255, 255, 0.00);
  --button_bg_ghost_pressed:rgba(255, 255, 255, 0.20);
  --button_bg_ghost_disable:rgba(255, 255, 255, 0.00);
  --button_border_primary_default:rgba(255, 255, 255, 0.00);
  --button_border_primary_pressed:rgba(255, 255, 255, 0.00);
  --button_border_primary_disable:rgba(255, 255, 255, 0.00);
  --button_border_primary_outline_default:#09F;
  --button_border_primary_outline_pressed:#09F;
  --button_border_primary_outline_disable:rgba(0, 153, 255, 0.50);
  --button_border_secondary_default:rgba(60, 60, 67, 0.25);
  --button_border_secondary_pressed:rgba(60, 60, 67, 0.25);
  --button_border_secondary_disable:rgba(60, 60, 67, 0.12);
  --button_border_error_default:rgba(60, 60, 67, 0.25);
  --button_border_error_pressed:rgba(60, 60, 67, 0.25);
  --button_border_error_disable:rgba(60, 60, 67, 0.12);
  --button_border_ghost_default:rgba(255, 255, 255, 0.50);
  --button_border_ghost_pressed:rgba(255, 255, 255, 0.50);
  --button_border_ghost_disable:rgba(255, 255, 255, 0.20);
  --button_text_primary_default:#FFF;
  --button_text_primary_pressed:#FFF;
  --button_text_primary_disable:rgba(255, 255, 255, 0.50);
  --button_text_primary_outline_default:#09F;
  --button_text_primary_outline_pressed:#09F;
  --button_text_primary_outline_disable:rgba(0, 153, 255, 0.50);
  --button_text_secondary_default:#000;
  --button_text_secondary_pressed:#000;
  --button_text_secondary_disable:rgba(0, 0, 0, 0.30);
  --button_text_error_default:#F74C30;
  --button_text_error_pressed:#F74C30;
  --button_text_error_disable:rgba(247, 76, 48, 0.30);
  --button_text_ghost_default:#FFF;
  --button_text_ghost_pressed:#FFF;
  --button_text_ghost_disable:rgba(255, 255, 255, 0.30);
}

.system-theme-darkmode,
.default-dark,
.dark {
    --brand_standard:#008AE5;
    --brand_light:rgba(0, 102, 204, 0.20);
    --on_brand_primary:#FFF;
    --text_primary: rgba(255, 255, 255, 0.95);
    --text_primary_light:rgba(235, 235, 245, 0.76);
    --text_secondary:rgba(235, 235, 245, 0.56);
    --text_secondary_light:rgba(235, 235, 245, 0.32);
    --text_tertiary:rgba(235, 235, 245, 0.32);
    --text_allwhite_primary:#FFF;
    --text_allwhite_secondary:rgba(255, 255, 255, 0.80);
    --text_allwhite_tertiary:rgba(255, 255, 255, 0.55);
    --text_link:#7A95CC;
    --text_link_qzone: rgba(132, 152, 206, 0.8);
    --text_nav_primary:rgba(255, 255, 255, 0.95);
    --text_nav_secondary:rgba(255, 255, 255, 0.95);
    --text_tabbar_primary:rgba(255, 255, 255, 0.95);
    --icon_primary:#F3F4F4;
    --icon_primary_light:#B9B9C1;
    --icon_secondary:#9A9B9C;
    --icon_tertiary: #636566;
    --icon_allwhite_primary:#FFF;
    --icon_nav_primary:#F3F4F4;
    --icon_nav_secondary:#F3F4F4;
    --icon_aio_toolbar_normal:#F3F4F4;
    --icon_aio_toolbar_active:#19A3FF;
    --icon_aio_nav_active:#19A3FF;
    --icon_tabbar_primary:#F3F4F4;
    --feedback_normal:#09F;
    --feedback_success:#15D173;
    --feedback_warning:#FFB300;
    --feedback_error:#E0462C;
    --bg_bottom_light:#1A1C1E;
    --bg_bottom_standard:#0F0F12;
    --bg_bottom_brand:#212325;
    --bg_bottom_dark: #000;
    --bg_middle_light:#242628;
    --bg_middle_standard:#1A1C1E;
    --bg_top_light:#2F3033;
    --bg_top_dark:rgba(69, 71, 74, 0.70);
    --bg_nav_primary:#212325;
    --bg_nav_secondary:#1A1C1E;
    --bg_nav_aio:rgba(15, 15, 18, 0.9);
    --bg_nav_bottom_aio:rgba(26, 28, 30, 0.80);
    --bg_nav_bottom:rgba(36, 38, 40, 0.80);
    --bg_aio_01: #0F0F12;
    --bg_aio_02:#0F1113;
    --bg_aio_03:#0F1113;
    --bg_aio_04:#0F1113;
    --bg_mask_safearea_00:rgba(0, 0, 0, 0.00);
    --bg_mask_safearea_25:rgba(0, 0, 0, 0.25);
    --bg_mask_safearea_35:rgba(0, 0, 0, 0.35);
    --fill_light_primary:#1A1C1E;
    --fill_light_secondary:#242628;
    --fill_light_tertiary:rgba(255, 255, 255, 0.10);
    --fill_standard_brand:rgba(255, 255, 255, 0.08);
    --fill_standard_extra:rgba(255, 255, 255, 0.08);
    --fill_standard_primary:rgba(255, 255, 255, 0.08);
    --fill_standard_secondary:rgba(255, 255, 255, 0.10);
    --fill_standard_quaternary:rgba(255, 255, 255, 0.15);
    --fill_allwhite_weak:rgba(255, 255, 255, 0.15);
    --fill_allwhite_medium:rgba(255, 255, 255, 0.20);
    --fill_allwhite_strong:rgba(255, 255, 255, 0.30);
    --fill_allblack_veryweak:rgba(102, 102, 102, 0.15);
    --fill_allblack_weak:rgba(102, 102, 102, 0.35);
    --fill_allblack_medium:rgba(0, 0, 0, 0.35);
    --fill_allblack_strong:rgba(0, 0, 0, 0.50);
    --overlay_light:rgba(255, 255, 255, 0.03);
    --overlay_standard_primary:rgba(255, 255, 255, 0.10);
    --overlay_standard_secondary:rgba(0, 0, 0, 0.15);
    --overlay_dark:rgba(0, 0, 0, 0.50);
    --overlay_surface_bg:rgba(255, 255, 255, 0.30);
    --overlay_surface_fg:rgba(255, 255, 255, 0.80);
    --border_standard:rgba(255, 255, 255, 0.10);
    --border_light:rgba(255, 255, 255, 0.05);
    --border_superlight:rgba(255, 255, 255, 0.80);
    --border_allwhite_weak:rgba(255, 255, 255, 0.20);
    --border_allwhite_strong:rgba(255, 255, 255, 0.80);
    --progressbar_bg:rgba(255, 255, 255, 0.10);
    --progressbar_played:rgba(255, 255, 255, 0.30);
    --progressbar_dot:rgba(179, 179, 179, 0.70);
    --progressbar_rate:#FFF;
    --bubble_host_top:#242628;
    --bubble_host_bottom:#242628;
    --bubble_host_text_primary:#F0F0F4;
    --bubble_host_text_secondary:#909094;
    --bubble_host_text_link:#7A95CC;
    --bubble_guest:#242628;
    --bubble_guest_secondary:rgba(36, 38, 40, 0.80);
    --bubble_guest_text_primary:#F0F0F4;
    --bubble_guest_text_secondary:#909094;
    --button_bg_primary_default:#007BCC;
    --button_bg_primary_pressed:#1067A1;
    --button_bg_primary_disable:rgba(0, 123, 204, 0.5);
    --button_bg_primary_outline_default:rgba(0, 102, 204, 0.00);
    --button_bg_primary_outline_pressed:rgba(0, 102, 204, 0.10);
    --button_bg_primary_outline_disable:rgba(0, 102, 204, 0.10);
    --button_bg_secondary_default:rgba(255, 255, 255, 0.00);
    --button_bg_secondary_pressed:rgba(61, 61, 61, 0.60);
    --button_bg_secondary_disable:rgba(255, 255, 255, 0.00);
    --button_bg_error_default:rgba(255, 255, 255, 0.00);
    --button_bg_error_pressed:rgba(61, 61, 61, 0.60);
    --button_bg_error_disable:rgba(255, 255, 255, 0.00);
    --button_bg_ghost_default:rgba(255, 255, 255, 0.00);
    --button_bg_ghost_pressed:rgba(61, 61, 61, 0.60);
    --button_bg_ghost_disable:rgba(255, 255, 255, 0.00);
    --button_border_primary_default:rgba(255, 255, 255, 0.00);
    --button_border_primary_pressed:rgba(255, 255, 255, 0.00);
    --button_border_primary_disable:rgba(255, 255, 255, 0.00);
    --button_border_primary_outline_default:#007BCC;
    --button_border_primary_outline_pressed:#06C;
    --button_border_primary_outline_disable:rgba(0, 102, 204, 0.50);
    --button_border_secondary_default:rgba(235, 235, 245, 0.3);
    --button_border_secondary_pressed:rgba(235, 235, 245, 0.3);
    --button_border_secondary_disable:rgba(235, 235, 245, 0.15);
    --button_border_error_default:rgba(235, 235, 245, 0.3);
    --button_border_error_pressed:rgba(235, 235, 245, 0.3);
    --button_border_error_disable:rgba(235, 235, 245, 0.15);
    --button_border_ghost_default:#3D3D3D;
    --button_border_ghost_pressed:#3D3D3D;
    --button_border_ghost_disable:rgba(61, 61, 61, 0.50);

    --button_text_primary_default:#F0F0F4;
    --button_text_primary_pressed:#F0F0F4;
    --button_text_primary_disable:rgba(240, 240, 244, 0.30);
    --button_text_primary_outline_default:#06C;
    --button_text_primary_outline_pressed:#06C;
    --button_text_primary_outline_disable:rgba(0, 102, 204, 0.50);
    --button_text_secondary_default:#F0F0F4;
    --button_text_secondary_pressed:#F0F0F4;
    --button_text_secondary_disable:rgba(240, 240, 244, 0.30);
    --button_text_error_default:#F74C30;
    --button_text_error_pressed:#F74C30;
    --button_text_error_disable:rgba(247, 76, 48, 0.30);
    --button_text_ghost_default:#F0F0F4;
    --button_text_ghost_pressed:#F0F0F4;
    --button_text_ghost_disable:rgba(240, 240, 244, 0.30);
}