body {
  font: 400 18px/1 "Tahoma";
}

.tabs {
  display: flex;
  cursor: pointer;
}
.tabs .tab {
  padding: 10px 20px;
  border: 1px solid #ccc;
  border-bottom: none;
  background-color: white;
  transition: background-color 0.3s;
}
.tabs .tab.active {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}
.tabs .tab.active:hover {
  background-color: rgb(51, 149.4, 255);
}
.tabs .tab:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}

.tab-content {
  border: 1px solid #ccc;
  padding: 20px;
}
.tab-content .content {
  display: none;
}
.tab-content .content.active {
  display: block;
}
.tab-content .content.active > div {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
.tab-content .content.active > div .left-0 {
  flex-basis: 0%;
}
.tab-content .content.active > div .left-10 {
  flex-basis: 10%;
}
.tab-content .content.active > div .left-20 {
  flex-basis: 20%;
}
.tab-content .content.active > div .left-30 {
  flex-basis: 30%;
}
.tab-content .content.active > div .left-40 {
  flex-basis: 40%;
}
.tab-content .content.active > div .left-50 {
  flex-basis: 50%;
}
.tab-content .content.active > div .left-60 {
  flex-basis: 60%;
}
.tab-content .content.active > div .left-70 {
  flex-basis: 70%;
}
.tab-content .content.active > div .left-80 {
  flex-basis: 80%;
}
.tab-content .content.active > div .left-90 {
  flex-basis: 90%;
}
.tab-content .content.active > div .left-100 {
  flex-basis: 100%;
}
.tab-content .content.active > div .right-0 {
  flex-basis: 0%;
}
.tab-content .content.active > div .right-10 {
  flex-basis: 10%;
}
.tab-content .content.active > div .right-20 {
  flex-basis: 20%;
}
.tab-content .content.active > div .right-30 {
  flex-basis: 30%;
}
.tab-content .content.active > div .right-40 {
  flex-basis: 40%;
}
.tab-content .content.active > div .right-50 {
  flex-basis: 50%;
}
.tab-content .content.active > div .right-60 {
  flex-basis: 60%;
}
.tab-content .content.active > div .right-70 {
  flex-basis: 70%;
}
.tab-content .content.active > div .right-80 {
  flex-basis: 80%;
}
.tab-content .content.active > div .right-90 {
  flex-basis: 90%;
}
.tab-content .content.active > div .right-100 {
  flex-basis: 100%;
}
.tab-content .content.active > div p, .tab-content .content.active > div li {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.tab-content .content.active > div ul, .tab-content .content.active > div ol {
  padding-left: 25px;
}
.tab-content .content.active > div .highlighted {
    margin-top: 20px;
    padding: 10px;
    border: 2px solid red;
}
h1 {
  text-align: center;
  margin: 40px 0;
}/*# sourceMappingURL=manual.css.map */