/**
 * NIKARINA — тема ЛК (только цвета, без ломания вёрстки Sphere)
 * html[data-nik-theme="1"] — см. struct.html
 */

@import url("/template/NIKARINA/css/fonts.css");
@import url("./styles.css");

html[data-nik-theme="1"] {
  --body-bg-rgb: 19, 18, 20;
  --body-bg-rgb2: 28, 22, 18;
  --primary-rgb: 212, 115, 42;
  --success-rgb: 62, 207, 92;
  --info-rgb: 140, 125, 110;
  --warning-rgb: 255, 186, 52;
  --danger-rgb: 224, 69, 69;

  --bs-primary: #d4732a;
  --bs-primary-rgb: 212, 115, 42;
  --bs-success: #3ecf5c;
  --bs-success-rgb: 62, 207, 92;

  --default-body-bg-color: #131214;
  --default-text-color: rgba(255, 255, 255, 0.85);
  --text-muted: rgba(255, 255, 255, 0.5);
  --menu-prime-color: rgba(255, 255, 255, 0.75);
  --header-prime-color: #fff;
  --menu-bg: #231912 !important;
  --header-bg: #231912 !important;
  --menu-border-color: rgba(212, 115, 42, 0.22);
  --header-border-color: rgba(212, 115, 42, 0.18);
  --default-border: rgba(255, 255, 255, 0.08);
  --input-border: rgba(212, 115, 42, 0.35);
  --form-control-bg: rgba(0, 0, 0, 0.25);
  --custom-white: rgba(22, 18, 16, 0.95) !important;
  --default-font-family: "Intro", "IBM Plex Sans", sans-serif;

  background-color: #131214;
}

/* localStorage часто ставит menu-styles=light → белый --menu-bg */
html[data-nik-theme="1"][data-menu-styles="light"],
html[data-nik-theme="1"][data-theme-mode="light"] {
  --menu-bg: #231912 !important;
  --header-bg: #231912 !important;
  --custom-white: rgba(22, 18, 16, 0.95) !important;
  --menu-prime-color: rgba(255, 255, 255, 0.75) !important;
  --default-body-bg-color: #131214 !important;
}

html[data-nik-theme="1"] body {
  background-color: #131214;
  color: rgba(255, 255, 255, 0.85);
  font-family: "Intro", "IBM Plex Sans", sans-serif;
}

html[data-nik-theme="1"] h1,
html[data-nik-theme="1"] h2,
html[data-nik-theme="1"] h3,
html[data-nik-theme="1"] h4,
html[data-nik-theme="1"] .card-title,
html[data-nik-theme="1"] .side-menu__label,
html[data-nik-theme="1"] .main-content .btn {
  font-family: "Constantine", "Intro", "IBM Plex Sans", sans-serif;
}

html[data-nik-theme="1"] .main-content .card.custom-card {
  background: linear-gradient(
    180deg,
    rgba(35, 25, 18, 0.92) 0%,
    rgba(13, 11, 10, 0.96) 100%
  );
  border: 1px solid rgba(212, 115, 42, 0.45);
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.85);
}

html[data-nik-theme="1"] .main-content .card.custom-card .card-header {
  background: transparent;
  border-bottom: 1px solid rgba(212, 115, 42, 0.2);
  color: #ffba34;
}

html[data-nik-theme="1"] .main-content .card.custom-card .card-title {
  color: #ffba34;
  font-weight: 600;
  letter-spacing: 0.3px;
}

html[data-nik-theme="1"] .main-content a.btn:not(.btn-sm):not(.btn-link):not(.btn-light),
html[data-nik-theme="1"] .main-content button.btn:not(.btn-sm):not(.btn-link):not(.btn-light),
html[data-nik-theme="1"] .main-content span.btn:not(.btn-sm):not(.btn-link) {
  font-family: "Intro", "IBM Plex Sans", sans-serif;
  font-weight: 600;
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 6px;
  line-height: 1.35;
  padding: 0.55rem 1rem;
}

