.list-grid-btn.active {
  background-color: var(--color-brands);
}
.list-grid-btn.active img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0)
    hue-rotate(73deg) brightness(103%) contrast(103%);
}
.list-grid-btn.active span {
  color: var(--neutral-bg);
}
.dark .list-grid-btn.active img {
  filter: brightness(0) saturate(100%) invert(8%) sepia(8%) saturate(1865%)
    hue-rotate(189deg) brightness(89%) contrast(87%);
}
.dark .list-grid-btn.active span {
  color: var(--dark-neutral-bg);
}
input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 1px;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: 0 2px;
  pointer-events: none;
  width: 320px;
}
input[type="range"],
input[type="range"]#lower {
  background: linear-gradient(#e4e7ec, #e4e7ec) no-repeat 50%;
  background-size: 100% 6px;
}
input[type="range"]#lower,
input[type="range"]#upper {
  border-radius: 6px !important;
}
input[type="range"]#upper {
  background: linear-gradient(
      to right,
      #e4e7ec 8%,
      var(--color-brands) 8% 98%,
      #e4e7ec 98%
    )
    no-repeat 50%;
  background-size: 100% 6px;
  overflow: hidden;
  z-index: 1;
}
input[type="range"]:active,
input[type="range"]:focus {
  outline: none;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  height: 24px;
  margin: 5px 0;
  pointer-events: all;
  position: relative;
  width: 24px;
  z-index: 9999;
}
.multi-range {
  height: 34px;
  position: relative;
}
.multi-range input[type="range"] {
  position: absolute;
}
.multi-range input[type="range"]:first-child::-webkit-slider-thumb:before {
  background-color: var(--color-brands);
}
.multi-range input[type="range"]:nth-child(2) {
  background: none;
}
.multi-range input[type="range"]:nth-child(2)::-webkit-slider-thumb:before {
  background-color: var(--color-brands);
}
.checkbox-primary,
.checkbox:hover,
.radio-primary,
.radio:hover {
  border-color: var(--gray-300);
}
.checkbox:checked:hover,
.radio:checked:hover {
  border-color: transparent;
}
.select-arrow {
  background: url(/assets/images/icons/icon-arrow-down.svg) transparent
    no-repeat calc(100% - 15px) !important;
}
.select-caret {
  background: url(/assets/images/icons/icon-caret-down.svg) transparent
    no-repeat calc(100% - 15px) !important;
}
.radio-input:checked ~ .radio-label {
  color: red;
}
html.dark .moon-icon img:first-child,
html.dark .sun-icon img:last-child {
  display: none;
}
html.dark .moon-icon img:last-child,
html.dark .sun-icon img:first-child {
  display: block;
}
html .moon-icon img:last-child,
html .sun-icon img:first-child {
  display: none;
}
html .moon-icon img:first-child,
html .sun-icon img:last-child {
  display: block;
}
input:checked ~ .dot {
  transform: translateX(100%);
}
input:checked ~ .dotS {
  transform: translateX(118%);
}
.sr-only {
  clip: rect(0, 0, 0, 0);
  border-width: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.reverse {
  transform: rotate(180deg) translateX(-50%);
}
.filter-gray {
  filter: invert(52%) sepia(17%) saturate(281%) hue-rotate(201deg)
    brightness(94%) contrast(87%);
}
.filter-green {
  filter: invert(83%) sepia(96%) saturate(337%) hue-rotate(84deg)
    brightness(88%) contrast(84%);
}
.filter-color-brands {
  filter: invert(44%) sepia(39%) saturate(1171%) hue-rotate(210deg)
    brightness(89%) contrast(91%);
}
.filter-blue {
  filter: invert(47%) sepia(75%) saturate(5999%) hue-rotate(212deg)
    brightness(105%) contrast(101%);
}
.filter-green-2 {
  filter: invert(78%) sepia(105%) saturate(569%) hue-rotate(121deg)
    brightness(224%) contrast(84%);
}
.filter-pink {
  filter: invert(64%) sepia(59%) saturate(1144%) hue-rotate(293deg)
    brightness(103%) contrast(97%);
}
.filter-orange {
  filter: invert(118%) sepia(188%) saturate(4813%) hue-rotate(353deg)
    brightness(141%) contrast(87%);
}
.filter-state {
  filter: invert(79%) sepia(38%) saturate(1000%) hue-rotate(224deg)
    brightness(118%) contrast(89%);
}
.filter-white {
  filter: brightness(0) invert(1);
}
.tabs-boxed .tab-active {
  background-color: var(--color-brands);
  border-radius: 100px !important;
}
.dropdown-shadow {
  box-shadow: 0 40px 120px 0 rgba(0, 0, 0, 0.122);
}
.search-input-shadow {
  box-shadow: 0 20px 60px -6px rgba(0, 0, 0, 0.04);
}
.img-filter-shadow {
  filter: drop-shadow(0 0 7.19551px rgba(0, 0, 0, 0.05));
}
.dark .logo-theme-toggle {
    transition: 0.3s;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(274deg) brightness(111%) contrast(100%);
  }

.logo-theme-toggle-dark {
  transition: 0.3s;
  filter: brightness(0) saturate(100%) brightness(0%) contrast(0%);
}

.sidemenu-item.active {
  background-color: var(--gray-800);
  transition: all 0.3s;
}
.sidemenu-item.active span {
  color: #fff;
}
.sidemenu-item:hover {
    background-color: var(--gray-800);
    transition: all 0.3s;
  }
  .sidemenu-item:hover span {
    color: #fff;
  }
.dark .sidemenu-item.active {
    background-color: var(--orange-accent);
    transition: all 0.3s;
  }
  .dark .sidemenu-item.active span {
    color: #fff;
  }
.dark .sidemenu-item:hover {
    background-color: var(--orange-accent);
    transition: all 0.3s;
  }
  .dark .sidemenu-item:hover span {
    color: #fff;
  }
.sidemenu-item.active img {
  filter: brightness(0) invert(1);
}
.sidemenu-item:hover img {
    filter: brightness(0) invert(1);
  }
.sidemenu-item.active .child-menu {
  color: #fff;
}
@media screen and (max-width: 650.98px) {
  #sidebar-btn {
    pointer-events: none;
  }
}
.logo-minimize,
.seller-minimize {
  display: none;
}
.minimize {
  grid-template-columns: 117px 1fr;
}
.minimize aside {
  padding: 34px 14px;
}
.minimize .sidemenu-item {
  display: grid;
  height: 62px;
  margin: 0 auto;
  place-items: center;
  width: 62px;
}
.minimize .logo-minimize,
.minimize .seller-minimize {
  display: block;
}
.minimize .caret-icon,
.minimize .category-list,
.minimize .child-menu,
.minimize .logo-maximize,
.minimize .seller-maximize,
.minimize .menu-icons,
.minimize .sidemenu-item .sidemenu-title,
.minimize .upgrade-card {
  display: none;
}
.minimize .sidemenu-item.active .child-menu {
  background: var(--gray-100);
  border: 1px solid var(--neutral-border);
  border-radius: 8px;
  color: var(--gray-500);
  display: block;
  left: 122%;
  min-width: 150px;
  padding: 20px;
  position: absolute;
  top: 0;
}
.minimize .sidebar-control {
  gap: 13px;
  max-width: 90px;
  padding: 15px 11px;
}
.minimize #toggle-theme-btn {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.dark .minimize .sun-icon {
  display: none;
}
.dark .minimize .sidemenu-item.active .child-menu {
  background: var(--gray-900);
  border-color: var(--gray-700);
}
.authentication-sign-in-page aside,
html:not(.dark) .minimize .moon-icon {
  display: none;
}
.authentication-sign-in-page #layout {
  display: flex;
  flex-direction: column;
}
.authentication-sign-in-page .logo {
  display: block;
  order: -10000;
}
.authentication-sign-in-page .user-noti {
  opacity: 0;
  visibility: hidden;
}
.add-new-job-page aside,
.crm-customer-details-page aside,
.crm-customers-page aside,
.crm-dashboard-page aside,
.crm-events-page aside,
.jobs-listing-1-page aside,
.jobs-listing-2-page aside,
.social-feed-2-page aside,
.social-feed-3-page aside {
  display: none;
}
.add-new-job-page #layout,
.crm-customer-details-page #layout,
.crm-customers-page #layout,
.crm-dashboard-page #layout,
.crm-events-page #layout,
.jobs-listing-1-page #layout,
.jobs-listing-2-page #layout,
.social-feed-2-page #layout,
.social-feed-3-page #layout {
  display: flex;
  flex-direction: column;
}
.add-new-job-page .logo,
.crm-customer-details-page .logo,
.crm-customers-page .logo,
.crm-dashboard-page .logo,
.crm-events-page .logo,
.jobs-listing-1-page .logo,
.jobs-listing-2-page .logo,
.social-feed-2-page .logo,
.social-feed-3-page .logo {
  display: block;
  order: -10000;
}
.custom-btn {
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid var(--orange-accent);
    background-color: transparent;
    color: var(--gray-1000);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    line-height: 1;
  }
  .custom-btn:hover {
    background-color: var(--orange-accent);
    color: #fff;
  }

