*, ::after, ::before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
  transition: all 1s ease, background-color 1ms, color 1ms, box-shadow 1ms;
}

#switcher {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
}
#switcher > * {
  height: 18px;
  width: 18px;
  border-radius: 100%;
  background-color: blue;
  margin: 8px 5px;
  box-shadow: 1px 1px 1px rgba(31, 31, 31, 0.5);
}
#switcher > *#regular {
  background: linear-gradient(146deg, rgb(212, 212, 212) 0%, rgb(255, 255, 255) 35%, rgb(0, 0, 0) 100%);
}
#switcher > *#glassmorphism {
  background: linear-gradient(146deg, rgb(211, 255, 232) 0%, rgb(255, 255, 255) 34%, rgb(174, 164, 227) 100%);
}
#switcher > *#neumorphism {
  background: linear-gradient(146deg, rgb(194, 203, 220) 0%, rgb(210, 219, 238) 34%, rgb(226, 235, 255) 100%);
}
#switcher > *#bauhaus {
  background: linear-gradient(146deg, rgb(234, 219, 205) 0%, rgb(234, 219, 205) 16%, rgb(240, 203, 11) 17%, rgb(240, 203, 11) 44%, rgb(197, 52, 34) 45%, rgb(197, 52, 34) 72%, rgb(234, 219, 205) 73%, rgb(234, 219, 205) 100%);
}/*# sourceMappingURL=common.css.map */