@font-face {
  font-family: ProximaNova400;
  src: url("/main/fonts/ProximaNovaRegular.otf") format("opentype");
}

@font-face {
  font-family: ProximaNova500;
  src: url("/main/fonts/ProximaNovaRegular.otf") format("opentype");
}

@font-face {
  font-family: ProximaNova600;
  src: url("/main/fonts/ProximaNovaSemibold.otf") format("opentype");
}

@font-face {
  font-family: ProximaNova700;
  src: url("/main/fonts/ProximaNovaBold.otf") format("opentype");
}

@font-face {
  font-family: ProximaNova800;
  src: url("/main/fonts/ProximaNovaExtrabold.otf") format("opentype");
}

@font-face {
  font-family: CascadiaMonoConsole;
  src: url("/main/fonts/CascadiaMono.ttf") format("truetype");
}

* {
  font-family: ProximaNova600;
}

.skellyload {
  user-select: none;
  color: transparent;
  border-radius: 4px;
  animation: skellyLoad .4s infinite;
  animation-direction: alternate;
  color: transparent !important;
  width: max-content !important;
}

.PulseLogo {
  display: inline-block;
}

.PulseLogo .PulseLogoGradient1 {
  stop-color: color-mix(in srgb, var(--PulsePanel-primaryColor) 60%, var(--PulsePanel-mainBackground));
  stop-opacity: 1;
}

.PulseLogo .PulseLogoGradient1:nth-child(2) {
  stop-color: color-mix(in srgb, var(--PulsePanel-primaryColor) 60%, var(--PulsePanel-mainBackground));
}

.PulseLogo .PulseLogoGradient2 {
  stop-color: var(--PulsePanel-primaryColor);
  stop-opacity: 1;
}

.PulseLogo .PulseLogoGradient2:nth-child(2) {
  stop-color: var(--PulsePanel-primaryColor);
}

@keyframes skellyLoad {
  from {
    background: var(--PulsePanel-skellyLoad1);
  }
  to {
    background: var(--PulsePanel-skellyLoad2);
  }
}

