.bg-purple-50 {
  background-color: var(--color-purple-50) !important;
}

.purple-50 {
  color: var(--color-purple-50) !important;
}

.bg-purple-100 {
  background-color: var(--color-purple-100) !important;
}

.purple-100 {
  color: var(--color-purple-100) !important;
}

.bg-purple-200 {
  background-color: var(--color-purple-200) !important;
}

.purple-200 {
  color: var(--color-purple-200) !important;
}

.bg-purple-300 {
  background-color: var(--color-purple-300) !important;
}

.purple-300 {
  color: var(--color-purple-300) !important;
}

.bg-purple-400 {
  background-color: var(--color-purple-400) !important;
}

.purple-400 {
  color: var(--color-purple-400) !important;
}

.bg-purple-500 {
  background-color: var(--color-purple-500) !important;
}

.purple-500 {
  color: var(--color-purple-500) !important;
}

.bg-purple-600 {
  background-color: var(--color-purple-600) !important;
}

.purple-600 {
  color: var(--color-purple-600) !important;
}

.bg-purple-700 {
  background-color: var(--color-purple-700) !important;
}

.purple-700 {
  color: var(--color-purple-700) !important;
}

.bg-purple-800 {
  background-color: var(--color-purple-800) !important;
}

.purple-800 {
  color: var(--color-purple-800) !important;
}

.bg-purple-900 {
  background-color: var(--color-purple-900) !important;
}

.purple-900 {
  color: var(--color-purple-900) !important;
}

.bg-purple-950 {
  background-color: var(--color-purple-950) !important;
}

.purple-950 {
  color: var(--color-purple-950) !important;
}

.bg-red-50 {
  background-color: var(--color-red-50) !important;
}

.red-50 {
  color: var(--color-red-50) !important;
}

.bg-red-100 {
  background-color: var(--color-red-100) !important;
}

.red-100 {
  color: var(--color-red-100) !important;
}

.bg-red-200 {
  background-color: var(--color-red-200) !important;
}

.red-200 {
  color: var(--color-red-200) !important;
}

.bg-red-300 {
  background-color: var(--color-red-300) !important;
}

.red-300 {
  color: var(--color-red-300) !important;
}

.bg-red-400 {
  background-color: var(--color-red-400) !important;
}

.red-400 {
  color: var(--color-red-400) !important;
}

.bg-red-500 {
  background-color: var(--color-red-500) !important;
}

.red-500 {
  color: var(--color-red-500) !important;
}

.bg-red-600 {
  background-color: var(--color-red-600) !important;
}

.red-600 {
  color: var(--color-red-600) !important;
}

.bg-red-700 {
  background-color: var(--color-red-700) !important;
}

.red-700 {
  color: var(--color-red-700) !important;
}

.bg-red-800 {
  background-color: var(--color-red-800) !important;
}

.red-800 {
  color: var(--color-red-800) !important;
}

.bg-red-900 {
  background-color: var(--color-red-900) !important;
}

.red-900 {
  color: var(--color-red-900) !important;
}

.bg-red-950 {
  background-color: var(--color-red-950) !important;
}

.red-950 {
  color: var(--color-red-950) !important;
}

.bg-green-50 {
  background-color: var(--color-green-50) !important;
}

.green-50 {
  color: var(--color-green-50) !important;
}

.bg-green-100 {
  background-color: var(--color-green-100) !important;
}

.green-100 {
  color: var(--color-green-100) !important;
}

.bg-green-200 {
  background-color: var(--color-green-200) !important;
}

.green-200 {
  color: var(--color-green-200) !important;
}

.bg-green-300 {
  background-color: var(--color-green-300) !important;
}

.green-300 {
  color: var(--color-green-300) !important;
}

.bg-green-400 {
  background-color: var(--color-green-400) !important;
}

.green-400 {
  color: var(--color-green-400) !important;
}

.bg-green-500 {
  background-color: var(--color-green-500) !important;
}

.green-500 {
  color: var(--color-green-500) !important;
}

.bg-green-600 {
  background-color: var(--color-green-600) !important;
}

.green-600 {
  color: var(--color-green-600) !important;
}

.bg-green-700 {
  background-color: var(--color-green-700) !important;
}

.green-700 {
  color: var(--color-green-700) !important;
}

.bg-green-800 {
  background-color: var(--color-green-800) !important;
}

.green-800 {
  color: var(--color-green-800) !important;
}

.bg-green-900 {
  background-color: var(--color-green-900) !important;
}

.green-900 {
  color: var(--color-green-900) !important;
}

.bg-green-950 {
  background-color: var(--color-green-950) !important;
}

