body {
  font-size:        1em;
}
.header_bar {
  margin-top:       1em;
  margin-bottom:    1em;
}
.footer_bar {
  margin-top:       1em;
}
.origin {
  font-size:        0.7em;
}
.content {
  font-size:        1.1em;
  display:          block;
}
.loading {
  margin-top:       1em;
  display:          none;
}
.result {
  display:          none;
}
#error {
  display:          none;
}
kbd {
  display:          block;
  margin-left:      auto;
  margin-right:     auto;
}
pre {
  color:            #FFFFFF;
  background-color: #000000;
  text-decoration:  none;
  margin-left:      auto;
  margin-right:     auto;
  padding-left:     1%;
  padding-right:    1%;
}
.pre-scrollable {
  max-height:       480px;
  overflow-y:       scroll;
}
a {
  color:            #000000;
  text-decoration:  none;
}
a:hover {
  color:            #000000;
  text-decoration:  none;
}
.bi {
  vertical-align:   -.125em;
  fill:             currentColor;
}
.color-mode-toggle {
  z-index:          1500;
}
.color-mode-toggle .dropdown-menu .active .bi {
  display:          block !important;
}