.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}
.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

[dir] .light-theme .read-mode, [dir] .light-theme .read-mode .top-tools {
  background-color: #fbfcdd !important;
}

[dir] .light-theme .read-mode .paragraph, [dir] .light-theme .read-mode .ordered-list, [dir] .light-theme .read-mode .unordered-list, [dir] .light-theme .read-mode .inline-title, [dir] .light-theme .read-mode .tags, [dir] .light-theme .read-mode .quote, [dir] .light-theme .read-mode .tabular-data, [dir] .light-theme .read-mode .headingInfo, [dir] .light-theme .read-mode .headingInfo .btn {
  background-color: transparent !important;
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

@media (min-width: 501px) {
  .match-page .page-content {
    grid-gap: 0 1.6rem;
  }
}
[dir] .match-page .page-content__item:nth-child(2) {
  margin-top: 1.6rem;
}
[dir=ltr] .match-page .sports-header_team-logo {
  margin-right: 1.6rem;
}
[dir=rtl] .match-page .sports-header_team-logo {
  margin-left: 1.6rem;
}
.match-page .sports-header_team-logo .sports-image {
  width: 7.2rem;
  height: 7.2rem;
}
.match-page .sports-header_team-logo .sports-image_wrapper {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
[dir] .match-page .sports-header_team-logo .sports-image_wrapper {
  padding: 8px;
}
.match-page .sports-header_team-logo .sports-image_wrapper img {
  width: 4.8rem;
  height: 4.8rem;
}
.match-page_statistics {
  overflow: hidden;
}
[dir] .match-page_statistics {
  border: 1px solid;
  border-radius: 0.4rem;
  margin-bottom: 3.2rem;
}
.match-page_statistics_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[dir] .match-page_statistics_header {
  padding: 2.1rem;
  border-bottom: 1px solid;
}
[dir] .match-page_statistics_header h2 {
  margin-bottom: 0 !important;
}
.match-page_statistics_header .sports-image {
  width: 3.2rem;
  height: 3.2rem;
}
.match-page_statistics_header .sports-image img {
  width: 100%;
  height: 100%;
}
[dir] .match-page_score .scoreboard {
  border-bottom: none;
  border-radius: 0.4rem 0.4rem 0 0;
  padding-top: 0;
  margin-top: 0;
}
.match-page_score .scoreboard_team-link {
  color: inherit;
  text-decoration: none;
}
[dir] .match-page_summary {
  margin: 0 0 32px 0;
}
[dir] .match-page_summary .game-summary {
  border-radius: 0 0 0.4rem 0.4rem;
}
[dir] .match-page_divider {
  margin: 32px 0;
}
.match-page .squad-table_squad-player-link {
  color: inherit;
  text-decoration: none;
}
.match-page .sports-header_team-logo {
  width: 125px;
}

@media (min-width: 501px) {
  .league-page .page-content {
    grid-gap: 0 1.6rem;
  }
}
[dir] .league-page .side-panel {
  margin-top: 0rem;
}
@media (min-width: 1200px) {
  [dir] .league-page .side-panel {
    margin-top: 1.6rem;
  }
}
[dir] .league-page_league-table {
  margin-bottom: 3.2rem;
}
.league-page_league-table .league-table_toggle {
  display: flex;
  flex-direction: row;
  align-items: center;
}
[dir] .league-page_league-table .league-table_toggle {
  cursor: pointer;
}
.league-page_league-table .league-table_toggle .aa {
  width: 2.4rem;
  height: 2.4rem;
}
[dir] .league-page_games, [dir] .league-page_rankings {
  margin-bottom: 32px;
}
.league-page_rankings_top-player {
  display: grid;
  grid-template-columns: 1fr;
}
.league-page_rankings_top-player-header {
  display: flex;
  justify-content: space-between;
}
.league-page_rankings_top-player-toggle {
  display: none;
}
[dir] .league-page_rankings_top-player-toggle {
  cursor: pointer;
}
@media (min-width: 1200px) {
  .league-page_rankings_top-player-toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .league-page_rankings_top-player-toggle .aa {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.league-page_rankings_top-player_container {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
  grid-gap: 16px;
}
[dir] .league-page_rankings_top-player_container {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
@media (min-width: 501px) {
  [dir=ltr] .league-page_rankings_top-player_container {
    padding-left: 1rem;
  }
  [dir=rtl] .league-page_rankings_top-player_container {
    padding-right: 1rem;
  }
}
.league-page_rankings_top-player_container:hover {
  overflow-x: auto;
}
@media (min-width: 501px) {
  .league-page_rankings_top-player_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .league-page_rankings_top-player_container {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    grid-template-columns: repeat(3, -webkit-max-content);
    grid-template-columns: repeat(3, max-content);
    row-gap: 16px;
    max-height: 170px;
    justify-content: flex-start;
  }
}
.league-page_rankings_top-player_container.open {
  max-height: unset;
}
[dir] .league-page_rankings_top-player_container .player-card:first-child {
  border-top: 0;
}
.league-page .fixtures-list_header [competition-title] {
  justify-self: flex-start;
  flex: 1;
}
[dir] .league-page .fixtures-list_header [competition-title] {
  margin: 0;
}
.league-page .fixtures-list_header > div:not([competition-title]) {
  flex: auto;
}
[dir] .league-page .fixtures-list_header > div:not([competition-title]) {
  margin-bottom: 1rem;
}
[dir] .league-page .fixtures-list_header > div:not([competition-title]):last-child {
  margin-bottom: 0;
}
@media (min-width: 501px) {
  .league-page .fixtures-list_header > div:not([competition-title]) {
    flex: 0 0 auto;
  }
  [dir] .league-page .fixtures-list_header > div:not([competition-title]) {
    margin-bottom: 0;
  }
  [dir=ltr] .league-page .fixtures-list_header > div:not([competition-title]):first-child {
    margin-left: auto;
  }
  [dir=rtl] .league-page .fixtures-list_header > div:not([competition-title]):first-child {
    margin-right: auto;
  }
}
.league-page .js-drop-down-wrapper {
  display: flex;
  align-items: center;
}
@media (min-width: 501px) {
  [dir=ltr] .league-page .js-drop-down-wrapper {
    margin-left: 2rem;
  }
  [dir=rtl] .league-page .js-drop-down-wrapper {
    margin-right: 2rem;
  }
}
.league-page .js-drop-down-wrapper .js-drop-down {
  position: relative;
}
.league-page .js-drop-down-wrapper .js-drop-down_value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 6.3rem;
  width: auto;
  height: 3.2rem;
}
[dir] .league-page .js-drop-down-wrapper .js-drop-down_value {
  padding: 0 0.8rem;
  cursor: pointer;
  border: 1px solid;
  border-radius: 0.4rem;
}
.league-page .js-drop-down-wrapper .js-drop-down_value .aa {
  width: 2.4rem;
  height: 2.4rem;
}
.league-page .js-drop-down-wrapper .js-drop-down_selector {
  position: absolute;
  top: 3.6rem;
  min-width: 6.3rem;
  width: auto;
  height: 3.2rem;
  z-index: 4;
  overflow: hidden;
  max-height: 0;
  transition: 0.1s ease-in-out;
  outline: none;
}
[dir] .league-page .js-drop-down-wrapper .js-drop-down_selector {
  border-radius: 0.4rem;
}
[dir=ltr] .league-page .js-drop-down-wrapper .js-drop-down_selector {
  right: 0;
}
[dir=rtl] .league-page .js-drop-down-wrapper .js-drop-down_selector {
  left: 0;
}
.league-page .js-drop-down-wrapper .js-drop-down_selector.open {
  max-height: 19.1rem;
  overflow: auto;
}
[dir] .league-page .js-drop-down-wrapper .js-drop-down_selector.open {
  border: 1px solid;
}
.league-page .js-drop-down-wrapper .js-drop-down_selector li {
  position: relative;
  height: 4rem;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  transition: background-color 0.3s;
  opacity: 1;
}
[dir] .league-page .js-drop-down-wrapper .js-drop-down_selector li {
  padding: 0 0.8rem;
  cursor: pointer;
  border-bottom: 1px solid;
}
.league-page .js-drop-down-wrapper .js-drop-down_selector li.closed {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
[dir] .league-page .js-drop-down-wrapper .js-drop-down_selector li.closed {
  padding: 0;
}
[dir=ltr] .league-page .js-drop-down-wrapper .js-drop-down_selector li .aa {
  margin-left: auto;
}
[dir=rtl] .league-page .js-drop-down-wrapper .js-drop-down_selector li .aa {
  margin-right: auto;
}
[dir=ltr] .league-page .js-drop-down-wrapper .choose-round-selector, [dir=ltr] .league-page .js-drop-down-wrapper .choose-week-selector {
  margin: 0 1rem 0 auto;
}
[dir=rtl] .league-page .js-drop-down-wrapper .choose-round-selector, [dir=rtl] .league-page .js-drop-down-wrapper .choose-week-selector {
  margin: 0 auto 0 1rem;
}
.league-page .js-drop-down-wrapper .choose-round .js-drop-down_value,
.league-page .js-drop-down-wrapper .choose-round .js-drop-down_selector {
  width: 20rem;
}

@media (min-width: 501px) {
  .team-page .page-content {
    grid-gap: 0 1.6rem;
  }
}
.team-page header {
  max-width: 129.2rem;
}
[dir] .team-page header {
  margin: 0 auto;
}
@media (min-width: 1200px) {
  [dir] .team-page header {
    margin-bottom: 35px;
  }
}
[dir] .team-page .main-section .page-content__item:last-child {
  margin-top: 2.6rem;
}
@media (min-width: 1200px) {
  [dir] .team-page .main-section .page-content__item:last-child {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  [dir] .team-page .main-section {
    margin-top: 4rem;
  }
}
.team-page_content {
  display: flex;
  flex-direction: column;
  max-width: 129.2rem;
}
@media (min-width: 1200px) {
  .team-page_content {
    justify-content: flex-start;
    display: grid;
    grid-template-columns: 1fr 3fr;
    -moz-column-gap: 1.8rem;
         column-gap: 1.8rem;
  }
  [dir] .team-page_content {
    margin: 0 auto;
  }
}
[dir] .team-page_sidebar {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  [dir] .team-page_sidebar {
    margin-bottom: 0;
  }
}
.team-page_games {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(3, auto);
  -moz-column-gap: 16px;
       column-gap: 16px;
  overflow: hidden;
  justify-content: space-between;
  overflow-x: auto;
}
[dir] .team-page_games {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
[dir] .team-page_league-table {
  margin-bottom: 32px;
}
.team-page_trophies-container,
.team-page .team-page_group_wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
}
@media (min-width: 501px) {
  .team-page_trophies-container,
.team-page .team-page_group_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .team-page_trophies-container,
.team-page .team-page_group_wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
[dir] .team-page_full-squad {
  margin-bottom: 32px;
}
.team-page_full-squad-container .player-card {
  flex: 1;
  max-width: unset;
}
[dir] .team-page_full-squad-container .player-card {
  cursor: pointer;
}
@media (min-width: 501px) {
  .team-page_trophies-container {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
[dir] .team-page_group_title {
  margin: 1.6rem 0;
}

@media (min-width: 501px) {
  .player-page .page-content {
    grid-gap: 0 1.6rem;
  }
}
@media (min-width: 1200px) {
  [dir] .player-page .page-content {
    margin-top: 4rem;
  }
}
[dir] .player-page_transfer {
  margin-bottom: 22px;
}
[dir] .player-page_transfer .sports-transfer {
  margin-bottom: 10px;
}
[dir] .player-page_breakdown {
  margin-bottom: 32px;
}
[dir] .player-page_breakdown .player-breakdown {
  cursor: pointer;
}
.player-page_trophies-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 501px) {
  .player-page_trophies-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .player-page_trophies-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
[dir] .player-page .side-panel {
  margin-bottom: 2.6rem;
}

@media (min-width: 501px) {
  .fixtures-page .page-content {
    grid-gap: 0 1.6rem;
  }
}
.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}
.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

[dir] .light-theme .read-mode, [dir] .light-theme .read-mode .top-tools {
  background-color: #fbfcdd !important;
}

[dir] .light-theme .read-mode .paragraph, [dir] .light-theme .read-mode .ordered-list, [dir] .light-theme .read-mode .unordered-list, [dir] .light-theme .read-mode .inline-title, [dir] .light-theme .read-mode .tags, [dir] .light-theme .read-mode .quote, [dir] .light-theme .read-mode .tabular-data, [dir] .light-theme .read-mode .headingInfo, [dir] .light-theme .read-mode .headingInfo .btn {
  background-color: transparent !important;
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

/* #region experiment versions*/
.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}
.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

/* #endregion */
.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.light-theme {
  --theme-base: #000000;
  --theme-basergb: 0, 0, 0;
  --theme-divider: #e5e5e5;
  --theme-disabled: rgba(255, 255, 255, 0.1);
  --theme-disabled-button: rgba(0, 0, 0, 0.26);
  --theme-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-secondary-text: rgba(55, 60, 89, 0.8);
  --theme-always-white: #ffffff;
  --theme-icon: rgba(0, 0, 0, 0.54);
  --theme-icons: rgba(0, 0, 0, 0.54);
  --theme-text: #151515;
  --theme-text-rgb: 21, 21, 21;
  --theme-live: #e91818;
  --theme-secondary-bg: #f7f7f9;
}

.dark-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #7f7f7f;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #383838;
}

.night-theme {
  --theme-base: #fff;
  --theme-basergb: 255, 255, 255;
  --theme-divider: rgba(255, 255, 255, 0.1);
  --theme-disabled: rgba(0, 0, 0, 0.38);
  --theme-disabled-button: rgba(255, 255, 255, 0.3);
  --theme-disabled-text: rgba(255, 255, 255, 0.1);
  --theme-secondary-text: #6a707e;
  --theme-always-white: #ffffff;
  --theme-icon: #ffffff;
  --theme-icons: #ffffff;
  --theme-text: #ffffff;
  --theme-text-rgb: 255, 255, 255;
  --theme-live: #e91818;
  --theme-secondary-bg: #353d50;
}

.light-theme {
  --theme-background-background: #ffffff;
  --theme-background-background-rgb: 255, 255, 255;
  --theme-background-hover: #ffffff;
}

.dark-theme {
  --theme-background-background: #151515;
  --theme-background-background-rgb: 21, 21, 21;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

.night-theme {
  --theme-background-background: #2b3347;
  --theme-background-background-rgb: 43, 51, 71;
  --theme-background-hover: rgba(255, 255, 255, 0.04);
}

:lang(en) {
  /* #region experiment versions*/
  /* #endregion */
}
:lang(en) .h1,
:lang(en) .headline,
:lang(en) .aa-fe-typography h1 {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
[dir] :lang(en) .h1, [dir] :lang(en) .headline, [dir] :lang(en) .aa-fe-typography h1 {
  margin: 0 0 16px;
}
:lang(en) .h2,
:lang(en) .title,
:lang(en) .aa-fe-typography h2 {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
[dir] :lang(en) .h2, [dir] :lang(en) .title, [dir] :lang(en) .aa-fe-typography h2 {
  margin: 0 0 16px;
}
:lang(en) .h3,
:lang(en) .subheading-2,
:lang(en) .aa-fe-typography h3 {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
[dir] :lang(en) .h3, [dir] :lang(en) .subheading-2, [dir] :lang(en) .aa-fe-typography h3 {
  margin: 0 0 16px;
}
:lang(en) .body-strong,
:lang(en) .body-2,
:lang(en) .paragraph-2 .aa-fe-typography {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
[dir] :lang(en) .body-strong p, [dir] :lang(en) .body-2 p, [dir] :lang(en) .paragraph-2 .aa-fe-typography p {
  margin: 0;
  padding: 1rem 0 1rem 0;
}
:lang(en) .body,
:lang(en) .body-1,
:lang(en) .paragraph-1 .aa-fe-typography {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
[dir] :lang(en) .body p, [dir] :lang(en) .body-1 p, [dir] :lang(en) .paragraph-1 .aa-fe-typography p {
  margin: 0;
  padding: 1rem 0 1rem 0;
}
:lang(en) p.body, :lang(en) p.body-1, :lang(en) p.paragraph-1 .aa-fe-typography {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
[dir] :lang(en) p.body, [dir] :lang(en) p.body-1, [dir] :lang(en) p.paragraph-1 .aa-fe-typography {
  margin: 0;
  padding: 1rem 0 1rem 0;
  text-align: justify;
}
:lang(en) p.body-strong, :lang(en) p.body-2, :lang(en) p.paragraph-2 .aa-fe-typography {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
[dir] :lang(en) p.body-strong, [dir] :lang(en) p.body-2, [dir] :lang(en) p.paragraph-2 .aa-fe-typography {
  margin: 0;
  padding: 1rem 0 1rem 0;
  text-align: justify;
}
:lang(en) p.body-1 b {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
[dir] :lang(en) p.body-1 b {
  margin: 0;
  padding: 1rem 0 1rem 0;
}
:lang(en) .small,
:lang(en) .caption-1,
:lang(en) .aa-fe-typography .caption-1 {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .small-strong,
:lang(en) .caption-2,
:lang(en) .aa-fe-typography .caption-2 {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .avatar_name {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .avatar_desc {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .avatar_social-account .acc-name {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .avatar_name {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .avatar_desc {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .avatar_social-account .acc-name {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .author .avatar_name {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .author .avatar_desc {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .author .timeDate {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .author.alhadath .source-label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .author.alhadath .source {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .inline-article .block-title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .inline-article .inline-article-link {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .article-hero-img .caption {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .ordered-list ol,
:lang(en) .unordered-list ul {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .noto .ordered-list ol,
:lang(en) .noto .unordered-list ul {
  font-family: '"Helvetica Neue", sans-serif';
  font-size: 2rem;
  line-height: 160%;
  font-weight: bold;
}
:lang(en) .aa-art-font.noto .ordered-list ol,
:lang(en) .aa-art-font.noto .unordered-list ul, :lang(en) .noscript.noto .ordered-list ol,
:lang(en) .noscript.noto .unordered-list ul {
  font-family: "Noto Naskh Arabic Bold", serif;
  font-size: 2.2rem;
  line-height: 140%;
}
:lang(en) .serif .ordered-list ol,
:lang(en) .serif .unordered-list ul {
  font-family: 'Helvetica Neue", sans-serif', serif;
  font-size: 2.35rem;
  line-height: 110%;
}
[dir=ltr] :lang(en) .serif .ordered-list ol, [dir=ltr] :lang(en) .serif .unordered-list ul {
  text-align: left;
}
[dir=rtl] :lang(en) .serif .ordered-list ol, [dir=rtl] :lang(en) .serif .unordered-list ul {
  text-align: right;
}
:lang(en) .serif .ordered-list ol strong,
:lang(en) .serif .unordered-list ul strong {
  font-weight: normal;
}
:lang(en) .aa-art-font.serif .ordered-list ol,
:lang(en) .aa-art-font.serif .unordered-list ul, :lang(en) .noscript.serif .ordered-list ol,
:lang(en) .noscript.serif .unordered-list ul {
  font-family: "Source Serif Pro Regular", serif;
  font-size: 2rem;
  line-height: 125%;
}
[dir=ltr] :lang(en) .aa-art-font.serif .ordered-list ol, [dir=ltr] :lang(en) .aa-art-font.serif .unordered-list ul, [dir=ltr] :lang(en) .noscript.serif .ordered-list ol, [dir=ltr] :lang(en) .noscript.serif .unordered-list ul {
  text-align: left;
}
[dir=rtl] :lang(en) .aa-art-font.serif .ordered-list ol, [dir=rtl] :lang(en) .aa-art-font.serif .unordered-list ul, [dir=rtl] :lang(en) .noscript.serif .ordered-list ol, [dir=rtl] :lang(en) .noscript.serif .unordered-list ul {
  text-align: right;
}
:lang(en) .aa-art-font.serif .ordered-list ol strong,
:lang(en) .aa-art-font.serif .unordered-list ul strong, :lang(en) .noscript.serif .ordered-list ol strong,
:lang(en) .noscript.serif .unordered-list ul strong {
  font-weight: 600;
}
:lang(en) .video-link .story-title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .feed-card .card_txt .section_name {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .feed-card .card_txt .card_title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 501px) {
  :lang(en) .feed-card .card_txt .card_title {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .feed-card.alhadath .card_txt .card_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .feed-card.alhadath .card_txt .section_name {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .btn {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .card {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .quote {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .quote_text .paragraph {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .quote_author {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .quote_source {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .utility {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .headingInfo .kicker {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .headingInfo_title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .headingInfo_title .kicker {
  font-size: inherit;
  line-height: inherit;
}
:lang(en) .headingInfo_subtitle {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .headingInfo .services .headingInfo_locations li {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .headingInfo .services .preview {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .headingInfo_services .article-status .check-fact {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .headingInfo_services .article-status .check-trending {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .tags {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .tags.alhadath {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .globalNav .mainHeader_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .globalNav .mainHeader .btn {
  font-size: 0;
}
@media (min-width: 501px) {
  :lang(en) .globalNav .mainHeader .btn {
    font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.025rem;
  }
}
:lang(en) .globalNav .mainHeader .search-form input {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .globalNav .mainHeader .search-form .search-cancel {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .globalNav .mainNav {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .globalNav .mainNav .mainNav_subMenu .megaMenu_label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .globalNav .dropDown_label {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .globalNav .dropDown_list {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .globalNav .dropDown-selected a {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .globalNav .megaMenu_lead .megaMenu_header a span {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .globalNav .megaMenu_label {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .globalNav .megaMenu .submenu .megaMenu_label {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .globalNav .megaMenu .submenu {
    font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.025rem;
  }
}
:lang(en) .globalNav .articleNav_title {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .globalNav .breadcrumb_element {
  font-size: 1rem;
}
:lang(en) .globalNav .breadcrumb_link {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .globalNav .accessibility_link {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .video-player .vjs-menu-item {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
[dir=ltr] :lang(en) .factCheck {
  text-align: left;
}
[dir=rtl] :lang(en) .factCheck {
  text-align: right;
}
:lang(en) .factCheck_element {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .factCheck_claim {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .factCheck_fact .resources {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .factCheck p {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .factCheck .resources {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .inline-title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .tm-overview .tm-overview_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .tm-overview p {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .tm-overview p a {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .tm-overview .external-articles li {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .tm-highlights .tm-highlights_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .tm-highlights .tm-highlights_list .tm-highlights_item a {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .tm-highlights .tm-highlights_list .tm-highlights_item a .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .articleOpinionContainer .articleOpinion_author {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .articleOpinionContainer .articleOpinion_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .articleOpinionContainer .articleOpinion .timeDate {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .articleOpinionContainer .articleOpinion .timeDate time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .articleOpinionContainer .articleOpinion .pargraph {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .articleOpinionContainer .articleOpinion .location_element {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .articleOpinionContainer .avatar_desc {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
@media (min-width: 501px) {
  :lang(en) .articleOpinionContainer .articleOpinion_title {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .tm-story .tm-story-group label.tm-group-action {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .tm-story .tm-story-group label.tm-group-action::after {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .tm-story .tm-story-group .tm-group-head .tm-group-title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .time-stamp {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .tm-story .tm-story-group .tm-group-wrapper .tm-story-item i.aa-breaking {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .tm-story .tm-story-group .tm-group-wrapper .tm-story-item i.aa-breaking b {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .tm-card .tm-card-title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .tm-card .tm-card-services time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .tm-card p {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .latest_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .latest .timeDate {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .latest_news {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .latest_description {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .latest_section {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
@media (min-width: 501px) {
  :lang(en) .latest_news {
    font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.04rem;
  }
  :lang(en) .latest_description {
    font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .latest.alhadath .latest_news {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 501px) {
  :lang(en) .latest.alhadath .latest_news {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .latest.alhadath .latest_description {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .mostRead_header .btn {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .mostRead .mostRead_content .tabs-tab__text-label {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .mostRead .mostRead_content .items .element .position {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
@media (min-width: 1200px) {
  :lang(en) .mostRead .mostRead_content .items .element .position {
    font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.15rem;
  }
}
:lang(en) .mostRead .mostRead_content .items .element .img-box .position {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .mostRead .mostRead_content .items .element .title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .mostRead .mostRead_content .items .element .services .section {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .mostRead .mostRead_content .items .element .services .interaction {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .read-mode {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .read-mode .change-size {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .read-mode .change-size .increase {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .read-mode .change-size .decrease {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) article {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .opinionHeroListing-v2 .avatar .avatar_name {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .opinionHeroListing-v2 .opinionCard .avatar .avatar_name {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .sectionHero_elements .sectionHero_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .sectionHero_description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .sectionHero_section {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .sectionHero_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .sectionHero_thumb .sectionHero_title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .sectionHero_thumb .sectionHero_element.main .sectionHero_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 1200px) {
  :lang(en) .sectionHero_thumb .sectionHero_element.main .sectionHero_title {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .sectionHero-gallery-view .swiper-pagination-bullet {
  font-size: 0;
}
@media (min-width: 501px) {
  :lang(en) .sectionHero-gallery-view .swiper-pagination-bullet {
    font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.035rem;
    line-height: 2.4rem;
  }
  [dir] :lang(en) .sectionHero-gallery-view .swiper-pagination-bullet {
    text-align: center;
  }
}
:lang(en) .sectionHero-hero50 .latest50 .sectionHero_title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .sectionHero.v2.no-image .sectionHero_gallery .sectionHero_element .sectionHero_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
  font-weight: 500;
}
:lang(en) .sectionHero.gallerySmall .kicker {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .sectionHero.gallerySmall.v2 .sectionHero_elements .sectionHero_element .sectionHero_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
  font-weight: 500;
}
:lang(en) .sectionHero.gallerySmall.v2 .sectionHero_elements .sectionHero_element:not(:first-child) .kicker {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .sectionHero.gallerySmall.v2 .sectionHero_elements .sectionHero_element:not(:first-child) .kicker {
    font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) [dir=rtl] .sectionHero.gallerySmall.v2 .sectionHero_gallery .sectionHero_title {
  font-weight: bold;
}
:lang(en) [dir=rtl] .sectionHero.moreThumbs .sectionHero_thumb .sectionHero_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 501px) {
  :lang(en) [dir=rtl] .sectionHero.moreThumbs .sectionHero_thumb .sectionHero_title {
    font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.055rem;
  }
}
:lang(en) .readmode-toolbar {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .readmode-toolbar_rem-settings-decrease {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .readmode-toolbar_rem-settings-increase {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .kicker {
  font-size: inherit;
  line-height: inherit;
  font-weight: 300;
}
:lang(en) .kicker.breaking {
  font-weight: inherit;
}
:lang(en) .section-time-bar .section {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .section-time-bar .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .top-stories {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .top-stories li a {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .kicker-hero {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .kicker-hero .title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .kicker-hero .description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .kicker-section-results .kicker-results-list .title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .kicker-section-results.video-teasers .section-label h2 {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .kicker-section-results.video-teasers .kicker-results-list .video .title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .more-link {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .social-card {
  min-width: 270px;
  max-width: 300px;
}
:lang(en) .social-card_header_content_social-name {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .social-card_header_content_social-subline {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .social-card_body * {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .breaking-news_logo b {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 1200px) {
  :lang(en) .breaking-news_logo b {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .breaking-news_content {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 1200px) {
  :lang(en) .breaking-news_content {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .tag-results .header * {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .tag-results p {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .tag-results .results-list .list-item .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 501px) {
  :lang(en) .tag-results .results-list .list-item .title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .tag-results .results-list .list-item .service .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .tag-results .results-list .list-item .service .section {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .listing01 .listing01-articles .content .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .listing01 .listing01-articles .content .description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .listing01.option02 .listing01-articles .results-list li:nth-child(3) .content .title, :lang(en) .listing01.option02 .listing01-articles .results-list li:nth-child(4) .content .title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .listing01.option03 .listing01-articles .content .title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .listing01.option03 .listing01-articles .main-article .content .title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .listing01.option03 .listing01-articles .section {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .listing01.option03.alhadath-hero .main-article .content .title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 501px) {
  :lang(en) .listing01.option03.alhadath-hero .main-article .content .title {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .listing02 .results-list .list-item .title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .listing02 .results-list.swiper-wrapper .list-item .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 501px) {
  :lang(en) .listing02.version02 .results-list .list-item .title {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .listing03 .results-list .list-item .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .listing03 .results-list .list-item .description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .listing03 .results-list .list-item .full-coverage-link {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .listing03 .results-list:first-of-type .list-item:first-child .title, :lang(en) .listing03 .results-list:nth-of-type(2) .list-item:first-child .title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .section-label {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .section-label h1,
:lang(en) .section-label h2,
:lang(en) .section-label h3,
:lang(en) .section-label h4,
:lang(en) .section-label h5,
:lang(en) .section-label h6 {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .section-label.big-text-label {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .section-label.version02 h1, :lang(en) .section-label.version02 h2, :lang(en) .section-label.version02 h3, :lang(en) .section-label.version02 h4, :lang(en) .section-label.version02 h5, :lang(en) .section-label.version02 h6, :lang(en) .section-label.version02 span, :lang(en) .section-label.version02 a {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 501px) {
  :lang(en) .section-label.version02 h1, :lang(en) .section-label.version02 h2, :lang(en) .section-label.version02 h3, :lang(en) .section-label.version02 h4, :lang(en) .section-label.version02 h5, :lang(en) .section-label.version02 h6, :lang(en) .section-label.version02 span, :lang(en) .section-label.version02 a {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .section-label.version02 h1, :lang(en) .section-label.version02 h2, :lang(en) .section-label.version02 h3, :lang(en) .section-label.version02 h4, :lang(en) .section-label.version02 h5, :lang(en) .section-label.version02 h6, :lang(en) .section-label.version02 span, :lang(en) .section-label.version02 a {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .section-label.alhadath .more {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .results-label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .liveVod_status,
:lang(en) .liveVod .timeDate {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .liveVod_program,
:lang(en) .liveVod .program_status {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .liveVod .h3 {
    font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.04rem;
  }
}
:lang(en) .featuredPrograms h2 {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .allOurPrograms {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 1200px) {
  :lang(en) .allOurPrograms {
    font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.04rem;
  }
  :lang(en) .allOurPrograms h2 {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
  :lang(en) .allOurPrograms_nav_element a {
    font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.04rem;
  }
}
:lang(en) .arabicMedia_text {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 501px) {
  :lang(en) .arabicMedia h2 {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
  :lang(en) .arabicMedia_text {
    font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.04rem;
  }
}
:lang(en) .opinionHero_authorName {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .avatar_name {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .avatar_desc {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .avatar_social-account .acc-name {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .opinionCard .h3 {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .opinionCard_article {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .opinionCard_summary, :lang(en) .opinionCard_authorName, :lang(en) .opinionCard.withImage .avatar_name, :lang(en) .opinionCard.carouselCard .avatar_name {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .opinionCard.biggerFont h3 {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .opinionCard.authorArticle .avatar_desc {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .opinionCard.authorArticle .avatar_name {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .topInfo {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .trending .card_title {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
@media (min-width: 1200px) {
  :lang(en) .trending .card_title {
    font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.055rem;
  }
}
:lang(en) .sectionFollow {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .opinionRelated_title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .opinionRelated_author {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .opinionRelated.opinionRelatedV2 .opinionRelated_title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .opinionRelated.opinionRelatedV2 .opinionRelated_author {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .you-missed .you-missed-notifier .notifier-content .label {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .you-missed .you-missed-overlay .overlay-content .header .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .you-missed .you-missed-overlay .overlay-content .results-list .list-item .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .you-missed .you-missed-overlay .overlay-content .results-list .list-item .content .section {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .you-missed .you-missed-overlay .overlay-content .results-list .list-item .content .title {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .you-missed .you-missed-overlay .overlay-content .results-list .list-item .content .description {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .game-card_league {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .game-card_state {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .game-card_club {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .game-card_score {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .subitution-card {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .game-event-card_player {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .game-event-card_event {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .match-stat-card_header {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .match-stat-card_body {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .match-stat-card[stat-type=loading] .match-stat-card_team_value {
  height: 1.3rem;
  width: 1.3rem;
}
:lang(en) .sports-hero_breadcrumb {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .sports-hero_banner_content {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .sports-hero .sports-header_description .caption {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .sports-hero .sports-header_description .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .sports-hero .sports-description_content_caption {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .sports-hero .sports-description_content_value {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .game-summary_header {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .game-summary_timeline_item:before {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .game-summary_timeline_item-time {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .game-summary_timeline_time {
  font: 500 1rem/1.5rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.01rem;
}
:lang(en) .game-summary_timeline_time_hour {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .game-summary_timeline .no-data_msg {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .player-breakdown_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .player-breakdown_toggle {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .player-breakdown_ranks th {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .player-breakdown_ranks td {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .player-breakdown_ranks td.player-breakdown_goals {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .player-card_shirt-number, :lang(en) .player-card_score {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .player-card_position {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .player-card_name {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .player-card_label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .player-card[card-type=loading] .player-card_shirt-number, :lang(en) .player-card[card-type=loading] .player-card_position {
  height: 1.3rem;
}
:lang(en) .player-card[card-type=loading] .player-card_name {
  height: 1.5rem;
}
:lang(en) .player-card[card-type=loading] .player-card_label {
  height: 1.3rem;
}
:lang(en) .player-card:not([card-type=player]) .player-card_position {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .player-card[card-usage=player-ranking] .player-card_position {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .squad-table_header {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .squad-table_formation {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .squad-table_squad {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .squad-table_squad thead {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .squad-table_sub-header {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .squad-table_footer_label {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .squad-table_footer_name {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .sports-transfer_info {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .sports-transfer_info_direction {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .sports-transfer[is-loading] .sports-transfer_name {
  height: 1.3rem;
}
:lang(en) .sports-transfer_name {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .calendar_header {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .calendar_header .aa {
  height: 1.6rem;
  width: 1.6rem;
}
:lang(en) .calendar_labels {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .calendar_day {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .league-list {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .fixtures-panel-nav_header {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .fixtures-panel-nav_header_title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .fixtures-panel-nav_header .aa {
  height: 1.3rem;
  width: 1.3rem;
}
:lang(en) .fixtures-list_header .fixtures-list_copmpetition_name {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .fixtures-list_copmpetition_mataches-no-matches {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .side-panel_header_content_description .caption {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .side-panel_header_content_description .title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .side-panel ul li {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .league-table_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .league-table_toggle {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .league-table_ranks th {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .league-table_ranks .league-table_name, :lang(en) .league-table_ranks .league-table_win, :lang(en) .league-table_ranks .league-table_draw, :lang(en) .league-table_ranks .league-table_lost, :lang(en) .league-table_ranks .league-table_points {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .league-table_ranks .league-table_position {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .trophy-title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .trophy-count {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .scoreboard_home-team, :lang(en) .scoreboard_away-team {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .scoreboard_score {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .scoreboard_game-status {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .overall-stats_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .overall-stats_stat-title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .overall-stats_stat-count {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .live-seasons_item_text {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .league-page .js-drop-down-wrapper .choose-round-selector,
:lang(en) .league-page .js-drop-down-wrapper .choose-week-selector {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .league-page .js-drop-down-wrapper .js-drop-down-selector, :lang(en) .league-page .js-drop-down-wrapper .js-drop-down_value, :lang(en) .league-page .js-drop-down-wrapper .js-drop-down_item {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .league-page .player-card_position {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .team-page_group_title {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .loading {
  font: 500 1rem/1.5rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.01rem;
}
:lang(en) .aa-media.aa-media4x3 .list-item.active .title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item a.list-item-link .title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item a.list-item-link .title {
    font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.04rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item a.list-item-link .title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item.active a.list-item-link .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item.active a.list-item-link .title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item.active a.list-item-link .title {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .aa-media-hero .hero h3 {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .aa-media-hero .hero .description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .category-selector .categories .category-label {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .category-selector .categories .category-list {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .aamedia-listing .navigator .square .aa {
  height: 2.6rem;
  width: 2.6rem;
}
:lang(en) .aamedia-listing .video-list li .img-box .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .aamedia-listing .video-list li .title {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aamedia-listing .video-list li.active .title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .aamedia-listing .video-list li .caption {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .aamedia-listing.version02 .scroller .video-list li a.list-item-link .title {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .aamedia-listing.programs-listing .scroller .video-list li a.list-item-link .program-details span.program-title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .aamedia-listing.programs-listing .scroller .video-list li a.list-item-link .program-details span.program-subtitle {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .aa-documentaries .description .title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .aa-documentaries .description p {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-documentaries .description .btn {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .editor-carousel .header {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .editor-carousel .swiper-wrapper li .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .editor-carousel .swiper-wrapper li .description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .editor-carousel .swiper-wrapper li .service .section {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .editor-carousel .swiper-wrapper li .service .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .editor-carousel .swiper-wrapper li.breaking .breaking-title {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .editor-carousel .swiper-wrapper li.breaking .breaking-title b {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .editor-carousel.video-teasers .swiper-wrapper li a .title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .editor-carousel.video-teasers .swiper-wrapper li a .img-box .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .editor-carousel.alhadath .swiper-wrapper li a .title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .tv-program .aamedia-listing .video-list li .title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .tv-program-header.program-episode .episode-wrapper .program-title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 501px) {
  :lang(en) .tv-program-header.program-episode .episode-wrapper .program-title {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .tv-program-header.program-episode .episode-wrapper .program-description {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .program-name-episode-ttl .program-name {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .program-name-episode-ttl .episode-title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .program-description .description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .program-description .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .program-description.version02 .description {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 501px) {
  :lang(en) .program-description.version02 .description {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .program-description.version02 .readmore-checkbox ~ .readmore-label {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .program-description.alhadath .section-label * {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .program-description.alhadath .program-details .description {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .underBar-title .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .video-filter-service .results-label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .live-stream .header {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .live-stream .header .title {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .live-stream .header .title b {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .live-stream .select-device .label {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .live-stream .select-device a[data-tooltip]::before {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .live-stream .live-list li.live .program-name {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .live-stream .live-list li span {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .live-stream .live-list li .program-name {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .live-stream.version02 .live-details .live-title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 501px) {
  :lang(en) .live-stream.version02 .live-details .live-title {
    font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.15rem;
  }
}
:lang(en) .live-stream.version02 .live-details .current-live {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 501px) {
  :lang(en) .live-stream.version02 .live-details .current-live {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .live-stream.version02 .live-details .next-live {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
@media (min-width: 501px) {
  :lang(en) .live-stream.version02 .live-details .next-live {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .share-this {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .share-this .share-label {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .share-this .sharing-options li .url-tooltip {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .share-this .sharing-options li .url-tooltip .tooltip-print {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .explore-more .explore-list .list-item .story-title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .explore-more .explore-list .list-item .section-name {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .bottom-nav .section-label h2 {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 1200px) {
  :lang(en) .bottom-nav .section-label h2 {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .bottom-nav .explore-more .explore-list .list-item .story-title {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
@media (min-width: 1200px) {
  :lang(en) .bottom-nav .explore-more .explore-list .list-item .story-title {
    font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.055rem;
  }
}
:lang(en) .comments-notification {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .accordion li.accordion-item .accordion-trigger {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .accordion li.accordion-item .accordion-content {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .tabular-data {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .tabular-data .table-wrapper table th {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .tabular-data .table-wrapper .notice {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .aaMediaBar {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .pagination {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .pagination.alhadath .progress-label {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .pagination.alhadath .pager li {
    font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.03rem;
  }
}
:lang(en) .wrapper-404 {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .wrapper-404 .msg_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .wrapper-404 .msg p {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .wrapper-404 .msg_actions-btn {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .wrapper-404.alhadath .msg p {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .wrapper-404.alhadath .msg_actions-btn {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .data-privacy .privacy-overlay .sittings .description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .data-privacy .privacy-overlay .sittings .accordion li.accordion-item .accordion-trigger .section-label h2 {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .data-privacy .privacy-overlay .sittings .accordion li.accordion-item .accordion-trigger::after {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .data-privacy .privacy-overlay .declaration .description, :lang(en) .data-privacy .privacy-overlay .declaration p {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .data-privacy .privacy-overlay .declaration .description a, :lang(en) .data-privacy .privacy-overlay .declaration p a {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .disclaimer {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .disclaimer .label {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .pdf-link {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .auto-complete {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .auto-complete .search-form input.search {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .auto-complete .search-form .suggestions a .title {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .auto-complete .search-form .suggestions.auto-suggestions li .title {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .search-filters {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .search-filters .section-label h2 {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .search-filters-group {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .search-filters-group .collapsible {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .search-results .item .story-title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .search-results .item p {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .search-results .item .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .search-results .item .section {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .liveStreaming {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .liveStreaming_status {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .footer-ex1 {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .footer-ex1_news-links_secondary {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .footer-ex1_arabiya_info-links {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .footer-ex1_arabiya_info-copywrite {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .breaking-takeover .content .label {
  font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.15rem;
}
@media (min-width: 501px) {
  :lang(en) .breaking-takeover .content .label {
    font-size: 8.5rem;
    line-height: 114%;
  }
}
:lang(en) .breaking-takeover .content .title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 501px) {
  :lang(en) .breaking-takeover .content .title {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .breaking-takeover .content .services .section {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .breaking-takeover .content a .title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .breaking-takeover .content a p {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .breaking-takeover .content .btn {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .breaking-takeover .content .label {
    font-size: 12rem !important;
    line-height: 80% !important;
  }
}
:lang(en) .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item .story .title {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item .services .time {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item .services .more {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item.new .story .title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .google-news-callout .text {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .wzrk-alert .wzrk-alert-heading {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .wzrk-alert .wzrk-alert-body,
:lang(en) .wzrk-alert .wzrk-button-container button {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .countdown .count {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
  font-size: 1.6rem;
}
:lang(en) .countdown .count span {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
  font-size: 3.2rem;
}
:lang(en) .documentaries-header .section-label h2 {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .documentaries-header .follow-label {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .documentaries-header .search-form input {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .documentaries-header p {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .composite-search .se-results-title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .composite-search .se-results-no {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .composite-search .tabs-sort-container .tabs-sort {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .composite-search .tabs-sort-container .tabs-sort .active {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .composite-search .no-results {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .video-listing .tabs-tab__text-label {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 501px) {
  :lang(en) .video-listing .tabs-tab__text-label {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .follow-button {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .application-header__list__link {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .application-hero__title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .application-hero__desc {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .application-card__title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .application-card__text {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .application-card__icon .application-card__icon__label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .application-social__title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .application-social__text {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .application-social__action {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .social-links .ch-name {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .social-links .feed {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .coral-comments .coral-comments-header .title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .coral-comments .coral-comments-header .coral-actions .firebase-login .login, :lang(en) .coral-comments .coral-comments-header .coral-actions .firebase-login .logout {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .coral-comments .coral-comments-header .coral-actions .firebase-login .guest-label {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .coral-comments .coral-comments-header .coral-actions .firebase-login .guest-label .guest-name {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .coral-comments .coral-comments-header .coral-actions .user-edit .chat-username {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .coral-comments .coral-comments-header .coral-actions .user-edit .update-user-name {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .coral-comments .firebaseui-auth-container .firebaseui-container form * {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .coral-comments .firebaseui-auth-container .firebaseui-container form .firebaseui-card-header .firebaseui-title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .latest-news-scroller .news-scroller .scroller-item .kicker {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .latest-news-scroller .news-scroller .scroller-item .title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .latest-news-scroller .news-scroller .scroller-item .timeDate {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .latest-news-scroller.alhadath .news-scroller .scroller-item .title {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .np-card .card-content .card-title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
@media (min-width: 1200px) {
  :lang(en) .np-card .card-content .card-title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .np-card .card-content .card-subtitle {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .np-card .card-content .card-description {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .np-card .card-content .card-social {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
@media (min-width: 1200px) {
  :lang(en) .np-card .card-content .card-social {
    font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .np-card .card-content .section-time {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
@media (min-width: 1200px) {
  :lang(en) .np-card .card-content .section-time {
    font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.055rem;
  }
}
:lang(en) .np-card .card-content .section-time .time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
@media (min-width: 1200px) {
  :lang(en) .np-card .card-content .section-time .time {
    font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .np-card .card-views {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
@media (min-width: 1200px) {
  :lang(en) .np-card .card-views {
    font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .np-card .card-caption {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
  font-weight: 300;
}
@media (min-width: 1200px) {
  :lang(en) .np-card .card-caption {
    font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.03rem;
  }
}
:lang(en) .np-card .trending-title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
  font-weight: 500;
}
:lang(en) .np-card.top-content .card-content .card-title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .np-card.top-content .card-content .top-no {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
  line-height: 84%;
}
@media (min-width: 1200px) {
  :lang(en) .np-card.top-content .card-content .top-no {
    font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.15rem;
  }
}
:lang(en) .np-header .date {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
@media (min-width: 1200px) {
  :lang(en) .np-header .date {
    font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .content-carousel .swiper-wrapper .list-item.main-slide .card-content .card-title {
    font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.15rem;
  }
}
:lang(en) .content-carousel .swiper-wrapper .list-item .trending-slide .card-content .card-title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 1200px) {
  :lang(en) .content-carousel .swiper-wrapper .list-item .trending-slide .card-content .card-title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
    font-weight: 500;
  }
}
:lang(en) .content-carousel .swiper-wrapper .list-item .social-slide .card-content .card-title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 1200px) {
  :lang(en) .content-carousel .swiper-wrapper .list-item .social-slide .card-content .card-title {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .content-carousel .swiper-wrapper .list-item .top-content-slide .card-content .card-title, :lang(en) .content-carousel .swiper-wrapper .list-item .editors-slide .card-content .card-title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 1200px) {
  :lang(en) .content-carousel .swiper-wrapper .list-item .top-content-slide .card-content .card-title, :lang(en) .content-carousel .swiper-wrapper .list-item .editors-slide .card-content .card-title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .content-carousel .swiper-wrapper .list-item .section-label {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .np-card-group .np-card .card-content .card-title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 501px) {
  :lang(en) .np-card-group .np-card .card-content .card-title {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .hero-gallery .swiper-pagination-bullet {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
  line-height: 2.4rem;
}
[dir] :lang(en) .hero-gallery .swiper-pagination-bullet {
  text-align: center;
}
:lang(en) .hero-card__info {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .hero-card__section {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .hero-card__desc {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .hero-card--horizontal .hero-card__info {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .main-hero--latest .main-hero__first-col .hero-card__info, :lang(en) .main-hero--latest .main-hero__second-col .hero-card__info, :lang(en) .main-hero--section01 .main-hero__thumbs > .hero-card .hero-card__info {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .main-hero--section01 .main-hero__thumbs > .hero-card .hero-card__info .kicker {
  font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.03rem;
}
:lang(en) .advertisement-wrapper .mpu .ad-title, :lang(en) .advertisement-wrapper .leaderboard .ad-title, :lang(en) .advertisement-wrapper .leaderboard02 .ad-title {
  font: 500 1rem/1.5rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.01rem;
}
:lang(en) .how-to-listen__title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .steps-card__info__number {
  font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.15rem;
}
:lang(en) .steps-card__info__text {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 501px) {
  :lang(en) .steps-card__info__text {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .image-slider .gallery-controls .gallery-services .gallery-titles .title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .image-slider .gallery-controls .gallery-services .gallery-titles .caption {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .gallery-overlay .gallery-listing .overlay-content .hero-img .img-ttl {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .gallery-overlay .gallery-listing .overlay-content .hero-img .caption {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .gallery-overlay .gallery-listing .tools .count {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .breaking-listing ul li time {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .breaking-listing .item-title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 501px) {
  :lang(en) .breaking-listing .item-title {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
@media (min-width: 501px) {
  :lang(en) .breaking-listing .article-link .item-title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .breaking-listing.breaking-header .breaking-page-title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 501px) {
  :lang(en) .breaking-listing.breaking-header .breaking-page-title {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .breaking-listing.breaking-header .breaking-page-title {
    font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.15rem;
  }
}
:lang(en) .text-field label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .text-field input {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .text-field .description {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .text-field .help-msg {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .text-area label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .text-area textarea {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .text-area .description, :lang(en) .text-area .counter {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .text-area .help-msg {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .drop-down label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .drop-down .dd-menu .dd-label {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .drop-down .dd-menu .dd-list {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .check-box .group-label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .check-box ul li input + label {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .radio-btn .group-label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .radio-btn ul li input + label {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .form-buttons input {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .form-buttons input:disabled {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .form-separator span {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .branded-buttons button {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .footer-ex3 {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .footer-ex3__top-section__title,
:lang(en) .footer-ex3 .newsletter-subscription__title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .footer-ex3__top-section__button, :lang(en) .footer-ex3__top-section__input,
:lang(en) .footer-ex3 .newsletter-subscription__button,
:lang(en) .footer-ex3 .newsletter-subscription__input {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .footer-ex3__news-links__secondary {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .footer-ex3__bottom-section {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .back-to-top__label {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .newsletter-subscription {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .follow-us {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .drop-down-base {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .top-info {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .global-nav .main-header_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 501px) {
  :lang(en) .global-nav .main-header .btn {
    font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.025rem;
  }
}
:lang(en) .global-nav .main-header .search-form input {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .global-nav .main-header .search-form .search-cancel {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .global-nav .main-nav {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .global-nav .main-nav .main-nav_sub-menu .mega-menu_label {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .global-nav .dropDown_label {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .global-nav .dropDown_list {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .global-nav .dropDown-selected a {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .global-nav .mega-menu_icons {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .global-nav .mega-menu .theme-switch,
:lang(en) .global-nav .mega-menu .language-switch, :lang(en) .global-nav .mega-menu_element_label {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .global-nav .mega-menu_lead .mega-menu_header a span {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .global-nav .mega-menu_label,
:lang(en) .global-nav .mega-menu .sub-menu .mega-menu_labe {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 1200px) {
  :lang(en) .global-nav .mega-menu .sub-menu {
    font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.025rem;
  }
}
:lang(en) .global-nav .article-nav_title {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .global-nav .breadcrumb_element {
  font-size: 1rem;
}
:lang(en) .global-nav .breadcrumb_link {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .global-nav .accessibility_link {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .global-nav.alhadath .breadcrumb_link {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .program-grid .grid .swiper-container .carousel .swiper-slide .prog-name {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .program-grid .grid .swiper-container .carousel .swiper-slide .time-span {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .tabs-tab__text-label {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 501px) {
  :lang(en) .tabs-tab__text-label {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .tabs .tabs-panel {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .watch-on {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .watch-on .watch-urls a {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .podcast-hero .np-card .card-title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
@media (min-width: 1200px) {
  :lang(en) .podcast-hero .np-card .card-title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .podcast-hero .np-card .card-description {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .podcast-hero-program .program_description_text {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .alhadath-footer .footer-content .footer-sections .news-links, :lang(en) .alhadath-footer .footer-content .footer-sections .services-links {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .alhadath-footer .footer-content .footer-sections .news-links ul li, :lang(en) .alhadath-footer .footer-content .footer-sections .services-links ul li {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .alhadath-footer .footer-content .follow-us__title {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .alhadath-footer .footer-content .copyrights {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .alhadath-latest-episode .episode-details .title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .alhadath-latest-episode .episode-details .publish-details {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .podcast-grid .np-card .card-title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .podcast-grid .np-card .card-description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-audio-player .controls_element {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .aa-audio-player .duration_current-time, :lang(en) .aa-audio-player .duration_current-duration {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .aa-audio-player .program-info_title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .aa-audio-player .program-info_duration {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .aa-audio-player_article-title {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .aa-audio-player-inline .aa-audio-player_article-title {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .podcast-program_title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 501px) {
  :lang(en) .podcast-program_title {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .podcast-program_title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .podcast-program_intro {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .podcast-program_date, :lang(en) .podcast-program_duration {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .podcast-program-home .podcast-program_name {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 1200px) {
  :lang(en) .podcast-program-home .podcast-program_name {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .podcast-program-episode .podcast-program_name {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 1200px) {
  :lang(en) .podcast-program-episode .podcast-program_name {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .podcast-program-episode .podcast-program_intro {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 1200px) {
  :lang(en) .podcast-program-episode .podcast-program_intro {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .podcast-program-episode .podcast-program_title {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .podcast-program-episode .podcast-program_title {
    font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.03rem;
  }
}
:lang(en) .podcast-program-inline-article .section-label h1,
:lang(en) .podcast-program-inline-article .section-label h2,
:lang(en) .podcast-program-inline-article .section-label h3,
:lang(en) .podcast-program-inline-article .section-label h4,
:lang(en) .podcast-program-inline-article .section-label h5,
:lang(en) .podcast-program-inline-article .section-label h6,
:lang(en) .podcast-program-inline-article .section-label span,
:lang(en) .podcast-program-inline-article .section-label a {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .podcast-program-inline-article .podcast-program_name {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 501px) {
  :lang(en) .podcast-program-inline-article .podcast-program_name {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .podcast-program-inline-article .podcast-program_intro {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .podcast-program-page-article .section-label h1, :lang(en) .podcast-program-page-article .section-label h2, :lang(en) .podcast-program-page-article .section-label h3, :lang(en) .podcast-program-page-article .section-label h4, :lang(en) .podcast-program-page-article .section-label h5, :lang(en) .podcast-program-page-article .section-label h6, :lang(en) .podcast-program-page-article .section-label span, :lang(en) .podcast-program-page-article .section-label a {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .podcast-program-page-article .podcast-program_title {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .podcast-listen-steps_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 501px) {
  :lang(en) .podcast-listen-steps_title {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .podcast-listen-steps_text {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 501px) {
  :lang(en) .podcast-listen-steps_text {
    font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.03rem;
  }
}
:lang(en) .podcast-listen-steps_available {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
@media (min-width: 501px) {
  :lang(en) .podcast-listen-steps_available {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .pulse {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .pulse .pulse-title {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .vod-home .aamedia-listing.version02 .scroller .video-list li a.list-item-link .title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .in-article-editors ul li a .item-title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .step-item_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 501px) {
  :lang(en) .step-item_title {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .step-item_text {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 501px) {
  :lang(en) .step-item_text {
    font: 500 1.7rem/2.4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.03rem;
  }
}
:lang(en) .bot-text_label {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .bot-text_list-item {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .alexa-page .step-item_title {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .alexa-page_main-intro {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .alexa-page_alexa-intro,
:lang(en) .alexa-page .step-item_text {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .alexa-page_line {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .avatar_name {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .avatar_desc {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .avatar_social-account .acc-name {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .opinion_title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .opinion .avatar_name {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .opinion_description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .opinion.auth-articles .opinion_title {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 501px) {
  :lang(en) .opinion.auth-articles .opinion_title {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .opinion.auth-articles .opinion_title {
    font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.1rem;
  }
}
:lang(en) .opinions-author .author-name {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
@media (min-width: 501px) {
  :lang(en) .opinions-author .author-name {
    font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.08rem;
  }
}
:lang(en) .opinions-author.author-profile .author-description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .author-listing .opinions-author .author-img .author-name {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
@media (min-width: 501px) {
  :lang(en) .author-listing .opinions-author .author-img .author-name {
    font: 500 2rem/3rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.07rem;
  }
}
:lang(en) .avatar_name {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .avatar_desc {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .avatar_social-account .acc-name {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .opinions-filter .select-alphapet .drop-down label {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .youtube10m-counter .flip-count__piece .card {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
@media (min-width: 1200px) {
  :lang(en) .youtube10m-counter .flip-count__piece .card {
    font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.15rem;
  }
}
:lang(en) .section-follow-icon .message {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .section-follow-title .section-name {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
@media (min-width: 501px) {
  :lang(en) .section-follow-title .section-name {
    font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.15rem;
  }
}
:lang(en) .section-follow-nav .section-navigation li {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .article-hero.featured .headingInfo h1.headingInfo_title {
  font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.15rem;
}
:lang(en) .article-hero.featured.feat-overlay .headingInfo h1.headingInfo_title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
@media (min-width: 1200px) {
  :lang(en) .article-hero.featured.feat-overlay .headingInfo h1.headingInfo_title {
    font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
    letter-spacing: -0.15rem;
  }
}
:lang(en) .mms-header__nav__item a {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .mms-hero__intro {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .mms-hero__btn {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .mms-intro__title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .mms-intro__card-title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .mms-intro__card-caption {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .mms-intro__description {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .mms-intro__label {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .mms-popup__caption {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .mms-popup__title {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .mms-popup__btn {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .mms-popup__overlay-content .info__item__label {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .mms-popup__overlay-content .info__item__data {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .mms-popup__overlay-content .overview__caption {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .mms-popup__overlay-content .overview__price {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .mms-popup__subtitle {
  font: 400 1.5rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .mms-popup__maintitle {
  font: 500 2.6rem/3.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.1rem;
}
:lang(en) .mms-tabs__title {
  font: 600 3.2rem/4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.08rem;
}
:lang(en) .mms-tabs .tabs-tab__text-label {
  font: 600 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.035rem;
}
:lang(en) .mms-contact__emails__title {
  font: 600 5rem/4.6rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.15rem;
}
:lang(en) .mms-contact__emails__item .caption {
  font: 400 1.3rem/2rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.025rem;
}
:lang(en) .mms-contact__emails__item .email {
  font: 600 1.6rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.055rem;
}
:lang(en) .mms-contact__addresses__item__info .city {
  font: 500 2rem/3rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.07rem;
}
:lang(en) .mms-contact__addresses__item__info .tel {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}
:lang(en) .mms-contact__addresses__item__info .loc {
  font: 600 1.7rem/2.4rem "Helvetica Neue", sans-serif;
  letter-spacing: -0.04rem;
}

:lang(en) .aa-font,
:lang(en) .noscript {
  /* #region experiment versions*/
  /* #endregion */
}
:lang(en) .aa-font .h1,
:lang(en) .aa-font .headline,
:lang(en) .aa-font .aa-fe-typography h1,
:lang(en) .noscript .h1,
:lang(en) .noscript .headline,
:lang(en) .noscript .aa-fe-typography h1 {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
[dir] :lang(en) .aa-font .h1, [dir] :lang(en) .aa-font .headline, [dir] :lang(en) .aa-font .aa-fe-typography h1, [dir] :lang(en) .noscript .h1, [dir] :lang(en) .noscript .headline, [dir] :lang(en) .noscript .aa-fe-typography h1 {
  margin: 0 0 16px;
}
:lang(en) .aa-font .h2,
:lang(en) .aa-font .title,
:lang(en) .aa-font .aa-fe-typography h2,
:lang(en) .noscript .h2,
:lang(en) .noscript .title,
:lang(en) .noscript .aa-fe-typography h2 {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
[dir] :lang(en) .aa-font .h2, [dir] :lang(en) .aa-font .title, [dir] :lang(en) .aa-font .aa-fe-typography h2, [dir] :lang(en) .noscript .h2, [dir] :lang(en) .noscript .title, [dir] :lang(en) .noscript .aa-fe-typography h2 {
  margin: 0 0 16px;
}
:lang(en) .aa-font .h3,
:lang(en) .aa-font .subheading-2,
:lang(en) .aa-font .aa-fe-typography h3,
:lang(en) .noscript .h3,
:lang(en) .noscript .subheading-2,
:lang(en) .noscript .aa-fe-typography h3 {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
[dir] :lang(en) .aa-font .h3, [dir] :lang(en) .aa-font .subheading-2, [dir] :lang(en) .aa-font .aa-fe-typography h3, [dir] :lang(en) .noscript .h3, [dir] :lang(en) .noscript .subheading-2, [dir] :lang(en) .noscript .aa-fe-typography h3 {
  margin: 0 0 16px;
}
:lang(en) .aa-font .body-strong,
:lang(en) .aa-font .body-2,
:lang(en) .aa-font .paragraph-2 .aa-fe-typography,
:lang(en) .noscript .body-strong,
:lang(en) .noscript .body-2,
:lang(en) .noscript .paragraph-2 .aa-fe-typography {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
[dir] :lang(en) .aa-font .body-strong p, [dir] :lang(en) .aa-font .body-2 p, [dir] :lang(en) .aa-font .paragraph-2 .aa-fe-typography p, [dir] :lang(en) .noscript .body-strong p, [dir] :lang(en) .noscript .body-2 p, [dir] :lang(en) .noscript .paragraph-2 .aa-fe-typography p {
  margin: 0;
  padding: 1rem 0 1rem 0;
}
:lang(en) .aa-font .body,
:lang(en) .aa-font .body-1,
:lang(en) .aa-font .paragraph-1 .aa-fe-typography,
:lang(en) .noscript .body,
:lang(en) .noscript .body-1,
:lang(en) .noscript .paragraph-1 .aa-fe-typography {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
[dir] :lang(en) .aa-font .body p, [dir] :lang(en) .aa-font .body-1 p, [dir] :lang(en) .aa-font .paragraph-1 .aa-fe-typography p, [dir] :lang(en) .noscript .body p, [dir] :lang(en) .noscript .body-1 p, [dir] :lang(en) .noscript .paragraph-1 .aa-fe-typography p {
  margin: 0;
  padding: 1rem 0 1rem 0;
}
:lang(en) .aa-font p.body, :lang(en) .aa-font p.body-1, :lang(en) .aa-font p.paragraph-1 .aa-fe-typography,
:lang(en) .noscript p.body,
:lang(en) .noscript p.body-1,
:lang(en) .noscript p.paragraph-1 .aa-fe-typography {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
[dir] :lang(en) .aa-font p.body, [dir] :lang(en) .aa-font p.body-1, [dir] :lang(en) .aa-font p.paragraph-1 .aa-fe-typography, [dir] :lang(en) .noscript p.body, [dir] :lang(en) .noscript p.body-1, [dir] :lang(en) .noscript p.paragraph-1 .aa-fe-typography {
  margin: 0;
  padding: 1rem 0 1rem 0;
  text-align: justify;
}
:lang(en) .aa-font p.body-strong, :lang(en) .aa-font p.body-2, :lang(en) .aa-font p.paragraph-2 .aa-fe-typography,
:lang(en) .noscript p.body-strong,
:lang(en) .noscript p.body-2,
:lang(en) .noscript p.paragraph-2 .aa-fe-typography {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
[dir] :lang(en) .aa-font p.body-strong, [dir] :lang(en) .aa-font p.body-2, [dir] :lang(en) .aa-font p.paragraph-2 .aa-fe-typography, [dir] :lang(en) .noscript p.body-strong, [dir] :lang(en) .noscript p.body-2, [dir] :lang(en) .noscript p.paragraph-2 .aa-fe-typography {
  margin: 0;
  padding: 1rem 0 1rem 0;
  text-align: justify;
}
:lang(en) .aa-font p.body-1 b,
:lang(en) .noscript p.body-1 b {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
[dir] :lang(en) .aa-font p.body-1 b, [dir] :lang(en) .noscript p.body-1 b {
  margin: 0;
  padding: 1rem 0 1rem 0;
}
:lang(en) .aa-font .small,
:lang(en) .aa-font .caption-1,
:lang(en) .aa-font .aa-fe-typography .caption-1,
:lang(en) .noscript .small,
:lang(en) .noscript .caption-1,
:lang(en) .noscript .aa-fe-typography .caption-1 {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .small-strong,
:lang(en) .aa-font .caption-2,
:lang(en) .aa-font .aa-fe-typography .caption-2,
:lang(en) .noscript .small-strong,
:lang(en) .noscript .caption-2,
:lang(en) .noscript .aa-fe-typography .caption-2 {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_name,
:lang(en) .noscript .avatar_name {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_desc,
:lang(en) .noscript .avatar_desc {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_social-account .acc-name,
:lang(en) .noscript .avatar_social-account .acc-name {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_name,
:lang(en) .noscript .avatar_name {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_desc,
:lang(en) .noscript .avatar_desc {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_social-account .acc-name,
:lang(en) .noscript .avatar_social-account .acc-name {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .author .avatar_name,
:lang(en) .noscript .author .avatar_name {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .author .avatar_desc,
:lang(en) .noscript .author .avatar_desc {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .author .timeDate,
:lang(en) .noscript .author .timeDate {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .author.alhadath .source-label,
:lang(en) .noscript .author.alhadath .source-label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .author.alhadath .source,
:lang(en) .noscript .author.alhadath .source {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .inline-article .block-title,
:lang(en) .noscript .inline-article .block-title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .inline-article .inline-article-link,
:lang(en) .noscript .inline-article .inline-article-link {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .article-hero-img .caption,
:lang(en) .noscript .article-hero-img .caption {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .ordered-list ol,
:lang(en) .aa-font .unordered-list ul,
:lang(en) .noscript .ordered-list ol,
:lang(en) .noscript .unordered-list ul {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .noto .ordered-list ol,
:lang(en) .aa-font .noto .unordered-list ul,
:lang(en) .noscript .noto .ordered-list ol,
:lang(en) .noscript .noto .unordered-list ul {
  font-family: '"Helvetica Neue", sans-serif';
  font-size: 2rem;
  line-height: 160%;
  font-weight: bold;
}
:lang(en) .aa-font .aa-art-font.noto .ordered-list ol,
:lang(en) .aa-font .aa-art-font.noto .unordered-list ul, :lang(en) .aa-font .noscript.noto .ordered-list ol,
:lang(en) .aa-font .noscript.noto .unordered-list ul,
:lang(en) .noscript .aa-art-font.noto .ordered-list ol,
:lang(en) .noscript .aa-art-font.noto .unordered-list ul,
:lang(en) .noscript .noscript.noto .ordered-list ol,
:lang(en) .noscript .noscript.noto .unordered-list ul {
  font-family: "Noto Naskh Arabic Bold", serif;
  font-size: 2.2rem;
  line-height: 140%;
}
:lang(en) .aa-font .serif .ordered-list ol,
:lang(en) .aa-font .serif .unordered-list ul,
:lang(en) .noscript .serif .ordered-list ol,
:lang(en) .noscript .serif .unordered-list ul {
  font-family: 'Helvetica Neue", sans-serif', serif;
  font-size: 2.35rem;
  line-height: 110%;
}
[dir=ltr] :lang(en) .aa-font .serif .ordered-list ol, [dir=ltr] :lang(en) .aa-font .serif .unordered-list ul, [dir=ltr] :lang(en) .noscript .serif .ordered-list ol, [dir=ltr] :lang(en) .noscript .serif .unordered-list ul {
  text-align: left;
}
[dir=rtl] :lang(en) .aa-font .serif .ordered-list ol, [dir=rtl] :lang(en) .aa-font .serif .unordered-list ul, [dir=rtl] :lang(en) .noscript .serif .ordered-list ol, [dir=rtl] :lang(en) .noscript .serif .unordered-list ul {
  text-align: right;
}
:lang(en) .aa-font .serif .ordered-list ol strong,
:lang(en) .aa-font .serif .unordered-list ul strong,
:lang(en) .noscript .serif .ordered-list ol strong,
:lang(en) .noscript .serif .unordered-list ul strong {
  font-weight: normal;
}
:lang(en) .aa-font .aa-art-font.serif .ordered-list ol,
:lang(en) .aa-font .aa-art-font.serif .unordered-list ul, :lang(en) .aa-font .noscript.serif .ordered-list ol,
:lang(en) .aa-font .noscript.serif .unordered-list ul,
:lang(en) .noscript .aa-art-font.serif .ordered-list ol,
:lang(en) .noscript .aa-art-font.serif .unordered-list ul,
:lang(en) .noscript .noscript.serif .ordered-list ol,
:lang(en) .noscript .noscript.serif .unordered-list ul {
  font-family: "Source Serif Pro Regular", serif;
  font-size: 2rem;
  line-height: 125%;
}
[dir=ltr] :lang(en) .aa-font .aa-art-font.serif .ordered-list ol, [dir=ltr] :lang(en) .aa-font .aa-art-font.serif .unordered-list ul, [dir=ltr] :lang(en) .aa-font .noscript.serif .ordered-list ol, [dir=ltr] :lang(en) .aa-font .noscript.serif .unordered-list ul, [dir=ltr] :lang(en) .noscript .aa-art-font.serif .ordered-list ol, [dir=ltr] :lang(en) .noscript .aa-art-font.serif .unordered-list ul, [dir=ltr] :lang(en) .noscript .noscript.serif .ordered-list ol, [dir=ltr] :lang(en) .noscript .noscript.serif .unordered-list ul {
  text-align: left;
}
[dir=rtl] :lang(en) .aa-font .aa-art-font.serif .ordered-list ol, [dir=rtl] :lang(en) .aa-font .aa-art-font.serif .unordered-list ul, [dir=rtl] :lang(en) .aa-font .noscript.serif .ordered-list ol, [dir=rtl] :lang(en) .aa-font .noscript.serif .unordered-list ul, [dir=rtl] :lang(en) .noscript .aa-art-font.serif .ordered-list ol, [dir=rtl] :lang(en) .noscript .aa-art-font.serif .unordered-list ul, [dir=rtl] :lang(en) .noscript .noscript.serif .ordered-list ol, [dir=rtl] :lang(en) .noscript .noscript.serif .unordered-list ul {
  text-align: right;
}
:lang(en) .aa-font .aa-art-font.serif .ordered-list ol strong,
:lang(en) .aa-font .aa-art-font.serif .unordered-list ul strong, :lang(en) .aa-font .noscript.serif .ordered-list ol strong,
:lang(en) .aa-font .noscript.serif .unordered-list ul strong,
:lang(en) .noscript .aa-art-font.serif .ordered-list ol strong,
:lang(en) .noscript .aa-art-font.serif .unordered-list ul strong,
:lang(en) .noscript .noscript.serif .ordered-list ol strong,
:lang(en) .noscript .noscript.serif .unordered-list ul strong {
  font-weight: 600;
}
:lang(en) .aa-font .video-link .story-title,
:lang(en) .noscript .video-link .story-title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .feed-card .card_txt .section_name,
:lang(en) .noscript .feed-card .card_txt .section_name {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .feed-card .card_txt .card_title,
:lang(en) .noscript .feed-card .card_txt .card_title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .feed-card .card_txt .card_title,
:lang(en) .noscript .feed-card .card_txt .card_title {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .feed-card.alhadath .card_txt .card_title,
:lang(en) .noscript .feed-card.alhadath .card_txt .card_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .feed-card.alhadath .card_txt .section_name,
:lang(en) .noscript .feed-card.alhadath .card_txt .section_name {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .btn,
:lang(en) .noscript .btn {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .card,
:lang(en) .noscript .card {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .quote,
:lang(en) .noscript .quote {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .quote_text .paragraph,
:lang(en) .noscript .quote_text .paragraph {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .quote_author,
:lang(en) .noscript .quote_author {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .quote_source,
:lang(en) .noscript .quote_source {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .utility,
:lang(en) .noscript .utility {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .headingInfo .kicker,
:lang(en) .noscript .headingInfo .kicker {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .headingInfo_title,
:lang(en) .noscript .headingInfo_title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .headingInfo_title .kicker,
:lang(en) .noscript .headingInfo_title .kicker {
  font-size: inherit;
  line-height: inherit;
}
:lang(en) .aa-font .headingInfo_subtitle,
:lang(en) .noscript .headingInfo_subtitle {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .headingInfo .services .headingInfo_locations li,
:lang(en) .noscript .headingInfo .services .headingInfo_locations li {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .headingInfo .services .preview,
:lang(en) .noscript .headingInfo .services .preview {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .headingInfo_services .article-status .check-fact,
:lang(en) .noscript .headingInfo_services .article-status .check-fact {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .headingInfo_services .article-status .check-trending,
:lang(en) .noscript .headingInfo_services .article-status .check-trending {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tags,
:lang(en) .noscript .tags {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tags.alhadath,
:lang(en) .noscript .tags.alhadath {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .mainHeader_title,
:lang(en) .noscript .globalNav .mainHeader_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .globalNav .mainHeader .btn,
:lang(en) .noscript .globalNav .mainHeader .btn {
  font-size: 0;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .globalNav .mainHeader .btn,
:lang(en) .noscript .globalNav .mainHeader .btn {
    font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .globalNav .mainHeader .search-form input,
:lang(en) .noscript .globalNav .mainHeader .search-form input {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .mainHeader .search-form .search-cancel,
:lang(en) .noscript .globalNav .mainHeader .search-form .search-cancel {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .mainNav,
:lang(en) .noscript .globalNav .mainNav {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .mainNav .mainNav_subMenu .megaMenu_label,
:lang(en) .noscript .globalNav .mainNav .mainNav_subMenu .megaMenu_label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .dropDown_label,
:lang(en) .noscript .globalNav .dropDown_label {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .dropDown_list,
:lang(en) .noscript .globalNav .dropDown_list {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .dropDown-selected a,
:lang(en) .noscript .globalNav .dropDown-selected a {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .megaMenu_lead .megaMenu_header a span,
:lang(en) .noscript .globalNav .megaMenu_lead .megaMenu_header a span {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .megaMenu_label,
:lang(en) .noscript .globalNav .megaMenu_label {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .megaMenu .submenu .megaMenu_label,
:lang(en) .noscript .globalNav .megaMenu .submenu .megaMenu_label {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .globalNav .megaMenu .submenu,
:lang(en) .noscript .globalNav .megaMenu .submenu {
    font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .globalNav .articleNav_title,
:lang(en) .noscript .globalNav .articleNav_title {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .breadcrumb_element,
:lang(en) .noscript .globalNav .breadcrumb_element {
  font-size: 1rem;
}
:lang(en) .aa-font .globalNav .breadcrumb_link,
:lang(en) .noscript .globalNav .breadcrumb_link {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .globalNav .accessibility_link,
:lang(en) .noscript .globalNav .accessibility_link {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .video-player .vjs-menu-item,
:lang(en) .noscript .video-player .vjs-menu-item {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
[dir=ltr] :lang(en) .aa-font .factCheck, [dir=ltr] :lang(en) .noscript .factCheck {
  text-align: left;
}
[dir=rtl] :lang(en) .aa-font .factCheck, [dir=rtl] :lang(en) .noscript .factCheck {
  text-align: right;
}
:lang(en) .aa-font .factCheck_element,
:lang(en) .noscript .factCheck_element {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .factCheck_claim,
:lang(en) .noscript .factCheck_claim {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .factCheck_fact .resources,
:lang(en) .noscript .factCheck_fact .resources {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .factCheck p,
:lang(en) .noscript .factCheck p {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .factCheck .resources,
:lang(en) .noscript .factCheck .resources {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .inline-title,
:lang(en) .noscript .inline-title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .tm-overview .tm-overview_title,
:lang(en) .noscript .tm-overview .tm-overview_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .tm-overview p,
:lang(en) .noscript .tm-overview p {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tm-overview p a,
:lang(en) .noscript .tm-overview p a {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tm-overview .external-articles li,
:lang(en) .noscript .tm-overview .external-articles li {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tm-highlights .tm-highlights_title,
:lang(en) .noscript .tm-highlights .tm-highlights_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .tm-highlights .tm-highlights_list .tm-highlights_item a,
:lang(en) .noscript .tm-highlights .tm-highlights_list .tm-highlights_item a {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tm-highlights .tm-highlights_list .tm-highlights_item a .time,
:lang(en) .noscript .tm-highlights .tm-highlights_list .tm-highlights_item a .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .articleOpinionContainer .articleOpinion_author,
:lang(en) .noscript .articleOpinionContainer .articleOpinion_author {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .articleOpinionContainer .articleOpinion_title,
:lang(en) .noscript .articleOpinionContainer .articleOpinion_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .articleOpinionContainer .articleOpinion .timeDate,
:lang(en) .noscript .articleOpinionContainer .articleOpinion .timeDate {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .articleOpinionContainer .articleOpinion .timeDate time,
:lang(en) .noscript .articleOpinionContainer .articleOpinion .timeDate time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .articleOpinionContainer .articleOpinion .pargraph,
:lang(en) .noscript .articleOpinionContainer .articleOpinion .pargraph {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .articleOpinionContainer .articleOpinion .location_element,
:lang(en) .noscript .articleOpinionContainer .articleOpinion .location_element {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .articleOpinionContainer .avatar_desc,
:lang(en) .noscript .articleOpinionContainer .avatar_desc {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .articleOpinionContainer .articleOpinion_title,
:lang(en) .noscript .articleOpinionContainer .articleOpinion_title {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .tm-story .tm-story-group label.tm-group-action,
:lang(en) .noscript .tm-story .tm-story-group label.tm-group-action {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .tm-story .tm-story-group label.tm-group-action::after,
:lang(en) .noscript .tm-story .tm-story-group label.tm-group-action::after {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tm-story .tm-story-group .tm-group-head .tm-group-title,
:lang(en) .noscript .tm-story .tm-story-group .tm-group-head .tm-group-title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .time-stamp,
:lang(en) .noscript .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .time-stamp {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tm-story .tm-story-group .tm-group-wrapper .tm-story-item i.aa-breaking,
:lang(en) .noscript .tm-story .tm-story-group .tm-group-wrapper .tm-story-item i.aa-breaking {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tm-story .tm-story-group .tm-group-wrapper .tm-story-item i.aa-breaking b,
:lang(en) .noscript .tm-story .tm-story-group .tm-group-wrapper .tm-story-item i.aa-breaking b {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .tm-card .tm-card-title,
:lang(en) .noscript .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .tm-card .tm-card-title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .tm-card .tm-card-services time,
:lang(en) .noscript .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .tm-card .tm-card-services time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .tm-card p,
:lang(en) .noscript .tm-story .tm-story-group .tm-group-wrapper .tm-story-item .tm-card p {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .latest_title,
:lang(en) .noscript .latest_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .latest .timeDate,
:lang(en) .noscript .latest .timeDate {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .latest_news,
:lang(en) .noscript .latest_news {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .latest_description,
:lang(en) .noscript .latest_description {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .latest_section,
:lang(en) .noscript .latest_section {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .latest_news,
:lang(en) .noscript .latest_news {
    font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
  :lang(en) .aa-font .latest_description,
:lang(en) .noscript .latest_description {
    font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .latest.alhadath .latest_news,
:lang(en) .noscript .latest.alhadath .latest_news {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .latest.alhadath .latest_news,
:lang(en) .noscript .latest.alhadath .latest_news {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .latest.alhadath .latest_description,
:lang(en) .noscript .latest.alhadath .latest_description {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mostRead_header .btn,
:lang(en) .noscript .mostRead_header .btn {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mostRead .mostRead_content .tabs-tab__text-label,
:lang(en) .noscript .mostRead .mostRead_content .tabs-tab__text-label {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mostRead .mostRead_content .items .element .position,
:lang(en) .noscript .mostRead .mostRead_content .items .element .position {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .mostRead .mostRead_content .items .element .position,
:lang(en) .noscript .mostRead .mostRead_content .items .element .position {
    font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .mostRead .mostRead_content .items .element .img-box .position,
:lang(en) .noscript .mostRead .mostRead_content .items .element .img-box .position {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mostRead .mostRead_content .items .element .title,
:lang(en) .noscript .mostRead .mostRead_content .items .element .title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mostRead .mostRead_content .items .element .services .section,
:lang(en) .noscript .mostRead .mostRead_content .items .element .services .section {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mostRead .mostRead_content .items .element .services .interaction,
:lang(en) .noscript .mostRead .mostRead_content .items .element .services .interaction {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .read-mode,
:lang(en) .noscript .read-mode {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .read-mode .change-size,
:lang(en) .noscript .read-mode .change-size {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .read-mode .change-size .increase,
:lang(en) .noscript .read-mode .change-size .increase {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .read-mode .change-size .decrease,
:lang(en) .noscript .read-mode .change-size .decrease {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font article,
:lang(en) .noscript article {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionHeroListing-v2 .avatar .avatar_name,
:lang(en) .noscript .opinionHeroListing-v2 .avatar .avatar_name {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionHeroListing-v2 .opinionCard .avatar .avatar_name,
:lang(en) .noscript .opinionHeroListing-v2 .opinionCard .avatar .avatar_name {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sectionHero_elements .sectionHero_title,
:lang(en) .noscript .sectionHero_elements .sectionHero_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .sectionHero_description,
:lang(en) .noscript .sectionHero_description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sectionHero_section,
:lang(en) .noscript .sectionHero_section {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sectionHero_title,
:lang(en) .noscript .sectionHero_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .sectionHero_thumb .sectionHero_title,
:lang(en) .noscript .sectionHero_thumb .sectionHero_title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sectionHero_thumb .sectionHero_element.main .sectionHero_title,
:lang(en) .noscript .sectionHero_thumb .sectionHero_element.main .sectionHero_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .sectionHero_thumb .sectionHero_element.main .sectionHero_title,
:lang(en) .noscript .sectionHero_thumb .sectionHero_element.main .sectionHero_title {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .sectionHero-gallery-view .swiper-pagination-bullet,
:lang(en) .noscript .sectionHero-gallery-view .swiper-pagination-bullet {
  font-size: 0;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .sectionHero-gallery-view .swiper-pagination-bullet,
:lang(en) .noscript .sectionHero-gallery-view .swiper-pagination-bullet {
    font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
    line-height: 2.4rem;
  }
  [dir] :lang(en) .aa-font .sectionHero-gallery-view .swiper-pagination-bullet, [dir] :lang(en) .noscript .sectionHero-gallery-view .swiper-pagination-bullet {
    text-align: center;
  }
}
:lang(en) .aa-font .sectionHero-hero50 .latest50 .sectionHero_title,
:lang(en) .noscript .sectionHero-hero50 .latest50 .sectionHero_title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sectionHero.v2.no-image .sectionHero_gallery .sectionHero_element .sectionHero_title,
:lang(en) .noscript .sectionHero.v2.no-image .sectionHero_gallery .sectionHero_element .sectionHero_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
  font-weight: 500;
}
:lang(en) .aa-font .sectionHero.gallerySmall .kicker,
:lang(en) .noscript .sectionHero.gallerySmall .kicker {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sectionHero.gallerySmall.v2 .sectionHero_elements .sectionHero_element .sectionHero_title,
:lang(en) .noscript .sectionHero.gallerySmall.v2 .sectionHero_elements .sectionHero_element .sectionHero_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
  font-weight: 500;
}
:lang(en) .aa-font .sectionHero.gallerySmall.v2 .sectionHero_elements .sectionHero_element:not(:first-child) .kicker,
:lang(en) .noscript .sectionHero.gallerySmall.v2 .sectionHero_elements .sectionHero_element:not(:first-child) .kicker {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .sectionHero.gallerySmall.v2 .sectionHero_elements .sectionHero_element:not(:first-child) .kicker,
:lang(en) .noscript .sectionHero.gallerySmall.v2 .sectionHero_elements .sectionHero_element:not(:first-child) .kicker {
    font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font [dir=rtl] .sectionHero.gallerySmall.v2 .sectionHero_gallery .sectionHero_title,
:lang(en) .noscript [dir=rtl] .sectionHero.gallerySmall.v2 .sectionHero_gallery .sectionHero_title {
  font-weight: bold;
}
:lang(en) .aa-font [dir=rtl] .sectionHero.moreThumbs .sectionHero_thumb .sectionHero_title,
:lang(en) .noscript [dir=rtl] .sectionHero.moreThumbs .sectionHero_thumb .sectionHero_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font [dir=rtl] .sectionHero.moreThumbs .sectionHero_thumb .sectionHero_title,
:lang(en) .noscript [dir=rtl] .sectionHero.moreThumbs .sectionHero_thumb .sectionHero_title {
    font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .readmode-toolbar,
:lang(en) .noscript .readmode-toolbar {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .readmode-toolbar_rem-settings-decrease,
:lang(en) .noscript .readmode-toolbar_rem-settings-decrease {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .readmode-toolbar_rem-settings-increase,
:lang(en) .noscript .readmode-toolbar_rem-settings-increase {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .kicker,
:lang(en) .noscript .kicker {
  font-size: inherit;
  line-height: inherit;
  font-weight: 300;
}
:lang(en) .aa-font .kicker.breaking,
:lang(en) .noscript .kicker.breaking {
  font-weight: inherit;
}
:lang(en) .aa-font .section-time-bar .section,
:lang(en) .noscript .section-time-bar .section {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .section-time-bar .time,
:lang(en) .noscript .section-time-bar .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .top-stories,
:lang(en) .noscript .top-stories {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .top-stories li a,
:lang(en) .noscript .top-stories li a {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .kicker-hero,
:lang(en) .noscript .kicker-hero {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .kicker-hero .title,
:lang(en) .noscript .kicker-hero .title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .kicker-hero .description,
:lang(en) .noscript .kicker-hero .description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .kicker-section-results .kicker-results-list .title,
:lang(en) .noscript .kicker-section-results .kicker-results-list .title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .kicker-section-results.video-teasers .section-label h2,
:lang(en) .noscript .kicker-section-results.video-teasers .section-label h2 {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .kicker-section-results.video-teasers .kicker-results-list .video .title,
:lang(en) .noscript .kicker-section-results.video-teasers .kicker-results-list .video .title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .more-link,
:lang(en) .noscript .more-link {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .social-card,
:lang(en) .noscript .social-card {
  min-width: 270px;
  max-width: 300px;
}
:lang(en) .aa-font .social-card_header_content_social-name,
:lang(en) .noscript .social-card_header_content_social-name {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .social-card_header_content_social-subline,
:lang(en) .noscript .social-card_header_content_social-subline {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .social-card_body *,
:lang(en) .noscript .social-card_body * {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .breaking-news_logo b,
:lang(en) .noscript .breaking-news_logo b {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .breaking-news_logo b,
:lang(en) .noscript .breaking-news_logo b {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .breaking-news_content,
:lang(en) .noscript .breaking-news_content {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .breaking-news_content,
:lang(en) .noscript .breaking-news_content {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .tag-results .header *,
:lang(en) .noscript .tag-results .header * {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .tag-results p,
:lang(en) .noscript .tag-results p {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tag-results .results-list .list-item .title,
:lang(en) .noscript .tag-results .results-list .list-item .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .tag-results .results-list .list-item .title,
:lang(en) .noscript .tag-results .results-list .list-item .title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .tag-results .results-list .list-item .service .time,
:lang(en) .noscript .tag-results .results-list .list-item .service .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tag-results .results-list .list-item .service .section,
:lang(en) .noscript .tag-results .results-list .list-item .service .section {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .listing01 .listing01-articles .content .title,
:lang(en) .noscript .listing01 .listing01-articles .content .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .listing01 .listing01-articles .content .description,
:lang(en) .noscript .listing01 .listing01-articles .content .description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .listing01.option02 .listing01-articles .results-list li:nth-child(3) .content .title, :lang(en) .aa-font .listing01.option02 .listing01-articles .results-list li:nth-child(4) .content .title,
:lang(en) .noscript .listing01.option02 .listing01-articles .results-list li:nth-child(3) .content .title,
:lang(en) .noscript .listing01.option02 .listing01-articles .results-list li:nth-child(4) .content .title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .listing01.option03 .listing01-articles .content .title,
:lang(en) .noscript .listing01.option03 .listing01-articles .content .title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .listing01.option03 .listing01-articles .main-article .content .title,
:lang(en) .noscript .listing01.option03 .listing01-articles .main-article .content .title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .listing01.option03 .listing01-articles .section,
:lang(en) .noscript .listing01.option03 .listing01-articles .section {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .listing01.option03.alhadath-hero .main-article .content .title,
:lang(en) .noscript .listing01.option03.alhadath-hero .main-article .content .title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .listing01.option03.alhadath-hero .main-article .content .title,
:lang(en) .noscript .listing01.option03.alhadath-hero .main-article .content .title {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .listing02 .results-list .list-item .title,
:lang(en) .noscript .listing02 .results-list .list-item .title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .listing02 .results-list.swiper-wrapper .list-item .title,
:lang(en) .noscript .listing02 .results-list.swiper-wrapper .list-item .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .listing02.version02 .results-list .list-item .title,
:lang(en) .noscript .listing02.version02 .results-list .list-item .title {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .listing03 .results-list .list-item .title,
:lang(en) .noscript .listing03 .results-list .list-item .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .listing03 .results-list .list-item .description,
:lang(en) .noscript .listing03 .results-list .list-item .description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .listing03 .results-list .list-item .full-coverage-link,
:lang(en) .noscript .listing03 .results-list .list-item .full-coverage-link {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .listing03 .results-list:first-of-type .list-item:first-child .title, :lang(en) .aa-font .listing03 .results-list:nth-of-type(2) .list-item:first-child .title,
:lang(en) .noscript .listing03 .results-list:first-of-type .list-item:first-child .title,
:lang(en) .noscript .listing03 .results-list:nth-of-type(2) .list-item:first-child .title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .section-label,
:lang(en) .noscript .section-label {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .section-label h1,
:lang(en) .aa-font .section-label h2,
:lang(en) .aa-font .section-label h3,
:lang(en) .aa-font .section-label h4,
:lang(en) .aa-font .section-label h5,
:lang(en) .aa-font .section-label h6,
:lang(en) .noscript .section-label h1,
:lang(en) .noscript .section-label h2,
:lang(en) .noscript .section-label h3,
:lang(en) .noscript .section-label h4,
:lang(en) .noscript .section-label h5,
:lang(en) .noscript .section-label h6 {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .section-label.big-text-label,
:lang(en) .noscript .section-label.big-text-label {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .section-label.version02 h1, :lang(en) .aa-font .section-label.version02 h2, :lang(en) .aa-font .section-label.version02 h3, :lang(en) .aa-font .section-label.version02 h4, :lang(en) .aa-font .section-label.version02 h5, :lang(en) .aa-font .section-label.version02 h6, :lang(en) .aa-font .section-label.version02 span, :lang(en) .aa-font .section-label.version02 a,
:lang(en) .noscript .section-label.version02 h1,
:lang(en) .noscript .section-label.version02 h2,
:lang(en) .noscript .section-label.version02 h3,
:lang(en) .noscript .section-label.version02 h4,
:lang(en) .noscript .section-label.version02 h5,
:lang(en) .noscript .section-label.version02 h6,
:lang(en) .noscript .section-label.version02 span,
:lang(en) .noscript .section-label.version02 a {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .section-label.version02 h1, :lang(en) .aa-font .section-label.version02 h2, :lang(en) .aa-font .section-label.version02 h3, :lang(en) .aa-font .section-label.version02 h4, :lang(en) .aa-font .section-label.version02 h5, :lang(en) .aa-font .section-label.version02 h6, :lang(en) .aa-font .section-label.version02 span, :lang(en) .aa-font .section-label.version02 a,
:lang(en) .noscript .section-label.version02 h1,
:lang(en) .noscript .section-label.version02 h2,
:lang(en) .noscript .section-label.version02 h3,
:lang(en) .noscript .section-label.version02 h4,
:lang(en) .noscript .section-label.version02 h5,
:lang(en) .noscript .section-label.version02 h6,
:lang(en) .noscript .section-label.version02 span,
:lang(en) .noscript .section-label.version02 a {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .section-label.version02 h1, :lang(en) .aa-font .section-label.version02 h2, :lang(en) .aa-font .section-label.version02 h3, :lang(en) .aa-font .section-label.version02 h4, :lang(en) .aa-font .section-label.version02 h5, :lang(en) .aa-font .section-label.version02 h6, :lang(en) .aa-font .section-label.version02 span, :lang(en) .aa-font .section-label.version02 a,
:lang(en) .noscript .section-label.version02 h1,
:lang(en) .noscript .section-label.version02 h2,
:lang(en) .noscript .section-label.version02 h3,
:lang(en) .noscript .section-label.version02 h4,
:lang(en) .noscript .section-label.version02 h5,
:lang(en) .noscript .section-label.version02 h6,
:lang(en) .noscript .section-label.version02 span,
:lang(en) .noscript .section-label.version02 a {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .section-label.alhadath .more,
:lang(en) .noscript .section-label.alhadath .more {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .results-label,
:lang(en) .noscript .results-label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .liveVod_status,
:lang(en) .aa-font .liveVod .timeDate,
:lang(en) .noscript .liveVod_status,
:lang(en) .noscript .liveVod .timeDate {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .liveVod_program,
:lang(en) .aa-font .liveVod .program_status,
:lang(en) .noscript .liveVod_program,
:lang(en) .noscript .liveVod .program_status {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .liveVod .h3,
:lang(en) .noscript .liveVod .h3 {
    font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .featuredPrograms h2,
:lang(en) .noscript .featuredPrograms h2 {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .allOurPrograms,
:lang(en) .noscript .allOurPrograms {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .allOurPrograms,
:lang(en) .noscript .allOurPrograms {
    font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
  :lang(en) .aa-font .allOurPrograms h2,
:lang(en) .noscript .allOurPrograms h2 {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
  :lang(en) .aa-font .allOurPrograms_nav_element a,
:lang(en) .noscript .allOurPrograms_nav_element a {
    font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .arabicMedia_text,
:lang(en) .noscript .arabicMedia_text {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .arabicMedia h2,
:lang(en) .noscript .arabicMedia h2 {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
  :lang(en) .aa-font .arabicMedia_text,
:lang(en) .noscript .arabicMedia_text {
    font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .opinionHero_authorName,
:lang(en) .noscript .opinionHero_authorName {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_name,
:lang(en) .noscript .avatar_name {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_desc,
:lang(en) .noscript .avatar_desc {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_social-account .acc-name,
:lang(en) .noscript .avatar_social-account .acc-name {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionCard .h3,
:lang(en) .noscript .opinionCard .h3 {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionCard_article,
:lang(en) .noscript .opinionCard_article {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionCard_summary, :lang(en) .aa-font .opinionCard_authorName, :lang(en) .aa-font .opinionCard.withImage .avatar_name, :lang(en) .aa-font .opinionCard.carouselCard .avatar_name,
:lang(en) .noscript .opinionCard_summary,
:lang(en) .noscript .opinionCard_authorName,
:lang(en) .noscript .opinionCard.withImage .avatar_name,
:lang(en) .noscript .opinionCard.carouselCard .avatar_name {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionCard.biggerFont h3,
:lang(en) .noscript .opinionCard.biggerFont h3 {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .opinionCard.authorArticle .avatar_desc,
:lang(en) .noscript .opinionCard.authorArticle .avatar_desc {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionCard.authorArticle .avatar_name,
:lang(en) .noscript .opinionCard.authorArticle .avatar_name {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .topInfo,
:lang(en) .noscript .topInfo {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .trending .card_title,
:lang(en) .noscript .trending .card_title {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .trending .card_title,
:lang(en) .noscript .trending .card_title {
    font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .sectionFollow,
:lang(en) .noscript .sectionFollow {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionRelated_title,
:lang(en) .noscript .opinionRelated_title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionRelated_author,
:lang(en) .noscript .opinionRelated_author {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionRelated.opinionRelatedV2 .opinionRelated_title,
:lang(en) .noscript .opinionRelated.opinionRelatedV2 .opinionRelated_title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinionRelated.opinionRelatedV2 .opinionRelated_author,
:lang(en) .noscript .opinionRelated.opinionRelatedV2 .opinionRelated_author {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .you-missed .you-missed-notifier .notifier-content .label,
:lang(en) .noscript .you-missed .you-missed-notifier .notifier-content .label {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .you-missed .you-missed-overlay .overlay-content .header .title,
:lang(en) .noscript .you-missed .you-missed-overlay .overlay-content .header .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .you-missed .you-missed-overlay .overlay-content .results-list .list-item .time,
:lang(en) .noscript .you-missed .you-missed-overlay .overlay-content .results-list .list-item .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .you-missed .you-missed-overlay .overlay-content .results-list .list-item .content .section,
:lang(en) .noscript .you-missed .you-missed-overlay .overlay-content .results-list .list-item .content .section {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .you-missed .you-missed-overlay .overlay-content .results-list .list-item .content .title,
:lang(en) .noscript .you-missed .you-missed-overlay .overlay-content .results-list .list-item .content .title {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .you-missed .you-missed-overlay .overlay-content .results-list .list-item .content .description,
:lang(en) .noscript .you-missed .you-missed-overlay .overlay-content .results-list .list-item .content .description {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-card_league,
:lang(en) .noscript .game-card_league {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-card_state,
:lang(en) .noscript .game-card_state {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-card_club,
:lang(en) .noscript .game-card_club {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-card_score,
:lang(en) .noscript .game-card_score {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .subitution-card,
:lang(en) .noscript .subitution-card {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-event-card_player,
:lang(en) .noscript .game-event-card_player {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-event-card_event,
:lang(en) .noscript .game-event-card_event {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .match-stat-card_header,
:lang(en) .noscript .match-stat-card_header {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .match-stat-card_body,
:lang(en) .noscript .match-stat-card_body {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .match-stat-card[stat-type=loading] .match-stat-card_team_value,
:lang(en) .noscript .match-stat-card[stat-type=loading] .match-stat-card_team_value {
  height: 1.8rem;
  width: 1.8rem;
}
:lang(en) .aa-font .sports-hero_breadcrumb,
:lang(en) .noscript .sports-hero_breadcrumb {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sports-hero_banner_content,
:lang(en) .noscript .sports-hero_banner_content {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sports-hero .sports-header_description .caption,
:lang(en) .noscript .sports-hero .sports-header_description .caption {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sports-hero .sports-header_description .title,
:lang(en) .noscript .sports-hero .sports-header_description .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .sports-hero .sports-description_content_caption,
:lang(en) .noscript .sports-hero .sports-description_content_caption {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sports-hero .sports-description_content_value,
:lang(en) .noscript .sports-hero .sports-description_content_value {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-summary_header,
:lang(en) .noscript .game-summary_header {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .game-summary_timeline_item:before,
:lang(en) .noscript .game-summary_timeline_item:before {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-summary_timeline_item-time,
:lang(en) .noscript .game-summary_timeline_item-time {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-summary_timeline_time,
:lang(en) .noscript .game-summary_timeline_time {
  font: 500 1.4rem/1.5rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.015rem;
}
:lang(en) .aa-font .game-summary_timeline_time_hour,
:lang(en) .noscript .game-summary_timeline_time_hour {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .game-summary_timeline .no-data_msg,
:lang(en) .noscript .game-summary_timeline .no-data_msg {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .player-breakdown_title,
:lang(en) .noscript .player-breakdown_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .player-breakdown_toggle,
:lang(en) .noscript .player-breakdown_toggle {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .player-breakdown_ranks th,
:lang(en) .noscript .player-breakdown_ranks th {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .player-breakdown_ranks td,
:lang(en) .noscript .player-breakdown_ranks td {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .player-breakdown_ranks td.player-breakdown_goals,
:lang(en) .noscript .player-breakdown_ranks td.player-breakdown_goals {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .player-card_shirt-number, :lang(en) .aa-font .player-card_score,
:lang(en) .noscript .player-card_shirt-number,
:lang(en) .noscript .player-card_score {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .player-card_position,
:lang(en) .noscript .player-card_position {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .player-card_name,
:lang(en) .noscript .player-card_name {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .player-card_label,
:lang(en) .noscript .player-card_label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .player-card[card-type=loading] .player-card_shirt-number, :lang(en) .aa-font .player-card[card-type=loading] .player-card_position,
:lang(en) .noscript .player-card[card-type=loading] .player-card_shirt-number,
:lang(en) .noscript .player-card[card-type=loading] .player-card_position {
  height: 1.8rem;
}
:lang(en) .aa-font .player-card[card-type=loading] .player-card_name,
:lang(en) .noscript .player-card[card-type=loading] .player-card_name {
  height: 2.2rem;
}
:lang(en) .aa-font .player-card[card-type=loading] .player-card_label,
:lang(en) .noscript .player-card[card-type=loading] .player-card_label {
  height: 1.8rem;
}
:lang(en) .aa-font .player-card:not([card-type=player]) .player-card_position,
:lang(en) .noscript .player-card:not([card-type=player]) .player-card_position {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .player-card[card-usage=player-ranking] .player-card_position,
:lang(en) .noscript .player-card[card-usage=player-ranking] .player-card_position {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .squad-table_header,
:lang(en) .noscript .squad-table_header {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .squad-table_formation,
:lang(en) .noscript .squad-table_formation {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .squad-table_squad,
:lang(en) .noscript .squad-table_squad {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .squad-table_squad thead,
:lang(en) .noscript .squad-table_squad thead {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .squad-table_sub-header,
:lang(en) .noscript .squad-table_sub-header {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .squad-table_footer_label,
:lang(en) .noscript .squad-table_footer_label {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .squad-table_footer_name,
:lang(en) .noscript .squad-table_footer_name {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sports-transfer_info,
:lang(en) .noscript .sports-transfer_info {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sports-transfer_info_direction,
:lang(en) .noscript .sports-transfer_info_direction {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .sports-transfer[is-loading] .sports-transfer_name,
:lang(en) .noscript .sports-transfer[is-loading] .sports-transfer_name {
  height: 1.8rem;
}
:lang(en) .aa-font .sports-transfer_name,
:lang(en) .noscript .sports-transfer_name {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .calendar_header,
:lang(en) .noscript .calendar_header {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .calendar_header .aa,
:lang(en) .noscript .calendar_header .aa {
  height: 2.2rem;
  width: 2.2rem;
}
:lang(en) .aa-font .calendar_labels,
:lang(en) .noscript .calendar_labels {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .calendar_day,
:lang(en) .noscript .calendar_day {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .league-list,
:lang(en) .noscript .league-list {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .fixtures-panel-nav_header,
:lang(en) .noscript .fixtures-panel-nav_header {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .fixtures-panel-nav_header_title,
:lang(en) .noscript .fixtures-panel-nav_header_title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .fixtures-panel-nav_header .aa,
:lang(en) .noscript .fixtures-panel-nav_header .aa {
  height: 1.8rem;
  width: 1.8rem;
}
:lang(en) .aa-font .fixtures-list_header .fixtures-list_copmpetition_name,
:lang(en) .noscript .fixtures-list_header .fixtures-list_copmpetition_name {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .fixtures-list_copmpetition_mataches-no-matches,
:lang(en) .noscript .fixtures-list_copmpetition_mataches-no-matches {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .side-panel_header_content_description .caption,
:lang(en) .noscript .side-panel_header_content_description .caption {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .side-panel_header_content_description .title,
:lang(en) .noscript .side-panel_header_content_description .title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .side-panel ul li,
:lang(en) .noscript .side-panel ul li {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .league-table_title,
:lang(en) .noscript .league-table_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .league-table_toggle,
:lang(en) .noscript .league-table_toggle {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .league-table_ranks th,
:lang(en) .noscript .league-table_ranks th {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .league-table_ranks .league-table_name, :lang(en) .aa-font .league-table_ranks .league-table_win, :lang(en) .aa-font .league-table_ranks .league-table_draw, :lang(en) .aa-font .league-table_ranks .league-table_lost, :lang(en) .aa-font .league-table_ranks .league-table_points,
:lang(en) .noscript .league-table_ranks .league-table_name,
:lang(en) .noscript .league-table_ranks .league-table_win,
:lang(en) .noscript .league-table_ranks .league-table_draw,
:lang(en) .noscript .league-table_ranks .league-table_lost,
:lang(en) .noscript .league-table_ranks .league-table_points {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .league-table_ranks .league-table_position,
:lang(en) .noscript .league-table_ranks .league-table_position {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .trophy-title,
:lang(en) .noscript .trophy-title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .trophy-count,
:lang(en) .noscript .trophy-count {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .scoreboard_home-team, :lang(en) .aa-font .scoreboard_away-team,
:lang(en) .noscript .scoreboard_home-team,
:lang(en) .noscript .scoreboard_away-team {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .scoreboard_score,
:lang(en) .noscript .scoreboard_score {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .scoreboard_game-status,
:lang(en) .noscript .scoreboard_game-status {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .overall-stats_title,
:lang(en) .noscript .overall-stats_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .overall-stats_stat-title,
:lang(en) .noscript .overall-stats_stat-title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .overall-stats_stat-count,
:lang(en) .noscript .overall-stats_stat-count {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .live-seasons_item_text,
:lang(en) .noscript .live-seasons_item_text {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .league-page .js-drop-down-wrapper .choose-round-selector,
:lang(en) .aa-font .league-page .js-drop-down-wrapper .choose-week-selector,
:lang(en) .noscript .league-page .js-drop-down-wrapper .choose-round-selector,
:lang(en) .noscript .league-page .js-drop-down-wrapper .choose-week-selector {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .league-page .js-drop-down-wrapper .js-drop-down-selector, :lang(en) .aa-font .league-page .js-drop-down-wrapper .js-drop-down_value, :lang(en) .aa-font .league-page .js-drop-down-wrapper .js-drop-down_item,
:lang(en) .noscript .league-page .js-drop-down-wrapper .js-drop-down-selector,
:lang(en) .noscript .league-page .js-drop-down-wrapper .js-drop-down_value,
:lang(en) .noscript .league-page .js-drop-down-wrapper .js-drop-down_item {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .league-page .player-card_position,
:lang(en) .noscript .league-page .player-card_position {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .team-page_group_title,
:lang(en) .noscript .team-page_group_title {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .loading,
:lang(en) .noscript .loading {
  font: 500 1.4rem/1.5rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.015rem;
}
:lang(en) .aa-font .aa-media.aa-media4x3 .list-item.active .title,
:lang(en) .noscript .aa-media.aa-media4x3 .list-item.active .title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item a.list-item-link .title,
:lang(en) .noscript .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item a.list-item-link .title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item a.list-item-link .title,
:lang(en) .noscript .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item a.list-item-link .title {
    font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item a.list-item-link .title,
:lang(en) .noscript .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item a.list-item-link .title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item.active a.list-item-link .title,
:lang(en) .noscript .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item.active a.list-item-link .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item.active a.list-item-link .title,
:lang(en) .noscript .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item.active a.list-item-link .title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item.active a.list-item-link .title,
:lang(en) .noscript .aa-media.aa-media4x3.version02 .video-nav-area .aamedia-listing .scroller .video-list li.list-item.active a.list-item-link .title {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .aa-media-hero .hero h3,
:lang(en) .noscript .aa-media-hero .hero h3 {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .aa-media-hero .hero .description,
:lang(en) .noscript .aa-media-hero .hero .description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .category-selector .categories .category-label,
:lang(en) .noscript .category-selector .categories .category-label {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .category-selector .categories .category-list,
:lang(en) .noscript .category-selector .categories .category-list {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aamedia-listing .navigator .square .aa,
:lang(en) .noscript .aamedia-listing .navigator .square .aa {
  height: 3.6rem;
  width: 3.6rem;
}
:lang(en) .aa-font .aamedia-listing .video-list li .img-box .time,
:lang(en) .noscript .aamedia-listing .video-list li .img-box .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aamedia-listing .video-list li .title,
:lang(en) .noscript .aamedia-listing .video-list li .title {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aamedia-listing .video-list li.active .title,
:lang(en) .noscript .aamedia-listing .video-list li.active .title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aamedia-listing .video-list li .caption,
:lang(en) .noscript .aamedia-listing .video-list li .caption {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aamedia-listing.version02 .scroller .video-list li a.list-item-link .title,
:lang(en) .noscript .aamedia-listing.version02 .scroller .video-list li a.list-item-link .title {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aamedia-listing.programs-listing .scroller .video-list li a.list-item-link .program-details span.program-title,
:lang(en) .noscript .aamedia-listing.programs-listing .scroller .video-list li a.list-item-link .program-details span.program-title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aamedia-listing.programs-listing .scroller .video-list li a.list-item-link .program-details span.program-subtitle,
:lang(en) .noscript .aamedia-listing.programs-listing .scroller .video-list li a.list-item-link .program-details span.program-subtitle {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aa-documentaries .description .title,
:lang(en) .noscript .aa-documentaries .description .title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .aa-documentaries .description p,
:lang(en) .noscript .aa-documentaries .description p {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aa-documentaries .description .btn,
:lang(en) .noscript .aa-documentaries .description .btn {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .editor-carousel .header,
:lang(en) .noscript .editor-carousel .header {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .editor-carousel .swiper-wrapper li .title,
:lang(en) .noscript .editor-carousel .swiper-wrapper li .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .editor-carousel .swiper-wrapper li .description,
:lang(en) .noscript .editor-carousel .swiper-wrapper li .description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .editor-carousel .swiper-wrapper li .service .section,
:lang(en) .noscript .editor-carousel .swiper-wrapper li .service .section {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .editor-carousel .swiper-wrapper li .service .time,
:lang(en) .noscript .editor-carousel .swiper-wrapper li .service .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .editor-carousel .swiper-wrapper li.breaking .breaking-title,
:lang(en) .noscript .editor-carousel .swiper-wrapper li.breaking .breaking-title {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .editor-carousel .swiper-wrapper li.breaking .breaking-title b,
:lang(en) .noscript .editor-carousel .swiper-wrapper li.breaking .breaking-title b {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .editor-carousel.video-teasers .swiper-wrapper li a .title,
:lang(en) .noscript .editor-carousel.video-teasers .swiper-wrapper li a .title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .editor-carousel.video-teasers .swiper-wrapper li a .img-box .time,
:lang(en) .noscript .editor-carousel.video-teasers .swiper-wrapper li a .img-box .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .editor-carousel.alhadath .swiper-wrapper li a .title,
:lang(en) .noscript .editor-carousel.alhadath .swiper-wrapper li a .title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tv-program .aamedia-listing .video-list li .title,
:lang(en) .noscript .tv-program .aamedia-listing .video-list li .title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tv-program-header.program-episode .episode-wrapper .program-title,
:lang(en) .noscript .tv-program-header.program-episode .episode-wrapper .program-title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .tv-program-header.program-episode .episode-wrapper .program-title,
:lang(en) .noscript .tv-program-header.program-episode .episode-wrapper .program-title {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .tv-program-header.program-episode .episode-wrapper .program-description,
:lang(en) .noscript .tv-program-header.program-episode .episode-wrapper .program-description {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .program-name-episode-ttl .program-name,
:lang(en) .noscript .program-name-episode-ttl .program-name {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .program-name-episode-ttl .episode-title,
:lang(en) .noscript .program-name-episode-ttl .episode-title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .program-description .description,
:lang(en) .noscript .program-description .description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .program-description .time,
:lang(en) .noscript .program-description .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .program-description.version02 .description,
:lang(en) .noscript .program-description.version02 .description {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .program-description.version02 .description,
:lang(en) .noscript .program-description.version02 .description {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .program-description.version02 .readmore-checkbox ~ .readmore-label,
:lang(en) .noscript .program-description.version02 .readmore-checkbox ~ .readmore-label {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .program-description.alhadath .section-label *,
:lang(en) .noscript .program-description.alhadath .section-label * {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .program-description.alhadath .program-details .description,
:lang(en) .noscript .program-description.alhadath .program-details .description {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .underBar-title .title,
:lang(en) .noscript .underBar-title .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .video-filter-service .results-label,
:lang(en) .noscript .video-filter-service .results-label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .live-stream .header,
:lang(en) .noscript .live-stream .header {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .live-stream .header .title,
:lang(en) .noscript .live-stream .header .title {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .live-stream .header .title b,
:lang(en) .noscript .live-stream .header .title b {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .live-stream .select-device .label,
:lang(en) .noscript .live-stream .select-device .label {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .live-stream .select-device a[data-tooltip]::before,
:lang(en) .noscript .live-stream .select-device a[data-tooltip]::before {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .live-stream .live-list li.live .program-name,
:lang(en) .noscript .live-stream .live-list li.live .program-name {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .live-stream .live-list li span,
:lang(en) .noscript .live-stream .live-list li span {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .live-stream .live-list li .program-name,
:lang(en) .noscript .live-stream .live-list li .program-name {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .live-stream.version02 .live-details .live-title,
:lang(en) .noscript .live-stream.version02 .live-details .live-title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .live-stream.version02 .live-details .live-title,
:lang(en) .noscript .live-stream.version02 .live-details .live-title {
    font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .live-stream.version02 .live-details .current-live,
:lang(en) .noscript .live-stream.version02 .live-details .current-live {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .live-stream.version02 .live-details .current-live,
:lang(en) .noscript .live-stream.version02 .live-details .current-live {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .live-stream.version02 .live-details .next-live,
:lang(en) .noscript .live-stream.version02 .live-details .next-live {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .live-stream.version02 .live-details .next-live,
:lang(en) .noscript .live-stream.version02 .live-details .next-live {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .share-this,
:lang(en) .noscript .share-this {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .share-this .share-label,
:lang(en) .noscript .share-this .share-label {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .share-this .sharing-options li .url-tooltip,
:lang(en) .noscript .share-this .sharing-options li .url-tooltip {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .share-this .sharing-options li .url-tooltip .tooltip-print,
:lang(en) .noscript .share-this .sharing-options li .url-tooltip .tooltip-print {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .explore-more .explore-list .list-item .story-title,
:lang(en) .noscript .explore-more .explore-list .list-item .story-title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .explore-more .explore-list .list-item .section-name,
:lang(en) .noscript .explore-more .explore-list .list-item .section-name {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .bottom-nav .section-label h2,
:lang(en) .noscript .bottom-nav .section-label h2 {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .bottom-nav .section-label h2,
:lang(en) .noscript .bottom-nav .section-label h2 {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .bottom-nav .explore-more .explore-list .list-item .story-title,
:lang(en) .noscript .bottom-nav .explore-more .explore-list .list-item .story-title {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .bottom-nav .explore-more .explore-list .list-item .story-title,
:lang(en) .noscript .bottom-nav .explore-more .explore-list .list-item .story-title {
    font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .comments-notification,
:lang(en) .noscript .comments-notification {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .accordion li.accordion-item .accordion-trigger,
:lang(en) .noscript .accordion li.accordion-item .accordion-trigger {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .accordion li.accordion-item .accordion-content,
:lang(en) .noscript .accordion li.accordion-item .accordion-content {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tabular-data,
:lang(en) .noscript .tabular-data {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tabular-data .table-wrapper table th,
:lang(en) .noscript .tabular-data .table-wrapper table th {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tabular-data .table-wrapper .notice,
:lang(en) .noscript .tabular-data .table-wrapper .notice {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aaMediaBar,
:lang(en) .noscript .aaMediaBar {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .pagination,
:lang(en) .noscript .pagination {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .pagination.alhadath .progress-label,
:lang(en) .noscript .pagination.alhadath .progress-label {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .pagination.alhadath .pager li,
:lang(en) .noscript .pagination.alhadath .pager li {
    font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .wrapper-404,
:lang(en) .noscript .wrapper-404 {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .wrapper-404 .msg_title,
:lang(en) .noscript .wrapper-404 .msg_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .wrapper-404 .msg p,
:lang(en) .noscript .wrapper-404 .msg p {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .wrapper-404 .msg_actions-btn,
:lang(en) .noscript .wrapper-404 .msg_actions-btn {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .wrapper-404.alhadath .msg p,
:lang(en) .noscript .wrapper-404.alhadath .msg p {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .wrapper-404.alhadath .msg_actions-btn,
:lang(en) .noscript .wrapper-404.alhadath .msg_actions-btn {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .data-privacy .privacy-overlay .sittings .description,
:lang(en) .noscript .data-privacy .privacy-overlay .sittings .description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .data-privacy .privacy-overlay .sittings .accordion li.accordion-item .accordion-trigger .section-label h2,
:lang(en) .noscript .data-privacy .privacy-overlay .sittings .accordion li.accordion-item .accordion-trigger .section-label h2 {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .data-privacy .privacy-overlay .sittings .accordion li.accordion-item .accordion-trigger::after,
:lang(en) .noscript .data-privacy .privacy-overlay .sittings .accordion li.accordion-item .accordion-trigger::after {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .data-privacy .privacy-overlay .declaration .description, :lang(en) .aa-font .data-privacy .privacy-overlay .declaration p,
:lang(en) .noscript .data-privacy .privacy-overlay .declaration .description,
:lang(en) .noscript .data-privacy .privacy-overlay .declaration p {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .data-privacy .privacy-overlay .declaration .description a, :lang(en) .aa-font .data-privacy .privacy-overlay .declaration p a,
:lang(en) .noscript .data-privacy .privacy-overlay .declaration .description a,
:lang(en) .noscript .data-privacy .privacy-overlay .declaration p a {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .disclaimer,
:lang(en) .noscript .disclaimer {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .disclaimer .label,
:lang(en) .noscript .disclaimer .label {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .pdf-link,
:lang(en) .noscript .pdf-link {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .auto-complete,
:lang(en) .noscript .auto-complete {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .auto-complete .search-form input.search,
:lang(en) .noscript .auto-complete .search-form input.search {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .auto-complete .search-form .suggestions a .title,
:lang(en) .noscript .auto-complete .search-form .suggestions a .title {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .auto-complete .search-form .suggestions.auto-suggestions li .title,
:lang(en) .noscript .auto-complete .search-form .suggestions.auto-suggestions li .title {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .search-filters,
:lang(en) .noscript .search-filters {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .search-filters .section-label h2,
:lang(en) .noscript .search-filters .section-label h2 {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .search-filters-group,
:lang(en) .noscript .search-filters-group {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .search-filters-group .collapsible,
:lang(en) .noscript .search-filters-group .collapsible {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .search-results .item .story-title,
:lang(en) .noscript .search-results .item .story-title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .search-results .item p,
:lang(en) .noscript .search-results .item p {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .search-results .item .time,
:lang(en) .noscript .search-results .item .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .search-results .item .section,
:lang(en) .noscript .search-results .item .section {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .liveStreaming,
:lang(en) .noscript .liveStreaming {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .liveStreaming_status,
:lang(en) .noscript .liveStreaming_status {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .footer-ex1,
:lang(en) .noscript .footer-ex1 {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .footer-ex1_news-links_secondary,
:lang(en) .noscript .footer-ex1_news-links_secondary {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .footer-ex1_arabiya_info-links,
:lang(en) .noscript .footer-ex1_arabiya_info-links {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .footer-ex1_arabiya_info-copywrite,
:lang(en) .noscript .footer-ex1_arabiya_info-copywrite {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .breaking-takeover .content .label,
:lang(en) .noscript .breaking-takeover .content .label {
  font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .breaking-takeover .content .label,
:lang(en) .noscript .breaking-takeover .content .label {
    font-size: 8.5rem;
    line-height: 114%;
  }
}
:lang(en) .aa-font .breaking-takeover .content .title,
:lang(en) .noscript .breaking-takeover .content .title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .breaking-takeover .content .title,
:lang(en) .noscript .breaking-takeover .content .title {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .breaking-takeover .content .services .section,
:lang(en) .noscript .breaking-takeover .content .services .section {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .breaking-takeover .content a .title,
:lang(en) .noscript .breaking-takeover .content a .title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .breaking-takeover .content a p,
:lang(en) .noscript .breaking-takeover .content a p {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .breaking-takeover .content .btn,
:lang(en) .noscript .breaking-takeover .content .btn {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .aa-font .breaking-takeover .content .label,
:lang(en) .noscript .aa-font .breaking-takeover .content .label {
    font-size: 12rem !important;
    line-height: 80% !important;
  }
}
:lang(en) .aa-font .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item .story .title,
:lang(en) .noscript .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item .story .title {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item .services .time,
:lang(en) .noscript .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item .services .time {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item .services .more,
:lang(en) .noscript .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item .services .more {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item.new .story .title,
:lang(en) .noscript .breaking-news-notifications .breaking-news-overlay .overlay-content .breaking-list .list-item.new .story .title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .google-news-callout .text,
:lang(en) .noscript .google-news-callout .text {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .wzrk-alert .wzrk-alert-heading,
:lang(en) .noscript .wzrk-alert .wzrk-alert-heading {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .wzrk-alert .wzrk-alert-body,
:lang(en) .aa-font .wzrk-alert .wzrk-button-container button,
:lang(en) .noscript .wzrk-alert .wzrk-alert-body,
:lang(en) .noscript .wzrk-alert .wzrk-button-container button {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .countdown .count,
:lang(en) .noscript .countdown .count {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
  font-size: 1.6rem;
}
:lang(en) .aa-font .countdown .count span,
:lang(en) .noscript .countdown .count span {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
  font-size: 3.2rem;
}
:lang(en) .aa-font .documentaries-header .section-label h2,
:lang(en) .noscript .documentaries-header .section-label h2 {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .documentaries-header .follow-label,
:lang(en) .noscript .documentaries-header .follow-label {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .documentaries-header .search-form input,
:lang(en) .noscript .documentaries-header .search-form input {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .documentaries-header p,
:lang(en) .noscript .documentaries-header p {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .composite-search .se-results-title,
:lang(en) .noscript .composite-search .se-results-title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .composite-search .se-results-no,
:lang(en) .noscript .composite-search .se-results-no {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .composite-search .tabs-sort-container .tabs-sort,
:lang(en) .noscript .composite-search .tabs-sort-container .tabs-sort {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .composite-search .tabs-sort-container .tabs-sort .active,
:lang(en) .noscript .composite-search .tabs-sort-container .tabs-sort .active {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .composite-search .no-results,
:lang(en) .noscript .composite-search .no-results {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .video-listing .tabs-tab__text-label,
:lang(en) .noscript .video-listing .tabs-tab__text-label {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .video-listing .tabs-tab__text-label,
:lang(en) .noscript .video-listing .tabs-tab__text-label {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .follow-button,
:lang(en) .noscript .follow-button {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .application-header__list__link,
:lang(en) .noscript .application-header__list__link {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .application-hero__title,
:lang(en) .noscript .application-hero__title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .application-hero__desc,
:lang(en) .noscript .application-hero__desc {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .application-card__title,
:lang(en) .noscript .application-card__title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .application-card__text,
:lang(en) .noscript .application-card__text {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .application-card__icon .application-card__icon__label,
:lang(en) .noscript .application-card__icon .application-card__icon__label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .application-social__title,
:lang(en) .noscript .application-social__title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .application-social__text,
:lang(en) .noscript .application-social__text {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .application-social__action,
:lang(en) .noscript .application-social__action {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .social-links .ch-name,
:lang(en) .noscript .social-links .ch-name {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .social-links .feed,
:lang(en) .noscript .social-links .feed {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .coral-comments .coral-comments-header .title,
:lang(en) .noscript .coral-comments .coral-comments-header .title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .coral-comments .coral-comments-header .coral-actions .firebase-login .login, :lang(en) .aa-font .coral-comments .coral-comments-header .coral-actions .firebase-login .logout,
:lang(en) .noscript .coral-comments .coral-comments-header .coral-actions .firebase-login .login,
:lang(en) .noscript .coral-comments .coral-comments-header .coral-actions .firebase-login .logout {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .coral-comments .coral-comments-header .coral-actions .firebase-login .guest-label,
:lang(en) .noscript .coral-comments .coral-comments-header .coral-actions .firebase-login .guest-label {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .coral-comments .coral-comments-header .coral-actions .firebase-login .guest-label .guest-name,
:lang(en) .noscript .coral-comments .coral-comments-header .coral-actions .firebase-login .guest-label .guest-name {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .coral-comments .coral-comments-header .coral-actions .user-edit .chat-username,
:lang(en) .noscript .coral-comments .coral-comments-header .coral-actions .user-edit .chat-username {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .coral-comments .coral-comments-header .coral-actions .user-edit .update-user-name,
:lang(en) .noscript .coral-comments .coral-comments-header .coral-actions .user-edit .update-user-name {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .coral-comments .firebaseui-auth-container .firebaseui-container form *,
:lang(en) .noscript .coral-comments .firebaseui-auth-container .firebaseui-container form * {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .coral-comments .firebaseui-auth-container .firebaseui-container form .firebaseui-card-header .firebaseui-title,
:lang(en) .noscript .coral-comments .firebaseui-auth-container .firebaseui-container form .firebaseui-card-header .firebaseui-title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .latest-news-scroller .news-scroller .scroller-item .kicker,
:lang(en) .noscript .latest-news-scroller .news-scroller .scroller-item .kicker {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .latest-news-scroller .news-scroller .scroller-item .title,
:lang(en) .noscript .latest-news-scroller .news-scroller .scroller-item .title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .latest-news-scroller .news-scroller .scroller-item .timeDate,
:lang(en) .noscript .latest-news-scroller .news-scroller .scroller-item .timeDate {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .latest-news-scroller.alhadath .news-scroller .scroller-item .title,
:lang(en) .noscript .latest-news-scroller.alhadath .news-scroller .scroller-item .title {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .np-card .card-content .card-title,
:lang(en) .noscript .np-card .card-content .card-title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .np-card .card-content .card-title,
:lang(en) .noscript .np-card .card-content .card-title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .np-card .card-content .card-subtitle,
:lang(en) .noscript .np-card .card-content .card-subtitle {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .np-card .card-content .card-description,
:lang(en) .noscript .np-card .card-content .card-description {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .np-card .card-content .card-social,
:lang(en) .noscript .np-card .card-content .card-social {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .np-card .card-content .card-social,
:lang(en) .noscript .np-card .card-content .card-social {
    font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .np-card .card-content .section-time,
:lang(en) .noscript .np-card .card-content .section-time {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .np-card .card-content .section-time,
:lang(en) .noscript .np-card .card-content .section-time {
    font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .np-card .card-content .section-time .time,
:lang(en) .noscript .np-card .card-content .section-time .time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .np-card .card-content .section-time .time,
:lang(en) .noscript .np-card .card-content .section-time .time {
    font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .np-card .card-views,
:lang(en) .noscript .np-card .card-views {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .np-card .card-views,
:lang(en) .noscript .np-card .card-views {
    font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .np-card .card-caption,
:lang(en) .noscript .np-card .card-caption {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
  font-weight: 300;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .np-card .card-caption,
:lang(en) .noscript .np-card .card-caption {
    font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .np-card .trending-title,
:lang(en) .noscript .np-card .trending-title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
  font-weight: 500;
}
:lang(en) .aa-font .np-card.top-content .card-content .card-title,
:lang(en) .noscript .np-card.top-content .card-content .card-title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .np-card.top-content .card-content .top-no,
:lang(en) .noscript .np-card.top-content .card-content .top-no {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
  line-height: 84%;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .np-card.top-content .card-content .top-no,
:lang(en) .noscript .np-card.top-content .card-content .top-no {
    font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .np-header .date,
:lang(en) .noscript .np-header .date {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .np-header .date,
:lang(en) .noscript .np-header .date {
    font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .content-carousel .swiper-wrapper .list-item.main-slide .card-content .card-title,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item.main-slide .card-content .card-title {
    font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .content-carousel .swiper-wrapper .list-item .trending-slide .card-content .card-title,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item .trending-slide .card-content .card-title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .content-carousel .swiper-wrapper .list-item .trending-slide .card-content .card-title,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item .trending-slide .card-content .card-title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
    font-weight: 500;
  }
}
:lang(en) .aa-font .content-carousel .swiper-wrapper .list-item .social-slide .card-content .card-title,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item .social-slide .card-content .card-title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .content-carousel .swiper-wrapper .list-item .social-slide .card-content .card-title,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item .social-slide .card-content .card-title {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .content-carousel .swiper-wrapper .list-item .top-content-slide .card-content .card-title, :lang(en) .aa-font .content-carousel .swiper-wrapper .list-item .editors-slide .card-content .card-title,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item .top-content-slide .card-content .card-title,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item .editors-slide .card-content .card-title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .content-carousel .swiper-wrapper .list-item .top-content-slide .card-content .card-title, :lang(en) .aa-font .content-carousel .swiper-wrapper .list-item .editors-slide .card-content .card-title,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item .top-content-slide .card-content .card-title,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item .editors-slide .card-content .card-title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .content-carousel .swiper-wrapper .list-item .section-label,
:lang(en) .noscript .content-carousel .swiper-wrapper .list-item .section-label {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .np-card-group .np-card .card-content .card-title,
:lang(en) .noscript .np-card-group .np-card .card-content .card-title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .np-card-group .np-card .card-content .card-title,
:lang(en) .noscript .np-card-group .np-card .card-content .card-title {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .hero-gallery .swiper-pagination-bullet,
:lang(en) .noscript .hero-gallery .swiper-pagination-bullet {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
  line-height: 2.4rem;
}
[dir] :lang(en) .aa-font .hero-gallery .swiper-pagination-bullet, [dir] :lang(en) .noscript .hero-gallery .swiper-pagination-bullet {
  text-align: center;
}
:lang(en) .aa-font .hero-card__info,
:lang(en) .noscript .hero-card__info {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .hero-card__section,
:lang(en) .noscript .hero-card__section {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .hero-card__desc,
:lang(en) .noscript .hero-card__desc {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .hero-card--horizontal .hero-card__info,
:lang(en) .noscript .hero-card--horizontal .hero-card__info {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .main-hero--latest .main-hero__first-col .hero-card__info, :lang(en) .aa-font .main-hero--latest .main-hero__second-col .hero-card__info, :lang(en) .aa-font .main-hero--section01 .main-hero__thumbs > .hero-card .hero-card__info,
:lang(en) .noscript .main-hero--latest .main-hero__first-col .hero-card__info,
:lang(en) .noscript .main-hero--latest .main-hero__second-col .hero-card__info,
:lang(en) .noscript .main-hero--section01 .main-hero__thumbs > .hero-card .hero-card__info {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .main-hero--section01 .main-hero__thumbs > .hero-card .hero-card__info .kicker,
:lang(en) .noscript .main-hero--section01 .main-hero__thumbs > .hero-card .hero-card__info .kicker {
  font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .advertisement-wrapper .mpu .ad-title, :lang(en) .aa-font .advertisement-wrapper .leaderboard .ad-title, :lang(en) .aa-font .advertisement-wrapper .leaderboard02 .ad-title,
:lang(en) .noscript .advertisement-wrapper .mpu .ad-title,
:lang(en) .noscript .advertisement-wrapper .leaderboard .ad-title,
:lang(en) .noscript .advertisement-wrapper .leaderboard02 .ad-title {
  font: 500 1.4rem/1.5rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.015rem;
}
:lang(en) .aa-font .how-to-listen__title,
:lang(en) .noscript .how-to-listen__title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .steps-card__info__number,
:lang(en) .noscript .steps-card__info__number {
  font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .steps-card__info__text,
:lang(en) .noscript .steps-card__info__text {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .steps-card__info__text,
:lang(en) .noscript .steps-card__info__text {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .image-slider .gallery-controls .gallery-services .gallery-titles .title,
:lang(en) .noscript .image-slider .gallery-controls .gallery-services .gallery-titles .title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .image-slider .gallery-controls .gallery-services .gallery-titles .caption,
:lang(en) .noscript .image-slider .gallery-controls .gallery-services .gallery-titles .caption {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .gallery-overlay .gallery-listing .overlay-content .hero-img .img-ttl,
:lang(en) .noscript .gallery-overlay .gallery-listing .overlay-content .hero-img .img-ttl {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .gallery-overlay .gallery-listing .overlay-content .hero-img .caption,
:lang(en) .noscript .gallery-overlay .gallery-listing .overlay-content .hero-img .caption {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .gallery-overlay .gallery-listing .tools .count,
:lang(en) .noscript .gallery-overlay .gallery-listing .tools .count {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .breaking-listing ul li time,
:lang(en) .noscript .breaking-listing ul li time {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .breaking-listing .item-title,
:lang(en) .noscript .breaking-listing .item-title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .breaking-listing .item-title,
:lang(en) .noscript .breaking-listing .item-title {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
@media (min-width: 501px) {
  :lang(en) .aa-font .breaking-listing .article-link .item-title,
:lang(en) .noscript .breaking-listing .article-link .item-title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .breaking-listing.breaking-header .breaking-page-title,
:lang(en) .noscript .breaking-listing.breaking-header .breaking-page-title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .breaking-listing.breaking-header .breaking-page-title,
:lang(en) .noscript .breaking-listing.breaking-header .breaking-page-title {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .breaking-listing.breaking-header .breaking-page-title,
:lang(en) .noscript .breaking-listing.breaking-header .breaking-page-title {
    font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .text-field label,
:lang(en) .noscript .text-field label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .text-field input,
:lang(en) .noscript .text-field input {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .text-field .description,
:lang(en) .noscript .text-field .description {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .text-field .help-msg,
:lang(en) .noscript .text-field .help-msg {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .text-area label,
:lang(en) .noscript .text-area label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .text-area textarea,
:lang(en) .noscript .text-area textarea {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .text-area .description, :lang(en) .aa-font .text-area .counter,
:lang(en) .noscript .text-area .description,
:lang(en) .noscript .text-area .counter {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .text-area .help-msg,
:lang(en) .noscript .text-area .help-msg {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .drop-down label,
:lang(en) .noscript .drop-down label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .drop-down .dd-menu .dd-label,
:lang(en) .noscript .drop-down .dd-menu .dd-label {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .drop-down .dd-menu .dd-list,
:lang(en) .noscript .drop-down .dd-menu .dd-list {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .check-box .group-label,
:lang(en) .noscript .check-box .group-label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .check-box ul li input + label,
:lang(en) .noscript .check-box ul li input + label {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .radio-btn .group-label,
:lang(en) .noscript .radio-btn .group-label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .radio-btn ul li input + label,
:lang(en) .noscript .radio-btn ul li input + label {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .form-buttons input,
:lang(en) .noscript .form-buttons input {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .form-buttons input:disabled,
:lang(en) .noscript .form-buttons input:disabled {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .form-separator span,
:lang(en) .noscript .form-separator span {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .branded-buttons button,
:lang(en) .noscript .branded-buttons button {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .footer-ex3,
:lang(en) .noscript .footer-ex3 {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .footer-ex3__top-section__title,
:lang(en) .aa-font .footer-ex3 .newsletter-subscription__title,
:lang(en) .noscript .footer-ex3__top-section__title,
:lang(en) .noscript .footer-ex3 .newsletter-subscription__title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .footer-ex3__top-section__button, :lang(en) .aa-font .footer-ex3__top-section__input,
:lang(en) .aa-font .footer-ex3 .newsletter-subscription__button,
:lang(en) .aa-font .footer-ex3 .newsletter-subscription__input,
:lang(en) .noscript .footer-ex3__top-section__button,
:lang(en) .noscript .footer-ex3__top-section__input,
:lang(en) .noscript .footer-ex3 .newsletter-subscription__button,
:lang(en) .noscript .footer-ex3 .newsletter-subscription__input {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .footer-ex3__news-links__secondary,
:lang(en) .noscript .footer-ex3__news-links__secondary {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .footer-ex3__bottom-section,
:lang(en) .noscript .footer-ex3__bottom-section {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .back-to-top__label,
:lang(en) .noscript .back-to-top__label {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .newsletter-subscription,
:lang(en) .noscript .newsletter-subscription {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .follow-us,
:lang(en) .noscript .follow-us {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .drop-down-base,
:lang(en) .noscript .drop-down-base {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .top-info,
:lang(en) .noscript .top-info {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .main-header_title,
:lang(en) .noscript .global-nav .main-header_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .global-nav .main-header .btn,
:lang(en) .noscript .global-nav .main-header .btn {
    font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .global-nav .main-header .search-form input,
:lang(en) .noscript .global-nav .main-header .search-form input {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .main-header .search-form .search-cancel,
:lang(en) .noscript .global-nav .main-header .search-form .search-cancel {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .main-nav,
:lang(en) .noscript .global-nav .main-nav {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .main-nav .main-nav_sub-menu .mega-menu_label,
:lang(en) .noscript .global-nav .main-nav .main-nav_sub-menu .mega-menu_label {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .dropDown_label,
:lang(en) .noscript .global-nav .dropDown_label {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .dropDown_list,
:lang(en) .noscript .global-nav .dropDown_list {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .dropDown-selected a,
:lang(en) .noscript .global-nav .dropDown-selected a {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .mega-menu_icons,
:lang(en) .noscript .global-nav .mega-menu_icons {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .mega-menu .theme-switch,
:lang(en) .aa-font .global-nav .mega-menu .language-switch, :lang(en) .aa-font .global-nav .mega-menu_element_label,
:lang(en) .noscript .global-nav .mega-menu .theme-switch,
:lang(en) .noscript .global-nav .mega-menu .language-switch,
:lang(en) .noscript .global-nav .mega-menu_element_label {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .mega-menu_lead .mega-menu_header a span,
:lang(en) .noscript .global-nav .mega-menu_lead .mega-menu_header a span {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .mega-menu_label,
:lang(en) .aa-font .global-nav .mega-menu .sub-menu .mega-menu_labe,
:lang(en) .noscript .global-nav .mega-menu_label,
:lang(en) .noscript .global-nav .mega-menu .sub-menu .mega-menu_labe {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .global-nav .mega-menu .sub-menu,
:lang(en) .noscript .global-nav .mega-menu .sub-menu {
    font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .global-nav .article-nav_title,
:lang(en) .noscript .global-nav .article-nav_title {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .breadcrumb_element,
:lang(en) .noscript .global-nav .breadcrumb_element {
  font-size: 1rem;
}
:lang(en) .aa-font .global-nav .breadcrumb_link,
:lang(en) .noscript .global-nav .breadcrumb_link {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav .accessibility_link,
:lang(en) .noscript .global-nav .accessibility_link {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .global-nav.alhadath .breadcrumb_link,
:lang(en) .noscript .global-nav.alhadath .breadcrumb_link {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .program-grid .grid .swiper-container .carousel .swiper-slide .prog-name,
:lang(en) .noscript .program-grid .grid .swiper-container .carousel .swiper-slide .prog-name {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .program-grid .grid .swiper-container .carousel .swiper-slide .time-span,
:lang(en) .noscript .program-grid .grid .swiper-container .carousel .swiper-slide .time-span {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .tabs-tab__text-label,
:lang(en) .noscript .tabs-tab__text-label {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .tabs-tab__text-label,
:lang(en) .noscript .tabs-tab__text-label {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .tabs .tabs-panel,
:lang(en) .noscript .tabs .tabs-panel {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .watch-on,
:lang(en) .noscript .watch-on {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .watch-on .watch-urls a,
:lang(en) .noscript .watch-on .watch-urls a {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .podcast-hero .np-card .card-title,
:lang(en) .noscript .podcast-hero .np-card .card-title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .podcast-hero .np-card .card-title,
:lang(en) .noscript .podcast-hero .np-card .card-title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .podcast-hero .np-card .card-description,
:lang(en) .noscript .podcast-hero .np-card .card-description {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .podcast-hero-program .program_description_text,
:lang(en) .noscript .podcast-hero-program .program_description_text {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .alhadath-footer .footer-content .footer-sections .news-links, :lang(en) .aa-font .alhadath-footer .footer-content .footer-sections .services-links,
:lang(en) .noscript .alhadath-footer .footer-content .footer-sections .news-links,
:lang(en) .noscript .alhadath-footer .footer-content .footer-sections .services-links {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .alhadath-footer .footer-content .footer-sections .news-links ul li, :lang(en) .aa-font .alhadath-footer .footer-content .footer-sections .services-links ul li,
:lang(en) .noscript .alhadath-footer .footer-content .footer-sections .news-links ul li,
:lang(en) .noscript .alhadath-footer .footer-content .footer-sections .services-links ul li {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .alhadath-footer .footer-content .follow-us__title,
:lang(en) .noscript .alhadath-footer .footer-content .follow-us__title {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .alhadath-footer .footer-content .copyrights,
:lang(en) .noscript .alhadath-footer .footer-content .copyrights {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .alhadath-latest-episode .episode-details .title,
:lang(en) .noscript .alhadath-latest-episode .episode-details .title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .alhadath-latest-episode .episode-details .publish-details,
:lang(en) .noscript .alhadath-latest-episode .episode-details .publish-details {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .podcast-grid .np-card .card-title,
:lang(en) .noscript .podcast-grid .np-card .card-title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .podcast-grid .np-card .card-description,
:lang(en) .noscript .podcast-grid .np-card .card-description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aa-audio-player .controls_element,
:lang(en) .noscript .aa-audio-player .controls_element {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aa-audio-player .duration_current-time, :lang(en) .aa-font .aa-audio-player .duration_current-duration,
:lang(en) .noscript .aa-audio-player .duration_current-time,
:lang(en) .noscript .aa-audio-player .duration_current-duration {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aa-audio-player .program-info_title,
:lang(en) .noscript .aa-audio-player .program-info_title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aa-audio-player .program-info_duration,
:lang(en) .noscript .aa-audio-player .program-info_duration {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aa-audio-player_article-title,
:lang(en) .noscript .aa-audio-player_article-title {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .aa-audio-player-inline .aa-audio-player_article-title,
:lang(en) .noscript .aa-audio-player-inline .aa-audio-player_article-title {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .podcast-program_title,
:lang(en) .noscript .podcast-program_title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .podcast-program_title,
:lang(en) .noscript .podcast-program_title {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .podcast-program_title,
:lang(en) .noscript .podcast-program_title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .podcast-program_intro,
:lang(en) .noscript .podcast-program_intro {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .podcast-program_date, :lang(en) .aa-font .podcast-program_duration,
:lang(en) .noscript .podcast-program_date,
:lang(en) .noscript .podcast-program_duration {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .podcast-program-home .podcast-program_name,
:lang(en) .noscript .podcast-program-home .podcast-program_name {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .podcast-program-home .podcast-program_name,
:lang(en) .noscript .podcast-program-home .podcast-program_name {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .podcast-program-episode .podcast-program_name,
:lang(en) .noscript .podcast-program-episode .podcast-program_name {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .podcast-program-episode .podcast-program_name,
:lang(en) .noscript .podcast-program-episode .podcast-program_name {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .podcast-program-episode .podcast-program_intro,
:lang(en) .noscript .podcast-program-episode .podcast-program_intro {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .podcast-program-episode .podcast-program_intro,
:lang(en) .noscript .podcast-program-episode .podcast-program_intro {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .podcast-program-episode .podcast-program_title,
:lang(en) .noscript .podcast-program-episode .podcast-program_title {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .podcast-program-episode .podcast-program_title,
:lang(en) .noscript .podcast-program-episode .podcast-program_title {
    font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .podcast-program-inline-article .section-label h1,
:lang(en) .aa-font .podcast-program-inline-article .section-label h2,
:lang(en) .aa-font .podcast-program-inline-article .section-label h3,
:lang(en) .aa-font .podcast-program-inline-article .section-label h4,
:lang(en) .aa-font .podcast-program-inline-article .section-label h5,
:lang(en) .aa-font .podcast-program-inline-article .section-label h6,
:lang(en) .aa-font .podcast-program-inline-article .section-label span,
:lang(en) .aa-font .podcast-program-inline-article .section-label a,
:lang(en) .noscript .podcast-program-inline-article .section-label h1,
:lang(en) .noscript .podcast-program-inline-article .section-label h2,
:lang(en) .noscript .podcast-program-inline-article .section-label h3,
:lang(en) .noscript .podcast-program-inline-article .section-label h4,
:lang(en) .noscript .podcast-program-inline-article .section-label h5,
:lang(en) .noscript .podcast-program-inline-article .section-label h6,
:lang(en) .noscript .podcast-program-inline-article .section-label span,
:lang(en) .noscript .podcast-program-inline-article .section-label a {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .podcast-program-inline-article .podcast-program_name,
:lang(en) .noscript .podcast-program-inline-article .podcast-program_name {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .podcast-program-inline-article .podcast-program_name,
:lang(en) .noscript .podcast-program-inline-article .podcast-program_name {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .podcast-program-inline-article .podcast-program_intro,
:lang(en) .noscript .podcast-program-inline-article .podcast-program_intro {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .podcast-program-page-article .section-label h1, :lang(en) .aa-font .podcast-program-page-article .section-label h2, :lang(en) .aa-font .podcast-program-page-article .section-label h3, :lang(en) .aa-font .podcast-program-page-article .section-label h4, :lang(en) .aa-font .podcast-program-page-article .section-label h5, :lang(en) .aa-font .podcast-program-page-article .section-label h6, :lang(en) .aa-font .podcast-program-page-article .section-label span, :lang(en) .aa-font .podcast-program-page-article .section-label a,
:lang(en) .noscript .podcast-program-page-article .section-label h1,
:lang(en) .noscript .podcast-program-page-article .section-label h2,
:lang(en) .noscript .podcast-program-page-article .section-label h3,
:lang(en) .noscript .podcast-program-page-article .section-label h4,
:lang(en) .noscript .podcast-program-page-article .section-label h5,
:lang(en) .noscript .podcast-program-page-article .section-label h6,
:lang(en) .noscript .podcast-program-page-article .section-label span,
:lang(en) .noscript .podcast-program-page-article .section-label a {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .podcast-program-page-article .podcast-program_title,
:lang(en) .noscript .podcast-program-page-article .podcast-program_title {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .podcast-listen-steps_title,
:lang(en) .noscript .podcast-listen-steps_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .podcast-listen-steps_title,
:lang(en) .noscript .podcast-listen-steps_title {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .podcast-listen-steps_text,
:lang(en) .noscript .podcast-listen-steps_text {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .podcast-listen-steps_text,
:lang(en) .noscript .podcast-listen-steps_text {
    font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .podcast-listen-steps_available,
:lang(en) .noscript .podcast-listen-steps_available {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .podcast-listen-steps_available,
:lang(en) .noscript .podcast-listen-steps_available {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .pulse,
:lang(en) .noscript .pulse {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .pulse .pulse-title,
:lang(en) .noscript .pulse .pulse-title {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .vod-home .aamedia-listing.version02 .scroller .video-list li a.list-item-link .title,
:lang(en) .noscript .vod-home .aamedia-listing.version02 .scroller .video-list li a.list-item-link .title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .in-article-editors ul li a .item-title,
:lang(en) .noscript .in-article-editors ul li a .item-title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .step-item_title,
:lang(en) .noscript .step-item_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .step-item_title,
:lang(en) .noscript .step-item_title {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .step-item_text,
:lang(en) .noscript .step-item_text {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .step-item_text,
:lang(en) .noscript .step-item_text {
    font: 400 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0.02rem;
  }
}
:lang(en) .aa-font .bot-text_label,
:lang(en) .noscript .bot-text_label {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .bot-text_list-item,
:lang(en) .noscript .bot-text_list-item {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .alexa-page .step-item_title,
:lang(en) .noscript .alexa-page .step-item_title {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .alexa-page_main-intro,
:lang(en) .noscript .alexa-page_main-intro {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .alexa-page_alexa-intro,
:lang(en) .aa-font .alexa-page .step-item_text,
:lang(en) .noscript .alexa-page_alexa-intro,
:lang(en) .noscript .alexa-page .step-item_text {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .alexa-page_line,
:lang(en) .noscript .alexa-page_line {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_name,
:lang(en) .noscript .avatar_name {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_desc,
:lang(en) .noscript .avatar_desc {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_social-account .acc-name,
:lang(en) .noscript .avatar_social-account .acc-name {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinion_title,
:lang(en) .noscript .opinion_title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .opinion .avatar_name,
:lang(en) .noscript .opinion .avatar_name {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinion_description,
:lang(en) .noscript .opinion_description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinion.auth-articles .opinion_title,
:lang(en) .noscript .opinion.auth-articles .opinion_title {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .opinion.auth-articles .opinion_title,
:lang(en) .noscript .opinion.auth-articles .opinion_title {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .opinion.auth-articles .opinion_title,
:lang(en) .noscript .opinion.auth-articles .opinion_title {
    font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .opinions-author .author-name,
:lang(en) .noscript .opinions-author .author-name {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .opinions-author .author-name,
:lang(en) .noscript .opinions-author .author-name {
    font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .opinions-author.author-profile .author-description,
:lang(en) .noscript .opinions-author.author-profile .author-description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .author-listing .opinions-author .author-img .author-name,
:lang(en) .noscript .author-listing .opinions-author .author-img .author-name {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .author-listing .opinions-author .author-img .author-name,
:lang(en) .noscript .author-listing .opinions-author .author-img .author-name {
    font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .avatar_name,
:lang(en) .noscript .avatar_name {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_desc,
:lang(en) .noscript .avatar_desc {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .avatar_social-account .acc-name,
:lang(en) .noscript .avatar_social-account .acc-name {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .opinions-filter .select-alphapet .drop-down label,
:lang(en) .noscript .opinions-filter .select-alphapet .drop-down label {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .youtube10m-counter .flip-count__piece .card,
:lang(en) .noscript .youtube10m-counter .flip-count__piece .card {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .youtube10m-counter .flip-count__piece .card,
:lang(en) .noscript .youtube10m-counter .flip-count__piece .card {
    font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .section-follow-icon .message,
:lang(en) .noscript .section-follow-icon .message {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .section-follow-title .section-name,
:lang(en) .noscript .section-follow-title .section-name {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 501px) {
  :lang(en) .aa-font .section-follow-title .section-name,
:lang(en) .noscript .section-follow-title .section-name {
    font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .section-follow-nav .section-navigation li,
:lang(en) .noscript .section-follow-nav .section-navigation li {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .article-hero.featured .headingInfo h1.headingInfo_title,
:lang(en) .noscript .article-hero.featured .headingInfo h1.headingInfo_title {
  font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .article-hero.featured.feat-overlay .headingInfo h1.headingInfo_title,
:lang(en) .noscript .article-hero.featured.feat-overlay .headingInfo h1.headingInfo_title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
@media (min-width: 1200px) {
  :lang(en) .aa-font .article-hero.featured.feat-overlay .headingInfo h1.headingInfo_title,
:lang(en) .noscript .article-hero.featured.feat-overlay .headingInfo h1.headingInfo_title {
    font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
    letter-spacing: 0rem;
  }
}
:lang(en) .aa-font .mms-header__nav__item a,
:lang(en) .noscript .mms-header__nav__item a {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-hero__intro,
:lang(en) .noscript .mms-hero__intro {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mms-hero__btn,
:lang(en) .noscript .mms-hero__btn {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-intro__title,
:lang(en) .noscript .mms-intro__title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mms-intro__card-title,
:lang(en) .noscript .mms-intro__card-title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mms-intro__card-caption,
:lang(en) .noscript .mms-intro__card-caption {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-intro__description,
:lang(en) .noscript .mms-intro__description {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-intro__label,
:lang(en) .noscript .mms-intro__label {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-popup__caption,
:lang(en) .noscript .mms-popup__caption {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-popup__title,
:lang(en) .noscript .mms-popup__title {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mms-popup__btn,
:lang(en) .noscript .mms-popup__btn {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-popup__overlay-content .info__item__label,
:lang(en) .noscript .mms-popup__overlay-content .info__item__label {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-popup__overlay-content .info__item__data,
:lang(en) .noscript .mms-popup__overlay-content .info__item__data {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-popup__overlay-content .overview__caption,
:lang(en) .noscript .mms-popup__overlay-content .overview__caption {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-popup__overlay-content .overview__price,
:lang(en) .noscript .mms-popup__overlay-content .overview__price {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-popup__subtitle,
:lang(en) .noscript .mms-popup__subtitle {
  font: 300 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-popup__maintitle,
:lang(en) .noscript .mms-popup__maintitle {
  font: 400 3.6rem/3.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mms-tabs__title,
:lang(en) .noscript .mms-tabs__title {
  font: 500 4.6rem/4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mms-tabs .tabs-tab__text-label,
:lang(en) .noscript .mms-tabs .tabs-tab__text-label {
  font: 500 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-contact__emails__title,
:lang(en) .noscript .mms-contact__emails__title {
  font: 500 7.2rem/4.6rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mms-contact__emails__item .caption,
:lang(en) .noscript .mms-contact__emails__item .caption {
  font: 300 1.8rem/2rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-contact__emails__item .email,
:lang(en) .noscript .mms-contact__emails__item .email {
  font: 500 2.2rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-contact__addresses__item__info .city,
:lang(en) .noscript .mms-contact__addresses__item__info .city {
  font: 400 2.8rem/3rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0rem;
}
:lang(en) .aa-font .mms-contact__addresses__item__info .tel,
:lang(en) .noscript .mms-contact__addresses__item__info .tel {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}
:lang(en) .aa-font .mms-contact__addresses__item__info .loc,
:lang(en) .noscript .mms-contact__addresses__item__info .loc {
  font: 500 2.4rem/2.4rem alarabiya, "Helvetica Neue", sans-serif;
  letter-spacing: 0.02rem;
}