.green-950 {
  color: var(--color-green-950) !important;
}

.bg-blue-50 {
  background-color: var(--color-blue-50) !important;
}

.blue-50 {
  color: var(--color-blue-50) !important;
}

.bg-blue-100 {
  background-color: var(--color-blue-100) !important;
}

.blue-100 {
  color: var(--color-blue-100) !important;
}

.bg-blue-200 {
  background-color: var(--color-blue-200) !important;
}

.blue-200 {
  color: var(--color-blue-200) !important;
}

.bg-blue-300 {
  background-color: var(--color-blue-300) !important;
}

.blue-300 {
  color: var(--color-blue-300) !important;
}

.bg-blue-400 {
  background-color: var(--color-blue-400) !important;
}

.blue-400 {
  color: var(--color-blue-400) !important;
}

.bg-blue-500 {
  background-color: var(--color-blue-500) !important;
}

.blue-500 {
  color: var(--color-blue-500) !important;
}

.bg-blue-600 {
  background-color: var(--color-blue-600) !important;
}

.blue-600 {
  color: var(--color-blue-600) !important;
}

.bg-blue-700 {
  background-color: var(--color-blue-700) !important;
}

.blue-700 {
  color: var(--color-blue-700) !important;
}

.bg-blue-800 {
  background-color: var(--color-blue-800) !important;
}

.blue-800 {
  color: var(--color-blue-800) !important;
}

.bg-blue-900 {
  background-color: var(--color-blue-900) !important;
}

.blue-900 {
  color: var(--color-blue-900) !important;
}

.bg-blue-950 {
  background-color: var(--color-blue-950) !important;
}

.blue-950 {
  color: var(--color-blue-950) !important;
}

.bg-orange-50 {
  background-color: var(--color-orange-50) !important;
}

.orange-50 {
  color: var(--color-orange-50) !important;
}

.bg-orange-100 {
  background-color: var(--color-orange-100) !important;
}

.orange-100 {
  color: var(--color-orange-100) !important;
}

.bg-orange-200 {
  background-color: var(--color-orange-200) !important;
}

.orange-200 {
  color: var(--color-orange-200) !important;
}

.bg-orange-300 {
  background-color: var(--color-orange-300) !important;
}

.orange-300 {
  color: var(--color-orange-300) !important;
}

.bg-orange-400 {
  background-color: var(--color-orange-400) !important;
}

.orange-400 {
  color: var(--color-orange-400) !important;
}

.bg-orange-500 {
  background-color: var(--color-orange-500) !important;
}

.orange-500 {
  color: var(--color-orange-500) !important;
}

.bg-orange-600 {
  background-color: var(--color-orange-600) !important;
}

.orange-600 {
  color: var(--color-orange-600) !important;
}

.bg-orange-700 {
  background-color: var(--color-orange-700) !important;
}

.orange-700 {
  color: var(--color-orange-700) !important;
}

.bg-orange-800 {
  background-color: var(--color-orange-800) !important;
}

.orange-800 {
  color: var(--color-orange-800) !important;
}

.bg-orange-900 {
  background-color: var(--color-orange-900) !important;
}

.orange-900 {
  color: var(--color-orange-900) !important;
}

.bg-orange-950 {
  background-color: var(--color-orange-950) !important;
}

.orange-950 {
  color: var(--color-orange-950) !important;
}

.bg-brand-50 {
  background-color: var(--color-brand-50) !important;
}

.brand-50 {
  color: var(--color-brand-50) !important;
}

.bg-brand-100 {
  background-color: var(--color-brand-100) !important;
}

.brand-100 {
  color: var(--color-brand-100) !important;
}

.bg-brand-200 {
  background-color: var(--color-brand-200) !important;
}

.brand-200 {
  color: var(--color-brand-200) !important;
}

.bg-brand-300 {
  background-color: var(--color-brand-300) !important;
}

.brand-300 {
  color: var(--color-brand-300) !important;
}

.bg-brand-400 {
  background-color: var(--color-brand-400) !important;
}

.brand-400 {
  color: var(--color-brand-400) !important;
}

.bg-brand-500 {
  background-color: var(--color-brand-500) !important;
}

.brand-500 {
  color: var(--color-brand-500) !important;
}

.bg-brand-600 {
  background-color: var(--color-brand-600) !important;
}

.brand-600 {
  color: var(--color-brand-600) !important;
}

.bg-brand-700 {
  background-color: var(--color-brand-700) !important;
}

.brand-700 {
  color: var(--color-brand-700) !important;
}

.bg-brand-800 {
  background-color: var(--color-brand-800) !important;
}

