* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

body {
  min-height: 100vh;
}

#theme-selector {
  position: fixed;
  top: -32px; /* hide it above the screen */
  left: 280px;
  z-index: 999999999;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px 6px;
  border-radius: 4px;
  transition: top 0.25s ease;
}

/* Hover zone */
#theme-hover-zone {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;  /* invisible trigger strip */
  z-index: 999999998;
}

/* When hovering the zone OR the selector itself */
#theme-hover-zone:hover + #theme-selector,
#theme-selector:hover {
  top: 10px; /* slides down */
}

#meebo-bar-root {
  z-index: 2147483647; /* max safe integer for z-index */
}