.dashboardTheme-light {
  --PulsePanel-primaryColor: #197DFF;
  --PulsePanel-primaryBackdropColor: #EAECF1;
  --PulsePanel-blurGradientColor1: #22283840;
  --PulsePanel-blurGradientColor2: #EAECF140;
  --PulsePanel-blurGradientAmount: blur(10px);
  --PulsePanel-boxShadow: 0px 0px 77px -43px rgba(0,0,0,0.75);
  --PulsePanel-skellyLoad1: #F4F5F8;
  --PulsePanel-skellyLoad2: #EAECF1;
  --PulsePanel-onlineStatusOnline: #05A884;
  --PulsePanel-onlineStatusAway: #F0B232;
  --PulsePanel-onlineStatusDND: #ED4245;
  --PulsePanel-onlineStatusOffline: #7A7E87;
  --PulsePanel-mainBackground: #F5F7F8;
  --PulsePanel-navbarBackground: #FFFFFF;
  --PulsePanel-sideMenuBackground: #F5F7F8;
  --PulsePanel-sideMenuBackgroundMobile: #F5F7F8;
  --PulsePanel-sideMenuPulseText: #222838;
  --PulsePanel-sideMenuSideline: #E8EDF0;
  --PulsePanel-sideMenuCategoryHeader: #222838;
  --PulsePanel-sideMenuCategoryHeaderLock: #222838;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #222838;
  --PulsePanel-sideMenuIcons: #555D67;
  --PulsePanel-sideMenuText: #555D67;
  --PulsePanel-sideMenuHover: #E8EDF0;
  --PulsePanel-sideMenuHoverText: #121417;
  --PulsePanel-sideMenuSelected: #E8EDF0;
  --PulsePanel-sideMenuSelectedText: #121417;
  --PulsePanel-sideMenuUnusable: #9195AB20;
  --PulsePanel-sideMenuUnusableText: #7780A1;
  --PulsePanel-NavbarUnderline: #E8EDF0;
  --PulsePanel-NavbarIconColor: #5A6383;
  --PulsePanel-profileSectionDropdown: #FFFFFF;
  --PulsePanel-profileSectionDropdownText: #7780A1;
  --PulsePanel-profileSectionDropdownHeader: #222838;
  --PulsePanel-profileSectionDropdownHover: #0d1522;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #197DFF;
  --PulsePanel-generic-chip-redbackdrop: #08182F;
  --PulsePanel-generic-chip-green: #197DFF;
  --PulsePanel-generic-chip-greenbackdrop: #08182F;
  --PulsePanel-generic-chip-blue: #197DFF;
  --PulsePanel-generic-chip-bluebackdrop: #08182F;
  --PulsePanel-generic-chip-purple: #197DFF;
  --PulsePanel-generic-chip-purplebackdrop: #08182F;
  --PulsePanel-generic-chip-orange: #197DFF;
  --PulsePanel-generic-chip-orangebackdrop: #08182F;
  --PulsePanel-contentSpacing: 0px;
  --module-general-containerBackground: #FFFFFF;
  --module-general-containerBackground2: #F2F2F2;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #121417;
  --module-general-containerText: #777F93;
  --module-general-slider-thumb: #FFF;
  --module-general-slider-checked: #3994FF;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #FFF;
  --moduleLookupClient-searchbarPlaceholder: #9195AB;
  --moduleLookupClient-searchbarText: #222838;
  --moduleCFXResolver-userTable: var(--PulsePanel-secundairBackground);
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.dashboardTheme-dark {
  --PulsePanel-primaryColor: #197DFF;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 8%, var(--PulsePanel-mainBackground));
  --PulsePanel-blurGradientColor1: #197DFF60;
  --PulsePanel-blurGradientColor2: #07152A60;
  --PulsePanel-blurGradientAmount: blur(10px);
  --PulsePanel-boxShadow: unset;
  --PulsePanel-skellyLoad1: #7780A1;
  --PulsePanel-skellyLoad2: #51576D;
  --PulsePanel-onlineStatusOnline: #05A884;
  --PulsePanel-onlineStatusAway: #F0B232;
  --PulsePanel-onlineStatusDND: #ED4245;
  --PulsePanel-onlineStatusOffline: #7A7E87;
  --PulsePanel-mainBackground: #050C17;
  --PulsePanel-navbarBackground: #050C17;
  --PulsePanel-sideMenuBackground: #050C17;
  --PulsePanel-sideMenuBackgroundMobile: #050C17;
  --PulsePanel-sideMenuPulseText: #FFF;
  --PulsePanel-sideMenuSideline: #2C2D3050;
  --PulsePanel-sideMenuCategoryHeader: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLock: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #FFFFFF;
  --PulsePanel-sideMenuIcons: #7780A1;
  --PulsePanel-sideMenuText: #7780A1;
  --PulsePanel-sideMenuHover: #08182F;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: var(--PulsePanel-generic-chip-bluebackdrop);
  --PulsePanel-sideMenuSelectedText: var(--PulsePanel-generic-chip-blue);
  --PulsePanel-sideMenuUnusable: #9195AB20;
  --PulsePanel-sideMenuUnusableText: #7780A1;
  --PulsePanel-NavbarUnderline: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-NavbarIconColor: #5A6383;
  --PulsePanel-profileSectionDropdown: #020812;
  --PulsePanel-profileSectionDropdownText: #7780A1;
  --PulsePanel-profileSectionDropdownHeader: #FFF;
  --PulsePanel-profileSectionDropdownHover: #0D1522;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #FF3232;
  --PulsePanel-generic-chip-redbackdrop: #582022;
  --PulsePanel-generic-chip-green: #00D085;
  --PulsePanel-generic-chip-greenbackdrop: #042023;
  --PulsePanel-generic-chip-blue: #197DFF;
  --PulsePanel-generic-chip-bluebackdrop: #08182F;
  --PulsePanel-generic-chip-purple: #7A69FB;
  --PulsePanel-generic-chip-purplebackdrop: #1D1F45;
  --PulsePanel-generic-chip-orange: #ff7C51;
  --PulsePanel-generic-chip-orangebackdrop: #372322;
  --PulsePanel-contentSpacing: 40px;
  --module-general-containerBackground: #0D1522;
  --module-general-containerBackground2: #152237;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #FFF;
  --module-general-containerText: #7780A1;
  --module-general-slider-thumb: #FFF;
  --module-general-slider-checked: #3994FF;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #0D1522;
  --moduleLookupClient-searchbarPlaceholder: #9195AB;
  --moduleLookupClient-searchbarText: #FFF;
  --moduleCFXResolver-userTable: var(--PulsePanel-secundairBackground);
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.dashboardTheme-bluepurple {
  --PulsePanel-primaryColor: #4A2D9C;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, #4A2D9C 50%, var(--PulsePanel-mainBackground));
  --PulsePanel-blurGradientColor1: #4a2d9c60;
  --PulsePanel-blurGradientColor2: #000;
  --PulsePanel-blurGradientAmount: blur(10px);
  --PulsePanel-boxShadow: unset;
  --PulsePanel-skellyLoad1: #120c2e;
  --PulsePanel-skellyLoad2: #120c2e50;
  --PulsePanel-onlineStatusOnline: #05A884;
  --PulsePanel-onlineStatusAway: #F0B232;
  --PulsePanel-onlineStatusDND: #ED4245;
  --PulsePanel-onlineStatusOffline: #7A7E87;
  --PulsePanel-mainBackground: #030014;
  --PulsePanel-navbarBackground: #030014;
  --PulsePanel-sideMenuBackground: #030014;
  --PulsePanel-sideMenuBackgroundMobile: #030014;
  --PulsePanel-sideMenuPulseText: #FFF;
  --PulsePanel-sideMenuSideline: #0c0526;
  --PulsePanel-sideMenuCategoryHeader: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLock: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #FFFFFF;
  --PulsePanel-sideMenuIcons: #7780A1;
  --PulsePanel-sideMenuText: #7780A1;
  --PulsePanel-sideMenuHover: #4A2D9C;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: #4A2D9C;
  --PulsePanel-sideMenuSelectedText: #E4E3E7;
  --PulsePanel-sideMenuUnusable: #9195AB20;
  --PulsePanel-sideMenuUnusableText: #7780A1;
  --PulsePanel-NavbarUnderline: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-NavbarIconColor: #5A6383;
  --PulsePanel-profileSectionDropdown: #020812;
  --PulsePanel-profileSectionDropdownText: #7780A1;
  --PulsePanel-profileSectionDropdownHeader: #FFF;
  --PulsePanel-profileSectionDropdownHover: #0d1522;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #E4E3E7;
  --PulsePanel-generic-chip-redbackdrop: #4E3D82;
  --PulsePanel-generic-chip-green: #E4E3E7;
  --PulsePanel-generic-chip-greenbackdrop: #4E3D82;
  --PulsePanel-generic-chip-blue: #E4E3E7;
  --PulsePanel-generic-chip-bluebackdrop: #4E3D82;
  --PulsePanel-generic-chip-purple: #E4E3E7;
  --PulsePanel-generic-chip-purplebackdrop: #4E3D82;
  --PulsePanel-generic-chip-orange: #E4E3E7;
  --PulsePanel-generic-chip-orangebackdrop: #4E3D82;
  --PulsePanel-contentSpacing: 40px;
  --module-general-containerBackground: #120C2E;
  --module-general-containerBackground2: #201551;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #FFF;
  --module-general-containerText: #7780A1;
  --module-general-slider-thumb: #FFF;
  --module-general-slider-checked: #3994FF;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #120C2E;
  --moduleLookupClient-searchbarPlaceholder: #9195AB;
  --moduleLookupClient-searchbarText: #FFF;
  --moduleCFXResolver-userTable: var(--PulsePanel-secundairBackground);
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.dashboardTheme-slategray {
  --PulsePanel-primaryColor: #71A0FE !important;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 50%, var(--PulsePanel-mainBackground));
  --PulsePanel-blurGradientColor1: #4F5D7250;
  --PulsePanel-blurGradientColor2: #00000050;
  --PulsePanel-blurGradientAmount: blur(10px);
  --PulsePanel-boxShadow: unset;
  --PulsePanel-skellyLoad1: #71A0FE;
  --PulsePanel-skellyLoad2: #71A0FE50;
  --PulsePanel-onlineStatusOnline: #05A884;
  --PulsePanel-onlineStatusAway: #F0B232;
  --PulsePanel-onlineStatusDND: #ED4245;
  --PulsePanel-onlineStatusOffline: #7A7E87;
  --PulsePanel-mainBackground: #161b28;
  --PulsePanel-navbarBackground: #1d2333;
  --PulsePanel-sideMenuBackground: #1d2333;
  --PulsePanel-sideMenuBackgroundMobile: #1d2333;
  --PulsePanel-sideMenuPulseText: #FFF;
  --PulsePanel-sideMenuSideline: #232E3E;
  --PulsePanel-sideMenuCategoryHeader: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLock: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #FFFFFF;
  --PulsePanel-sideMenuIcons: #7780A1;
  --PulsePanel-sideMenuText: #7780A1;
  --PulsePanel-sideMenuHover: #293444;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: #293444;
  --PulsePanel-sideMenuSelectedText: #E4E3E7;
  --PulsePanel-sideMenuUnusable: #9195AB20;
  --PulsePanel-sideMenuUnusableText: #7780A1;
  --PulsePanel-NavbarUnderline: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-NavbarIconColor: #5A6383;
  --PulsePanel-profileSectionDropdown: #020812;
  --PulsePanel-profileSectionDropdownText: #7780A1;
  --PulsePanel-profileSectionDropdownHeader: #FFF;
  --PulsePanel-profileSectionDropdownHover: #0d1522;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #D4D7DA;
  --PulsePanel-generic-chip-redbackdrop: #283547;
  --PulsePanel-generic-chip-green: #D4D7DA;
  --PulsePanel-generic-chip-greenbackdrop: #283547;
  --PulsePanel-generic-chip-blue: #D4D7DA;
  --PulsePanel-generic-chip-bluebackdrop: #283547;
  --PulsePanel-generic-chip-purple: #D4D7DA;
  --PulsePanel-generic-chip-purplebackdrop: #283547;
  --PulsePanel-generic-chip-orange: #D4D7DA;
  --PulsePanel-generic-chip-orangebackdrop: #283547;
  --PulsePanel-contentSpacing: 40px;
  --module-general-containerBackground: #1d2333;
  --module-general-containerBackground2: #22293c;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #FFF;
  --module-general-containerText: #7780A1;
  --module-general-slider-thumb: #FFF;
  --module-general-slider-checked: #3994FF;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #1F2937;
  --moduleLookupClient-searchbarPlaceholder: #9195AB;
  --moduleLookupClient-searchbarText: #FFF;
  --moduleCFXResolver-userTable: var(--PulsePanel-secundairBackground);
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.dashboardTheme-darkgray {
  --PulsePanel-primaryColor: #197DFF;
  --PulsePanel-primaryBackdropColor: #333333;
  --PulsePanel-blurGradientColor1: #1a1a1a80;
  --PulsePanel-blurGradientColor2: #33333380;
  --PulsePanel-blurGradientAmount: blur(10px);
  --PulsePanel-boxShadow: 0px 0px 77px -43px rgba(0, 0, 0, 0.85);
  --PulsePanel-skellyLoad1: #3c3c3c;
  --PulsePanel-skellyLoad2: #2f2f2f;
  --PulsePanel-onlineStatusOnline: #05A884;
  --PulsePanel-onlineStatusAway: #F0B232;
  --PulsePanel-onlineStatusDND: #ED4245;
  --PulsePanel-onlineStatusOffline: #7A7E87;
  --PulsePanel-mainBackground: #121417;
  --PulsePanel-navbarBackground: #1B1F23;
  --PulsePanel-sideMenuBackground: #121417;
  --PulsePanel-sideMenuBackgroundMobile: #121417;
  --PulsePanel-sideMenuPulseText: #FFFFFF;
  --PulsePanel-sideMenuSideline: #262A30;
  --PulsePanel-sideMenuCategoryHeader: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLock: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #CCCCCC;
  --PulsePanel-sideMenuIcons: #888888;
  --PulsePanel-sideMenuText: #BBBBBB;
  --PulsePanel-sideMenuHover: #444444;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: #444444;
  --PulsePanel-sideMenuSelectedText: #FFFFFF;
  --PulsePanel-sideMenuUnusable: #2E2E2E20;
  --PulsePanel-sideMenuUnusableText: #BBBBBB;
  --PulsePanel-NavbarUnderline: transparent;
  --PulsePanel-NavbarIconColor: #AAAAAA;
  --PulsePanel-profileSectionDropdown: #2E2E2E;
  --PulsePanel-profileSectionDropdownText: #BBBBBB;
  --PulsePanel-profileSectionDropdownHeader: #FFFFFF;
  --PulsePanel-profileSectionDropdownHover: #444444;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #197DFF;
  --PulsePanel-generic-chip-redbackdrop: #08182F;
  --PulsePanel-generic-chip-green: #197DFF;
  --PulsePanel-generic-chip-greenbackdrop: #08182F;
  --PulsePanel-generic-chip-blue: #197DFF;
  --PulsePanel-generic-chip-bluebackdrop: #08182F;
  --PulsePanel-generic-chip-purple: #197DFF;
  --PulsePanel-generic-chip-purplebackdrop: #08182F;
  --PulsePanel-generic-chip-orange: #197DFF;
  --PulsePanel-generic-chip-orangebackdrop: #08182F;
  --PulsePanel-contentSpacing: 0px;
  --module-general-containerBackground: #1B1F23;
  --module-general-containerBackground2: #262A30;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #FFFFFF;
  --module-general-containerText: #777F89;
  --module-general-slider-thumb: #FFFFFF;
  --module-general-slider-checked: #777777;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #333333;
  --moduleLookupClient-searchbarPlaceholder: #AAAAAA;
  --moduleLookupClient-searchbarText: #FFFFFF;
  --moduleCFXResolver-userTable: var(--PulsePanel-secundairBackground);
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.dashboardTheme-oled {
  --PulsePanel-primaryColor: #000000;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 10%, var(--PulsePanel-mainBackground));
  --PulsePanel-blurGradientColor1: #00000080;
  --PulsePanel-blurGradientColor2: #0A0A0A80;
  --PulsePanel-blurGradientAmount: blur(8px);
  --PulsePanel-boxShadow: unset;
  --PulsePanel-skellyLoad1: #1A1A1A;
  --PulsePanel-skellyLoad2: #0D0D0D;
  --PulsePanel-onlineStatusOnline: #005E50;
  --PulsePanel-onlineStatusAway: #4A3C11;
  --PulsePanel-onlineStatusDND: #5C0D0D;
  --PulsePanel-onlineStatusOffline: #2B2B2B;
  --PulsePanel-mainBackground: #000000;
  --PulsePanel-navbarBackground: #000000;
  --PulsePanel-sideMenuBackground: #000000;
  --PulsePanel-sideMenuBackgroundMobile: #000000;
  --PulsePanel-sideMenuPulseText: #FFFFFF;
  --PulsePanel-sideMenuSideline: #28282850;
  --PulsePanel-sideMenuCategoryHeader: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLock: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #FFFFFF;
  --PulsePanel-sideMenuIcons: #555555;
  --PulsePanel-sideMenuText: #AAAAAA;
  --PulsePanel-sideMenuHover: #1A1A1A;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: var(--PulsePanel-generic-chip-bluebackdrop);
  --PulsePanel-sideMenuSelectedText: var(--PulsePanel-generic-chip-blue);
  --PulsePanel-sideMenuUnusable: #44444420;
  --PulsePanel-sideMenuUnusableText: #555555;
  --PulsePanel-NavbarUnderline: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-NavbarIconColor: #444444;
  --PulsePanel-profileSectionDropdown: #0A0A0A;
  --PulsePanel-profileSectionDropdownText: #555555;
  --PulsePanel-profileSectionDropdownHeader: #FFFFFF;
  --PulsePanel-profileSectionDropdownHover: #1A1A1A;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #FF3232;
  --PulsePanel-generic-chip-redbackdrop: #330000;
  --PulsePanel-generic-chip-green: #00D085;
  --PulsePanel-generic-chip-greenbackdrop: #00332A;
  --PulsePanel-generic-chip-blue: #0052CC;
  --PulsePanel-generic-chip-bluebackdrop: #001A33;
  --PulsePanel-generic-chip-purple: #4B0082;
  --PulsePanel-generic-chip-purplebackdrop: #1A0033;
  --PulsePanel-generic-chip-orange: #CC5200;
  --PulsePanel-generic-chip-orangebackdrop: #331A00;
  --PulsePanel-contentSpacing: 40px;
  --module-general-containerBackground: #1A1A1A;
  --module-general-containerBackground2: #0A0A0A;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #FFFFFF;
  --module-general-containerText: #AAAAAA;
  --module-general-slider-thumb: #FFFFFF;
  --module-general-slider-checked: #555555;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #1A1A1A;
  --moduleLookupClient-searchbarPlaceholder: #555555;
  --moduleLookupClient-searchbarText: #FFFFFF;
  --moduleCFXResolver-userTable: var(--PulsePanel-mainBackground);
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.dashboardTheme-neonnight {
  --PulsePanel-primaryColor: #7DE2D1;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 10%, var(--PulsePanel-mainBackground));
  --PulsePanel-blurGradientColor1: #7DE2D160;
  --PulsePanel-blurGradientColor2: #2B2E3F60;
  --PulsePanel-blurGradientAmount: blur(10px);
  --PulsePanel-boxShadow: unset;
  --PulsePanel-skellyLoad1: #8892B0;
  --PulsePanel-skellyLoad2: #4B5168;
  --PulsePanel-onlineStatusOnline: #3AD29F;
  --PulsePanel-onlineStatusAway: #F7C948;
  --PulsePanel-onlineStatusDND: #FF6B6B;
  --PulsePanel-onlineStatusOffline: #6C738A;
  --PulsePanel-mainBackground: #161A2B;
  --PulsePanel-navbarBackground: #161A2B;
  --PulsePanel-sideMenuBackground: #161A2B;
  --PulsePanel-sideMenuBackgroundMobile: #161A2B;
  --PulsePanel-sideMenuPulseText: #F5F7FA;
  --PulsePanel-sideMenuSideline: #2F334850;
  --PulsePanel-sideMenuCategoryHeader: #E8EAF1;
  --PulsePanel-sideMenuCategoryHeaderLock: #E8EAF1;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #FFFFFF;
  --PulsePanel-sideMenuIcons: #8993B1;
  --PulsePanel-sideMenuText: #8993B1;
  --PulsePanel-sideMenuHover: #1F2436;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: #2C3E50;
  --PulsePanel-sideMenuSelectedText: #7DE2D1;
  --PulsePanel-sideMenuUnusable: #999DA820;
  --PulsePanel-sideMenuUnusableText: #8993B1;
  --PulsePanel-NavbarUnderline: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-NavbarIconColor: #6D768C;
  --PulsePanel-profileSectionDropdown: #1A1F2E;
  --PulsePanel-profileSectionDropdownText: #8993B1;
  --PulsePanel-profileSectionDropdownHeader: #FFFFFF;
  --PulsePanel-profileSectionDropdownHover: #22273A;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #FF6B6B;
  --PulsePanel-generic-chip-redbackdrop: #4A1B1B;
  --PulsePanel-generic-chip-green: #3AD29F;
  --PulsePanel-generic-chip-greenbackdrop: #1A3A36;
  --PulsePanel-generic-chip-blue: #7DE2D1;
  --PulsePanel-generic-chip-bluebackdrop: #1E2C34;
  --PulsePanel-generic-chip-purple: #BFA6FF;
  --PulsePanel-generic-chip-purplebackdrop: #2B2543;
  --PulsePanel-generic-chip-orange: #FFA366;
  --PulsePanel-generic-chip-orangebackdrop: #3B2A1F;
  --PulsePanel-contentSpacing: 40px;
  --module-general-containerBackground: #1E2234;
  --module-general-containerBackground2: #242B40;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #F5F7FA;
  --module-general-containerText: #8993B1;
  --module-general-slider-thumb: #FFFFFF;
  --module-general-slider-checked: #7DE2D1;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #1E2234;
  --moduleLookupClient-searchbarPlaceholder: #A0A7C1;
  --moduleLookupClient-searchbarText: #F5F7FA;
  --moduleCFXResolver-userTable: #1A1F2E;
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.dashboardTheme-og {
  --PulsePanel-primaryColor: #E10000;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 8%, var(--PulsePanel-mainBackground));
  --PulsePanel-blurGradientColor1: #E1000060;
  --PulsePanel-blurGradientColor2: #E1000060;
  --PulsePanel-blurGradientAmount: blur(5px);
  --PulsePanel-boxShadow: unset;
  --PulsePanel-skellyLoad1: #7780A1;
  --PulsePanel-skellyLoad2: #51576D;
  --PulsePanel-onlineStatusOnline: #05A884;
  --PulsePanel-onlineStatusAway: #F0B232;
  --PulsePanel-onlineStatusDND: #ED4245;
  --PulsePanel-onlineStatusOffline: #7A7E87;
  --PulsePanel-mainBackground: #111318;
  --PulsePanel-navbarBackground: #0A0B0E;
  --PulsePanel-sideMenuBackground: #0A0B0E;
  --PulsePanel-sideMenuBackgroundMobile: #0A0B0E;
  --PulsePanel-sideMenuPulseText: #FFF;
  --PulsePanel-sideMenuSideline: #121316;
  --PulsePanel-sideMenuCategoryHeader: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLock: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #FFFFFF;
  --PulsePanel-sideMenuIcons: #7780A1;
  --PulsePanel-sideMenuText: #7780A1;
  --PulsePanel-sideMenuHover: #1F2129;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: #1F2129;
  --PulsePanel-sideMenuSelectedText: var(--PulsePanel-generic-chip-blue);
  --PulsePanel-sideMenuUnusable: #9195AB20;
  --PulsePanel-sideMenuUnusableText: #7780A1;
  --PulsePanel-NavbarUnderline: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-NavbarIconColor: #5A6383;
  --PulsePanel-profileSectionDropdown: #020812;
  --PulsePanel-profileSectionDropdownText: #7780A1;
  --PulsePanel-profileSectionDropdownHeader: #FFF;
  --PulsePanel-profileSectionDropdownHover: #0d1522;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #F8BE4D;
  --PulsePanel-generic-chip-redbackdrop: #52483A;
  --PulsePanel-generic-chip-green: #F8BE4D;
  --PulsePanel-generic-chip-greenbackdrop: #52483A;
  --PulsePanel-generic-chip-blue: #F8BE4D;
  --PulsePanel-generic-chip-bluebackdrop: #52483A;
  --PulsePanel-generic-chip-purple: #F8BE4D;
  --PulsePanel-generic-chip-purplebackdrop: #52483A;
  --PulsePanel-generic-chip-orange: #F8BE4D;
  --PulsePanel-generic-chip-orangebackdrop: #52483A;
  --PulsePanel-contentSpacing: 24px;
  --module-general-containerBackground: #17181E;
  --module-general-containerBackground2: #17181E;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #FFF;
  --module-general-containerText: #7780A1;
  --module-general-slider-thumb: #FFF;
  --module-general-slider-checked: #3994FF;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #17181E;
  --moduleLookupClient-searchbarPlaceholder: #9195AB;
  --moduleLookupClient-searchbarText: #FFF;
  --moduleCFXResolver-userTable: var(--PulsePanel-secundairBackground);
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.dashboardTheme-og .header {
  justify-content: center;
}

.dashboardTheme-og sideMenuLogoHeader svg {
  transform: scale(1, 1.4);
  width: 36px !important;
}

.dashboardTheme-og sideMenuLogoHeader p::before {
  font-size: 26px;
  font-family: ProximaNova600;
  letter-spacing: 2px;
  content: "PULSE" !important;
}

.dashboardTheme-og #PulsePanel__panelVersion {
  display: none !important;
}

.dashboardTheme-og #PulsePanel__notifications {
  display: none !important;
}

.dashboardTheme-og #PulsePanel__settingsMenu {
  display: none !important;
}

.dashboardTheme-og #PulsePanel__cart {
  display: none !important;
}

.dashboardTheme-og panelBalance {
  display: none !important;
}

.dashboardTheme-og panelBalanceTopup {
  display: none !important;
}

.dashboardTheme-colorVarient-green {
  --PulsePanel-primaryColor: #009E5B !important;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 8%, var(--PulsePanel-mainBackground));
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(45, 253, 163, 1) 0%, rgba(34, 193, 195, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(45, 253, 163, .4);
  --PulsePanel-blurGradientColor2: rgba(34, 193, 195, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(34, 193, 195, .8) 0%, rgba(45, 253, 163, .8) 100%);
  --PulsePanel-generic-chip-red: #FFFFFF;
  --PulsePanel-generic-chip-redbackdrop: #009E5B60;
  --PulsePanel-generic-chip-green: #FFFFFF;
  --PulsePanel-generic-chip-greenbackdrop: #009E5B60;
  --PulsePanel-generic-chip-blue: #FFFFFF;
  --PulsePanel-generic-chip-bluebackdrop: #009E5B60;
  --PulsePanel-generic-chip-purple: #FFFFFF;
  --PulsePanel-generic-chip-purplebackdrop: #009E5B60;
  --PulsePanel-generic-chip-orange: #FFFFFF;
  --PulsePanel-generic-chip-orangebackdrop: #009E5B60;
  --PulsePanel-profileImageBorder: #0D4E4E;
  --PulsePanel-profileNameContainer: #0D4E4E;
}

.dashboardTheme-colorVarient-red {
  --PulsePanel-primaryColor: #D9142C !important;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 8%, var(--PulsePanel-mainBackground));
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(253, 29, 29, 1) 0%, rgba(180, 58, 95, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(253, 29, 29, .4);
  --PulsePanel-blurGradientColor2: rgba(180, 58, 95, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(253, 29, 29, .8) 0%, rgba(180, 58, 95, .8) 100%);
  --PulsePanel-generic-chip-red: #FFFFFF;
  --PulsePanel-generic-chip-redbackdrop: #D9142C60;
  --PulsePanel-generic-chip-green: #FFFFFF;
  --PulsePanel-generic-chip-greenbackdrop: #D9142C60;
  --PulsePanel-generic-chip-blue: #FFFFFF;
  --PulsePanel-generic-chip-bluebackdrop: #D9142C60;
  --PulsePanel-generic-chip-purple: #FFFFFF;
  --PulsePanel-generic-chip-purplebackdrop: #D9142C60;
  --PulsePanel-generic-chip-orange: #FFFFFF;
  --PulsePanel-generic-chip-orangebackdrop: #D9142C60;
  --PulsePanel-profileImageBorder: #491725;
  --PulsePanel-profileNameContainer: #491725;
}

.dashboardTheme-colorVarient-aqua {
  --PulsePanel-primaryColor: #09FFFF !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(166,162,205,1) 0%, rgba(90, 180, 197, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(166, 162, 205, .4);
  --PulsePanel-blurGradientColor2: rgba(90, 180, 197, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(166, 162, 205, .8)  0%, rgba(90, 180, 197, .8) 100%);
  --PulsePanel-generic-chip-red: #FFFFFF;
  --PulsePanel-generic-chip-redbackdrop: #09FFFF60;
  --PulsePanel-generic-chip-green: #FFFFFF;
  --PulsePanel-generic-chip-greenbackdrop: #09FFFF60;
  --PulsePanel-generic-chip-blue: #FFFFFF;
  --PulsePanel-generic-chip-bluebackdrop: #09FFFF60;
  --PulsePanel-generic-chip-purple: #FFFFFF;
  --PulsePanel-generic-chip-purplebackdrop: #09FFFF60;
  --PulsePanel-generic-chip-orange: #FFFFFF;
  --PulsePanel-generic-chip-orangebackdrop: #09FFFF60;
  --PulsePanel-profileImageBorder: #25484F;
  --PulsePanel-profileNameContainer: #25484F;
}

.dashboardTheme-colorVarient-purple {
  --PulsePanel-primaryColor: #7925C7 !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(189, 162, 205, 1) 0%, rgba(112, 90, 197, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(189, 162, 205, .4);
  --PulsePanel-blurGradientColor2: rgba(112, 90, 197, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(112, 90, 197, .8)  0%, rgba(189, 162, 205, .8) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #7925C780;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #7925C780;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #7925C780;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #7925C780;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #7925C780;
  --PulsePanel-profileImageBorder: #2E254F;
  --PulsePanel-profileNameContainer: #2E254F;
}

.dashboardTheme-colorVarient-orange {
  --PulsePanel-primaryColor: #FCA347 !important;
  --PulsePanel-backgroundLayer: linear-gradient(-45deg, rgba(253, 73, 48, 1) 0%, rgba(252, 188, 78, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(253, 73, 48, .4);
  --PulsePanel-blurGradientColor2: rgba(252, 188, 78, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(253, 73, 48, .8)  0%, rgba(252, 188, 78, .8) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FCA34760;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FCA34760;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FCA34760;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FCA34760;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FCA34760;
  --PulsePanel-profileImageBorder: #7E3F1F;
  --PulsePanel-profileNameContainer: #7E3F1F;
  --PulsePanel-mainBackground: #00000080 !important;
  --PulsePanel-navbarBackground: #00000080 !important;
  --PulsePanel-sideMenuBackground: #00000080 !important;
}

.dashboardTheme-colorVarient-space {
  --PulsePanel-primaryColor: #3F7CA8 !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(42,89,236,1) 33%, rgba(0,0,0,1) 97%);
  --PulsePanel-blurGradientColor1: rgba(255, 255, 255, .4);
  --PulsePanel-blurGradientColor2: rgba(0, 0, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(0, 0, 0, .8)  0%, rgba(255, 255, 255, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #3F7CA860;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #3F7CA860;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #3F7CA860;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #3F7CA860;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #3F7CA860;
  --PulsePanel-profileImageBorder: #0B173D;
  --PulsePanel-profileNameContainer: #0B173D;
}

.dashboardTheme-colorVarient-sunset {
  --PulsePanel-primaryColor: #FF4500 !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(255, 165, 0, 1) 0%, rgba(255, 69, 0, 1) 50%, rgba(128, 0, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 165, 0, .4);
  --PulsePanel-blurGradientColor2: rgba(128, 0, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(128, 0, 0, .8) 0%, rgba(255, 165, 0, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF450060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF450060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF450060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF450060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF450060;
  --PulsePanel-profileImageBorder: #8B0000;
  --PulsePanel-profileNameContainer: #8B0000;
}

.dashboardTheme-colorVarient-ocean {
  --PulsePanel-primaryColor: #1E90FF !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(135, 206, 250, 1) 0%, rgba(30, 144, 255, 1) 50%, rgba(0, 0, 139, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(135, 206, 250, .4);
  --PulsePanel-blurGradientColor2: rgba(0, 0, 139, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(0, 0, 139, .8) 0%, rgba(135, 206, 250, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #1E90FF60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #1E90FF60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #1E90FF60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #1E90FF60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #1E90FF60;
  --PulsePanel-profileImageBorder: #00008B;
  --PulsePanel-profileNameContainer: #00008B;
}

.dashboardTheme-colorVarient-forest {
  --PulsePanel-primaryColor: #228B22 !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(144, 238, 144, 1) 0%, rgba(34, 139, 34, 1) 50%, rgba(0, 100, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(144, 238, 144, .4);
  --PulsePanel-blurGradientColor2: rgba(0, 100, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(0, 100, 0, .8) 0%, rgba(144, 238, 144, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #228B2260;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #228B2260;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #228B2260;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #228B2260;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #228B2260;
  --PulsePanel-profileImageBorder: #006400;
  --PulsePanel-profileNameContainer: #006400;
}

.dashboardTheme-colorVarient-midnight {
  --PulsePanel-primaryColor: #191970 !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(25, 25, 112, 1) 0%, rgba(0, 0, 139, 1) 50%, rgba(0, 0, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(25, 25, 112, .4);
  --PulsePanel-blurGradientColor2: rgba(0, 0, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(25, 25, 112, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #19197060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #19197060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #19197060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #19197060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #19197060;
  --PulsePanel-profileImageBorder: #00008B;
  --PulsePanel-profileNameContainer: #00008B;
}

.dashboardTheme-colorVarient-flame {
  --PulsePanel-primaryColor: #FF4500 !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(255, 69, 0, 1) 0%, rgba(255, 0, 0, 1) 50%, rgba(139, 0, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 69, 0, .4);
  --PulsePanel-blurGradientColor2: rgba(139, 0, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(139, 0, 0, .8) 0%, rgba(255, 69, 0, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF450060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF450060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF450060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF450060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF450060;
  --PulsePanel-profileImageBorder: #8B0000;
  --PulsePanel-profileNameContainer: #8B0000;
}

.dashboardTheme-colorVarient-pasteldream {
  --PulsePanel-primaryColor: #FFB6C1 !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(255, 182, 193, 1) 0%, rgba(255, 240, 245, 1) 50%, rgba(135, 206, 250, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 182, 193, .4);
  --PulsePanel-blurGradientColor2: rgba(135, 206, 250, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(135, 206, 250, .8) 0%, rgba(255, 182, 193, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FFB6C160;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FFB6C160;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FFB6C160;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FFB6C160;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FFB6C160;
  --PulsePanel-profileImageBorder: #FF69B4;
  --PulsePanel-profileNameContainer: #FF69B4;
}

.dashboardTheme-colorVarient-dusk {
  --PulsePanel-primaryColor: #6A5ACD !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(106, 90, 205, 1) 0%, rgba(72, 61, 139, 1) 50%, rgba(0, 0, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(106, 90, 205, .4);
  --PulsePanel-blurGradientColor2: rgba(72, 61, 139, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(72, 61, 139, .8) 0%, rgba(106, 90, 205, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #6A5ACD60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #6A5ACD60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #6A5ACD60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #6A5ACD60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #6A5ACD60;
  --PulsePanel-profileImageBorder: #483D8B;
  --PulsePanel-profileNameContainer: #483D8B;
}

.dashboardTheme-colorVarient-autumn {
  --PulsePanel-primaryColor: #D2691E !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(210, 105, 30, 1) 0%, rgba(139, 69, 19, 1) 50%, rgba(85, 54, 32, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(210, 105, 30, .4);
  --PulsePanel-blurGradientColor2: rgba(139, 69, 19, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(139, 69, 19, .8) 0%, rgba(210, 105, 30, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #D2691E60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #D2691E60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #D2691E60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #D2691E60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #D2691E60;
  --PulsePanel-profileImageBorder: #8B4513;
  --PulsePanel-profileNameContainer: #8B4513;
}

.dashboardTheme-colorVarient-lavender {
  --PulsePanel-primaryColor: #E6E6FA !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(230, 230, 250, 1) 0%, rgba(255, 192, 203, 1) 50%, rgba(238, 130, 238, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(230, 230, 250, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 192, 203, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(238, 130, 238, .8) 0%, rgba(255, 192, 203, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #E6E6FA60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #E6E6FA60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #E6E6FA60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #E6E6FA60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #E6E6FA60;
  --PulsePanel-profileImageBorder: #DA70D6;
  --PulsePanel-profileNameContainer: #DA70D6;
}

.dashboardTheme-colorVarient-blush {
  --PulsePanel-primaryColor: #FFB6C1 !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(255, 182, 193, 1) 0%, rgba(255, 99, 71, 1) 50%, rgba(205, 92, 92, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 182, 193, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 99, 71, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(205, 92, 92, .8) 0%, rgba(255, 182, 193, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FFB6C160;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FFB6C160;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FFB6C160;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FFB6C160;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FFB6C160;
  --PulsePanel-profileImageBorder: #FF6347;
  --PulsePanel-profileNameContainer: #FF6347;
}

.dashboardTheme-colorVarient-skyline {
  --PulsePanel-primaryColor: #87CEEB !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(135, 206, 235, 1) 0%, rgba(240, 248, 255, 1) 50%, rgba(70, 130, 180, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(135, 206, 235, .4);
  --PulsePanel-blurGradientColor2: rgba(240, 248, 255, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(70, 130, 180, .8) 0%, rgba(240, 248, 255, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #87CEEB60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #87CEEB60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #87CEEB60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #87CEEB60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #87CEEB60;
  --PulsePanel-profileImageBorder: #4682B4;
  --PulsePanel-profileNameContainer: #4682B4;
}

.dashboardTheme-colorVarient-emerald {
  --PulsePanel-primaryColor: #50C878 !important;
  --PulsePanel-backgroundLayer: linear-gradient(0deg, rgba(80, 200, 120, 1) 0%, rgba(0, 128, 128, 1) 50%, rgba(0, 100, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(80, 200, 120, .4);
  --PulsePanel-blurGradientColor2: rgba(0, 128, 128, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(0deg, rgba(0, 100, 0, .8) 0%, rgba(80, 200, 120, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #50C87860;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #50C87860;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #50C87860;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #50C87860;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #50C87860;
  --PulsePanel-profileImageBorder: #008080;
  --PulsePanel-profileNameContainer: #008080;
}

.dashboardTheme-colorVarient-tropical {
  --PulsePanel-primaryColor: #00FA9A !important;
  --PulsePanel-backgroundLayer: linear-gradient(45deg, rgba(0, 250, 154, 1) 0%, rgba(255, 215, 0, 1) 50%, rgba(255, 140, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(0, 250, 154, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 140, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(45deg, rgba(255, 140, 0, .8) 0%, rgba(0, 250, 154, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #00FA9A60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #00FA9A60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #00FA9A60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #00FA9A60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #00FA9A60;
  --PulsePanel-profileImageBorder: #FF8C00;
  --PulsePanel-profileNameContainer: #FF8C00;
}

.dashboardTheme-colorVarient-candy {
  --PulsePanel-primaryColor: #FF69B4 !important;
  --PulsePanel-backgroundLayer: linear-gradient(135deg, rgba(255, 105, 180, 1) 0%, rgba(218, 112, 214, 1) 50%, rgba(30, 144, 255, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 105, 180, .4);
  --PulsePanel-blurGradientColor2: rgba(30, 144, 255, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(135deg, rgba(30, 144, 255, .8) 0%, rgba(255, 105, 180, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF69B460;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF69B460;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF69B460;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF69B460;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF69B460;
  --PulsePanel-profileImageBorder: #DA70D6;
  --PulsePanel-profileNameContainer: #DA70D6;
}

.dashboardTheme-colorVarient-neonlights {
  --PulsePanel-primaryColor: #39FF14 !important;
  --PulsePanel-backgroundLayer: linear-gradient(225deg, rgba(57, 255, 20, 1) 0%, rgba(0, 191, 255, 1) 50%, rgba(148, 0, 211, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(57, 255, 20, .4);
  --PulsePanel-blurGradientColor2: rgba(148, 0, 211, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(225deg, rgba(148, 0, 211, .8) 0%, rgba(57, 255, 20, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #39FF1460;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #39FF1460;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #39FF1460;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #39FF1460;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #39FF1460;
  --PulsePanel-profileImageBorder: #9400D3;
  --PulsePanel-profileNameContainer: #9400D3;
}

.dashboardTheme-colorVarient-sunrise {
  --PulsePanel-primaryColor: #FF1493 !important;
  --PulsePanel-backgroundLayer: linear-gradient(90deg, rgba(255, 20, 147, 1) 0%, rgba(255, 69, 0, 1) 50%, rgba(255, 215, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 20, 147, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 215, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(90deg, rgba(255, 215, 0, .8) 0%, rgba(255, 20, 147, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF149360;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF149360;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF149360;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF149360;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF149360;
  --PulsePanel-profileImageBorder: #FF4500;
  --PulsePanel-profileNameContainer: #FF4500;
}

.dashboardTheme-colorVarient-inferno {
  --PulsePanel-primaryColor: #FF4500 !important;
  --PulsePanel-backgroundLayer: linear-gradient(270deg, rgba(255, 69, 0, 1) 0%, rgba(255, 99, 71, 1) 50%, rgba(255, 165, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 69, 0, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 165, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(270deg, rgba(255, 165, 0, .8) 0%, rgba(255, 69, 0, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF450060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF450060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF450060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF450060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF450060;
  --PulsePanel-profileImageBorder: #FF6347;
  --PulsePanel-profileNameContainer: #FF6347;
}

.dashboardTheme-colorVarient-aurora {
  --PulsePanel-primaryColor: #7FFF00 !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(127, 255, 0, 1) 0%, rgba(0, 206, 209, 1) 50%, rgba(138, 43, 226, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(127, 255, 0, .4);
  --PulsePanel-blurGradientColor2: rgba(138, 43, 226, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(138, 43, 226, .8) 0%, rgba(127, 255, 0, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #7FFF0060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #7FFF0060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #7FFF0060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #7FFF0060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #7FFF0060;
  --PulsePanel-profileImageBorder: #8A2BE2;
  --PulsePanel-profileNameContainer: #8A2BE2;
}

.dashboardTheme-colorVarient-galactic {
  --PulsePanel-primaryColor: #4B0082 !important;
  --PulsePanel-backgroundLayer: linear-gradient(225deg, rgba(75, 0, 130, 1) 0%, rgba(0, 0, 255, 1) 30%, rgba(255, 20, 147, 1) 60%, rgba(0, 0, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(75, 0, 130, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 20, 147, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(225deg, rgba(255, 20, 147, .8) 0%, rgba(75, 0, 130, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #4B008260;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #4B008260;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #4B008260;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #4B008260;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #4B008260;
  --PulsePanel-profileImageBorder: #0000FF;
  --PulsePanel-profileNameContainer: #0000FF;
}

.dashboardTheme-colorVarient-volcano {
  --PulsePanel-primaryColor: #B22222 !important;
  --PulsePanel-backgroundLayer: linear-gradient(315deg, rgba(178, 34, 34, 1) 0%, rgba(255, 69, 0, 1) 50%, rgba(47, 79, 79, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(178, 34, 34, .4);
  --PulsePanel-blurGradientColor2: rgba(47, 79, 79, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(315deg, rgba(47, 79, 79, .8) 0%, rgba(178, 34, 34, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #B2222260;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #B2222260;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #B2222260;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #B2222260;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #B2222260;
  --PulsePanel-profileImageBorder: #FF4500;
  --PulsePanel-profileNameContainer: #FF4500;
}

.dashboardTheme-colorVarient-holographic {
  --PulsePanel-primaryColor: #FFB6C1 !important;
  --PulsePanel-backgroundLayer: linear-gradient(135deg, rgba(255, 182, 193, 1) 0%, rgba(125, 249, 255, 1) 50%, rgba(230, 230, 250, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 182, 193, .4);
  --PulsePanel-blurGradientColor2: rgba(125, 249, 255, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(135deg, rgba(230, 230, 250, .8) 0%, rgba(255, 182, 193, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FFB6C160;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FFB6C160;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FFB6C160;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FFB6C160;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FFB6C160;
  --PulsePanel-profileImageBorder: #7DF9FF;
  --PulsePanel-profileNameContainer: #7DF9FF;
}

.dashboardTheme-colorVarient-cyberpunk {
  --PulsePanel-primaryColor: #FF1493 !important;
  --PulsePanel-backgroundLayer: linear-gradient(45deg, rgba(255, 20, 147, 1) 0%, rgba(0, 255, 255, 1) 50%, rgba(138, 43, 226, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 20, 147, .4);
  --PulsePanel-blurGradientColor2: rgba(138, 43, 226, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(45deg, rgba(138, 43, 226, .8) 0%, rgba(255, 20, 147, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF149360;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF149360;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF149360;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF149360;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF149360;
  --PulsePanel-profileImageBorder: #00FFFF;
  --PulsePanel-profileNameContainer: #00FFFF;
}

.dashboardTheme-colorVarient-retrowave {
  --PulsePanel-primaryColor: #FF4500 !important;
  --PulsePanel-backgroundLayer: linear-gradient(45deg, rgba(255, 69, 0, 1) 0%, rgba(75, 0, 130, 1) 50%, rgba(0, 255, 127, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 69, 0, .4);
  --PulsePanel-blurGradientColor2: rgba(75, 0, 130, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(45deg, rgba(75, 0, 130, .8) 0%, rgba(255, 69, 0, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF450060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF450060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF450060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF450060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF450060;
  --PulsePanel-profileImageBorder: #4B0082;
  --PulsePanel-profileNameContainer: #4B0082;
}

.dashboardTheme-colorVarient-neonblue {
  --PulsePanel-primaryColor: #00BFFF !important;
  --PulsePanel-backgroundLayer: linear-gradient(45deg, rgba(0, 191, 255, 1) 0%, rgba(255, 255, 0, 1) 50%, rgba(0, 255, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(0, 191, 255, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 255, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(45deg, rgba(0, 255, 0, .8) 0%, rgba(0, 191, 255, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #00BFFF60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #00BFFF60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #00BFFF60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #00BFFF60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #00BFFF60;
  --PulsePanel-profileImageBorder: #FFFF00;
  --PulsePanel-profileNameContainer: #FFFF00;
}

.dashboardTheme-colorVarient-sundown {
  --PulsePanel-primaryColor: #FF4500 !important;
  --PulsePanel-backgroundLayer: linear-gradient(45deg, rgba(255, 99, 71, 1) 0%, rgba(255, 165, 0, 1) 50%, rgba(255, 215, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 99, 71, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 165, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(45deg, rgba(255, 215, 0, .8) 0%, rgba(255, 99, 71, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF450060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF450060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF450060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF450060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF450060;
  --PulsePanel-profileImageBorder: #FFA500;
  --PulsePanel-profileNameContainer: #FFA500;
}

.dashboardTheme-colorVarient-electricdreams {
  --PulsePanel-primaryColor: #00FF7F !important;
  --PulsePanel-backgroundLayer: linear-gradient(45deg, rgba(0, 255, 127, 1) 0%, rgba(75, 0, 130, 1) 50%, rgba(0, 255, 255, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(0, 255, 127, .4);
  --PulsePanel-blurGradientColor2: rgba(75, 0, 130, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(45deg, rgba(0, 255, 255, .8) 0%, rgba(0, 255, 127, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #00FF7F60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #00FF7F60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #00FF7F60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #00FF7F60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #00FF7F60;
  --PulsePanel-profileImageBorder: #4B0082;
  --PulsePanel-profileNameContainer: #4B0082;
}

.dashboardTheme-colorVarient-metallicmist {
  --PulsePanel-primaryColor: #C0C0C0 !important;
  --PulsePanel-backgroundLayer: linear-gradient(45deg, rgba(192, 192, 192, 1) 0%, rgba(255, 215, 0, 1) 50%, rgba(255, 69, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(192, 192, 192, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 215, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(45deg, rgba(255, 69, 0, .8) 0%, rgba(192, 192, 192, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #C0C0C060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #C0C0C060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #C0C0C060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #C0C0C060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #C0C0C060;
  --PulsePanel-profileImageBorder: #FFD700;
  --PulsePanel-profileNameContainer: #FFD700;
}

.dashboardTheme-colorVarient-cosmicblaze {
  --PulsePanel-primaryColor: #FF6F61 !important;
  --PulsePanel-backgroundLayer: linear-gradient(60deg, rgba(255, 111, 97, 1) 0%, rgba(251, 255, 138, 1) 25%, rgba(138, 43, 226, 1) 50%, rgba(0, 191, 255, 1) 75%, rgba(255, 20, 147, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 111, 97, .4);
  --PulsePanel-blurGradientColor2: rgba(138, 43, 226, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(60deg, rgba(251, 255, 138, .8) 0%, rgba(255, 111, 97, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF6F6160;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF6F6160;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF6F6160;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF6F6160;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF6F6160;
  --PulsePanel-profileImageBorder: #8A2BE2;
  --PulsePanel-profileNameContainer: #8A2BE2;
}

.dashboardTheme-colorVarient-mysticforest {
  --PulsePanel-primaryColor: #228B22 !important;
  --PulsePanel-backgroundLayer: linear-gradient(120deg, rgba(34, 139, 34, 1) 0%, rgba(144, 238, 144, 1) 50%, rgba(0, 100, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(34, 139, 34, .4);
  --PulsePanel-blurGradientColor2: rgba(144, 238, 144, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(120deg, rgba(144, 238, 144, .8) 0%, rgba(34, 139, 34, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #228B2260;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #228B2260;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #228B2260;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #228B2260;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #228B2260;
  --PulsePanel-profileImageBorder: #006400;
  --PulsePanel-profileNameContainer: #006400;
}

.dashboardTheme-colorVarient-solarstorm {
  --PulsePanel-primaryColor: #FFD700 !important;
  --PulsePanel-backgroundLayer: linear-gradient(210deg, rgba(255, 215, 0, 1) 0%, rgba(255, 69, 0, 1) 33%, rgba(255, 20, 147, 1) 66%, rgba(0, 0, 255, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 215, 0, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 69, 0, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(210deg, rgba(255, 69, 0, .8) 0%, rgba(255, 215, 0, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FFD70060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FFD70060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FFD70060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FFD70060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FFD70060;
  --PulsePanel-profileImageBorder: #FF1493;
  --PulsePanel-profileNameContainer: #FF1493;
}

.dashboardTheme-colorVarient-sunsetglow {
  --PulsePanel-primaryColor: #FF7F50 !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(255, 127, 80, 1) 0%, rgba(255, 160, 122, 1) 50%, rgba(255, 228, 196, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 127, 80, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 160, 122, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(255, 160, 122, .8) 0%, rgba(255, 127, 80, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF7F5060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF7F5060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF7F5060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF7F5060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF7F5060;
  --PulsePanel-profileImageBorder: #FFA07A;
  --PulsePanel-profileNameContainer: #FFA07A;
}

.dashboardTheme-colorVarient-amberwhisper {
  --PulsePanel-primaryColor: #FFBF00 !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(255, 191, 0, 1) 0%, rgba(255, 223, 186, 1) 50%, rgba(255, 239, 213, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 191, 0, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 223, 186, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(255, 223, 186, .8) 0%, rgba(255, 191, 0, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FFBF0060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FFBF0060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FFBF0060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FFBF0060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FFBF0060;
  --PulsePanel-profileImageBorder: #FFDAB9;
  --PulsePanel-profileNameContainer: #FFDAB9;
}

.dashboardTheme-colorVarient-harvestbreeze {
  --PulsePanel-primaryColor: #D2691E !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(210, 105, 30, 1) 0%, rgba(244, 164, 96, 1) 50%, rgba(255, 218, 185, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(210, 105, 30, .4);
  --PulsePanel-blurGradientColor2: rgba(244, 164, 96, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(244, 164, 96, .8) 0%, rgba(210, 105, 30, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #D2691E60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #D2691E60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #D2691E60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #D2691E60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #D2691E60;
  --PulsePanel-profileImageBorder: #F4A460;
  --PulsePanel-profileNameContainer: #F4A460;
}

.dashboardTheme-colorVarient-gentleember {
  --PulsePanel-primaryColor: #FF8C00 !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(255, 140, 0, 1) 0%, rgba(255, 165, 79, 1) 50%, rgba(255, 228, 181, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(255, 140, 0, .4);
  --PulsePanel-blurGradientColor2: rgba(255, 165, 79, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(255, 165, 79, .8) 0%, rgba(255, 140, 0, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #FF8C0060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #FF8C0060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #FF8C0060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #FF8C0060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #FF8C0060;
  --PulsePanel-profileImageBorder: #FFA07A;
  --PulsePanel-profileNameContainer: #FFA07A;
}

.dashboardTheme-colorVarient-cozyflame {
  --PulsePanel-primaryColor: #CD5C5C !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(205, 92, 92, 1) 0%, rgba(250, 128, 114, 1) 50%, rgba(255, 192, 203, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(205, 92, 92, .4);
  --PulsePanel-blurGradientColor2: rgba(250, 128, 114, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(250, 128, 114, .8) 0%, rgba(205, 92, 92, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #CD5C5C60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #CD5C5C60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #CD5C5C60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #CD5C5C60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #CD5C5C60;
  --PulsePanel-profileImageBorder: #FA8072;
  --PulsePanel-profileNameContainer: #FA8072;
}

.dashboardTheme-colorVarient-midnightash {
  --PulsePanel-primaryColor: #2C2C2C !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(44, 44, 44, 1) 0%, rgba(55, 55, 75, 1) 50%, rgba(25, 25, 25, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(44, 44, 44, .4);
  --PulsePanel-blurGradientColor2: rgba(55, 55, 75, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(55, 55, 75, .8) 0%, rgba(44, 44, 44, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #2C2C2C60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #2C2C2C60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #2C2C2C60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #2C2C2C60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #2C2C2C60;
  --PulsePanel-profileImageBorder: #37374B;
  --PulsePanel-profileNameContainer: #37374B;
}

.dashboardTheme-colorVarient-obsidianmist {
  --PulsePanel-primaryColor: #1B1B1B !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(27, 27, 27, 1) 0%, rgba(33, 33, 55, 1) 50%, rgba(0, 0, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(27, 27, 27, .4);
  --PulsePanel-blurGradientColor2: rgba(33, 33, 55, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(33, 33, 55, .8) 0%, rgba(27, 27, 27, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #1B1B1B60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #1B1B1B60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #1B1B1B60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #1B1B1B60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #1B1B1B60;
  --PulsePanel-profileImageBorder: #212137;
  --PulsePanel-profileNameContainer: #212137;
}

.dashboardTheme-colorVarient-deepnight {
  --PulsePanel-primaryColor: #000080 !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(0, 0, 128, 1) 0%, rgba(25, 25, 112, 1) 50%, rgba(0, 0, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(0, 0, 128, .4);
  --PulsePanel-blurGradientColor2: rgba(25, 25, 112, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(25, 25, 112, .8) 0%, rgba(0, 0, 128, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #00008060;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #00008060;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #00008060;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #00008060;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #00008060;
  --PulsePanel-profileImageBorder: #191970;
  --PulsePanel-profileNameContainer: #191970;
}

.dashboardTheme-colorVarient-shadowveil {
  --PulsePanel-primaryColor: #2F4F4F !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(47, 79, 79, 1) 0%, rgba(25, 25, 25, 1) 50%, rgba(0, 0, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(47, 79, 79, .4);
  --PulsePanel-blurGradientColor2: rgba(25, 25, 25, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(25, 25, 25, .8) 0%, rgba(47, 79, 79, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #2F4F4F60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #2F4F4F60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #2F4F4F60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #2F4F4F60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #2F4F4F60;
  --PulsePanel-profileImageBorder: #191919;
  --PulsePanel-profileNameContainer: #191919;
}

.dashboardTheme-colorVarient-onyxdepths {
  --PulsePanel-primaryColor: #0B0B0B !important;
  --PulsePanel-backgroundLayer: linear-gradient(180deg, rgba(11, 11, 11, 1) 0%, rgba(34, 34, 34, 1) 50%, rgba(0, 0, 0, 1) 100%);
  --PulsePanel-blurGradientColor1: rgba(11, 11, 11, .4);
  --PulsePanel-blurGradientColor2: rgba(34, 34, 34, .4);
  --PulsePanel-sideMenuBackgroundMobile: linear-gradient(180deg, rgba(34, 34, 34, .8) 0%, rgba(11, 11, 11, .4) 100%);
  --PulsePanel-generic-chip-red: #FFF;
  --PulsePanel-generic-chip-redbackdrop: #0B0B0B60;
  --PulsePanel-generic-chip-green: #FFF;
  --PulsePanel-generic-chip-greenbackdrop: #0B0B0B60;
  --PulsePanel-generic-chip-blue: #FFF;
  --PulsePanel-generic-chip-bluebackdrop: #0B0B0B60;
  --PulsePanel-generic-chip-purple: #FFF;
  --PulsePanel-generic-chip-purplebackdrop: #0B0B0B60;
  --PulsePanel-generic-chip-orange: #FFF;
  --PulsePanel-generic-chip-orangebackdrop: #0B0B0B60;
  --PulsePanel-profileImageBorder: #222222;
  --PulsePanel-profileNameContainer: #222222;
}

.dashboardTheme-transparent {
  --PulsePanel-primaryColor: #197DFF;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 8%, var(--PulsePanel-mainBackground));
  --PulsePanel-blurGradientAmount: blur(25px);
  --PulsePanel-boxShadow: unset;
  --PulsePanel-skellyLoad1: #00000099;
  --PulsePanel-skellyLoad2: #00000080;
  --PulsePanel-onlineStatusOnline: #05A884;
  --PulsePanel-onlineStatusAway: #F0B232;
  --PulsePanel-onlineStatusDND: #ED4245;
  --PulsePanel-onlineStatusOffline: #7A7E87;
  --PulsePanel-mainBackground: #00000099;
  --PulsePanel-navbarBackground: #00000099;
  --PulsePanel-sideMenuBackground: #00000099;
  --PulsePanel-sideMenuPulseText: #FFF;
  --PulsePanel-sideMenuSideline: #FFFFFF10;
  --PulsePanel-sideMenuCategoryHeader: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLock: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #FFFFFF;
  --PulsePanel-sideMenuIcons: #FFFFFF;
  --PulsePanel-sideMenuText: #FFFFFF;
  --PulsePanel-sideMenuHover: #00000020;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: #00000050;
  --PulsePanel-sideMenuSelectedText: #FFFFFF;
  --PulsePanel-sideMenuUnusable: #9195AB20;
  --PulsePanel-sideMenuUnusableText: #7780A1;
  --PulsePanel-NavbarUnderline: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-NavbarIconColor: #5A6383;
  --PulsePanel-profileSectionDropdown: #020812;
  --PulsePanel-profileSectionDropdownText: #7780A1;
  --PulsePanel-profileSectionDropdownHeader: #FFF;
  --PulsePanel-profileSectionDropdownHover: #0d1522;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-contentSpacing: 40px;
  --module-general-containerBackground: #00000040;
  --module-general-containerBackground2: #00000040;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #FFF;
  --module-general-containerText: #7780A1;
  --module-general-slider-thumb: #FFF;
  --module-general-slider-checked: #3994FF;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #00000040;
  --moduleLookupClient-searchbarPlaceholder: #9195AB;
  --moduleLookupClient-searchbarText: #FFF;
  --moduleCFXResolver-userTable: var(--PulsePanel-secundairBackground)
;
}

.dashboardTheme-christmasTheme {
  --PulsePanel-primaryColor: #C33A3A;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 8%, var(--PulsePanel-mainBackground));
  --PulsePanel-blurGradientColor1: #C33A3A60;
  --PulsePanel-blurGradientColor2: #07152A60;
  --PulsePanel-blurGradientAmount: blur(10px);
  --PulsePanel-boxShadow: unset;
  --PulsePanel-skellyLoad1: #7780A1;
  --PulsePanel-skellyLoad2: #51576D;
  --PulsePanel-onlineStatusOnline: #05A884;
  --PulsePanel-onlineStatusAway: #F0B232;
  --PulsePanel-onlineStatusDND: #ED4245;
  --PulsePanel-onlineStatusOffline: #7A7E87;
  --PulsePanel-mainBackground: #0F0F0F;
  --PulsePanel-navbarBackground: #0F0F0F;
  --PulsePanel-sideMenuBackground: #0F0F0F;
  --PulsePanel-sideMenuBackgroundMobile: #0F0F0F;
  --PulsePanel-sideMenuPulseText: #FFF;
  --PulsePanel-sideMenuSideline: #2C2D3050;
  --PulsePanel-sideMenuCategoryHeader: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLock: #FFFFFF;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-redbackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-red);
  --PulsePanel-sideMenuCategoryHeaderHover: #FFFFFF;
  --PulsePanel-sideMenuIcons: #7780A1;
  --PulsePanel-sideMenuText: #7780A1;
  --PulsePanel-sideMenuHover: #902A2A;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: #C33A3A;
  --PulsePanel-sideMenuSelectedText: #FFFFFF;
  --PulsePanel-sideMenuUnusable: #9195AB20;
  --PulsePanel-sideMenuUnusableText: #7780A1;
  --PulsePanel-NavbarUnderline: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-NavbarIconColor: #5A6383;
  --PulsePanel-profileSectionDropdown: #020812;
  --PulsePanel-profileSectionDropdownText: #7780A1;
  --PulsePanel-profileSectionDropdownHeader: #FFF;
  --PulsePanel-profileSectionDropdownHover: #0D1522;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #C33A3A;
  --PulsePanel-generic-chip-redbackdrop: #C33A3A;
  --PulsePanel-generic-chip-green: #00D085;
  --PulsePanel-generic-chip-greenbackdrop: #042023;
  --PulsePanel-generic-chip-blue: #197DFF;
  --PulsePanel-generic-chip-bluebackdrop: #08182F;
  --PulsePanel-generic-chip-purple: #7A69FB;
  --PulsePanel-generic-chip-purplebackdrop: #1D1F45;
  --PulsePanel-generic-chip-orange: #ff7C51;
  --PulsePanel-generic-chip-orangebackdrop: #372322;
  --PulsePanel-contentSpacing: 40px;
  --module-general-containerBackground: #080A0B;
  --module-general-containerBackground2: #080A0B;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #FFF;
  --module-general-containerText: #7780A1;
  --module-general-slider-thumb: #FFF;
  --module-general-slider-checked: #3994FF;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #080A0B;
  --moduleLookupClient-searchbarPlaceholder: #9195AB;
  --moduleLookupClient-searchbarText: #FFF;
  --moduleCFXResolver-userTable: var(--PulsePanel-secundairBackground);
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.dashboardTheme-halloweenTheme {
  --PulsePanel-primaryColor: #7A69FB;
  --PulsePanel-primaryBackdropColor: color-mix(in srgb, var(--PulsePanel-primaryColor) 10%, var(--PulsePanel-mainBackground));
  --PulsePanel-blurGradientColor1: #7A69FB80;
  --PulsePanel-blurGradientColor2: #1A0F2A80;
  --PulsePanel-blurGradientAmount: blur(10px);
  --PulsePanel-boxShadow: unset;
  --PulsePanel-skellyLoad1: #6A5D99;
  --PulsePanel-skellyLoad2: #4B4269;
  --PulsePanel-onlineStatusOnline: #05A884;
  --PulsePanel-onlineStatusAway: #FF8C00;
  --PulsePanel-onlineStatusDND: #E94C6F;
  --PulsePanel-onlineStatusOffline: #4E4B59;
  --PulsePanel-mainBackground: #0D0B14;
  --PulsePanel-navbarBackground: #0D0B14;
  --PulsePanel-sideMenuBackground: #0D0B14;
  --PulsePanel-sideMenuBackgroundMobile: #0D0B14;
  --PulsePanel-sideMenuPulseText: #FFF;
  --PulsePanel-sideMenuSideline: #3A2E5050;
  --PulsePanel-sideMenuCategoryHeader: #D8BFFF;
  --PulsePanel-sideMenuCategoryHeaderLock: #D8BFFF;
  --PulsePanel-sideMenuCategoryHeaderLockReason: var(--PulsePanel-generic-chip-orangebackdrop);
  --PulsePanel-sideMenuCategoryHeaderLockReasonText: var(--PulsePanel-generic-chip-orange);
  --PulsePanel-sideMenuCategoryHeaderHover: #FFFFFF;
  --PulsePanel-sideMenuIcons: #A89CC6;
  --PulsePanel-sideMenuText: #A89CC6;
  --PulsePanel-sideMenuHover: #4B367F;
  --PulsePanel-sideMenuHoverText: #FFFFFF;
  --PulsePanel-sideMenuSelected: #7A69FB;
  --PulsePanel-sideMenuSelectedText: #FFFFFF;
  --PulsePanel-sideMenuUnusable: #4E4B5930;
  --PulsePanel-sideMenuUnusableText: #A89CC6;
  --PulsePanel-NavbarUnderline: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-NavbarIconColor: #6A5D99;
  --PulsePanel-profileSectionDropdown: #120C1E;
  --PulsePanel-profileSectionDropdownText: #A89CC6;
  --PulsePanel-profileSectionDropdownHeader: #FFF;
  --PulsePanel-profileSectionDropdownHover: #1D142A;
  --PulsePanel-profileSectionDropdownSpacer: var(--PulsePanel-sideMenuSideline);
  --PulsePanel-generic-chip-red: #E94C6F;
  --PulsePanel-generic-chip-redbackdrop: #1A0F1E;
  --PulsePanel-generic-chip-green: #05A884;
  --PulsePanel-generic-chip-greenbackdrop: #0A1F1A;
  --PulsePanel-generic-chip-blue: #7A69FB;
  --PulsePanel-generic-chip-bluebackdrop: #1A0F2A;
  --PulsePanel-generic-chip-purple: #D8BFFF;
  --PulsePanel-generic-chip-purplebackdrop: #2A1E45;
  --PulsePanel-generic-chip-orange: #FF8C00;
  --PulsePanel-generic-chip-orangebackdrop: #2A150A;
  --PulsePanel-contentSpacing: 40px;
  --module-general-containerBackground: #140C1C;
  --module-general-containerBackground2: #140C1C;
  --module-general-containerBorder: var(--PulsePanel-sideMenuSideline);
  --module-general-containerTitle: #FFF;
  --module-general-containerText: #A89CC6;
  --module-general-slider-thumb: #FFF;
  --module-general-slider-checked: #FF8C00;
  --module-general-slider-unchecked: var(--PulsePanel-sideMenuSideline);
  --moduleLookupClient-searchbar: #120C1E;
  --moduleLookupClient-searchbarPlaceholder: #6A5D99;
  --moduleLookupClient-searchbarText: #FFF;
  --moduleCFXResolver-userTable: var(--PulsePanel-secundairBackground);
  --PulsePanel-profileImageBorder: var(--PulsePanel-mainBackground);
  --PulsePanel-profileNameContainer: var(--PulsePanel-mainBackground);
}

.snow, .snow:before, .snow:after {
  position: absolute;
  top: -250px;
  left: 0;
  bottom: 0;
  right: 0;
  height: calc(100vh + 400px) !important;
  overflow: hidden !important;
  background-image: radial-gradient(5px 5px at 218px 161px, rgba(104, 177, 199, 0.5) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 142px 158px, rgba(104, 177, 199, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 180px 82px, rgba(104, 177, 199, 0.5) 50%, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 103px 90px, rgba(104, 177, 199, 0.3) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 227px 224px, rgba(104, 177, 199, 0.4) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 202px 60px, rgba(104, 177, 199, 0.4) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 237px 65px, rgba(104, 177, 199, 0.5) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 121px 124px, rgba(104, 177, 199, 0.4) 50%, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 165px 89px, rgba(104, 177, 199, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 71px 130px, rgba(104, 177, 199, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 204px 179px, rgba(104, 177, 199, 0.5) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 232px 13px, rgba(104, 177, 199, 0.3) 50%, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 186px 186px, rgba(104, 177, 199, 0.4) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 157px 127px, rgba(104, 177, 199, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 8px 33px, rgba(104, 177, 199, 0.5) 50%, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 82px 36px, rgba(104, 177, 199, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 128px 60px, rgba(104, 177, 199, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 194px 123px, rgba(104, 177, 199, 0.5) 50%, rgba(0, 0, 0, 0)), radial-gradient(2px 2px at 219px 212px, rgba(104, 177, 199, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 5px 197px, rgba(104, 177, 199, 0.5) 50%, rgba(0, 0, 0, 0));
  background-size: 250px 250px;
  animation: snowAnim 2s linear infinite;
  content: "";
  opacity: 20%;
  z-index: 9999999999999999999999999;
  user-select: none !important;
  pointer-events: none !important;
}

.snow::before, .snow:before::before, .snow:after::before {
  animation-duration: 6s;
  animation-direction: reverse;
  margin-left: -125px;
  opacity: .65;
  filter: blur(1.5px);
}

.snow::after, .snow:before::after, .snow:after::after {
  margin-left: -83.33333px;
  opacity: .4;
  animation-duration: 4s;
  animation-direction: reverse;
  filter: blur(3px);
}

@keyframes snowAnim {
  to {
    transform: translateY(250px);
  }
}
/*# sourceMappingURL=dashboardThemes.css.map */