html[data-nik-theme="1"] .main-content .btn-primary,
html[data-nik-theme="1"] .main-content .btn-success:not(.btn-sm),
html[data-nik-theme="1"] .main-content .btn-dark {
  color: #fff;
  background-color: #8f4e1f;
  background-image: none;
  border: 1px solid #d4732a;
  box-shadow: none;
}

html[data-nik-theme="1"] .main-content .btn-primary:hover,
html[data-nik-theme="1"] .main-content .btn-success:not(.btn-sm):hover,
html[data-nik-theme="1"] .main-content .btn-dark:hover {
  color: #fff;
  background-color: #a85a26;
  border-color: #ffba34;
}

html[data-nik-theme="1"] .main-content .btn-info:not(.btn-sm),
html[data-nik-theme="1"] .main-content .btn-outline-success {
  color: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 186, 52, 0.06);
  border: 1px solid rgba(255, 186, 52, 0.35);
  box-shadow: none;
}

html[data-nik-theme="1"] .main-content .btn-info:not(.btn-sm):hover {
  color: #fff;
  background-color: #8f4e1f;
  border-color: #d4732a;
}

html[data-nik-theme="1"] .text-success,
html[data-nik-theme="1"] select.text-success {
  color: #3ecf5c !important;
}

html[data-nik-theme="1"] .bg-success-transparent {
  background-color: rgba(62, 207, 92, 0.12) !important;
  color: #3ecf5c !important;
  border-color: rgba(62, 207, 92, 0.35) !important;
}

html[data-nik-theme="1"] .text-danger {
  color: #e04545 !important;
}

html[data-nik-theme="1"] .text-primary {
  color: #d4732a !important;
}

html[data-nik-theme="1"] .main-content a:not(.btn) {
  color: rgba(255, 255, 255, 0.78);
}

html[data-nik-theme="1"] .main-content a:not(.btn):hover {
  color: #ffba34;
}

/* Сайдбар / шапка — градиент (не var(--menu-bg), иначе белый при menu-styles=light) */
html[data-nik-theme="1"] .app-sidebar::before,
html[data-nik-theme="1"] .app-sidebar .main-sidebar::before,
html[data-nik-theme="1"][data-menu-styles="light"] .app-sidebar::before,
html[data-nik-theme="1"][data-bg-img] .app-sidebar::before,
html[data-nik-theme="1"][data-bg-img] .app-sidebar .main-sidebar::before {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Сайдбар / шапка */
html[data-nik-theme="1"] .app-sidebar,
html[data-nik-theme="1"][data-menu-styles="light"] .app-sidebar,
html[data-nik-theme="1"][data-menu-styles="dark"] .app-sidebar {
  --menu-bg: transparent !important;
  background:
    radial-gradient(ellipse 120% 65% at 0% 0%, rgba(212, 115, 42, 0.14), transparent 50%),
    linear-gradient(
      180deg,
      rgba(35, 25, 18, 0.9) 0%,
      rgba(28, 22, 16, 0.55) 42%,
      rgba(19, 18, 20, 0.28) 78%,
      rgba(19, 18, 20, 0.12) 100%
    ) !important;
  border-inline-end-color: rgba(212, 115, 42, 0.2) !important;
}

html[data-nik-theme="1"] body.has-nikarina-video .page {
  background-color: transparent !important;
}

/* Логотип: отступ и лёгкий hover */
html[data-nik-theme="1"] .app-sidebar .main-sidebar-header {
  padding-block-start: 1.15rem;
}

html[data-nik-theme="1"] .app-sidebar .main-sidebar-header .header-logo,
html[data-nik-theme="1"] .app-header .horizontal-logo .header-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

html[data-nik-theme="1"] .app-sidebar .main-sidebar-header .header-logo {
  padding: 0.75rem 0.75rem 0.5rem;
}

html[data-nik-theme="1"] .app-header .horizontal-logo .header-logo {
  padding: 0.35rem 0.75rem 0.5rem;
}

html[data-nik-theme="1"] .app-sidebar .main-sidebar-header .header-logo img,
html[data-nik-theme="1"] .app-header .horizontal-logo .header-logo img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  transform: scale(1);
  filter: brightness(1) saturate(1);
  transition: transform 220ms ease, filter 220ms ease;
}

