.topbar .theme-toggle.top-liquid-theme,
.venue-theme-toggle.top-liquid-theme {
  width: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
}

.topbar .theme-toggle.top-liquid-theme > svg,
.venue-theme-toggle.top-liquid-theme > svg,
.topbar .theme-toggle.top-liquid-theme > span,
.venue-theme-toggle.top-liquid-theme > span {
  display: none !important;
}

.topbar .theme-toggle.top-liquid-theme .liquid-toggle-art,
.venue-theme-toggle.top-liquid-theme .liquid-toggle-art {
  display: none !important;
}

.topbar .theme-toggle.top-liquid-theme::before,
.venue-theme-toggle.top-liquid-theme::before {
  content: "";
  width: 17px;
  height: 17px;
  display: block;
  border: 1.8px solid currentColor;
  border-radius: 999px;
  box-shadow: inset -5px -2px 0 -3px currentColor;
}

.topbar .theme-toggle.top-liquid-theme[data-liquid-theme-action="light"]::before,
.venue-theme-toggle.top-liquid-theme[data-liquid-theme-action="light"]::before {
  width: 15px;
  height: 15px;
  box-shadow:
    0 -7px 0 -6px currentColor,
    0 7px 0 -6px currentColor,
    7px 0 0 -6px currentColor,
    -7px 0 0 -6px currentColor,
    5px 5px 0 -6px currentColor,
    -5px -5px 0 -6px currentColor,
    5px -5px 0 -6px currentColor,
    -5px 5px 0 -6px currentColor;
}

@media (max-width: 760px) {
  .topbar .theme-toggle.top-liquid-theme,
  .venue-theme-toggle.top-liquid-theme {
    width: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
}