.dark .custom-btn{
    color:#fff;
}

.dark .customcover{
  background-color: #EC8C56;
}

.upgrade-btn {
  background-color: #EC8C56;
  color: #fff;
  transition: background-color 0.3s ease;
}
.upgrade-btn:hover {
  background-color: #db7b48;
}
.dark .upgrade-btn {
  background-color: #EC8C56;
}
.dark .upgrade-btn:hover {
  background-color: #db7b48;
}
.bg-dark-gradient {
    background: linear-gradient(180deg, #2d2e3b 0%, #1a202c 100%);
}
.lang-link-active {
  text-decoration: underline;
}
/* -------------------------------------------------------------
   1. Позиционирование overlay-меню (fixed, inset-y-0, left-0) 
   ------------------------------------------------------------- */
.fixed {
  position: fixed;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.left-0 {
  left: 0;
}

/* z-index для overlay (аналог z-50) */
.z-50 {
  z-index: 50;
}

/* -------------------------------------------------------------
   2. Размеры overlay-блока
   ------------------------------------------------------------- */
/* Ширина 100% вьюпорта */
.w-full {
  width: 100%;
}
/* Максимальная ширина 257px */
.max-w-\[257px\] {
  max-width: 257px;
}
/* Высота 100% */
.h-full {
  height: 100%;
}

/* -------------------------------------------------------------
   3. Фон, тень (аналог bg-white, dark:bg-dark-neutral-bg, shadow-lg)
   ------------------------------------------------------------- */
/* Фон белый */
.bg-white {
  background-color: #ffffff;
}
/* Тёмная тема — фон из вашего переменного слоя */
.dark .bg-dark-neutral-bg,
.bg-dark-neutral-bg {
  background-color: var(--dark-neutral-bg);
}
/* Простая тенюшка, примерно как shadow-lg */
.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),
              0 4px 6px -2px rgba(0,0,0,0.05);
}

