/* Prevents flash of unstyled content before Vite bundles load */
html {
  background-color: #21242b;
}

html.light-theme {
  background-color: #f1efe7;
}

body {
  margin: 0;
  padding-top: 50px;
  background-color: #21242b;
}

html.light-theme body {
  background-color: #f1efe7;
}

.logo-container {
  height: 25px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

img.logo {
  height: 25px;
  width: auto;
  max-height: 25px;
}

/* Hide legacy loading-shell labels before the editor chunk hydrates */
#save-button:not(:has(svg)),
#search-button:not(:has(svg)) {
  font-size: 0;
  color: transparent;
}

.logo {
  display: none;
}

.logo.dark-logo {
  display: block;
}

html.light-theme .logo.dark-logo {
  display: none;
}

html.light-theme .logo.light-logo {
  display: block;
}

#code-editor {
  display: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}