.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;
}

.theme-light: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);
  --text-color:#444444;
  --primary-color: #038093;
  --primary-color-hover: #0ea0b6;
  --primary-color-active: #27c3db;
  --primary-button-bg-color: #C90035;
  --primary-button-bg-color-hover: #9C002A;
  --primary-button-bg-color-active: #9C002A;
  --primary-soft-color: #cceaef;
  --primary-soft-color-hover: #c1dde2;
  --primary-soft-color-active: #a8dfe8;
  --primary-soft-button-text-color: #038093;
  --primary-soft-button-text-color-hover: #017384;
  --primary-soft-button-text-color-active: #036877;
  --category-tag-bg-color: #C90035;
  --plan-tag-bg-color: yellow;
  --plan-tag-text-color: black;
  --footer-bg-color: var(--container-bg-color);
  --input-shadow-focus: 0 0 0 0.2rem rgb(5 205 212 / 25%);
}
.theme-light .image-dark {
  display: none !important;
}

.theme-dark:root {
  --bg-color: #18191a;
  --bg-color-rgb: 24,25,26;
  --container-bg-color: #242526;
  --text-color: #E4E6EB;
  --text-rgb: 228,230,235;
  --primary-color: #2374e1;
  --primary-color-hover: #3882e4;
  --primary-color-active: #3882e4;
  --primary-soft-color: #263951;
  --primary-soft-color-hover: #3c4d63;
  --primary-soft-color-active: #24416b;
  --secondary-color: #1b74e4;
  --secondary-color-hover: #196ed9;
  --secondary-color-active: #1869cf;
  --default-color: #3a3b3c;
  --default-color-hover: #4e4f4f;
  --default-color-active: #4e4f4f;
  --default-soft-color: #202123;
  --default-soft-color-hover: #202123;
  --default-soft-color-active: #202123;
  --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: #E4E6EB;
  --default-button-text-color-hover: #E4E6EB;
  --default-button-text-color-active: #E4E6EB;
  --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: #7f807f;
  --default-soft-button-text-color-hover: #7f807f;
  --default-soft-button-text-color-active: #7f807f;
  --alt-color: #bbb;
  --title-color:#DAE2E6;
  --label-color:#8E8E93;
  --line-color: #ffffff0f;
  --link-color: var(--text-color);
  --link-hover-color: #C71BDA;
  --toast-bg-color: var(--bg-color);
  --toast-shadow: 0px 20px 50px -10px #00000073;
  --header-text-color: #b0b3b8;
  --header-bg-color-hover: var(--default-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: #242526;
  --modal-form-bg-color: transparent;
  --modal-input-bg-color: #131415;
  --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: #131415;
  --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: #242526;
  --dropdown-bg-color-hover: #3a3b3c;
  --dropdown-shadow: 0px 20px 50px -10px #000;
  --icon-color: #e4e6ea;
  --icon-color-hover: #e7e9ec;
  --icon-bg: #3a3b3c;
  --icon-bg-hover: #4e4f4f;
  --listing-tab-text-color: var(--link-color);
  --listing-tab-bg-color: transparent;
  --listing-tab-text-color-active: 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: rgb(33, 33, 33);
  --scrollbar-thumb-color: #6b6b6b;
  --account-card-publish: #739c72;
  --account-card-pause: #a59e7f;
  --account-card-notpublish: #a05d5d;
  --account-card-profile: #5f6588;
  --account-card-ranking: #885379;
  --success-bg-color: #739c72;
  --warning-bg-color: #a59e7f;
  --danger-bg-color: #a05d5d;
  --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: #23d967;
  --telegram-color: #0185b7;
  --telegram-color-hover: #0490c6;
  --ui-segment-bg: var(--input-bg-color);
  --ui-segment-active: var(--dropdown-bg-color);
  --notification-bg-color: #323336f7;
  --color-purple-950: #F8F0FE;
  --color-purple-900: #EEDDFD;
  --color-purple-800: #DCBBFC;
  --color-purple-700: #CB99FA;
  --color-purple-600: #BA77F9;
  --color-purple-500: #A855F7;
  --color-purple-400: #8815F4;
  --color-purple-300: #6609BE;
  --color-purple-200: #44067F;
  --color-purple-100: #22033F;
  --color-purple-50: #120222;
  --color-red-950: #FDECEC;
  --color-red-900: #FCD9D9;
  --color-red-800: #F9B4B4;
  --color-red-700: #F58E8E;
  --color-red-600: #F26969;
  --color-red-500: #EF4444;
  --color-red-400: #E11313;
  --color-red-300: #A90F0F;
  --color-red-200: #710A0A;
  --color-red-100: #380505;
  --color-red-50: #1C0202;
  --color-blue-950: #EBF3FE;
  --color-blue-900: #D8E6FD;
  --color-blue-800: #B1CEFB;
  --color-blue-700: #8AB5FA;
  --color-blue-600: #639CF8;
  --color-blue-500: #3B82F6;
  --color-blue-400: #0B60EA;
  --color-blue-300: #0848B0;
  --color-blue-200: #053075;
  --color-blue-100: #03183B;
  --color-blue-50: #010C1D;
  --color-green-950: #E9FBF0;
  --color-green-900: #CFF7DE;
  --color-green-800: #9FEFBC;
  --color-green-700: #6FE69B;
  --color-green-600: #40DE7A;
  --color-green-500: #22C55E;
  --color-green-400: #1B9D4B;
  --color-green-300: #147538;
  --color-green-200: #0D4E25;
  --color-green-100: #072713;
  --color-green-50: #04160A;
  --color-orange-950: #FFF0E5;
  --color-orange-900: #FFE0CC;
  --color-orange-800: #FFC299;
  --color-orange-700: #FFA061;
  --color-orange-600: #FF822E;
  --color-orange-500: #FA6400;
  --color-orange-400: #C75000;
  --color-orange-300: #943B00;
  --color-orange-200: #662900;
  --color-orange-100: #331400;
  --color-orange-50: #190A00;
  --color-brand-950: #EBEBFF;
  --color-brand-900: #D2D2FE;
  --color-brand-800: #A6A4FE;
  --color-brand-700: #7E7CFD;
  --color-brand-600: #524FFD;
  --color-brand-500: #2522FC;
  --color-brand-400: #0703E2;
  --color-brand-300: #0502AB;
  --color-brand-200: #03026F;
  --color-brand-100: #020137;
  --color-brand-50: #01001E;
  --color-yellow-950: #FFED8A;
  --color-yellow-900: #FFEB7A;
  --color-yellow-800: #FFE75C;
  --color-yellow-700: #FFE23D;
  --color-yellow-600: #FFDD1F;
  --color-yellow-500: #FFD800;
  --color-yellow-400: #D6B600;
  --color-yellow-300: #AD9300;
  --color-yellow-200: #857100;
  --color-yellow-100: #5C4E00;
  --color-yellow-50: #473D00;
  --color-gray-950: #fafafa;
  --color-gray-900: #f0f2f5;
  --color-gray-800: #ebeef2;
  --color-gray-700: #d7dfe8;
  --color-gray-600: #bdc4cc;
  --color-gray-500: #a0a6ad;
  --color-gray-400: #767b80;
  --color-gray-300: #4e5154;
  --color-gray-200: #323436;
  --color-gray-100: #18191a;
  --color-gray-50: #0d0e0e;
  --primary-color: #038093;
  --primary-color-hover: #0ea0b6;
  --primary-color-active: #27c3db;
  --primary-button-bg-color: #C90035;
  --primary-button-bg-color-hover: #9C002A;
  --primary-button-bg-color-active: #9C002A;
  --primary-soft-color: #122326;
  --primary-soft-color-hover: #213336;
  --primary-soft-color-active: #0d4751;
  --primary-soft-button-text-color: #038093;
  --primary-soft-button-text-color-hover: #058699;
  --primary-soft-button-text-color-active: #03a7c0;
  --category-tag-bg-color: #C90035;
  --plan-tag-bg-color: yellow;
  --plan-tag-text-color: black;
  --footer-bg-color: var(--container-bg-color);
  --input-shadow-focus: 0 0 0 0.2rem rgb(0 232 255 / 16%);
}
.theme-dark .stripchat-btn {
  color: white !important;
}
.theme-dark .stripchat-btn .stripchat-logo {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.theme-dark .image-light {
  display: none !important;
}
.theme-dark .section-pub .pub-map iframe {
  -webkit-filter: brightness(0.6);
          filter: brightness(0.6);
}

@media (prefers-color-scheme: light) {
  .theme-auto: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);
    --text-color:#444444;
    --primary-color: #038093;
    --primary-color-hover: #0ea0b6;
    --primary-color-active: #27c3db;
    --primary-button-bg-color: #C90035;
    --primary-button-bg-color-hover: #9C002A;
    --primary-button-bg-color-active: #9C002A;
    --primary-soft-color: #cceaef;
    --primary-soft-color-hover: #c1dde2;
    --primary-soft-color-active: #a8dfe8;
    --primary-soft-button-text-color: #038093;
    --primary-soft-button-text-color-hover: #017384;
    --primary-soft-button-text-color-active: #036877;
    --category-tag-bg-color: #C90035;
    --plan-tag-bg-color: yellow;
    --plan-tag-text-color: black;
    --footer-bg-color: var(--container-bg-color);
    --input-shadow-focus: 0 0 0 0.2rem rgb(5 205 212 / 25%);
  }
  .theme-auto .image-dark {
    display: none !important;
  }
}
@media (prefers-color-scheme: dark) {
  .theme-auto:root {
    --bg-color: #18191a;
    --bg-color-rgb: 24,25,26;
    --container-bg-color: #242526;
    --text-color: #E4E6EB;
    --text-rgb: 228,230,235;
    --primary-color: #2374e1;
    --primary-color-hover: #3882e4;
    --primary-color-active: #3882e4;
    --primary-soft-color: #263951;
    --primary-soft-color-hover: #3c4d63;
    --primary-soft-color-active: #24416b;
    --secondary-color: #1b74e4;
    --secondary-color-hover: #196ed9;
    --secondary-color-active: #1869cf;
    --default-color: #3a3b3c;
    --default-color-hover: #4e4f4f;
    --default-color-active: #4e4f4f;
    --default-soft-color: #202123;
    --default-soft-color-hover: #202123;
    --default-soft-color-active: #202123;
    --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: #E4E6EB;
    --default-button-text-color-hover: #E4E6EB;
    --default-button-text-color-active: #E4E6EB;
    --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: #7f807f;
    --default-soft-button-text-color-hover: #7f807f;
    --default-soft-button-text-color-active: #7f807f;
    --alt-color: #bbb;
    --title-color:#DAE2E6;
    --label-color:#8E8E93;
    --line-color: #ffffff0f;
    --link-color: var(--text-color);
    --link-hover-color: #C71BDA;
    --toast-bg-color: var(--bg-color);
    --toast-shadow: 0px 20px 50px -10px #00000073;
    --header-text-color: #b0b3b8;
    --header-bg-color-hover: var(--default-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: #242526;
    --modal-form-bg-color: transparent;
    --modal-input-bg-color: #131415;
    --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: #131415;
    --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: #242526;
    --dropdown-bg-color-hover: #3a3b3c;
    --dropdown-shadow: 0px 20px 50px -10px #000;
    --icon-color: #e4e6ea;
    --icon-color-hover: #e7e9ec;
    --icon-bg: #3a3b3c;
    --icon-bg-hover: #4e4f4f;
    --listing-tab-text-color: var(--link-color);
    --listing-tab-bg-color: transparent;
    --listing-tab-text-color-active: 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: rgb(33, 33, 33);
    --scrollbar-thumb-color: #6b6b6b;
    --account-card-publish: #739c72;
    --account-card-pause: #a59e7f;
    --account-card-notpublish: #a05d5d;
    --account-card-profile: #5f6588;
    --account-card-ranking: #885379;
    --success-bg-color: #739c72;
    --warning-bg-color: #a59e7f;
    --danger-bg-color: #a05d5d;
    --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: #23d967;
    --telegram-color: #0185b7;
    --telegram-color-hover: #0490c6;
    --ui-segment-bg: var(--input-bg-color);
    --ui-segment-active: var(--dropdown-bg-color);
    --notification-bg-color: #323336f7;
    --color-purple-950: #F8F0FE;
    --color-purple-900: #EEDDFD;
    --color-purple-800: #DCBBFC;
    --color-purple-700: #CB99FA;
    --color-purple-600: #BA77F9;
    --color-purple-500: #A855F7;
    --color-purple-400: #8815F4;
    --color-purple-300: #6609BE;
    --color-purple-200: #44067F;
    --color-purple-100: #22033F;
    --color-purple-50: #120222;
    --color-red-950: #FDECEC;
    --color-red-900: #FCD9D9;
    --color-red-800: #F9B4B4;
    --color-red-700: #F58E8E;
    --color-red-600: #F26969;
    --color-red-500: #EF4444;
    --color-red-400: #E11313;
    --color-red-300: #A90F0F;
    --color-red-200: #710A0A;
    --color-red-100: #380505;
    --color-red-50: #1C0202;
    --color-blue-950: #EBF3FE;
    --color-blue-900: #D8E6FD;
    --color-blue-800: #B1CEFB;
    --color-blue-700: #8AB5FA;
    --color-blue-600: #639CF8;
    --color-blue-500: #3B82F6;
    --color-blue-400: #0B60EA;
    --color-blue-300: #0848B0;
    --color-blue-200: #053075;
    --color-blue-100: #03183B;
    --color-blue-50: #010C1D;
    --color-green-950: #E9FBF0;
    --color-green-900: #CFF7DE;
    --color-green-800: #9FEFBC;
    --color-green-700: #6FE69B;
    --color-green-600: #40DE7A;
    --color-green-500: #22C55E;
    --color-green-400: #1B9D4B;
    --color-green-300: #147538;
    --color-green-200: #0D4E25;
    --color-green-100: #072713;
    --color-green-50: #04160A;
    --color-orange-950: #FFF0E5;
    --color-orange-900: #FFE0CC;
    --color-orange-800: #FFC299;
    --color-orange-700: #FFA061;
    --color-orange-600: #FF822E;
    --color-orange-500: #FA6400;
    --color-orange-400: #C75000;
    --color-orange-300: #943B00;
    --color-orange-200: #662900;
    --color-orange-100: #331400;
    --color-orange-50: #190A00;
    --color-brand-950: #EBEBFF;
    --color-brand-900: #D2D2FE;
    --color-brand-800: #A6A4FE;
    --color-brand-700: #7E7CFD;
    --color-brand-600: #524FFD;
    --color-brand-500: #2522FC;
    --color-brand-400: #0703E2;
    --color-brand-300: #0502AB;
    --color-brand-200: #03026F;
    --color-brand-100: #020137;
    --color-brand-50: #01001E;
    --color-yellow-950: #FFED8A;
    --color-yellow-900: #FFEB7A;
    --color-yellow-800: #FFE75C;
    --color-yellow-700: #FFE23D;
    --color-yellow-600: #FFDD1F;
    --color-yellow-500: #FFD800;
    --color-yellow-400: #D6B600;
    --color-yellow-300: #AD9300;
    --color-yellow-200: #857100;
    --color-yellow-100: #5C4E00;
    --color-yellow-50: #473D00;
    --color-gray-950: #fafafa;
    --color-gray-900: #f0f2f5;
    --color-gray-800: #ebeef2;
    --color-gray-700: #d7dfe8;
    --color-gray-600: #bdc4cc;
    --color-gray-500: #a0a6ad;
    --color-gray-400: #767b80;
    --color-gray-300: #4e5154;
    --color-gray-200: #323436;
    --color-gray-100: #18191a;
    --color-gray-50: #0d0e0e;
    --primary-color: #038093;
    --primary-color-hover: #0ea0b6;
    --primary-color-active: #27c3db;
    --primary-button-bg-color: #C90035;
    --primary-button-bg-color-hover: #9C002A;
    --primary-button-bg-color-active: #9C002A;
    --primary-soft-color: #122326;
    --primary-soft-color-hover: #213336;
    --primary-soft-color-active: #0d4751;
    --primary-soft-button-text-color: #038093;
    --primary-soft-button-text-color-hover: #058699;
    --primary-soft-button-text-color-active: #03a7c0;
    --category-tag-bg-color: #C90035;
    --plan-tag-bg-color: yellow;
    --plan-tag-text-color: black;
    --footer-bg-color: var(--container-bg-color);
    --input-shadow-focus: 0 0 0 0.2rem rgb(0 232 255 / 16%);
  }
  .theme-auto .stripchat-btn {
    color: white !important;
  }
  .theme-auto .stripchat-btn .stripchat-logo {
    -webkit-filter: invert(1);
            filter: invert(1);
  }
  .theme-auto .image-light {
    display: none !important;
  }
  .theme-auto .section-pub .pub-map iframe {
    -webkit-filter: brightness(0.6);
            filter: brightness(0.6);
  }
}
:root {
  --listing-grid-spacing: 10px;
  --listing-title-spacing: 20px;
  --listing-aspect-ratio: 1.7777777778;
}

.listing-pub .listing-link {
  display: block;
  height: 100%;
}
.listing-pub .info-category {
  top: 0px;
  bottom: auto;
}
.listing-pub .info-plan {
  top: 32px;
}
.listing-pub .info {
  position: absolute;
  width: calc(100% - 10px);
  background: rgba(var(--main-contrast-rgb), 0.5);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  left: 5px;
  bottom: 5px;
  border-radius: var(--btn-border-radius);
}
.listing-pub[data-avatar-video=true] .info {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.listing-pub .info-tag {
  background: rgba(var(--tag-bg-rgb), 0.5);
}
.listing-pub .info-title {
  background: transparent;
}

.listing-pub .info {
  background: transparent;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.listing-pub .info-tag {
  background: transparent;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  font-weight: 400 !important;
}

.listing-pub .info-whatsapp, .listing-pub .info-favorite {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  text-align: center;
  max-width: 30px;
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
  background: transparent;
  font-size: 20px;
  padding: 0px;
  margin: 0px;
  position: absolute;
  right: 0px;
  bottom: 3px;
  font-size: 24px;
}

.listing-pub .info-whatsapp-icon {
  margin-right: 0px;
}

.listing-pub .info-whatsapp-text {
  display: none;
}

.listing-pub .info-region {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  max-width: 100%;
  font-weight: 500;
  white-space: nowrap;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin-bottom: 7px;
}

.listing-pub .cover:after {
  content: "";
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, from(#00000047), color-stop(20%), to(transparent));
  background: linear-gradient(0deg, #00000047, 20%, transparent);
  background: -webkit-gradient(linear, left bottom, left top, from(#0000008f), color-stop(20%), to(transparent));
  background: linear-gradient(0deg, #0000008f, 20%, transparent);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.listing-type-scroll .info-title,
.listing-type-grid .info-title {
  color: white;
  font-size: 18px !important;
  text-transform: uppercase;
  font-weight: 800;
  padding-bottom: 0px;
  margin-bottom: -10px;
}

.listing-type-story a.story {
  text-decoration: none;
}

.listing-type-story .info-title {
  font-weight: 400;
}

.listing-pub .size-medium .info-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100% !important;
}

.section-pub {
  padding-top: 10px;
  display: grid;
  grid-column-gap: 30px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-areas: "breadcrumb breadcrumb  breadcrumb  breadcrumb  breadcrumb" "avatar		title		title		title		menu" "avatar		info		info		info		price" "avatar		about		about		hours		hours" "avatar		.			.			.			." "shortcut	shortcut	shortcut	shortcut	shortcut" "tab		tab			tab			tab			tab" "gallery	gallery		gallery		gallery		gallery" "services	services	services	services	services" "map		map			map			map			map" "trips		trips		trips		trips		trips" "comments	comments	comments	comments	comments";
}
@media (max-width: 991.98px) {
  .section-pub {
    grid-column-gap: 10px;
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-areas: "breadcrumb	breadcrumb	breadcrumb" "avatar		title		menu" "avatar		info		info" "shortcut	shortcut	shortcut" "tab		tab			tab" "gallery	gallery		gallery" "about		about		about" "hours		hours			price" "services	services	services" "map		map			map" "trips		trips		trips" "comments	comments	comments";
  }
}
@media (max-width: 767.98px) {
  .section-pub {
    grid-column-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "breadcrumb	breadcrumb	breadcrumb" "avatar		title		title" "avatar		menu		menu" "info		info		info" "shortcut	shortcut	shortcut" "tab		tab			tab" "gallery	gallery		gallery" "about		about		about" "price		price		price" "hours		hours		hours" "services	services	services" "map		map			map" "trips		trips		trips" "comments	comments	comments";
  }
}

@media (max-width: 575.98px) {
  .pub-info {
    text-align: center;
  }
}

.pub-price {
  text-align: right;
  display: block;
}
@media (max-width: 767.98px) {
  .pub-price {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.pub-about {
  margin-top: 20px;
}

.pub-price-inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pub-price-label {
  font-size: 16px;
  margin: 0px;
  padding-right: 5px;
}

@media (max-width: 991.98px) {
  .breadcrumb {
    margin-bottom: 10px;
  }
}

.pub-picture {
  padding-top: 100%;
  margin: 0px;
}
.pub-picture .avatar {
  border-radius: 50%;
}

.pub-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767.98px) {
  .pub-title-container {
    margin: 0px;
  }
}

.pub-menu {
  margin: 0px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 5px;
}
@media (max-width: 767.98px) {
  .pub-menu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.pub-story-status {
  width: 100%;
  position: absolute;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0px;
  border-radius: 50%;
}

.pub-book {
  margin: 0px;
  padding: 0px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: var(--grid-spacing);
  grid-auto-flow: dense;
  margin-top: 0px;
}
@media (max-width: 991.98px) {
  .pub-book {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .pub-book {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.pub-book-item {
  display: block;
  position: relative;
  padding-top: 100%;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.pub-book-link {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

:root {
  --img-border-radius: 10px;
  --box-border-radius: 10px;
  --btn-border-radius: 10px;
  --dropdown-border-radius: 10px;
  --form-border-radius: 10px;
  --modal-border-radius: 20px;
  --dark-mode: block;
}

.app-header {
  padding-top: 20px;
}

.navbar-logo {
  height: 49px;
}

.footer-logo {
  margin-left: -10px;
}

.text-primary {
  color: var(--primary-color) !important;
}

.listing-label {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
}

.listing-label-accent {
  color: #049ab1;
}

.tag.escort {
  display: none;
}

/* TAG CATEGEORIASLISTADO */
.listing-pub .info-category .tag {
  font-weight: 500;
  border-radius: 8px;
}

.tag-wrapper-categoria-virtual {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.tag-wrapper-categoria-area-vip {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.tag-wrapper-categoria-area-vip .tag {
  background: gold !important;
  color: black;
}

.tag-wrapper-categoria-exclusivas .tag {
  background: #222 !important;
  color: white;
}

.tag-wrapper-categoria-trans {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.tag-wrapper-categoria-fantasias {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.tag-wrapper-categoria-fantasias .tag {
  background: #038093 !important;
}

.tag-wrapper-categoria-disponible {
  display: none;
}

.tag-wrapper-categoria-mujeres {
  opacity: 0;
  -webkit-box-ordinal-group: 8 !important;
      -ms-flex-order: 7 !important;
          order: 7 !important;
}

.field-penis-size {
  display: none;
}

.pub-tags-item.pub_services_oral {
  background: #c900352e;
}

.pub-tags-item.pub_services_fantasy {
  background: #0380933d;
}

/* efecto para las gratuitas */
.listing-gratis .listing-image {
  -webkit-filter: saturate(0.2);
          filter: saturate(0.2);
}