@charset "UTF-8";
@media print {
  .navbar {
    display: none; }
  .contents {
    width: auto; }
    .contents .header {
      display: none; }
  .info {
    display: none; } }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  font-family: "Hiragino Kaku Gothic", "meiryo", sans-serif; }

.container {
  display: grid; }
  @media screen and (max-width: 480px ) {
    .container {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto auto auto auto; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .container {
      grid-template-columns: 200px 1fr;
      grid-template-rows: auto auto 1fr auto auto; } }
  @media screen and (min-width: 720px ) {
    .container {
      grid-template-columns: 200px 1fr 170px;
      grid-template-rows: auto auto 1fr auto auto; } }
  .container::after {
    display: table;
    clear: both;
    content: ""; }

.header {
  margin-bottom: 5px;
  display: grid;
  grid-template-columns: 50px 1fr 50px;
  grid-template-rows: auto auto auto;
  color: #ffffff; }
  @media screen and (max-width: 480px ) {
    .header {
      grid-column: 1 / 2;
      grid-row: 1 / 2; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .header {
      grid-column: 1 / 3;
      grid-row: 1 / 2; } }
  @media screen and (min-width: 720px ) {
    .header {
      grid-column: 1 / 4;
      grid-row: 1 / 2; } }
.headertitle {
  margin: 5px 0 5px 0;
  font-weight: bolder; }
  @media screen and (max-width: 480px ) {
    .headertitle {
      font-size: x-large; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .headertitle {
      font-size: xx-large; } }
  @media screen and (min-width: 720px ) {
    .headertitle {
      font-size: xx-large; } }
.headerdesc {
  margin: 5px 0 5px 0; }

.headerleft {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  text-align: center;
  background-color: #00254e; }

.headermiddle {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  text-align: center;
  background-color: #00254e; }

.headerright {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  text-align: center;
  background-color: #00254e; }

.headermenu {
  grid-column: 1 / 4;
  font-size: 100%; }

.hmenu1 {
  display: grid;
  grid-template-rows: auto;
  background-color: #00254e; }
  @media screen and (max-width: 480px ) {
    .hmenu1 {
      grid-template-columns: 1fr 1fr 1fr; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .hmenu1 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } }
  @media screen and (min-width: 720px ) {
    .hmenu1 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } }
.hmenu1-level1 {
  color: #ffffff;
  /*
  @include mq(medium) {
    .hasChildren::after {
      content: " ▼";
    }
  }

  @include mq(large) {
    .hasChildren::after {
      content: " ▼";
    }
  }
  */ }
  @media screen and (max-width: 480px ) {
    .hmenu1-level1 {
      font-size: small; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .hmenu1-level1 {
      font-size: small; } }
  @media screen and (min-width: 720px ) {
    .hmenu1-level1 {
      font-size: medium; } }
  .hmenu1-level1 > .active {
    border-bottom: 5px solid #e9daab;
    box-sizing: border-box; }
  .hmenu1-level1 > :not(.active) {
    border-bottom: 5px solid #00254e;
    box-sizing: border-box; }
  .hmenu1-level1 .menu-item {
    display: block;
    text-align: center;
    height: 100%; }
    .hmenu1-level1 .menu-item a {
      display: block;
      color: #ffffff;
      text-decoration: none;
      height: 100%; }
    .hmenu1-level1 .menu-item a:hover {
      display: block;
      color: #000000;
      background-color: #d8e8f8; }

@media screen and (min-width: 480px ) and (max-width: 720px ) {
  .hmenu1-level1:hover {
    /*
    .hasChildren::after {
      content: " ▲";
    }
    */ }
    .hmenu1-level1:hover .hmenu1-level2 {
      visibility: visible; } }

@media screen and (min-width: 720px ) {
  .hmenu1-level1:hover {
    /*
    .hasChildren::after {
      content: " ▲";
    }
    */ }
    .hmenu1-level1:hover .hmenu1-level2 {
      visibility: visible; } }

.hmenu1-level2-wrapper {
  height: 0; }

.hmenu1-level2 {
  visibility: hidden;
  position: relative;
  z-index: 1000;
  color: #ffffff;
  background-color: #0a447e;
  box-sizing: border-box; }
  @media screen and (max-width: 480px ) {
    .hmenu1-level2 {
      line-height: 2.5em; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .hmenu1-level2 {
      line-height: 2em; } }
  @media screen and (min-width: 720px ) {
    .hmenu1-level2 {
      line-height: 2em; } }
  .hmenu1-level2 .menu-item {
    text-align: left; }
    .hmenu1-level2 .menu-item a:hover {
      display: block;
      color: #000000;
      background-color: #d8e8f8; }
  .hmenu1-level2 .active .menu-link,
  .hmenu1-level2 .active .menu-link:hover {
    color: #00254e;
    background-color: #e9daab; }
  .hmenu1-level2 a {
    display: block;
    color: #ffffff;
    background-color: #0a447e;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-decoration: none; }

.hmenu1-level2:not(:last-child) {
  border-bottom: solid 1px #00254e; }

.navbar {
  grid-column: 1 / 2;
  grid-row: 2 / 5; }
  @media screen and (max-width: 480px ) {
    .navbar {
      overflow-x: hidden;
      overflow-y: auto;
      max-height: 100vh; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .navbar {
      margin-right: 5px; } }
  @media screen and (min-width: 720px ) {
    .navbar {
      margin-right: 5px; } }
#nav-drawer {
  display: none; }

#nav-drawer-icon {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer; }
  @media screen and (max-width: 480px ) {
    #nav-drawer-icon {
      z-index: 10; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    #nav-drawer-icon {
      display: none; } }
  @media screen and (min-width: 720px ) {
    #nav-drawer-icon {
      display: none; } }
  #nav-drawer-icon span {
    display: block;
    position: relative;
    height: 4px;
    width: 24px;
    background-color: #ffffff;
    border-radius: 3px;
    margin: 5px 0 5px 0; }
  #nav-drawer-icon div {
    position: relative;
    height: 4px;
    width: 24px;
    background-color: #ffffff;
    border-radius: 3px; }

#nav-drawer-icon div:nth-of-type(1) {
  top: 22px; }

#nav-drawer-icon div:nth-of-type(2) {
  top: 11px; }

#nav-drawer-icon div:nth-of-type(3) {
  top: 0px; }

#nav-drawer-background {
  background-color: black;
  display: block;
  height: 100%;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 100%;
  z-index: -100; }

#nav-drawer:checked ~ #navmenu {
  transform: translate(620px);
  min-width: 50%; }

#nav-drawer:checked ~ #nav-drawer-background {
  opacity: 0.5;
  z-index: 100; }

.nav-drawer-background-cover {
  display: block;
  height: 100%;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -10; }

.navmenu {
  word-wrap: break-word; }
  @media screen and (max-width: 480px ) {
    .navmenu {
      position: absolute;
      top: 0;
      left: -620px;
      transition: all 0.5s ease 0s;
      z-index: 1000; } }
.vmenu1-level1 {
  color: #ffffff;
  background-color: #00254e;
  box-sizing: border-box; }
  @media screen and (max-width: 480px ) {
    .vmenu1-level1 {
      line-height: 2.5em; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .vmenu1-level1 {
      line-height: 2em; } }
  @media screen and (min-width: 720px ) {
    .vmenu1-level1 {
      line-height: 2em; } }
  .vmenu1-level1 a {
    display: block;
    color: #ffffff;
    background-color: #00254e;
    padding-left: 0.25em;
    padding-right: 0.5em;
    text-decoration: none; }
  .vmenu1-level1 a:hover {
    color: #000000;
    background-color: #d8e8f8; }
  .vmenu1-level1 .active a {
    color: #00254e;
    background-color: #e9daab; }

.vmenu1-level2 {
  color: #ffffff;
  background-color: #0a447e;
  border-bottom: solid 1px #00254e;
  box-sizing: border-box; }
  @media screen and (max-width: 480px ) {
    .vmenu1-level2 {
      line-height: 2.5em; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .vmenu1-level2 {
      line-height: 2em; } }
  @media screen and (min-width: 720px ) {
    .vmenu1-level2 {
      line-height: 2em; } }
  .vmenu1-level2 a {
    display: block;
    color: #ffffff;
    background-color: #0a447e;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-decoration: none; }
  .vmenu1-level2 a:hover {
    color: #000000;
    background-color: #d8e8f8; }
  .vmenu1-level2 .active a {
    color: #00254e;
    background-color: #e9daab; }

.vmenu1-level3 {
  color: #ffffff;
  background-color: #22609e;
  border-bottom: solid 1px #00254e;
  box-sizing: border-box; }
  @media screen and (max-width: 480px ) {
    .vmenu1-level3 {
      line-height: 2.5em; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .vmenu1-level3 {
      line-height: 2em; } }
  @media screen and (min-width: 720px ) {
    .vmenu1-level3 {
      line-height: 2em; } }
  .vmenu1-level3 a {
    display: block;
    color: #ffffff;
    background-color: #22609e;
    padding-left: 0.75em;
    padding-right: 0.5em;
    text-decoration: none; }
  .vmenu1-level3 a:hover {
    color: #000000;
    background-color: #d8e8f8; }
  .vmenu1-level3 .active a {
    color: #00254e;
    background-color: #e9daab; }

.vmenu1-level4 {
  color: #ffffff;
  background-color: #4090d0;
  border-left: solid 10px #22609e;
  border-bottom: solid 1px #00254e;
  box-sizing: border-box; }
  @media screen and (max-width: 480px ) {
    .vmenu1-level4 {
      line-height: 2.5em; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .vmenu1-level4 {
      line-height: 2em; } }
  @media screen and (min-width: 720px ) {
    .vmenu1-level4 {
      line-height: 2em; } }
  .vmenu1-level4 a {
    display: block;
    color: #ffffff;
    background-color: #4090d0;
    padding-left: 1em;
    padding-right: 0.5em;
    text-decoration: none; }
  .vmenu1-level4 a:hover {
    color: #000000;
    background-color: #d8e8f8; }
  .vmenu1-level4 .active a {
    color: #00254e;
    background-color: #e9daab; }

.breadcrumb {
  font-size: small;
  color: #000000;
  background-color: #d8e8f8;
  margin-bottom: 2px;
  line-height: 2em; }
  @media screen and (max-width: 480px ) {
    .breadcrumb {
      grid-column: 1 / 2;
      grid-row: 2 / 3; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .breadcrumb {
      grid-column: 2 / 3;
      grid-row: 2 / 3; } }
  @media screen and (min-width: 720px ) {
    .breadcrumb {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
      margin-right: 5px; } }
  .breadcrumb a {
    text-decoration: none; }
  .breadcrumb a:hover {
    font-weight: bold;
    text-decoration: none; }
  .breadcrumb span:not(:last-child)::after {
    content: ">"; }

.main {
  overflow: auto;
  margin-bottom: 5px; }
  @media screen and (max-width: 480px ) {
    .main {
      grid-column: 1 / 2;
      grid-row: 3 / 4; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .main {
      grid-column: 2 / 3;
      grid-row: 3 / 4; } }
  @media screen and (min-width: 720px ) {
    .main {
      grid-column: 2 / 3;
      grid-row: 3 / 4;
      margin-right: 5px; } }
.title {
  font-size: 130%;
  color: #ffffff;
  background-color: #00254e;
  text-align: center; }

.contents p {
  margin: 1em; }

.contents table {
  margin: 1em; }

.contents pre {
  margin: 1em; }

.contents blockquote {
  margin: 0 2pc 0 2pc;
  padding-top: 0.2em;
  padding-bottom: 0.01em;
  background: #e7f0f5; }

.contents dl {
  margin-left: 1em; }

.contents figure.floatright {
  float: right; }

.contents h1 {
  font-size: 120%;
  color: #ffffff;
  background-color: #0a447e;
  border-width: 0px 0px 0px 5px;
  border-style: solid;
  border-color: #0a447e;
  padding: 2px 0px 2px 10px; }

.contents h2 {
  font-size: 110%;
  color: #103880;
  background-color: #d8e8f8;
  border-width: 0px 0px 2px 5px;
  border-style: solid;
  border-color: #103880;
  padding: 2px 0px 2px 10px; }

.contents h3 {
  font-size: 100%;
  color: #103880;
  background-color: #eaf0ff;
  border-width: 0px 0px 1px 5px;
  border-style: solid;
  border-color: #103880;
  padding: 2px 0px 2px 10px; }

.contents h4 {
  color: #103880;
  background-color: #eaf0ff;
  border-width: 0px 0px 0px 3px;
  border-style: solid;
  border-color: #0a447e;
  padding: 1px 0 1px 10px; }

.contentsbottom {
  margin-bottom: 5px; }
  @media screen and (max-width: 480px ) {
    .contentsbottom {
      grid-column: 1 / 2;
      grid-row: 4 / 5; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .contentsbottom {
      grid-column: 2 / 3;
      grid-row: 4 / 5; } }
  @media screen and (min-width: 720px ) {
    .contentsbottom {
      grid-column: 2 / 3;
      grid-row: 4 / 5;
      margin-right: 5px; } }
.info {
  text-align: right; }
  @media screen and (max-width: 480px ) {
    .info {
      display: none; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .info {
      display: none; } }
  @media screen and (min-width: 720px ) {
    .info {
      grid-column: 3 / 4;
      grid-row: 2 / 5; } }
.footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 0.5em;
  margin: 0 -0.5em;
  color: #ffffff; }
  @media screen and (max-width: 480px ) {
    .footer {
      grid-column: 1 / 2;
      grid-row: 5 / 6; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .footer {
      grid-column: 1 / 3;
      grid-row: 5 / 6; } }
  @media screen and (min-width: 720px ) {
    .footer {
      grid-column: 1 / 4;
      grid-row: 5 / 6; } }
.footerleft {
  grid-column: 1 / 2;
  padding: 5px;
  background-color: #00254e; }
  .footerleft a {
    color: #ffffff; }

.footermiddle {
  grid-column: 2 / 3;
  padding: 5px;
  text-align: center;
  background-color: #00254e; }

.footerright {
  grid-column: 3 / 4;
  padding: 5px;
  text-align: right;
  background-color: #00254e; }

.chart1 {
  overflow-x: auto;
  padding: 0 1em 0 1em; }
  .chart1 table {
    overflow-x: auto; }
    .chart1 table tr:nth-child(2n) {
      background-color: #eaf0ff; }
    .chart1 table tr:nth-child(2n + 1) {
      background-color: #c8d8f8; }
    .chart1 table td {
      vertical-align: top;
      padding: 1px 5px 1px 5px; }
    .chart1 table th {
      color: #ffffff;
      background-color: #22609e;
      vertical-align: top;
      padding: 1px 5px 1px 5px; }
    .chart1 table th a {
      color: #ffffff; }

.chart2 {
  overflow-x: auto;
  padding: 0 1em 0 1em; }
  .chart2 table {
    overflow-x: auto; }
  .chart2 tr:nth-child(2n) {
    background-color: #eaf0ff; }
  .chart2 tr:nth-child(2n + 1) {
    background-color: #c8d8f8; }
  .chart2 td {
    padding: 1px 5px 1px 5px; }
  .chart2 th {
    color: #ffffff;
    background-color: #22609e;
    padding: 1px 5px 1px 5px; }
  .chart2 th a {
    color: #ffffff; }

.thleft th {
  text-align: left; }

.thright th {
  text-align: right; }

.blocklink > a {
  display: block;
  width: 100%;
  height: 100%; }

.highlight {
  overflow-x: auto;
  margin: 0 1pc 0 1pc;
  position: relative;
  overflow-y: auto;
  max-height: 80vh; }

.highlight-copy-button {
  position: absolute;
  top: 0em;
  right: 0em;
  border: 0;
  padding: 1px;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 2;
  color: #ffffff;
  background-color: #4090d0;
  min-width: 60px;
  text-align: center; }

.highlight-copy-button:hover {
  background-color: #22609e;
  cursor: copy; }

.highlight > pre {
  padding: 0.5em 1em; }

.centering {
  text-align: center; }

.figure {
  overflow-x: auto; }

.max-width-95percent img {
  max-width: 95%; }

figcaption {
  text-align: center; }

.refarg {
  padding: 0; }
  .refarg table {
    border-collapse: collapse; }
  .refarg td:nth-child(2n) {
    padding-left: 1em; }
  .refarg td {
    vertical-align: top; }
  .refarg th {
    color: #ffffff;
    background-color: #22609e;
    vertical-align: top; }

.refsyntaxext {
  padding: 0; }
  .refsyntaxext table {
    border-collapse: collapse; }
  .refsyntaxext td {
    vertical-align: top; }
  .refsyntaxext td:nth-child(2n) {
    padding-left: 1em; }
  .refsyntaxext td:nth-child(2n + 1) {
    min-width: 6em; }
  .refsyntaxext th {
    color: #ffffff;
    background-color: #22609e;
    vertical-align: top; }

.reference_toc {
  break-inside: avoid; }
  @media screen and (max-width: 480px ) {
    .reference_toc {
      column-count: 1; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .reference_toc {
      column-count: 2; } }
  @media screen and (min-width: 720px ) {
    .reference_toc {
      column-count: 3; } }
  .reference_toc h1 a {
    color: #ffffff;
    text-decoration: none; }
  .reference_toc h2 {
    color: #ffffff;
    background-color: #0a447e;
    text-decoration: none;
    border-width: 0;
    padding: 2px 0px 2px 10px; }
  @media screen and (max-width: 480px ) {
    .reference_toc ul li {
      margin-top: 8px;
      margin-bottom: 8px; } }
.reference_toc_column {
  break-inside: avoid;
  display: inline-block;
  width: 100%; }

mark.reference_mark--definition {
  color: #ffffff;
  background-color: #4090d0;
  padding-left: 0.2em;
  padding-right: 0.2em; }

mark.reference_mark--example {
  color: #ffffff;
  background-color: #4090d0;
  padding-left: 0.2em;
  padding-right: 0.2em; }

mark.reference_mark--language {
  color: #ffffff;
  background-color: #4090d0;
  padding-left: 0.2em;
  padding-right: 0.2em; }

/* reverse lookup */
.rlsection input {
  display: none; }

.rlsection h1 {
  margin-bottom: 0; }

.rlsection .qanda {
  height: 0;
  overflow: hidden;
  opacity: 0; }

.rlsection input:checked ~ .qanda {
  height: auto;
  opacity: 1; }

.rlsection .section :hover {
  border-color: #00254e;
  background-color: #00254e;
  cursor: pointer; }

.rlqa input {
  display: none; }

.rlqa h2 {
  margin-bottom: 0; }

.rlqa .rlanswer {
  height: 0;
  overflow: hidden;
  opacity: 0; }
  .rlqa .rlanswer .rllastupdate {
    text-align: right;
    text-decoration: underline; }

.rlqa input:checked ~ .rlanswer {
  height: auto;
  opacity: 1; }

.rlqa .rlquestion :hover {
  background-color: #eaf0ff;
  cursor: pointer; }

.scroll {
  overflow-x: auto; }

figure.scroll {
  overflow-x: auto; }

table.scroll {
  overflow-x: auto; }

.arduinoversion td {
  vertical-align: top; }

.error .error_contents {
  display: table;
  table-layout: fixed;
  width: 90%;
  height: 25vh;
  padding: 10vh;
  margin: 0 auto; }
  .error .error_contents .pagenotfound {
    display: table-cell;
    font-size: 6vh;
    width: 30%;
    padding: 1% 0;
    color: #ffffff;
    background: #00254e;
    text-align: center;
    vertical-align: middle; }

.error .pagenotfound:nth-child(1) {
  transform: translateX(310%);
  animation: notfound 2s linear 0s 1 normal forwards; }

.error .pagenotfound:nth-child(3) {
  transform: translateX(310%);
  animation: notfound 2s linear 1s 1 normal forwards; }

.error .pagenotfound:nth-child(5) {
  transform: translateX(310%);
  animation: notfound 2s linear 2s 1 normal forwards; }

.error .error_link {
  display: grid;
  gap: 2px;
  grid-template-columns: 10% 10%; }
  .error .error_link .link {
    text-align: center;
    color: #ffffff;
    background-color: #00254e;
    width: 100%;
    padding: 5px; }
  .error .error_link a {
    display: block;
    color: #ffffff;
    background-color: #00254e; }

.footer_error {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  color: #ffffff;
  background-color: #00254e;
  padding: 5px; }
  .footer_error .footer_error_middle {
    margin: 0 auto; }

@keyframes lean {
  0% {
    transform: skew(0deg, 0deg); }
  100% {
    transform: skew(15deg, -15deg); } }

@keyframes notfound {
  0% {
    transform: translateX(110%); }
  50% {
    transform: translateX(0%); }
  55% {
    transform: rotate(45deg); }
  60% {
    transform: rotate(90deg); }
  65% {
    transform: rotate(135deg); }
  70% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(270deg); }
  80% {
    transform: rotate(360deg); }
  100% {
    transform: skew(15deg, -15deg); } }

.flowchart {
  overflow-x: auto; }

.mermaid {
  overflow-x: auto; }

.triangle, .admonition-mark-shape--warning, .admonition-mark-shape--error,
.triangle::before,
.admonition-mark-shape--warning::before,
.admonition-mark-shape--error::before,
.triangle::after,
.admonition-mark-shape--warning::after,
.admonition-mark-shape--error::after {
  width: 1em;
  height: 1em; }

.triangle::before, .admonition-mark-shape--warning::before, .admonition-mark-shape--error::before,
.triangle::after,
.admonition-mark-shape--warning::after,
.admonition-mark-shape--error::after {
  content: "";
  position: absolute; }

.triangle, .admonition-mark-shape--warning, .admonition-mark-shape--error {
  position: relative;
  border-top-left-radius: 30%;
  transform: rotate(30deg) skewY(30deg) translateX(60%) translateY(-30%) scaleX(0.86666); }

.triangle::before, .admonition-mark-shape--warning::before, .admonition-mark-shape--error::before {
  border-top-right-radius: 30%;
  transform: skewX(-45deg) translateX(45%); }

.triangle::after, .admonition-mark-shape--warning::after, .admonition-mark-shape--error::after {
  border-bottom-left-radius: 30%;
  transform: skewY(-45deg) translateY(45%); }

.circle, .admonition-mark-shape--tip, .admonition-mark-shape--note {
  border-radius: 50%; }

.admonition--error {
  margin: 0 1em;
  display: flex;
  background-color: #ffffff; }

.admonition-mark--error {
  position: relative;
  width: 3em;
  height: 3em; }

.admonition-mark-wrap--error {
  position: relative;
  inset: 0;
  width: 2em;
  height: 2em;
  margin: 0 auto; }

.admonition-mark-shape--error {
  position: absolute;
  inset: 0;
  margin-top: 0.3em;
  margin-bottom: -0.3em; }

.admonition-mark-shape--error,
.admonition-mark-shape--error::before,
.admonition-mark-shape--error::after {
  background-color: #ff0000; }

.admonition-mark-letter--error {
  position: absolute;
  inset: 0;
  width: 1em;
  height: 1.2em;
  margin: 0.6em auto auto auto;
  text-align: center;
  font-weight: bolder;
  color: #ffffff; }

.admonition-content--error {
  width: calc(100% - 8ex);
  color: #ff0000;
  background-color: #ffffff;
  font-weight: normal;
  margin: 0.5em 0 0.3em 0; }
  .admonition-content--error > p {
    margin: 0.2em 0; }

.admonition--note {
  margin: 0 1em;
  display: flex;
  background-color: #ffffff; }

.admonition-mark--note {
  position: relative;
  width: 3em;
  height: 3em; }

.admonition-mark-wrap--note {
  position: relative;
  inset: 0;
  width: 2em;
  height: 2em;
  margin: 0 auto; }

.admonition-mark-shape--note {
  position: absolute;
  inset: 0;
  margin-top: 0.3em;
  margin-bottom: -0.3em; }

.admonition-mark-shape--note,
.admonition-mark-shape--note::before,
.admonition-mark-shape--note::after {
  background-color: #680068; }

.admonition-mark-letter--note {
  position: absolute;
  inset: 0;
  width: 1em;
  height: 1.2em;
  margin: 0.6em auto auto auto;
  text-align: center;
  font-weight: bolder;
  color: #ffffff; }

.admonition-content--note {
  width: calc(100% - 8ex);
  color: #680068;
  background-color: #ffffff;
  font-weight: normal;
  margin: 0.5em 0 0.3em 0; }
  .admonition-content--note > p {
    margin: 0.2em 0; }

.admonition--tip {
  margin: 0 1em;
  display: flex;
  background-color: #ffffff; }

.admonition-mark--tip {
  position: relative;
  width: 3em;
  height: 3em; }

.admonition-mark-wrap--tip {
  position: relative;
  inset: 0;
  width: 2em;
  height: 2em;
  margin: 0 auto; }

.admonition-mark-shape--tip {
  position: absolute;
  inset: 0;
  margin-top: 0.3em;
  margin-bottom: -0.3em; }

.admonition-mark-shape--tip,
.admonition-mark-shape--tip::before,
.admonition-mark-shape--tip::after {
  background-color: #008800; }

.admonition-mark-letter--tip {
  position: absolute;
  inset: 0;
  width: 1em;
  height: 1.2em;
  margin: 0.6em auto auto auto;
  text-align: center;
  font-weight: bolder;
  color: #ffffff; }

.admonition-content--tip {
  width: calc(100% - 8ex);
  color: #008800;
  background-color: #ffffff;
  font-weight: normal;
  margin: 0.5em 0 0.3em 0; }
  .admonition-content--tip > p {
    margin: 0.2em 0; }

.admonition--warning {
  margin: 0 1em;
  display: flex;
  background-color: #ffeeee; }

.admonition-mark--warning {
  position: relative;
  width: 3em;
  height: 3em; }

.admonition-mark-wrap--warning {
  position: relative;
  inset: 0;
  width: 2em;
  height: 2em;
  margin: 0 auto; }

.admonition-mark-shape--warning {
  position: absolute;
  inset: 0;
  margin-top: 0.3em;
  margin-bottom: -0.3em; }

.admonition-mark-shape--warning,
.admonition-mark-shape--warning::before,
.admonition-mark-shape--warning::after {
  background-color: #ff0000; }

.admonition-mark-letter--warning {
  position: absolute;
  inset: 0;
  width: 1em;
  height: 1.2em;
  margin: 0.6em auto auto auto;
  text-align: center;
  font-weight: bolder;
  color: #ffffff; }

.admonition-content--warning {
  width: calc(100% - 8ex);
  color: #ff0000;
  background-color: #ffeeee;
  font-weight: bold;
  margin: 0.5em 0 0.3em 0; }
  .admonition-content--warning > p {
    margin: 0.2em 0; }

.thoverrowhighlight tr:hover td {
  color: #ffffff;
  background-color: #00254e; }

.thoverrowhighlight tr:hover a {
  color: #ffffff;
  text-decoration: underline; }

.tablemenuleft1 td:nth-of-type(1) {
  padding: 0pt; }

.tablemenuleft1 td:nth-of-type(n + 2) {
  padding: 2pt; }

.tablemenuleft1 td:nth-of-type(1) a {
  display: block;
  padding: 2pt; }

.tablemenuleft1 td:nth-of-type(1) a:hover {
  color: #ffffff;
  background-color: #00254e; }

.tablemenuleft2 tr td:nth-of-type(1),
.tablemenuleft2 tr td:nth-of-type(n + 3) {
  padding: 2pt; }

.tablemenuleft2 tr td:nth-of-type(2) {
  padding: 0pt; }

.tablemenuleft2 tr td:nth-of-type(2) a {
  display: block;
  padding: 2pt; }

.tablemenuleft2 tr td:nth-of-type(2):hover {
  color: #ffffff;
  background-color: #00254e; }

.tablemenuleft2 tr td:nth-of-type(2):hover a {
  color: #ffffff;
  background-color: #00254e; }

a.linelink {
  display: block;
  width: 98%; }

a.linelink:hover {
  color: #ffffff;
  background-color: #00254e; }

a[target="_blank"]::after {
  content: url(/images/externallink.png);
  position: relative;
  bottom: 4pt; }

.amazonads a::after {
  content: none; }

.rightfooter a::after {
  content: none; }

.memorandumarchive td:nth-of-type(n + 2) {
  text-align: center;
  padding-left: 0pt;
  padding-right: 0pt; }

.memorandumarchive td:nth-of-type(n + 2) a {
  display: block;
  text-align: center;
  width: 100%;
  padding-left: 4pt;
  padding-right: 4pt; }

.memorandumarchive td:nth-of-type(n + 2) a:hover {
  color: #ffffff;
  background-color: #00254e; }

.memorandumarchive td.active {
  background-color: #e9daab; }

#cookie-consent {
  display: block;
  grid-column: 1 / -1;
  transform: translateX(-110%);
  position: fixed;
  z-index: 999;
  color: #ffffff;
  background-color: #00254e;
  overflow: auto;
  padding: 0.5em 5px;
  margin-left: 6pt;
  left: 0pt;
  bottom: 0pt;
  width: calc(100% - 12pt);
  transition: all 1s ease 0.5s; }
  #cookie-consent a {
    color: #ffffff; }

.close-cookie-consent {
  color: #00254e;
  background-color: #ffffff; }

.examples {
  display: grid;
  width: 95%;
  grid-template-columns: repeat(auto-fill, minmax(15em, auto));
  border-spacing: 5px 0;
  margin: 0 auto;
  gap: 1px; }

.example_section {
  grid-column: 1 / -1;
  background-color: #22609e;
  padding: 2px 10px 2px 10px;
  color: #ffffff; }
  .example_section a {
    color: #ffffff; }

.example_item {
  background-color: #eaf0ff;
  padding: 5px 10px 5px 15px;
  border-color: #000000;
  border-width: 2px; }
  .example_item a {
    width: 100%;
    height: 100%; }
    @media screen and (max-width: 480px ) {
      .example_item a {
        display: inline; } }
    @media screen and (min-width: 480px ) and (max-width: 720px ) {
      .example_item a {
        display: block; } }
    @media screen and (min-width: 720px ) {
      .example_item a {
        display: block; } }
.example_item:hover {
  display: block;
  width: 100%;
  color: #ffffff;
  background-color: #00254e; }
  .example_item:hover a {
    color: #ffffff; }

.terms {
  display: grid;
  width: 95%;
  grid-template-columns: repeat(auto-fill, minmax(15em, auto));
  border-spacing: 5px 0;
  margin: 0 auto;
  gap: 1px; }

.terms_section {
  grid-column: 1 / -1;
  background-color: #22609e;
  padding: 2px 10px 2px 10px;
  color: #ffffff; }
  .terms_section a {
    color: #ffffff; }

.terms_item {
  background-color: #eaf0ff;
  padding: 2px 10px 2px 15px;
  border-color: #000000;
  border-width: 2px; }

.terms_item:hover,
.terms_item:hover a {
  display: block;
  width: 100%;
  color: #ffffff;
  background-color: #00254e; }

.gridtable_2column {
  display: grid;
  width: 95%;
  grid-template-columns: fit-content(30%) 1fr;
  border-spacing: 5px 0;
  margin: 0 auto; }
  .gridtable_2column .gridtable_data {
    padding: 0 5px;
    overflow-wrap: anywhere;
    word-break: break-all; }
  .gridtable_2column .gridtable_data:nth-of-type(4n + 1),
  .gridtable_2column .gridtable_data:nth-of-type(4n + 2) {
    background-color: #eaf0ff; }
  .gridtable_2column .gridtable_data:nth-of-type(4n + 3),
  .gridtable_2column .gridtable_data:nth-of-type(4n) {
    background-color: #c8d8f8; }
  .gridtable_2column .gridtable_data:hover a {
    display: block;
    width: 100%;
    height: 100%; }

.gridtable_2column_1c {
  display: grid;
  width: 95%;
  grid-template-columns: fit-content(30%) 1fr;
  border-spacing: 5px 0;
  margin: 0 auto; }
  .gridtable_2column_1c .gridtable_data {
    padding: 0 5px;
    overflow-wrap: anywhere;
    word-break: break-all; }
  .gridtable_2column_1c .gridtable_data:nth-of-type(4n),
  .gridtable_2column_1c .gridtable_data:nth-of-type(4n + 1) {
    background-color: #eaf0ff; }
  .gridtable_2column_1c .gridtable_data:nth-of-type(4n + 2),
  .gridtable_2column_1c .gridtable_data:nth-of-type(4n + 3) {
    background-color: #c8d8f8; }
  .gridtable_2column_1c .gridtable_data:hover a {
    display: block;
    width: 100%;
    height: 100%; }

.gridtable_3column {
  display: grid;
  width: 95%;
  grid-template-columns: minmax(auto, 0.3fr) 1fr minmax(auto, 0.3fr);
  border-spacing: 5px 0;
  margin: 0 auto; }
  .gridtable_3column .gridtable_data {
    padding: 0 5px;
    overflow-wrap: anywhere;
    word-break: break-all; }
  .gridtable_3column .gridtable_data:nth-child(6n + 1),
  .gridtable_3column .gridtable_data:nth-child(6n + 2),
  .gridtable_3column .gridtable_data:nth-child(6n + 3) {
    background-color: #eaf0ff; }
  .gridtable_3column .gridtable_data:nth-child(6n + 4),
  .gridtable_3column .gridtable_data:nth-child(6n + 5),
  .gridtable_3column .gridtable_data:nth-child(6n) {
    background-color: #c8d8f8; }
  .gridtable_3column .gridtable_data:hover a {
    display: block;
    width: 100%;
    height: 100%; }

.gridtable_head {
  font-weight: bold;
  color: #ffffff;
  background-color: #22609e;
  padding: 0 5px; }
  .gridtable_head a {
    color: #ffffff; }

.gridtable_head_1c {
  grid-column: 1 / -1;
  font-weight: bold;
  color: #ffffff;
  background-color: #22609e;
  padding: 0 5px; }
  .gridtable_head_1c a {
    color: #ffffff; }

.gridtablebox {
  display: grid;
  gap: 2px;
  width: 100%;
  margin: 0 auto;
  padding: 0 2pc; }
  @media screen and (max-width: 480px ) {
    .gridtablebox {
      grid-template-columns: 1fr; } }
  @media screen and (min-width: 480px ) and (max-width: 720px ) {
    .gridtablebox {
      grid-template-columns: 1fr; } }
  @media screen and (min-width: 720px ) {
    .gridtablebox {
      grid-template-columns: repeat(auto-fill, minmax(18em, 1fr)); } }
  .gridtablebox .gridtableboxbox {
    background-color: #c8d8f8; }
    .gridtablebox .gridtableboxbox .gridtableboxhead {
      font-weight: bold;
      font-size: large;
      color: #ffffff;
      display: block;
      background-color: #22609e;
      padding: 0 1em; }
    .gridtablebox .gridtableboxbox .gridtableboxdata {
      padding: 0.3em 1em; }
    .gridtablebox .gridtableboxbox .gridtableboxheadlight {
      font-weight: bold;
      font-size: small;
      display: block;
      background-color: #c8d8f8;
      padding: 0.3em 1em; }

.arduinoarchitecture {
  margin: 4pt 0pt -5pt 0pt;
  border-left: 20pt;
  font-size: small;
  /*
    .uno::after {
      content: $name;
    }
    */
  /*
    .due::after {
      content: $name;
    }
    */
  /*
    .mega::after {
      content: $name;
    }
    */
  /*
    .esp32::after {
      content: $name;
    }
    */
  /*
    .nanoevery::after {
      content: $name;
    }
    */
  /*
    .nano33blesense::after {
      content: $name;
    }
    */
  /*
    .spresense::after {
      content: $name;
    }
    */ }
  .arduinoarchitecture span {
    margin-right: 2pt;
    padding: 0 3pt; }
  .arduinoarchitecture .uno {
    color: white;
    background-color: #009d9d;
    font-weight: bold; }
  .arduinoarchitecture .due {
    color: white;
    background-color: #009d9d;
    font-weight: bold; }
  .arduinoarchitecture .mega {
    color: white;
    background-color: #009d9d;
    font-weight: bold; }
  .arduinoarchitecture .esp32 {
    color: white;
    background-color: #003070;
    font-weight: bold; }
  .arduinoarchitecture .nanoevery {
    color: white;
    background-color: #0c4a6f;
    font-weight: bold; }
  .arduinoarchitecture .nano33blesense {
    color: white;
    background-color: #0b2f45;
    font-weight: bold; }
  .arduinoarchitecture .spresense {
    color: white;
    background-color: #4a4a64;
    font-weight: bold; }

.chroma .language-plaintext {
  font-weight: normal; }

ul.pagination {
  display: table;
  table-layout: fixed;
  margin-left: 0;
  padding-left: 0; }

ul.pagination li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-color: #c8d8f8;
  border-left: 1px solid #ffffff;
  width: 2em; }

ul.pagination li:first-child {
  border: none; }

ul.pagination li a {
  display: block;
  text-decoration: none;
  color: #00254e; }

ul.pagination li a:hover {
  color: #ffffff;
  background-color: #00254e; }

ul.pagination li.page-item.active {
  background-color: #e9daab; }

.treeview {
  line-height: 1em; }
  .treeview ul {
    list-style-type: none;
    position: relative;
    padding: 0;
    margin-left: 2em; }
    .treeview ul::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 0;
      border-left: 1px solid currentColor; }
  .treeview ul li {
    position: relative;
    padding: 0.5em 1em 0 1em; }
    .treeview ul li::before {
      content: "";
      position: absolute;
      top: 1em;
      left: 0;
      width: 0.5em;
      height: 0;
      border-top: 1px solid currentColor; }
    .treeview ul li:last-child::before {
      top: 1em;
      bottom: 0;
      height: auto;
      background-color: white; }

.logo {
  width: 500px;
  color: #00254e;
  font-weight: bolder;
  font-size: larger;
  position: relative; }
  .logo .letter {
    display: inline-block;
    animation: slidein 1.5s ease 1.1s 1 forwards;
    opacity: 0; }

.logo .letter:nth-child(1) {
  animation-delay: 0.6s; }

.logo .letter:nth-child(2) {
  animation-delay: 1.2s; }

.logo .letter:nth-child(3) {
  animation-delay: 1.8s; }

.logo .letter:nth-child(4) {
  animation-delay: 2.4s; }

.logo .letter:nth-child(5) {
  animation-delay: 3s; }

.logo .letter:nth-child(6) {
  animation-delay: 3.6s; }

.logo .letter:nth-child(7) {
  animation-delay: 4.2s; }

.logo .letter:nth-child(8) {
  animation-delay: 4.8s; }

.logo .letter:nth-child(9) {
  animation-delay: 5.4s; }

.logo .letter:nth-child(10) {
  animation-delay: 6s; }

@keyframes slidein {
  0% {
    transform: translateX(300px);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }

.gototoparrow {
  width: 20px;
  height: 20px;
  margin: auto;
  border-width: 4px 0 0 4px;
  border-style: solid;
  border-color: #103880;
  transform: rotate(45deg);
  position: absolute;
  right: 9px;
  bottom: 5px; }

/*
.gototoparrow {
  width: 20px;
  height: 20px;
  margin: auto;
  border-width: 4px 0 0 4px;
  border-style: solid;
  border-color: $BASE_COLOR2;
  transform: rotate(45deg);
  // animation: up 3s infinite;
}
*/
#gototop {
  position: fixed;
  width: 40px;
  height: 40px;
  right: 7px;
  bottom: 7px;
  z-index: 1000;
  opacity: 0;
  transition: 1s;
  border-radius: 5px;
  background-color: #e7f0f5;
  border-color: #e7f0f5; }

#gototop:hover {
  background-color: #c8d8f8; }

@keyframes up {
  0% {
    opacity: 0;
    transform: rotate(45deg) translate(10px, 10px); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: rotate(45deg) translate(0, 0); } }

.dhighlight > details[open] > summary {
  display: none; }

.side-by-side {
  display: flex;
  margin-left: 2em;
  overflow-x: auto;
  width: 95%; }

.side-by-side-image {
  max-width: 60%;
  max-height: 75%;
  padding: 1em; }