@charset "UTF-8";

[data-page-category="connection_guide"] {
  overflow: hidden;
}

.prd-utility-marginLeft-9 {
  margin-left: 7.2rem;
}

.prd-utility-color-red {
  color: #DC002F;
}

.prd-utility-font-weight-bold {
  font-weight: 700;
}

.prd-utility-inline-block {
  display: inline-block;
}

.show-kv-8000 {
  display: none;
}

.show-kv-x {
  display: none;
}

.kv-8000 .show-kv-8000 {
  display: block;
}

.kv-x .show-kv-x {
  display: block;
}

.prd-utility-color-red {
  color: #DC002F;
}

.prd-utility-backgroundColor-gray {
  background-color: #DCDCDC;
}

.prd-utility-backgroundColor-blue {
  background-color: #80D3EE;
}

.prd-utility-backgroundColor-lightblue {
  background-color: #ABE1FA;
}

.prd-utility-backgroundColor-yellow {
  background-color: #FFF685;
}

.prd-utility-backgroundColor-pink {
  background-color: #F89D9F;
}

.prd-utility-backgroundColor-green {
  background-color: #9FDAA6;
}

.prd-utility-backgroundColor-purple {
  background-color: #CAABE3;
}

.prd-utility-backgroundColor-lightpink {
  background-color: #F3BDD4;
}

.prd-utility-backgroundColor-orange {
  background-color: #FCBE9D;
}

.prd-utility-backgroundColor-lightorange {
  background-color: #FCDEA3;
}

.print-show {
  display: none;
}

.prd-table td,
.prd-table th {
  border: 1px solid #666a6b;
}

.prd-table th {
  background: #e7e7e7;
}

.prd-table td {
  background: #ffffff;
}

.prd-table-compact {
  font-size: 1.3rem;
}

.prd-table-compact td,
.prd-table-compact th {
  padding: .8rem;
}

@media print {
  @page {
    margin: 0;
  }
  body {
    margin: 0;
  }
  header,
  footer,
  .prd-seriesHeader.of-secondary {
    display: none;
  }
  .print-show {
    display: block;
  }
  .print-breakInside-avoid {
    break-inside: avoid;
  }
  .prd-layout-grid.print-column-2 {
    margin-inline: -1rem;
  }
  .prd-layout-grid.print-column-2 > * {
    width: 50%;
    padding-inline: 1rem;
  }
  .prd-layout-grid.print-column-2:has(.print-column-2-width-l) > * {
    width: 45%;
  }
  .prd-layout-grid.print-column-2:has(.print-column-2-width-l) > .print-column-2-width-l {
    width: 55%;
    font-size: 1.4rem;
  }
  img {
    max-width: 70%;
  }
  .print-full-width,
  .prd-layout-grid.print-column-2 img {
    max-width: 100%;
  }
}
