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;
  padding-bottom:   1em;
}
#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:            #0000FF;
  text-decoration:  underline;
}
a:hover {
  color:            #0000FF;
  text-decoration:  underline;
}
.bi {
  vertical-align:   -.125em;
  fill:             currentColor;
}
.color-mode-toggle {
  z-index:          1500;
}
.color-mode-toggle .dropdown-menu .active .bi {
  display:          block !important;
}

.card {
  margin-top: 1em;
  text-align: left;
}

.card-header {
  cursor: pointer;
}

.card-header.collapsed::after {
  font-family: 'bootstrap-icons';
  content: '\F282';
  float: right;
  font-weight: bold;
}

.card-header:not(.collapsed)::after {
  font-family: 'bootstrap-icons';
  content: '\F286';
  float: right;
  font-weight: bold;
}

dl {
  margin-bottom: 0;
}

.rdap-property-name, .rdap-property-value {
  padding: .3rem .5rem;
}


@media (min-width: 768px) {
  .card-body > dl > .rdap-property-name {
    font-weight: bold;
    width: 25%;
    float: left;
    clear: left;
    text-align: right;
    padding-right: 1em;
  }
  .card-body > dl > .rdap-property-value {
    margin-left: 25%;
    display: block;
    border-left: 1px solid #dee2e6;
  }

  .card-body > dl > .rdap-property-value:has(> dl) {
    border-left: none;
    padding-left: 0;
  }

  .rdap-property-value dl .rdap-property-name {
    font-weight: normal;
    font-style: italic;
  }
}

dl::after {
  content: "";
  clear: both;
  display: table;
}

.card-body > .card {
  margin-top: 0.5rem;
  box-shadow: none;
  border-left: 2px solid #0d6efd;
}