html[data-nik-theme="1"] .app-sidebar .main-sidebar-header .header-logo:hover img,
html[data-nik-theme="1"] .app-header .horizontal-logo .header-logo:hover img {
  transform: scale(1.045);
  filter: brightness(1.14) saturate(1.08);
}

@media (prefers-reduced-motion: reduce) {
  html[data-nik-theme="1"] .app-sidebar .main-sidebar-header .header-logo img,
  html[data-nik-theme="1"] .app-header .horizontal-logo .header-logo img {
    transition: none;
  }

  html[data-nik-theme="1"] .app-sidebar .main-sidebar-header .header-logo:hover img,
  html[data-nik-theme="1"] .app-header .horizontal-logo .header-logo:hover img {
    transform: none;
  }
}

/* Карточки серверов в админке: кнопки не вылезают за блок */
html[data-nik-theme="1"] #serverContainer .btn-group.d-flex {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.4rem;
}

html[data-nik-theme="1"] #serverContainer .btn-group.d-flex > .btn {
  flex: 1 1 calc(50% - 0.4rem);
  width: auto !important;
  min-width: 0;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  line-height: 1.25;
  padding: 0.45rem 0.55rem;
}

html[data-nik-theme="1"] #serverContainer .btn-group.d-flex > .btn:only-child {
  flex-basis: 100%;
}