/* -------------------------------------------------------------
   4. Transform-утилиты для сдвига и плавной анимации
   ------------------------------------------------------------- */
/* Сбрасываем translate по умолчанию */
.transform {
  transform: translate(var(--tw-translate-x,0), var(--tw-translate-y,0))
             rotate(var(--tw-rotate,0))
             skewX(var(--tw-skew-x,0))
             skewY(var(--tw-skew-y,0))
             scaleX(var(--tw-scale-x,1))
             scaleY(var(--tw-scale-y,1));
}

/* Сдвиг влево на 100% собственного размера (как -translate-x-full) */
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y, 0))
             rotate(var(--tw-rotate, 0))
             skewX(var(--tw-skew-x, 0))
             skewY(var(--tw-skew-y, 0))
             scaleX(var(--tw-scale-x, 1))
             scaleY(var(--tw-scale-y, 1));
}

/* Сдвиг «нули» (как translate-x-0) */
.translate-x-0 {
  --tw-translate-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y, 0))
             rotate(var(--tw-rotate, 0))
             skewX(var(--tw-skew-x, 0))
             skewY(var(--tw-skew-y, 0))
             scaleX(var(--tw-scale-x, 1))
             scaleY(var(--tw-scale-y, 1));
}

/* Переход только по свойству transform */
.transition-transform {
  transition-property: transform;
}

/* Длительность перехода 300 мс (как duration-300) */
.duration-300 {
  transition-duration: 0.3s;
}

/* Плавность «ease-in-out» */
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* -------------------------------------------------------------
   5. Скрытие на больших экранах (аналог lg:hidden)
   ------------------------------------------------------------- */
@media (min-width: 1024px) {
  .lg\:hidden {
    display: none !important;
  }
}

.bg-reddit-track {
  background-color: #FFE5D3; 
}
/*# sourceMappingURL=style.min.css.map */