.brand-800 {
  color: var(--color-brand-800) !important;
}

.bg-brand-900 {
  background-color: var(--color-brand-900) !important;
}

.brand-900 {
  color: var(--color-brand-900) !important;
}

.bg-brand-950 {
  background-color: var(--color-brand-950) !important;
}

.brand-950 {
  color: var(--color-brand-950) !important;
}

.bg-yellow-50 {
  background-color: var(--color-yellow-50) !important;
}

.yellow-50 {
  color: var(--color-yellow-50) !important;
}

.bg-yellow-100 {
  background-color: var(--color-yellow-100) !important;
}

.yellow-100 {
  color: var(--color-yellow-100) !important;
}

.bg-yellow-200 {
  background-color: var(--color-yellow-200) !important;
}

.yellow-200 {
  color: var(--color-yellow-200) !important;
}

.bg-yellow-300 {
  background-color: var(--color-yellow-300) !important;
}

.yellow-300 {
  color: var(--color-yellow-300) !important;
}

.bg-yellow-400 {
  background-color: var(--color-yellow-400) !important;
}

.yellow-400 {
  color: var(--color-yellow-400) !important;
}

.bg-yellow-500 {
  background-color: var(--color-yellow-500) !important;
}

.yellow-500 {
  color: var(--color-yellow-500) !important;
}

.bg-yellow-600 {
  background-color: var(--color-yellow-600) !important;
}

.yellow-600 {
  color: var(--color-yellow-600) !important;
}

.bg-yellow-700 {
  background-color: var(--color-yellow-700) !important;
}

.yellow-700 {
  color: var(--color-yellow-700) !important;
}

.bg-yellow-800 {
  background-color: var(--color-yellow-800) !important;
}

.yellow-800 {
  color: var(--color-yellow-800) !important;
}

.bg-yellow-900 {
  background-color: var(--color-yellow-900) !important;
}

.yellow-900 {
  color: var(--color-yellow-900) !important;
}

.bg-yellow-950 {
  background-color: var(--color-yellow-950) !important;
}

.yellow-950 {
  color: var(--color-yellow-950) !important;
}

.bg-gray-50 {
  background-color: var(--color-gray-50) !important;
}

.gray-50 {
  color: var(--color-gray-50) !important;
}

.bg-gray-100 {
  background-color: var(--color-gray-100) !important;
}

.gray-100 {
  color: var(--color-gray-100) !important;
}

.bg-gray-200 {
  background-color: var(--color-gray-200) !important;
}

.gray-200 {
  color: var(--color-gray-200) !important;
}

.bg-gray-300 {
  background-color: var(--color-gray-300) !important;
}

.gray-300 {
  color: var(--color-gray-300) !important;
}

.bg-gray-400 {
  background-color: var(--color-gray-400) !important;
}

.gray-400 {
  color: var(--color-gray-400) !important;
}

.bg-gray-500 {
  background-color: var(--color-gray-500) !important;
}

.gray-500 {
  color: var(--color-gray-500) !important;
}

.bg-gray-600 {
  background-color: var(--color-gray-600) !important;
}

.gray-600 {
  color: var(--color-gray-600) !important;
}

.bg-gray-700 {
  background-color: var(--color-gray-700) !important;
}

.gray-700 {
  color: var(--color-gray-700) !important;
}

.bg-gray-800 {
  background-color: var(--color-gray-800) !important;
}

.gray-800 {
  color: var(--color-gray-800) !important;
}

.bg-gray-900 {
  background-color: var(--color-gray-900) !important;
}

.gray-900 {
  color: var(--color-gray-900) !important;
}

.bg-gray-950 {
  background-color: var(--color-gray-950) !important;
}

.gray-950 {
  color: var(--color-gray-950) !important;
}

