body {
  font-family: Arial, Helvetica, sans-serif;
}

.banner {
  text-align: center;
}

.div-lcr {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.error {
  color: #fff;
  background-color: red;
}

.div-main {
  margin-top: 40px;
}

.div-nav {
  overflow: hidden;
}

.div-nav a {
  color: #000;
  text-align: center;
  padding: 10px;
}

.div-nav a.active {
  color: #fff;
  background-color: #2f4f4f;
}

.div-nav a:hover {
  background-color: #d3d3d3;
}

.div-navbar {
  background-color: #f5f5f5;
  width: 100%;
  height: 40px;
  position: fixed;
  top: 0;
}

.virtual-keyboard {
  max-width: 1080px;
  margin: auto;
}

.vk-row {
  flex-flow: row;
  margin: auto;
  display: flex;
}

.vk-key {
  border-radius: 10px;
  height: 6.25vw;
  max-height: 64px;
  margin: 1px;
}

.vk-key-selected {
  color: red;
  border-width: 3px;
  border-color: red;
}

.vk-key-mapper {
  font-size: clamp(10px, 1.5vw, 16px);
}

.vk-key-mapper-normal {
  background: linear-gradient(silver, #fff);
}

.vk-key-mapper-mouse {
  background: linear-gradient(#f08080, #fff);
}

.vk-key-mapper-media {
  background: linear-gradient(#90ee90, #fff);
}

.vk-key-mapper-xvx {
  background: linear-gradient(violet, #fff);
}

.vk-key-mapper-rgb {
  background: linear-gradient(#f08080, #90ee90, #add8e6);
}

.vk-key-mapper-dks {
  background: linear-gradient(#ff0, #fff);
}

.vk-key-mapper-tgl {
  background: linear-gradient(#db7093, #fff);
}

.vk-key-mapper-mt {
  background: linear-gradient(#98fb98, #fff);
}

.vk-key-mapper-rs {
  background: linear-gradient(orange, #fff);
}

.vk-key-mapper-socd {
  background: linear-gradient(#afeeee, #fff);
}

.vk-key-mapper-macro {
  background: linear-gradient(#f0f, #fff);
}

.vk-key-mapper-cb {
  background: linear-gradient(#1e90ff, #fff);
}

.vk-key-trigger-ice {
  background: linear-gradient(#fff, #add8e6);
}

.vk-key-trigger-mag {
  background: linear-gradient(#e6e6fa, #9370db);
}

.vk-key-trigger-pro {
  background: linear-gradient(#fff, #90ee90);
}

.vk-key-trigger-max {
  background: linear-gradient(#fff, gray);
}

.vk-key-trigger-continuous {
  color: gold;
}

.vk-key-trigger-deadzone-top {
  border-top-color: #ff8c00;
}

.vk-key-trigger-deadzone-bottom {
  border-bottom-color: #ff8c00;
}
/*# sourceMappingURL=app.4d663569.css.map */