.masked-logo > svg:not([data-cythra-logo="true"]),
.masked-logo > svg:not([data-cythra-logo="true"]) *,
nav svg[viewBox="0 0 150 36"]:not([data-cythra-logo="true"]),
nav svg[viewBox="0 0 150 36"]:not([data-cythra-logo="true"]) *,
footer svg[viewBox="0 0 150 36"]:not([data-cythra-logo="true"]),
footer svg[viewBox="0 0 150 36"]:not([data-cythra-logo="true"]) * {
  opacity: 0 !important;
  visibility: hidden !important;
}

button.language-selector-background[aria-haspopup="listbox"],
button[aria-label^="Select language"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

nav button:has(> img[alt="LightMode"]) {
  position: relative;
}

nav button:has(> img[alt="LightMode"]) > img[alt="LightMode"] {
  opacity: 0 !important;
  visibility: hidden !important;
}

nav button:has(> img[alt="LightMode"])::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  pointer-events: none;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='4.75' fill='%23D9FF20'/%3E%3Cg stroke='%23D9FF20' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 1.75v2.4'/%3E%3Cpath d='M12 19.85v2.4'/%3E%3Cpath d='M1.75 12h2.4'/%3E%3Cpath d='M19.85 12h2.4'/%3E%3Cpath d='M4.75 4.75l1.7 1.7'/%3E%3Cpath d='M17.55 17.55l1.7 1.7'/%3E%3Cpath d='M19.25 4.75l-1.7 1.7'/%3E%3Cpath d='M6.45 17.55l-1.7 1.7'/%3E%3C/g%3E%3C/svg%3E");
}

.masked-logo:has(> svg:not([data-cythra-logo="true"]))::after,
.masked-logo:has(svg[viewBox="0 0 150 36"]:not([data-cythra-logo="true"]))::after {
  content: "Cythra";
  position: absolute;
  left: 2.5rem;
  top: 50%;
  color: #fff;
  font-family: var(--font-host-grotesk), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 0.9;
  letter-spacing: 0;
  mix-blend-mode: difference;
  pointer-events: none;
  transform: translateY(-50%);
  transform-origin: left center;
  z-index: 1;
}

.atlantis-site-footer .sm\:px-6:has(> svg[viewBox="0 0 150 36"]:not([data-cythra-logo="true"])) {
  position: relative;
}

.atlantis-site-footer .sm\:px-6:has(> svg[viewBox="0 0 150 36"]:not([data-cythra-logo="true"]))::after {
  content: "Cythra";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f5f9ff;
  font-family: var(--font-host-grotesk), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: clamp(8rem, 20vw, 24rem);
  font-weight: 800;
  line-height: 0.82;
  letter-spacing: 0;
  pointer-events: none;
  transform-origin: center center;
}

@media (max-width: 639px) {
  .masked-logo:has(svg[viewBox="0 0 150 36"]:not([data-cythra-logo="true"]))::after {
    left: 1rem;
    font-size: 36px;
    transform: translateY(-50%);
  }

  .atlantis-site-footer .sm\:px-6:has(> svg[viewBox="0 0 150 36"]:not([data-cythra-logo="true"]))::after {
    font-size: clamp(6rem, 26vw, 11rem);
  }
}