:root {
  --bg-color: #f0f2f5;
  --bg-color-rgb: 240,242,245;
  --container-bg-color: #ffffff;
  --text-color: #050505;
  --text-rgb: 68,68,68;
  --primary-color: #1b74e4;
  --primary-color-hover: #196ed9;
  --primary-color-active: #1869cf;
  --primary-soft-color: #e7f3fe;
  --primary-soft-color-hover: #dde9f3;
  --primary-soft-color-active: #d1dcfd;
  --secondary-color: #1b74e4;
  --secondary-color-hover: #196ed9;
  --secondary-color-active: #1869cf;
  --default-color: #e4e6eb;
  --default-color-hover: #d8dadf;
  --default-color-active: #dadce0;
  --default-soft-color: #e4e6eb;
  --default-soft-color-hover: #e4e6eb;
  --default-soft-color-active: #e4e6eb;
  --primary-button-bg-color: var(--primary-color);
  --primary-button-bg-color-hover: var(--primary-color-hover);
  --primary-button-bg-color-active: var(--primary-color-active);
  --primary-button-text-color: #ffffff;
  --primary-button-text-color-hover: #ffffff;
  --primary-button-text-color-active: #ffffff;
  --primary-link-color: var(--primary-color);
  --primary-link-color-hover: var(--primary-color-hover);
  --primary-link-color-active: var(--primary-color-active);
  --primary-soft-button-bg-color: var(--primary-soft-color);
  --primary-soft-button-bg-color-hover: var(--primary-soft-color-hover);
  --primary-soft-button-bg-color-active: var(--primary-soft-color-active);
  --primary-soft-button-text-color: #2D88FF;
  --primary-soft-button-text-color-hover: #4391f6;
  --primary-soft-button-text-color-active: #3282f8;
  --default-button-bg-color: var(--default-color);
  --default-button-bg-color-hover: var(--default-color-hover);
  --default-button-bg-color-active: var(--default-color-active);
  --default-button-text-color: #3e474f;
  --default-button-text-color-hover: #000000;
  --default-soft-button-bg-color: var(--default-soft-color);
  --default-soft-button-bg-color-hover: var(--default-soft-color-hover);
  --default-soft-button-bg-color-active: var(--default-soft-color-active);
  --default-soft-button-text-color: #656565;
  --default-soft-button-text-color-hover: #656565;
  --default-soft-button-text-color-active: #656565;
  --alt-color: #bbb;
  --title-color: #37474f;
  --label-color: #8E8E93;
  --line-color: #0000000f;
  --label-text-color: #989898;
  --link-color: var(--text-color);
  --link-hover-color: #C71BDA;
  --toast-bg-color: var(--bg-color);
  --toast-shadow: 0px 10px 50px -10px #00000050;
  --header-bg-color: var(--container-bg-color);
  --header-bg-color-hover: var(--default-color);
  --header-text-color: var(--text-color);
  --footer-bg-color: var(--bg-color);
  --footer-shadow: inset 0px -60px 50px -50px #0000008c;
  --footer-border-bottom: 2px solid var(--primary-color);
  --modal-bg-color: #ffffff;
  --modal-form-bg-color: transparent;
  --modal-input-bg-color: #efefef;
  --modal-input-border-color: transparent;
  --modal-input-text-color: var(--text-color);
  --modal-input-placeholder: rgba(var(--text-rgb), 0.5);
  --form-bg-color: var(--container-bg-color);
  --input-bg-color: var(--bg-color);
  --input-border-color: transparent;
  --input-text-color: var(--text-color);
  --input-placeholder: rgba(var(--text-rgb), 0.5);
  --input-border-color-focus: transparent;
  --input-shadow-focus: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  --account-input-bg-color: var(--input-bg-color);
  --tag-bg-color: var(--default-soft-color);
  --tag-text-color: var(--default-soft-button-text-color);
  --alt-form-bg-color: #efefef;
  --alt-input-bg-color: #ffffff;
  --alt-input-border-color: transparent;
  --alt-input-text-color: var(--text-color);
  --alt-input-placeholder: rgba(var(--text-rgb), 0.5);
  --dropdown-bg-color: #ffffff;
  --dropdown-bg-color-hover: #f2f2f2;
  --dropdown-shadow: 0px 20px 50px -10px #000;
  --icon-color: #1d1f23;
  --icon-color-hover: #1c1d21;
  --icon-bg: var(--default-color);
  --icon-bg-hover: var(--default-color-hover);
  --listing-tab-text-color: var(--link-color);
  --listing-tab-bg-color: transparent;
  --listing-tab-text-color: var(--link-color);
  --listing-tab-bg-color-hover: var(--default-color-hover);
  --listing-tab-bg-color-active: var(--default-color);
  --listing-tab-active-shadow: none;
  --pub-tab-text-color: var(--link-color);
  --pub-tab-bg-color: transparent;
  --pub-tab-active-text-color: var(--link-color);
  --pub-tab-active-bg-color: var(--default-color);
  --pub-tab-active-shadow: 0px 0px 10px -2px #00000075;
  --scrollbar-bg-color: #efefef;
  --scrollbar-thumb-color: #c1c1c1;
  --account-card-publish: #bfe6bf;
  --account-card-pause: #fdf1ca;
  --account-card-notpublish: #fdb4ae;
  --account-card-profile: #ced5f9;
  --account-card-ranking: #fab9db;
  --success-bg-color: #bfe6bf;
  --warning-bg-color: #fdf1ca;
  --danger-bg-color: #fdb4ae;
  --widget-bg-color: var(--container-bg-color);
  --badge-bg-color: var(--primary-color);
  --badge-text-color: var(--primary-button-text-color);
  --whatsapp-color: #20ca5f;
  --whatsapp-color-hover: #1db957;
  --telegram-color: #0185b7;
  --telegram-color-hover: #0378a4;
  --ui-segment-bg: var(--input-bg-color);
  --ui-segment-active: var(--dropdown-bg-color);
  --notification-bg-color: #f2f3f8f7;
  --color-purple-50: #F8F0FE;
  --color-purple-100: #EEDDFD;
  --color-purple-200: #DCBBFC;
  --color-purple-300: #CB99FA;
  --color-purple-400: #BA77F9;
  --color-purple-500: #A855F7;
  --color-purple-600: #8815F4;
  --color-purple-700: #6609BE;
  --color-purple-800: #44067F;
  --color-purple-900: #22033F;
  --color-purple-950: #120222;
  --color-red-50: #FDECEC;
  --color-red-100: #FCD9D9;
  --color-red-200: #F9B4B4;
  --color-red-300: #F58E8E;
  --color-red-400: #F26969;
  --color-red-500: #EF4444;
  --color-red-600: #E11313;
  --color-red-700: #A90F0F;
  --color-red-800: #710A0A;
  --color-red-900: #380505;
  --color-red-950: #1C0202;
  --color-blue-50: #EBF3FE;
  --color-blue-100: #D8E6FD;
  --color-blue-200: #B1CEFB;
  --color-blue-300: #8AB5FA;
  --color-blue-400: #639CF8;
  --color-blue-500: #3B82F6;
  --color-blue-600: #0B60EA;
  --color-blue-700: #0848B0;
  --color-blue-800: #053075;
  --color-blue-900: #03183B;
  --color-blue-950: #010C1D;
  --color-green-50: #E9FBF0;
  --color-green-100: #CFF7DE;
  --color-green-200: #9FEFBC;
  --color-green-300: #6FE69B;
  --color-green-400: #40DE7A;
  --color-green-500: #22C55E;
  --color-green-600: #1B9D4B;
  --color-green-700: #147538;
  --color-green-800: #0D4E25;
  --color-green-900: #072713;
  --color-green-950: #04160A;
  --color-orange-50: #FFF0E5;
  --color-orange-100: #FFE0CC;
  --color-orange-200: #FFC299;
  --color-orange-300: #FFA061;
  --color-orange-400: #FF822E;
  --color-orange-500: #FA6400;
  --color-orange-600: #C75000;
  --color-orange-700: #943B00;
  --color-orange-800: #662900;
  --color-orange-900: #331400;
  --color-orange-950: #190A00;
  --color-brand-50: #EBEBFF;
  --color-brand-100: #D2D2FE;
  --color-brand-200: #A6A4FE;
  --color-brand-300: #7E7CFD;
  --color-brand-400: #524FFD;
  --color-brand-500: #2522FC;
  --color-brand-600: #0703E2;
  --color-brand-700: #0502AB;
  --color-brand-800: #03026F;
  --color-brand-900: #020137;
  --color-brand-950: #01001E;
  --color-yellow-50: #FFED8A;
  --color-yellow-100: #FFEB7A;
  --color-yellow-200: #FFE75C;
  --color-yellow-300: #FFE23D;
  --color-yellow-400: #FFDD1F;
  --color-yellow-500: #FFD800;
  --color-yellow-600: #D6B600;
  --color-yellow-700: #AD9300;
  --color-yellow-800: #857100;
  --color-yellow-900: #5C4E00;
  --color-yellow-950: #473D00;
  --color-gray-50: #fafafa;
  --color-gray-100: #f0f2f5;
  --color-gray-200: #ebeef2;
  --color-gray-300: #d7dfe8;
  --color-gray-400: #bdc4cc;
  --color-gray-500: #a0a6ad;
  --color-gray-600: #767b80;
  --color-gray-700: #4e5154;
  --color-gray-800: #323436;
  --color-gray-900: #18191a;
  --color-gray-950: #0d0e0e;
  --bg-color: #ffffff;
  --bg-color-rgb: 255,255,255;
  --container-bg-color: #f0f2f5;
  --header-bg-color: #ffffff;
  --default-soft-color: #eff0f5;
  --default-soft-color-hover: #eff0f5;
  --default-soft-color-active: #eff0f5;
  --table-bg-color: #f0f2f5;
  --pub-tab-active-bg-color: var(--default-color-hover);
  --ui-segment-bg: var(--form-bg-color);
}

.image-dark {
  display: none !important;
}