/*!********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs/index.js!./src/theme-flat.sass ***!
  \********************************************************************************************************************/
.menu-flat {
  display: flex;
  flex-direction: row;
  width: 400px;
  margin: auto;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.menu-flat,
.menu-flat ul {
  margin: 0;
  padding: 0;
  background: white;
  min-width: 150px;
  user-select: none;
}

.menu-flat ul {
  display: none;
  position: fixed;
  border: 1px solid;
}

.menu-flat li.open > ul {
  display: block;
}

.menu-flat li {
  list-style: none;
  line-height: 1.75em;
  cursor: pointer;
  padding: 0 5px;
}

.menu-flat li > span {
  float: right;
}

.menu-flat li:empty {
  height: 1px;
  background: black;
}

.menu-flat .open {
  background: #8f8;
}

.menu-flat .hover {
  background: #88f;
}

.menu-flat-context {
  display: block;
  position: fixed;
  width: auto;
  margin: 0;
  border: 1px solid;
}