@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
  --full-bg: rgba(255, 255, 255, 1);
  --main-bg: rgba(239, 239, 239, 1);

  --logo-bg: rgba(222, 89, 71, 1);
  --logo-color: rgba(9, 10, 12, 1);
  --logo-icon: rgba(222, 89, 71, 1);

  --sidebar-bg: rgba(239, 239, 239, 1);
  --sidebar-slide-bg: transparent;

  --sidebar-item-background: none;
  --sidebar-item-border: none;
  --sidebar-item-color: rgba(97, 101, 107, 1);

  --sidebar-item-active-background: radial-gradient(
    50% 50% at 50% 50%,
    rgba(189, 57, 40, 0.91) 0%,
    rgba(191, 76, 61, 0.91) 100%
  );
  --sidebar-item-active-border: none;
  --sidebar-item-active-color: rgba(255, 255, 255, 1);

  --sidebar-item-hover-background: rgba(225, 225, 225, 1);
  --sidebar-item-hover-color: rgba(97, 101, 107, 1);

  --category-divider: rgba(38, 38, 38, 0.1);
  --category-color: rgba(97, 101, 107, 1);

  --category-active-color: rgba(255, 109, 90, 1);

  --search-bg: rgba(255, 255, 255, 1);
  --search-border: 1px solid rgba(224, 224, 224, 1);
  --search-bg-hover: rgba(240, 240, 240, 1);
  --search-icon: rgba(202, 202, 202, 1);
  --search-placeholder: rgba(24, 23, 23, 1);
  --search-color: rgba(73, 73, 73, 1);
  --search-color-dimmed: rgba(24, 23, 23, 1);

  --country-bg: rgba(239, 239, 239, 1);
  --country-hover-bg: rgba(225, 225, 225, 1);

  --filter-bg: rgba(255, 255, 255, 1);
  --filter-hover-bg: rgba(250, 250, 250, 1);
  --filter-border: 1px solid rgba(224, 224, 224, 1);
  --filter-item-border: 1px solid rgba(224, 224, 224, 1);
  --filter-arrow: rgba(145, 145, 145, 1);
  --filter-color: rgba(163, 163, 163, 1);

  --title: rgba(9, 10, 12, 1);
  --arrow-bg: linear-gradient(180deg, #ebebeb 0%, #fefefe 100%);
  --arrow-border: linear-gradient(180deg, #ffffff 0%, #ececec 100%);
  --arrow-border-width: 1px;
  --arrow-color: rgba(93, 93, 93, 1);
  --all-bg: linear-gradient(180deg, #f4f4f4 0%, #fefefe 100%);
  --all-border: 0.89px solid #ececec;
  --all-color: rgba(171, 170, 170, 1);

  --arrow-hover-bg: linear-gradient(180deg, #ebebeb 0%, #fefefe 100%);
  --arrow-hover-border: linear-gradient(180deg, #ffffff 0%, #ececec 100%);
  --arrow-hover-color: rgba(35, 202, 255, 1);
  --arrow-shadow: 0px 2.7px 2.92px -1.35px rgba(0, 0, 0, 0.25);

  --arrow-disabled-border: linear-gradient(180deg, #eeeeee 0%, rgba(207, 207, 207, 0.5) 100%);
  --arrow-disabled-bg: rgba(226, 226, 226, 1);
  --arrow-disabled-color: rgba(177, 177, 177, 1);
  --arrow-disabled-shadow: 0px 2.7px 2.92px -1.35px rgba(0, 0, 0, 0.25);

  --item-wrapper-bg: rgba(234, 234, 234, 1);
  --item-wrapper-hover-bg: rgba(234, 234, 234, 1);

  --tile-wrapper-bg: linear-gradient(152.14deg, rgba(135, 135, 135, 0.161) 9.96%, rgba(66, 66, 66, 0.14) 100%);
  --tile-bg: rgba(255, 255, 255, 1);
  --tile-head-color: rgba(255, 255, 255, 1);
  --tile-more-color: rgba(118, 118, 118, 0.6);
  --tile-brand-border: 1px solid rgba(223, 223, 223, 0.5);

  --category-menu-bg: rgba(255, 255, 255, 1);
  --category-menu-color: rgba(145, 145, 145, 1);

  --category-menu-hover-bg: rgba(222, 89, 71, 1);
  --category-menu-hover-color: rgba(255, 255, 255, 1);

  --popular-bg: rgba(255, 255, 255, 1);
  --popular-border: 1px solid rgba(234, 234, 234, 0.5);
  --popular-color: rgba(73, 73, 73, 1);
  --popular-dimmed: rgba(73, 73, 73, 0.683);
  --popular-percent-bg: linear-gradient(96.22deg, #b13030 2.11%, #ea453e 55.33%, #b13030 98.6%);
  --popular-percent-shadow: 0px 2px 9px 0px rgba(239, 5, 5, 0.3);
  --popular-tag-bg: rgba(212, 212, 212, 0.45);
  --popular-tag-color: rgba(73, 73, 73, 1);
  --popular-price-color: rgba(222, 89, 71, 1);
  --popular-price-shadow: 0px 0px 12px 0px rgba(255, 0, 0, 0.75);
  --popular-divider: linear-gradient(
    90deg,
    rgba(25, 25, 25, 0.06) 0%,
    rgba(116, 115, 115, 0.3) 50%,
    rgba(23, 23, 23, 0.06) 100%
  );

  --popular-hover-bg: rgba(255, 255, 255, 1);
  --popular-hover-border: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);

  --popular-tag-hover-bg: rgba(177, 48, 48, 1);
  --popular-tag-hover-color: rgba(255, 255, 255, 1);

  --promoted-bg: rgba(255, 255, 255, 1);
  --promoted-border: 1px solid rgba(234, 234, 234, 1);
  --promoted-color: rgba(73, 73, 73, 1);
  --promoted-dimmed: rgba(73, 73, 73, 0.683);
  --promoted-subtitle-color: rgba(136, 136, 136, 1);
  --promoted-subtitle-color2: rgba(177, 48, 48, 1);
  --promoted-cashback-bg: linear-gradient(96.22deg, #b13030 2.11%, #ea453e 55.33%, #b13030 98.6%);
  --promoted-cashback-shadow: 0px 2px 9px 0px rgba(239, 5, 5, 0.3);
  --promoted-tag-bg: rgba(0, 0, 0, 0.05);
  --promoted-tag-color: rgba(40, 40, 40, 1);
  --promoted-divider: 1px solid rgba(51, 52, 53, 0.1);
  --promoted-button-bg: rgba(212, 212, 212, 0.45);
  --promoted-button-color: rgba(73, 73, 73, 1);
  --promoted-bagde-bg: rgba(255, 221, 217, 1);
  --promoted-bagde-shadow: none;
  --promoted-bagde-color: rgba(222, 89, 71, 1);

  --promoted-hover-bg: rgba(255, 255, 255, 1);
  --promoted-hover-border: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  --promoted-tag-hover-bg: linear-gradient(289.83deg, #b13030 30.17%, #de5947 97.55%);
  --promoted-tag-hover-color: rgba(255, 255, 255, 1);
  --promoted-hover-divider: linear-gradient(90deg, rgba(35, 34, 35, 0.2) 0%, #d6d6d6 50%, rgba(35, 34, 35, 0.2) 100%);
  --promoted-button-hover-bg: rgba(177, 48, 48, 1);
  --promoted-button-hover-color: rgba(255, 255, 255, 1);

  --deals-bg: rgba(255, 255, 255, 1);
  --deals-border: 1px solid rgba(234, 234, 234, 1);
  --deals-color: rgba(73, 73, 73, 1);
  --deals-tag-bg: rgba(49, 49, 49, 1);
  --deals-tag-color: rgba(181, 181, 181, 1);
  --deals-divider: 1px solid rgba(51, 52, 53, 0.1);
  --deals-button-bg: rgba(41, 182, 246, 1);
  --deals-button-color: rgba(3, 19, 26, 1);
  --deals-bagde-bg: rgba(54, 209, 219, 0.29);
  --deals-bagde-shadow: none;
  --deals-bagde-color: rgba(0, 70, 75, 1);
  --deals-discount-bg: rgba(177, 48, 48, 1);
  --deals-discount-color: rgba(255, 255, 255, 1);
  --deals-price1-color: rgba(171, 171, 171, 1);
  --deals-price2-color: rgba(177, 48, 48, 1);

  --deals-hover-bg: rgba(255, 255, 255, 1);
  --deals-hover-border: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  --deals-tag-hover-bg: linear-gradient(289.83deg, #b13030 30.17%, #de5947 97.55%);
  --deals-tag-hover-color: rgba(255, 255, 255, 1);
  --deals-hover-divider: linear-gradient(90deg, rgba(35, 34, 35, 0.2) 0%, #d6d6d6 50%, rgba(35, 34, 35, 0.2) 100%);

  --popup-bg: rgba(244, 244, 244, 1);
  --popup-shadow: 0px 4px 24px 0px rgba(18, 18, 18, 1);
  --sidebar-outside-bg: rgba(21, 23, 26, 1);
  --popup-main-bg: rgba(255, 255, 255, 1);
  --popup-title-color: #1c1c1c;
  --popup-main-border: rgba(28, 28, 28, 0.1);
  --active-menu-item-text: #fff;

  --dos-check-mark-color: #6423d2;
  --donts-check-mark-color: #ff790e;

  --offer-gradient-hover-1: #b130306b;
  --offer-gradient-hover-2: #de59477b;
  --offer-gradient-hover-3: #de59470f;
  --offer-gradient-bg: #de59473e;

  --close-icon-bg: rgba(250, 250, 250, 1);
  --close-icon-text: rgba(142, 142, 142, 1);

  --spinner: #090a0c;

  --qr-bg: rgba(217, 217, 217, 0.22);

  --offer-tag-bg: #effaff;
  --offer-tag-text: #5ab3f0;

  --scroll-background: #b3b3b3;
  --scroll-thumb: #d4d4d4;

  --not-found-message: #090a0c;

  --search-result-item-bg: #e6e6e6;

  --active-cashback-bg: linear-gradient(289.83deg, #b13030 30.17%, #de5947 97.55%);
  --active-cashback-color: rgba(255, 255, 255, 1);

  --base-skeleton-base-color: #e8e8e8;
  --base-skeleton-highlight: #fafafa;

  --earning-btn-color: #f5f5f5;
  --earning-btn-bg: #de5947;
  --earning-btn-hover-bg: linear-gradient(289.83deg, #b13030 30.17%, #b13030 97.55%);

  --earning-page-bg: rgba(250, 250, 250, 1);
  --earning-page-shadow: none;
  --earning-page-border: none;

  --earning-stat-title-color: rgba(255, 255, 255, 0.9);
  --earning-stat-desc-color: rgba(255, 255, 255, 1);
  --earning-stat-subtitle-color: rgba(255, 255, 255, 0.8);

  --earning-stat-title2-color: rgba(98, 98, 98, 0.9);
  --earning-stat-desc2-color: rgba(152, 152, 152, 1);
  --earning-stat-subtitle2-color: rgba(69, 69, 69, 0.8);

  --earning-stat-bg: rgba(255, 255, 255, 1);
  --earning-stat-border: none;
  --earning-stat-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);

  --earning-history-title-color: rgba(79, 79, 79, 0.8);

  --earning-history-tab-bg: rgba(0, 0, 0, 0.08);
  --earning-history-tab-color: rgba(79, 79, 79, 1);
  --earning-history-tab-border: none;

  --earning-history-tab-active-bg: radial-gradient(
    50% 50% at 50% 50%,
    rgba(189, 57, 40, 0.91) 0%,
    rgba(191, 76, 61, 0.91) 100%
  );
  --earning-history-tab-active-color: rgba(255, 255, 255, 1);
  --earning-history-tab-active-border: 1px solid transparent;
  --earning-history-tab-active-shadow: none;

  --earning-table-border: 1px solid rgba(235, 235, 235, 1);

  --earning-table-header-bg: rgba(245, 245, 245, 1);
  --earning-table-header-color: rgba(143, 143, 143, 1);
  --earning-table-header-border: none;

  --earning-table-body-bg: rgba(255, 255, 255, 1);
  --earning-table-body-item-bg: rgba(255, 255, 255, 1);
  --earning-table-body-border: 1px solid rgba(0, 0, 0, 0.1);
  --earning-table-body-title-color: rgba(46, 46, 46, 0.9);
  --earning-table-body-color: rgba(46, 46, 46, 0.9);

  --earning-history-pending-bg: rgba(211, 135, 13, 0.15);
  --earning-history-pending-border: 1px solid rgba(237, 171, 65, 0.3);
  --earning-history-pending-color: rgba(224, 148, 24, 1);

  --earning-history-completed-bg: rgba(59, 208, 101, 0.15);
  --earning-history-completed-border: 1px solid rgba(59, 208, 101, 0.3);
  --earning-history-completed-color: rgba(41, 169, 77, 1);

  --earning-history-declined-bg: rgba(208, 59, 59, 0.15);
  --earning-history-declined-border: 1px solid rgba(208, 59, 59, 0.3);
  --earning-history-declined-color: rgb(169, 41, 41);

  --action-back-icon-bg: rgba(145, 145, 145, 1);
  --action-back-icon-color: rgba(255, 255, 255, 1);
  --action-back-text-color: #787878;

  --earnings-card-bg: rgba(255, 255, 255, 1);
  --earnings-card-border: 1px solid rgba(232, 232, 232, 1);
  --earnings-card-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  --earnings-card-title-color: rgba(96, 96, 97, 0.76);
  --earnings-card-date-color: rgba(96, 96, 97, 0.5);
  --earnings-card-price-color: rgba(96, 96, 97, 0.8);

  /* popup-tooltip */
  --popup-tooltip-background: #f3f3f3;
  --popup-tooltip-border: 1px solid #d1d1d1;
  --popup-tooltip-text-color: rgba(46, 46, 46, 0.9);

  --popup-list-divider: linear-gradient(
    90deg,
    rgba(25, 25, 25, 0.06) 0%,
    rgba(116, 115, 115, 0.3) 50%,
    rgba(23, 23, 23, 0.06) 100%
  );

  --coin-settings-tooltip-arrow: #e6e6e6;
  --coin-settings-tooltip-border: #d1d1d1;

  /* sort icon */
  --web3-sort-icon: transparent;
  --web3-sort-active-icon: #0000007f;
  --web3-info-icon: #0000007f;

  --spinner-color: #de5947;

  --menu-tab-color: rgba(77, 77, 77, 1);
  --menu-tab-active-color: #fff;

  --menu-tab-background: rgba(0, 0, 0, 0.05);
  --menu-tab-active-background: rgba(177, 48, 48, 1);

  --menu-tab-shadow: none;

  --text-light: #090a0c;
  --text-dimmed: #61656b;

  /*  */

  --bottom-bar-bg: rgba(255, 255, 255, 1);
  --bottom-bar-border: 0.5px solid rgba(255, 255, 255, 0.3);
  --bottom-bar-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.08);

  --bottom-bar-item-bg: rgba(0, 0, 0, 0.03);
  --bottom-bar-item-color: rgba(77, 77, 77, 1);

  --bottom-bar-item-active-bg: radial-gradient(
    50% 50% at 50% 50%,
    rgba(189, 57, 40, 0.91) 0%,
    rgba(191, 76, 61, 0.91) 100%
  );
  --bottom-bar-item-active-color: rgba(255, 255, 255, 1);

  /*  */

  --main-shadow: rgba(225, 225, 225, 0.5) 0px 60px 40px -7px;

  /* no category in geo */
  --no-cat-geo-bg: #ffffff;
  --no-cat-geo-color: #494949;

  /*  */

  --more-rate-btn-color: #494949;
  --more-rate-item-color: #494949;
  --more-rate-item-color2: #333;
}

/* Dark mode styles */
[data-theme='dark'] {
  --full-bg: rgba(18, 18, 18, 1);
  --main-bg: rgba(10, 10, 10, 1);

  --logo-bg: rgba(222, 89, 71, 1);
  --logo-color: rgba(228, 229, 233, 1);
  --logo-icon: rgba(222, 89, 71, 1);

  --sidebar-bg: rgba(18, 18, 18, 1);
  --sidebar-slide-bg: transparent;

  --sidebar-item-background: none;
  --sidebar-item-border: none;
  --sidebar-item-color: rgba(202, 202, 202, 1);

  --sidebar-item-active-background: rgba(255, 76, 52, 0.13);
  --sidebar-item-active-border: none;
  --sidebar-item-active-color: rgba(255, 109, 90, 1);

  --sidebar-item-hover-background: rgba(32, 32, 32, 1);
  --sidebar-item-hover-color: rgba(202, 202, 202, 1);

  --category-divider: rgba(38, 38, 38, 1);
  --category-color: rgba(202, 202, 202, 1);

  --category-active-color: rgba(255, 109, 90, 1);

  --search-bg: rgba(20, 20, 20, 1);
  --search-border: 1px solid rgba(30, 32, 36, 1);
  --search-bg-hover: rgba(14, 14, 14, 1);
  --search-icon: rgba(202, 202, 202, 0.5);
  --search-placeholder: rgba(202, 202, 202, 0.5);
  --search-color: rgba(202, 202, 202, 1);
  --search-color-dimmed: rgba(202, 202, 202, 0.683);

  --filter-bg: rgba(27, 27, 27, 1);
  --filter-hover-bg: rgba(20, 20, 20, 1);
  --filter-border: 1px solid rgba(28, 28, 28, 1);
  --filter-item-border: 1px solid rgba(40, 40, 40, 1);
  --filter-arrow: rgba(145, 145, 145, 1);
  --filter-color: rgba(163, 163, 163, 1);

  --country-bg: rgba(0, 0, 0, 1);
  --country-hover-bg: rgba(10, 10, 10, 1);

  --title: rgba(255, 255, 255, 1);
  --arrow-bg: rgb(43, 36, 35);
  --arrow-border: rgba(222, 89, 71, 1);
  --arrow-border-width: 1px;
  --arrow-color: rgba(222, 89, 71, 1);
  --all-bg: rgba(37, 37, 37, 1);
  --all-border: 1px solid rgba(39, 39, 39, 1);
  --all-color: rgba(130, 130, 130, 1);

  --arrow-hover-bg: rgb(108, 55, 46);
  --arrow-hover-border: rgba(222, 89, 71, 1);
  --arrow-hover-color: rgba(222, 89, 71, 1);

  --arrow-disabled-border: #de594756;
  --arrow-disabled-bg: rgb(40, 27, 27);
  --arrow-disabled-color: #de594756;
  --arrow-disabled-shadow: none;

  --item-wrapper-bg: rgba(33, 33, 33, 1);
  --item-wrapper-hover-bg: linear-gradient(
    150.85deg,
    rgba(214, 214, 214, 0.5) -0.91%,
    rgba(255, 255, 255, 0.1) 80%,
    rgba(49, 49, 49, 0.5) 100%
  );

  --tile-wrapper-bg: linear-gradient(152.14deg, rgba(21, 191, 253, 0.161) 9.96%, rgba(156, 55, 253, 0.14) 100%);
  --tile-bg: rgba(20, 20, 20, 1);
  --tile-head-color: rgba(255, 255, 255, 1);
  --tile-more-color: rgba(118, 118, 118, 0.6);
  --tile-brand-border: none;

  --category-menu-bg: rgba(27, 27, 27, 1);
  --category-menu-color: rgba(145, 145, 145, 1);

  --category-menu-hover-bg: rgba(255, 76, 52, 0.13);
  --category-menu-hover-color: rgba(255, 109, 90, 1);

  --popular-bg: rgba(22, 22, 22, 1);
  --popular-border: 1px solid rgba(33, 33, 33, 0.8);
  --popular-color: rgba(212, 212, 212, 1);
  --popular-dimmed: rgba(212, 212, 212, 0.683);
  --popular-percent-bg: linear-gradient(96.22deg, #b13030 2.11%, #ea453e 55.33%, #b13030 98.6%);
  --popular-percent-shadow: 0px 2px 9px 0px rgba(239, 5, 5, 0.3);
  --popular-tag-bg: rgba(49, 49, 49, 1);
  --popular-tag-color: rgba(181, 181, 181, 1);
  --popular-price-color: rgba(222, 89, 71, 1);
  --popular-price-shadow: 0px 0px 12px 0px rgba(255, 0, 0, 0.75);
  --popular-hover-bg: rgba(28, 28, 28, 1);
  --popular-hover-border: linear-gradient(
    150.85deg,
    rgba(214, 214, 214, 0.5) -0.91%,
    rgba(255, 255, 255, 0.1) 45%,
    rgba(49, 49, 49, 0.5) 100%
  );
  --popular-tag-hover-bg: linear-gradient(289.83deg, #b13030 30.17%, #de5947 97.55%);
  --popular-tag-hover-color: rgba(255, 255, 255, 1);

  --promoted-bg: rgba(22, 22, 22, 1);
  --promoted-border: 1px solid rgba(33, 33, 33, 0.8);
  --promoted-dimmed: rgba(145, 145, 145, 1);
  --promoted-subtitle-color: rgba(205, 205, 205, 1);
  --promoted-subtitle-color2: rgba(177, 48, 48, 1);
  --promoted-tag-bg: rgba(38, 38, 38, 0.46);
  --promoted-tag-color: rgba(181, 181, 181, 1);
  --promoted-divider: 1px solid rgba(42, 42, 42, 1);
  --promoted-button-bg: rgba(39, 38, 38, 1);
  --promoted-button-color: rgba(255, 255, 255, 1);
  --promoted-bagde-bg: rgba(3, 3, 3, 1);
  --promoted-bagde-shadow: 0px 4px 8px 0px rgba(27, 27, 27, 0.16);
  --promoted-bagde-color: rgba(222, 89, 71, 1);

  --promoted-hover-bg: #222222;
  --promoted-hover-border: linear-gradient(
    150.85deg,
    rgba(214, 214, 214, 0.5) -0.91%,
    rgba(255, 255, 255, 0.1) 45%,
    rgba(49, 49, 49, 0.5) 100%
  );
  --promoted-tag-hover-bg: linear-gradient(289.83deg, #b13030 30.17%, #de5947 97.55%);
  --promoted-tag-hover-color: rgba(255, 255, 255, 1);
  --promoted-hover-divider: linear-gradient(90deg, rgba(35, 34, 35, 0.2) 0%, #d6d6d6 50%, rgba(35, 34, 35, 0.2) 100%);
  --promoted-button-hover-bg: rgba(177, 48, 48, 1);
  --promoted-button-hover-color: rgba(255, 255, 255, 1);

  --deals-bg: rgba(62, 62, 62, 0.2);
  --deals-border: 1px solid rgba(33, 33, 33, 1);
  --deals-color: rgba(212, 212, 212, 1);
  --deals-tag-bg: rgba(49, 49, 49, 1);
  --deals-tag-color: rgba(181, 181, 181, 1);
  --deals-divider: 1px solid rgba(51, 52, 53, 1);
  --deals-button-bg: rgba(41, 182, 246, 1);
  --deals-button-color: rgba(3, 19, 26, 1);
  --deals-bagde-bg: rgba(3, 3, 3, 1);
  --deals-bagde-shadow: 0px 4px 8px 0px rgba(27, 27, 27, 0.16);
  --deals-bagde-color: rgba(222, 89, 71, 1);
  --deals-discount-bg: rgba(177, 48, 48, 1);
  --deals-discount-color: rgba(255, 255, 255, 1);
  --deals-price1-color: rgba(171, 171, 171, 1);
  --deals-price2-color: rgba(177, 48, 48, 1);

  --deals-hover-bg: #222222;
  --deals-hover-border: linear-gradient(
    150.85deg,
    rgba(214, 214, 214, 0.5) -0.91%,
    rgba(255, 255, 255, 0.1) 45%,
    rgba(49, 49, 49, 0.5) 100%
  );
  --deals-tag-hover-bg: linear-gradient(289.83deg, #b13030 30.17%, #de5947 97.55%);
  --deals-tag-hover-color: rgba(255, 255, 255, 1);
  --deals-hover-divider: linear-gradient(90deg, rgba(35, 34, 35, 0.2) 0%, #d6d6d6 50%, rgba(35, 34, 35, 0.2) 100%);

  --popup-bg: rgba(21, 23, 26, 1);
  --popup-shadow: 0px 4px 24px 0px rgba(18, 18, 18, 1);
  --sidebar-outside-bg: rgba(21, 23, 26, 1);
  --popup-main-bg: rgba(13, 14, 16, 1);
  --popup-title-color: #f5f5f5;
  --popup-main-border: rgba(26, 26, 26, 1);
  --active-menu-item-text: #fff;

  --dos-check-mark-color: #ffffff;
  --donts-check-mark-color: #ffffff;

  --offer-gradient-hover-1: #304eb16b;
  --offer-gradient-hover-2: #474fde7b;
  --offer-gradient-hover-3: #474fde0f;
  --offer-gradient-bg: #2e2ed73e;

  --close-icon-bg: rgba(37, 37, 41, 1);
  --close-icon-text: rgba(142, 142, 142, 1);

  --spinner: #b13030;

  --qr-bg: #0e2240;

  --popup-tag-bg: #0e2240;
  --popup-tag-text: #5d9aee;

  --scroll-background: #393939;
  --scroll-thumb: #49494b;

  --not-found-message: #ffffff;

  --search-result-item-bg: #041a38;

  --active-cashback-bg: linear-gradient(289.83deg, #b13030 30.17%, #de5947 97.55%);
  --active-cashback-color: rgba(255, 255, 255, 1);

  --base-skeleton-base-color: #202020;
  --base-skeleton-highlight-color: #444;

  --earning-btn-color: #f5f5f5;
  --earning-btn-bg: #8e362b;
  --earning-btn-hover-bg: rgba(142, 54, 43, 1);

  --earning-page-bg: none;
  --earning-page-shadow: none;
  --earning-page-border: none;

  --earning-stat-title-color: rgba(255, 255, 255, 0.9);
  --earning-stat-desc-color: rgba(255, 255, 255, 1);
  --earning-stat-subtitle-color: rgba(255, 255, 255, 0.8);

  --earning-stat-title2-color: rgba(255, 255, 255, 0.9);
  --earning-stat-desc2-color: rgba(255, 255, 255, 1);
  --earning-stat-subtitle2-color: rgba(255, 255, 255, 0.8);

  --earning-stat-bg: rgba(255, 255, 255, 0.05);
  --earning-stat-border: 0.25px solid rgba(79, 79, 79, 0.16);
  --earning-stat-shadow: none;

  --earning-history-title-color: #cacaca;

  --earning-table-border: none;

  --earning-history-tab-bg: rgba(255, 255, 255, 0.05);
  --earning-history-tab-color: rgba(255, 255, 255, 0.8);
  --earning-history-tab-border: none;

  --earning-history-tab-active-bg: rgba(42, 42, 43, 1);
  --earning-history-tab-active-color: rgba(255, 255, 255, 1);
  --earning-history-tab-active-border: none;
  --earning-history-tab-active-shadow: none;

  --earning-table-header-bg: rgba(39, 39, 40, 1);
  --earning-table-header-color: rgba(129, 129, 129, 1);
  --earning-table-header-border: none;

  --earning-table-body-bg: #131313;
  --earning-table-body-item-bg: rgba(32, 32, 32, 1);
  --earning-table-body-border: 1px solid rgba(163, 163, 163, 0.1);
  --earning-table-body-title-color: rgba(163, 163, 163, 1);
  --earning-table-body-color: rgba(255, 255, 255, 0.5);

  --earning-history-pending-bg: rgba(211, 135, 13, 0.15);
  --earning-history-pending-border: 1px solid rgba(237, 171, 65, 0.3);
  --earning-history-pending-color: rgba(255, 177, 51, 1);

  --earning-history-completed-bg: rgba(59, 208, 101, 0.15);
  --earning-history-completed-border: 1px solid rgba(59, 208, 101, 0.3);
  --earning-history-completed-color: rgba(59, 208, 101, 1);

  --action-back-icon-bg: rgba(228, 229, 233, 1);
  --action-back-icon-color: rgba(145, 145, 145, 1);
  --action-back-text-color: #787878;

  --earnings-card-bg: rgba(38, 37, 38, 1);
  --earnings-card-border: none;
  --earnings-card-shadow: none;
  --earnings-card-title-color: rgba(255, 255, 255, 0.76);
  --earnings-card-date-color: rgba(255, 255, 255, 0.5);
  --earnings-card-price-color: rgba(255, 255, 255, 0.8);

  /* popup-tooltip */
  --popup-tooltip-background: #1b1b1b;
  --popup-tooltip-border: 1px solid #2a2a2a;
  --popup-tooltip-text-color: #a3a3a3;

  --popup-list-divider: linear-gradient(90deg, rgba(25, 25, 25, 0.1) 0%, #747373bd 50%, rgba(23, 23, 23, 0.1) 100%);

  --coin-settings-tooltip-arrow: #282828;
  --coin-settings-tooltip-border: #2e2e2e;

  /* sort icon */
  --web3-sort-icon: transparent;
  --web3-sort-active-icon: #a4a8ab;
  --web3-info-icon: #a4a8ab;

  --spinner-color: #de5947;

  --menu-tab-color: rgba(202, 202, 202, 1);
  --menu-tab-active-color: rgba(255, 109, 90, 1);

  --menu-tab-background: rgba(255, 255, 255, 0.05);
  --menu-tab-border: 0.5px solid rgba(29, 29, 29, 1);
  --menu-tab-active-background: rgba(255, 76, 52, 0.13);

  --menu-tab-shadow: none;

  --text-light: #ffffff;
  --text-dimmed: #cacaca;

  /*  */

  --bottom-bar-bg: rgba(19, 19, 19, 1);
  --bottom-bar-border: 0.5px solid rgba(255, 255, 255, 0.3);
  --bottom-bar-shadow: 0px -15px 15px 0px rgba(255, 0, 0, 0.08);

  --bottom-bar-item-bg: rgba(255, 255, 255, 0.03);
  --bottom-bar-item-color: rgba(202, 202, 202, 1);

  --bottom-bar-item-active-bg: radial-gradient(
    50% 50% at 50% 50%,
    rgba(189, 57, 40, 0.91) 0%,
    rgba(191, 76, 61, 0.91) 100%
  );

  /*  */

  --main-shadow: rgba(0, 0, 0, 0.5) 0px 60px 40px -7px;

  /* no category in geo */
  --no-cat-geo-bg: #272626;
  --no-cat-geo-color: #b5b5b5;

  /*  */

  --more-rate-btn-color: #b5b5b5;
  --more-rate-item-color: #b5b5b5;
  --more-rate-item-color2: #fff;
}

@media screen and (max-width: 900px) {
  :root {
    --popup-main-padding: 0.5rem;
    --header-height: 160px;

    --sidebar-bg: rgba(255, 255, 255, 1);

    --full-bg: #f0f0f0;
    --hiw-bg: #f0f0f0;

    --category-active-color: rgba(255, 255, 255, 1);

    --country-bg: rgba(255, 255, 255, 1);
    --country-bg-hover: rgba(245, 245, 245, 1);

    --offers-bg: #fff;
    --offers-border: 1px solid #eaeaea;
    --offers-shadow: 0px 3px 5px 0px rgba(161, 161, 161, 0.2);

    --offers-price: #494949;
    --offers-title: #494949;
    --offers-mobile-category: rgba(82, 82, 82, 0.5);

    --offers-view-all: #828282;

    --earning-history-tab-bg: #fafafa;
    --earning-history-tab-color: #181717;
    --earning-history-tab-border: none;
    --earning-history-tab-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.09);

    --earning-history-tab-active-bg: #b13030;
    --earning-history-tab-active-color: #e4e4e4;
    --earning-history-tab-active-border: none;
    --earning-history-tab-active-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);

    --earning-stat-subtitle-color: rgba(228, 228, 228, 0.6);
    --earning-stat-subtitle2-color: rgba(82, 82, 82, 0.5);

    --earning-stat-desc2-color: #525252;

    --earning-history-pending-bg: rgba(243, 182, 30, 0.28);
    --earning-history-pending-border: none;
    --earning-history-pending-color: #d99b00;

    --earning-history-completed-bg: rgba(59, 208, 101, 0.28);
    --earning-history-completed-border: none;
    --earning-history-completed-color: #008d28;

    --earning-history-declined-bg: rgba(208, 59, 59, 0.1);
    --earning-history-declined-border: none;
    --earning-history-declined-color: rgb(169, 41, 41);
  }

  [data-theme='dark'] {
    --sidebar-bg: rgba(21, 20, 21, 1);

    --full-bg: #121113;
    --popup-bg: #15171a;

    --hiw-bg: rgba(255, 255, 255, 0.03);

    --country-bg: rgba(0, 0, 0, 1);
    --country-hover-bg: rgba(10, 10, 10, 1);

    --search-bg: rgba(40, 40, 40, 1);
    --search-border: 1px solid rgba(40, 40, 40, 1);

    --category-active-color: rgba(255, 255, 255, 1);

    --popular-bg: #151515;
    --promoted-bg: #151515;
    --deals-bg: #151515;

    --earning-history-tab-bg: #1b1b1b;
    --earning-history-tab-color: #cacaca;
    --earning-history-tab-border: none;
    --earning-history-tab-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);

    --earning-history-tab-active-bg: #b13030;
    --earning-history-tab-active-color: #e4e4e4;
    --earning-history-tab-active-border: none;
    --earning-history-tab-active-shadow: none;

    --earning-stat-subtitle-color: rgba(228, 228, 228, 0.6);
    --earning-stat-subtitle2-color: rgba(228, 228, 228, 0.6);

    --earning-history-pending-bg: rgba(243, 182, 30, 0.12);
    --earning-history-pending-border: none;
    --earning-history-pending-color: #f3b61e;

    --earning-history-completed-bg: rgba(59, 208, 101, 0.07);
    --earning-history-completed-border: none;
    --earning-history-completed-color: #3bd065;

    --earning-history-declined-bg: rgba(208, 59, 59, 0.1);
    --earning-history-declined-border: none;
    --earning-history-declined-color: rgb(169, 41, 41);
  }
}

body {
  background: var(--full-bg);
}

.inter_text {
  font-family: 'Inter', serif;
}

::-webkit-scrollbar {
  display: none !important;
  height: 15px;
  width: 15px;
}

::-webkit-scrollbar-track {
  border-left: 6.75px solid transparent;
  border-right: 6.75px solid transparent;
  border-top: 6.75px solid transparent;
  border-bottom: 6.75px solid transparent;
  background-color: var(--scroll-background);
  border-radius: 2px;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb {
  background-color: var(--scroll-thumb);
  border: 5.5px solid transparent;
  border-radius: 9px;
  background-clip: content-box;
}

input::placeholder {
  color: var(--text-dimmed) !important;
  opacity: 1;
}

/*  */

.search_result {
  padding: 6px 20px;
}

.search_result_item {
  transition: 0.2s;
  padding: 6px 20px;
  cursor: pointer;
}

.search_result_item:hover {
  background: var(--search-bg-hover);
}

@media screen and (min-width: 1000px) {
  .minwidthdropdown {
    min-width: 190px;
  }
}

.activate_cashback {
  background: var(--active-cashback-bg);
  color: var(--active-cashback-color);
}

.popup_main {
  box-shadow: var(--popup-shadow);
  @media (max-width: 900px) {
    height: calc(100vh - 120px);
    min-height: 500px;
    margin-bottom: 80px;
  }
}

.sidebar_item:hover {
  background: var(--sidebar-item-hover-background) !important;
  color: var(--sidebar-item-hover-color) !important;
  border-color: transparent !important;
}

.sidebar_item:hover p {
  color: white !important;
}

.sidebar_item:hover svg path {
  stroke: white !important;
}

.sidebar_item:hover img {
  filter: invert(100) !important;
}

.sidebar_item_disabled:hover img {
  filter: unset !important;
}

.simple_empty_msg {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  max-height: 35vh;
  font-size: 14px;
  color: var(--earning-table-body-color);
}

.simpler_empty_msg {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  max-height: 35vh;
  color: var(--earning-table-body-color);
  font-size: 14px;
}

.a_dropdown:hover {
  background: var(--filter-hover-bg) !important;
}

.c_dropdown:hover {
  background: var(--country-hover-bg) !important;
}

.a_item_dropdown {
  border-bottom: var(--filter-item-border);
}

.a_item_dropdown:last-child {
  border: none;
}

.popup_list_divider {
  border-image-source: var(--popup-list-divider);
}

.injected_html ul {
  margin: 0 !important;
}

.injected_html li {
  margin-bottom: 6px !important;
}
/*  */

.stores_grid,
.deals_grid {
  gap: 12px;
  padding: 0 20px;
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(10, 1fr);

  @media (max-width: 1800px) {
    grid-template-columns: repeat(9, 1fr);
  }

  @media (max-width: 1700px) {
    grid-template-columns: repeat(8, 1fr);
  }

  @media (max-width: 1600px) {
    grid-template-columns: repeat(7, 1fr);
  }

  @media (max-width: 1500px) {
    grid-template-columns: repeat(6, 1fr);
  }

  @media (max-width: 1300px) {
    grid-template-columns: repeat(5, 1fr);
  }

  @media (max-width: 1300px) {
    grid-template-columns: repeat(4, 1fr);
  }

  @media (max-width: 900px) {
    grid-template-columns: repeat(3, 1fr);
  }

  @media (max-width: 600px) {
    grid-template-columns: repeat(2, 1fr);
  }
}

.coupons_grid {
  gap: 12px;
  padding: 0 20px;
  padding-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(10, 1fr);

  @media (max-width: 1800px) {
    grid-template-columns: repeat(9, 1fr);
  }

  @media (max-width: 1700px) {
    grid-template-columns: repeat(8, 1fr);
  }

  @media (max-width: 1600px) {
    grid-template-columns: repeat(7, 1fr);
  }

  @media (max-width: 1500px) {
    grid-template-columns: repeat(6, 1fr);
  }

  @media (max-width: 1300px) {
    grid-template-columns: repeat(5, 1fr);
  }

  @media (max-width: 1300px) {
    grid-template-columns: repeat(4, 1fr);
  }

  @media (max-width: 900px) {
    grid-template-columns: repeat(3, 1fr);
  }

  @media (max-width: 600px) {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 900px) {
  ::-webkit-scrollbar {
    display: none !important;
    -webkit-appearance: none !important;
  }
}