html[data-nik-theme="1"] .app-header,
html[data-nik-theme="1"][data-menu-styles="light"] .app-header {
  background: linear-gradient(
    180deg,
    rgba(14, 12, 10, 0.92) 0%,
    rgba(14, 12, 10, 0.58) 70%,
    rgba(14, 12, 10, 0) 100%
  ) !important;
  border-block-end: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html[data-nik-theme="1"] .app-header .main-header-container {
  background: transparent !important;
  border-block-end: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html[data-nik-theme="1"] .app-header::before,
html[data-nik-theme="1"] .app-header::after,
html[data-nik-theme="1"] .main-header-container::before,
html[data-nik-theme="1"] .main-header-container::after {
  border: 0 !important;
  box-shadow: none !important;
}

/* Restore original LK header height */
html[data-nik-theme="1"] .app-header {
  min-height: 65px;
}

html[data-nik-theme="1"] .main-header-container {
  min-height: 65px;
}

/* Language switcher in LK like NIKARINA template */
html[data-nik-theme="1"] .main-header-container .header-element.nik-lang-selector {
  margin: 0 !important;
  position: relative;
}

html[data-nik-theme="1"] .nik-lang-selector .header-link {
  padding: 0;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html[data-nik-theme="1"] .nik-lang-selector .header-link.dropdown-toggle::after {
  display: none;
}

html[data-nik-theme="1"] .nik-lang-selector .nik-lang-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 46px;
  background: transparent url("/template/NIKARINA/images/language-circle.png") center/contain no-repeat;
  color: #fff;
  font-family: "Constantine", serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-shadow: none;
  transition: color 220ms ease, transform 220ms ease, filter 220ms ease;
}

html[data-nik-theme="1"] .nik-lang-selector .header-link:hover .nik-lang-circle {
  color: #ffba34;
  transform: translateY(-1px);
  filter: drop-shadow(0 0 8px rgba(212, 115, 42, 0.45));
}

html[data-nik-theme="1"] .nik-lang-selector .nik-lang-dropdown {
  position: absolute !important;
  inset: auto auto auto auto !important;
  top: calc(100% + 2px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  min-width: 52px !important;
  width: 52px !important;
  max-width: 52px !important;
  padding: 4px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-nik-theme="1"] .nik-lang-selector .nik-lang-dropdown[data-bs-popper] {
  top: calc(100% + 2px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

html[data-nik-theme="1"] .nik-lang-selector .nik-lang-dropdown::before,
html[data-nik-theme="1"] .nik-lang-selector .nik-lang-dropdown::after {
  display: none !important;
}

html[data-nik-theme="1"] .nik-lang-selector .nik-lang-dropdown-item {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 52px;
  min-height: 46px;
  padding: 0 !important;
  background: transparent !important;
}

html[data-nik-theme="1"] .nik-lang-selector .nik-lang-dropdown-item .nik-lang-circle {
  width: 48px;
  height: 46px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

html[data-nik-theme="1"] .app-header .header-content-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

html[data-nik-theme="1"] .app-header .header-content-right .header-element {
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
}

html[data-nik-theme="1"] .main-header-container .main-profile-user > .header-link {
  padding: 0 !important;
}

html[data-nik-theme="1"] .nik-lang-selector .nik-lang-dropdown-item .nik-lang-circle:hover {
  color: #ffba34;
  transform: translateY(-1px);
  filter: drop-shadow(0 0 8px rgba(212, 115, 42, 0.55));
}

html[data-nik-theme="1"] .main-header-container .main-profile-user .nik-avatar-frame {
  position: relative;
  width: 48px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  flex: 0 0 auto;
  transition: transform 220ms ease;
}

html[data-nik-theme="1"] .main-header-container .main-profile-user .nik-avatar-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: transparent url("/template/NIKARINA/images/language-circle.png") center/contain no-repeat;
  transition: transform 220ms ease, filter 220ms ease;
}

html[data-nik-theme="1"] .main-header-container .main-profile-user .nik-avatar-frame .user_self_avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  transition: filter 220ms ease;
}

html[data-nik-theme="1"] .main-header-container .main-profile-user .header-link:hover .nik-avatar-frame::after {
  filter: drop-shadow(0 0 8px rgba(212, 115, 42, 0.55));
}

html[data-nik-theme="1"] .main-header-container .main-profile-user .header-link:hover .nik-avatar-frame {
  transform: translateY(-1px);
}

html[data-nik-theme="1"] .main-header-container .main-profile-user .header-link:hover .nik-avatar-frame .user_self_avatar {
  filter: brightness(1.08);
}

/* Убираем нижнюю полосу с лицензионными сообщениями в ЛК */
html[data-nik-theme="1"] #bottom-ticker {
  display: none !important;
}

html[data-nik-theme="1"] .app-sidebar .side-menu__icon {
  color: rgba(255, 186, 52, 0.75);
}

html[data-nik-theme="1"] .app-sidebar .side-menu__item,
html[data-nik-theme="1"] .app-sidebar .side-menu__item:hover,
html[data-nik-theme="1"] .app-sidebar .side-menu__item.active {
  color: rgba(255, 255, 255, 0.78);
}

html[data-nik-theme="1"] .app-sidebar .side-menu__item:hover .side-menu__label,
html[data-nik-theme="1"] .app-sidebar .side-menu__item.active .side-menu__label,
html[data-nik-theme="1"] .app-sidebar .side-menu__item:hover .side-menu__angle,
html[data-nik-theme="1"] .app-sidebar .side-menu__item.active .side-menu__angle {
  color: rgba(255, 255, 255, 0.92) !important;
}

html[data-nik-theme="1"] .app-sidebar .side-menu__item:hover .side-menu__icon,
html[data-nik-theme="1"] .app-sidebar .side-menu__item.active .side-menu__icon {
  color: #ffba34 !important;
  fill: #ffba34 !important;
}

html[data-nik-theme="1"] .side-menu__item.active {
  color: rgba(255, 255, 255, 0.92);
  background: rgba(212, 115, 42, 0.08);
}

html[data-nik-theme="1"] .side-menu__item.text-success,
html[data-nik-theme="1"] .side-menu__item.text-success:hover {
  color: rgba(255, 255, 255, 0.92) !important;
}

html[data-nik-theme="1"] .side-menu__item.text-success .side-menu__label,
html[data-nik-theme="1"] .side-menu__item.text-success:hover .side-menu__label {
  color: rgba(255, 255, 255, 0.92) !important;
}

html[data-nik-theme="1"] .app-sidebar .slide-menu .side-menu__item:hover .side-menu__label,
html[data-nik-theme="1"] .app-sidebar .slide-menu .side-menu__item.active .side-menu__label {
  color: rgba(255, 255, 255, 0.88) !important;
}

html[data-nik-theme="1"] .app-sidebar .slide-menu .side-menu__item:hover .side-menu__icon,
html[data-nik-theme="1"] .app-sidebar .slide-menu .side-menu__item.active .side-menu__icon {
  color: #ffba34 !important;
  fill: #ffba34 !important;
}

html[data-nik-theme="1"] .main-menu .slide {
  overflow: visible;
}

html[data-nik-theme="1"] .side-menu__item {
  position: relative;
}

html[data-nik-theme="1"] .side-menu__label {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: fit-content;
}

html[data-nik-theme="1"] .side-menu__label::after {
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  background-color: #b76418;
  transition: opacity 0.25s ease;
}

html[data-nik-theme="1"] .side-menu__item.text-success .side-menu__label::after,
html[data-nik-theme="1"] .side-menu__item.active .side-menu__label::after {
  opacity: 1;
}

html[data-nik-theme="1"] .side-menu__item:hover .side-menu__label::after {
  opacity: 1;
}

html[data-nik-theme="1"] .enable_send_balance_game .header-link.bg-info-transparent {
  background: rgba(212, 115, 42, 0.12) !important;
  border: 1px solid rgba(212, 115, 42, 0.45) !important;
  border-radius: 23px;
  height: 46px;
  min-height: 46px;
  padding: 0 1.1rem !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

html[data-nik-theme="1"] .enable_send_balance_game .header-link.bg-info-transparent .text-info,
html[data-nik-theme="1"] .enable_send_balance_game .header-link.bg-info-transparent span {
  color: #ffba34 !important;
}

html[data-nik-theme="1"] .enable_send_balance_game .header-link.bg-info-transparent:hover,
html[data-nik-theme="1"] .enable_send_balance_game .header-link.bg-info-transparent:focus-visible {
  background: rgba(212, 115, 42, 0.28) !important;
  border-color: #ffba34 !important;
  box-shadow: 0 0 14px rgba(212, 115, 42, 0.35);
  transform: translateY(-1px);
}

html[data-nik-theme="1"] .form-control,
html[data-nik-theme="1"] .form-select {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(212, 115, 42, 0.3);
  color: #fff;
}

html[data-nik-theme="1"] .form-control:focus,
html[data-nik-theme="1"] .form-select:focus {
  border-color: #d4732a;
  box-shadow: 0 0 0 0.15rem rgba(212, 115, 42, 0.2);
}

html[data-nik-theme="1"] .alert-primary {
  background: rgba(212, 115, 42, 0.08);
  border-color: rgba(212, 115, 42, 0.35);
  color: rgba(255, 255, 255, 0.85);
}

html[data-nik-theme="1"] .modal-content {
  background: linear-gradient(180deg, rgba(35, 25, 18, 0.98), rgba(13, 11, 10, 0.99));
  border: 1px solid rgba(212, 115, 42, 0.4);
  color: rgba(255, 255, 255, 0.85);
}

html[data-nik-theme="1"] .glow-element:hover {
  box-shadow: none;
}

html[data-nik-theme="1"] .btn-wave:after {
  background: rgba(212, 115, 42, 0.2) !important;
}

/* Модалки (форум, модераторы) — выше backdrop, без z-index на .page */
html[data-nik-theme="1"] .modal {
  z-index: 2000 !important;
}

html[data-nik-theme="1"] #modal_donate.show,
html[data-nik-theme="1"] #modal_payment_systems.show {
  z-index: 2001 !important;
}

html[data-nik-theme="1"] #modal_payment_systems.show {
  z-index: 2011 !important;
}

html[data-nik-theme="1"] .modal-backdrop {
  z-index: 1990 !important;
}

html[data-nik-theme="1"] .modal.show .modal-dialog,
html[data-nik-theme="1"] .modal.show .modal-content {
  pointer-events: auto;
}

/* Видео на фоне */
html[data-nik-theme="1"] #nikarina-lk-video {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  z-index: 0;
  pointer-events: none;
}

html[data-nik-theme="1"] body.has-nikarina-video {
  background-color: transparent !important;
}

html[data-nik-theme="1"] body.has-nikarina-video .main-content,
html[data-nik-theme="1"] body.has-nikarina-video .app-content {
  background: transparent !important;
}

html[data-nik-theme="1"] body.has-nikarina-video .app-sidebar {
  background:
    radial-gradient(ellipse 120% 65% at 0% 0%, rgba(212, 115, 42, 0.12), transparent 50%),
    linear-gradient(
      180deg,
      rgba(35, 25, 18, 0.75) 0%,
      rgba(28, 22, 16, 0.42) 45%,
      rgba(19, 18, 20, 0.15) 80%,
      rgba(19, 18, 20, 0.06) 100%
    ) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

html[data-nik-theme="1"] body.has-nikarina-video .app-header {
  background: linear-gradient(
    180deg,
    rgba(14, 12, 10, 0.92) 0%,
    rgba(14, 12, 10, 0.58) 70%,
    rgba(14, 12, 10, 0) 100%
  ) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html[data-nik-theme="1"] body.has-nikarina-video .main-content .card.custom-card {
  background: linear-gradient(
    180deg,
    rgba(35, 25, 18, 0.94) 0%,
    rgba(13, 11, 10, 0.97) 100%
  );
}

/* Форум в ЛК: правую боковую колонку скрываем полностью */
html[data-nik-theme="1"] .forum-right-sidebar {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Тёмный скроллбар вместо белого */
html[data-nik-theme="1"],
html[data-nik-theme="1"] body,
html[data-nik-theme="1"] .main-content,
html[data-nik-theme="1"] .app-content {
  scrollbar-color: rgba(212, 115, 42, 0.7) rgba(19, 18, 20, 0.9);
  scrollbar-width: thin;
}

html[data-nik-theme="1"]::-webkit-scrollbar,
html[data-nik-theme="1"] body::-webkit-scrollbar,
html[data-nik-theme="1"] .main-content::-webkit-scrollbar,
html[data-nik-theme="1"] .app-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html[data-nik-theme="1"]::-webkit-scrollbar-track,
html[data-nik-theme="1"] body::-webkit-scrollbar-track,
html[data-nik-theme="1"] .main-content::-webkit-scrollbar-track,
html[data-nik-theme="1"] .app-content::-webkit-scrollbar-track {
  background: rgba(19, 18, 20, 0.9);
}

html[data-nik-theme="1"]::-webkit-scrollbar-thumb,
html[data-nik-theme="1"] body::-webkit-scrollbar-thumb,
html[data-nik-theme="1"] .main-content::-webkit-scrollbar-thumb,
html[data-nik-theme="1"] .app-content::-webkit-scrollbar-thumb {
  background: rgba(212, 115, 42, 0.75);
  border-radius: 10px;
  border: 2px solid rgba(19, 18, 20, 0.9);
}