.theme-switcher {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 58px !important;
  width: 58px !important;
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.theme-switcher .switch-label {
  display: none !important;
}

.theme-switcher .switch-track {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border: 1px solid rgba(95, 115, 85, .18) !important;
  border-radius: 999px !important;
  background: #F6EFDD !important;
  box-shadow: inset 0 1px 3px rgba(39, 32, 23, .10) !important;
  overflow: hidden !important;
}

.theme-switcher .switch-track i {
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 2px auto 2px 2px !important;
  width: 26px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: #344F45 !important;
  box-shadow: 0 1px 5px rgba(39, 32, 23, .12) !important;
  transform: translateX(0) !important;
  transition: transform .22s ease, background .22s ease !important;
}

body[data-theme='midnight-forest'] .theme-switcher .switch-track {
  border-color: rgba(176, 201, 187, .22) !important;
  background: #273229 !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .22) !important;
}

body[data-theme='midnight-forest'] .theme-switcher .switch-track i {
  transform: translateX(26px) !important;
  background: #344F45 !important;
}

.theme-switcher .switch-icon {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  color: transparent !important;
  line-height: 1 !important;
}

.theme-switcher .switch-icon svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.theme-switcher .switch-icon.sun,
body[data-theme='midnight-forest'] .theme-switcher .switch-icon.sun {
  color: #D9A326 !important;
}

.theme-switcher .switch-icon.sun svg {
  width: 16px !important;
  height: 16px !important;
}

.theme-switcher .switch-icon.sun svg path,
.theme-switcher .switch-icon.sun svg circle {
  fill: currentColor !important;
  stroke: none !important;
}

.theme-switcher .switch-icon.moon,
body[data-theme='midnight-forest'] .theme-switcher .switch-icon.moon {
  color: #93A98D !important;
}

body[data-theme='midnight-forest'] .theme-switcher .switch-icon.moon {
  color: #B8C8A8 !important;
}

.theme-switcher .switch-icon.moon svg {
  fill: currentColor !important;
  stroke: none !important;
}

.compare .compare-grid .compare-card:nth-child(-n + 2) {
  background: linear-gradient(180deg, rgba(255, 250, 244, .86), rgba(252, 231, 224, .58)) !important;
  border-color: rgba(166, 83, 61, .18) !important;
  box-shadow: 0 14px 34px rgba(122, 64, 47, .075) !important;
}

body[data-theme='midnight-forest'] .compare .compare-grid .compare-card:nth-child(-n + 2) {
  background: linear-gradient(180deg, rgba(38, 28, 24, .90), rgba(55, 34, 28, .74)) !important;
  border-color: rgba(196, 122, 92, .22) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, .24) !important;
}

.compare .compare-grid .compare-card.pwa-card {
  background: linear-gradient(180deg, rgba(255, 253, 247, .88), rgba(232, 241, 225, .72)) !important;
  border-color: rgba(95, 115, 85, .24) !important;
  box-shadow: 0 16px 38px rgba(52, 79, 69, .10) !important;
}

body[data-theme='midnight-forest'] .compare .compare-grid .compare-card.pwa-card {
  background: linear-gradient(180deg, rgba(26, 33, 27, .92), rgba(31, 48, 37, .76)) !important;
  border-color: rgba(176, 201, 187, .24) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .26) !important;
}