/* === Automatically created from base.scss - do not modify! === */

body {
  --nav-base-color1: 196, 63%;
  --nav-base-color2: 68, 63%;
  font-size: 11pt;
}

.pfy-large-screen {
  --pfy-nav-txt-size: 10pt;
}

.pfy-page {
  padding: 2em;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

@media only screen and (min-width: 750px) {
  .pfy-page {
    max-width: min(96%, 1024px);
    margin: 1em auto;
    box-shadow: 0 0 10px 5px #bbb;
  }
}
.pfy-header-wrapper {
  border-bottom: 1px solid #aaa;
  padding-bottom: 1em;
}
.pfy-header-wrapper .pfy-large-screen-only {
  float: left;
  font-size: var(--pfy-nav-txt-size, 13pt);
  font-weight: bold;
  line-height: var(--pfy-nav-line-height, 1.2em);
  padding-top: calc((var(--pfy-nav-elem-height, 2em) - 1.2em) / 2);
}

.pfy-large-screen .pfy-primary-nav {
  display: flex;
  justify-content: flex-end;
}

.pfy-section-wrapper {
  padding: 0 0 3vw;
  color: #222;
}
.pfy-section-wrapper h1, .pfy-section-wrapper h2, .pfy-section-wrapper h3, .pfy-section-wrapper h4 {
  color: rgb(30, 120, 152);
}
.pfy-section-wrapper pre {
  background-color: hsl(180, 42%, 95.4%);
  outline: 1px solid hsl(180, 32%, 80%);
}
.pfy-section-wrapper h1, .pfy-section-wrapper h2, .pfy-section-wrapper h3, .pfy-section-wrapper h4, .pfy-section-wrapper h5, .pfy-section-wrapper h6 {
  line-height: 1em;
}
.pfy-section-wrapper h1, .pfy-section-wrapper .h1 {
  margin: 2em 0 0.8em;
  font-size: 28pt;
}
.pfy-section-wrapper h2, .pfy-section-wrapper .h2 {
  margin: 2em 0 0.8em;
  font-size: 22pt;
}
.pfy-section-wrapper h3, .pfy-section-wrapper .h3 {
  margin: 2em 0 0.8em;
  font-size: 16pt;
}
.pfy-section-wrapper h4, .pfy-section-wrapper .h4 {
  margin: 2em 0 0.8em;
  font-size: 14pt;
}
.pfy-section-wrapper hr {
  margin: 2em 0;
  border: none;
  border-top: 1px dotted gray;
}
.pfy-section-wrapper dt {
  font-weight: bold;
  margin-top: 0.6em;
}

#pfy .pfy-source-code.pfy-encapsulated pre,
.pfy-source-code pre {
  background-color: #e4f1f1;
  outline: 1px solid #bcdcdc;
}
#pfy .pfy-source-code.pfy-encapsulated pre code,
.pfy-source-code pre code {
  color: navy;
  font-family: "Courier New", Courier, monospace;
}

.pfy-footer {
  margin-top: 3em;
  padding-top: 1em;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ccc;
}

.pfy-footer-left a {
  border-bottom: none;
}

.pfy-page p, .pfy-page div, .pfy-page dl, .pfy-page li {
  line-height: 1.4em;
}
.pfy-page a {
  color: navy;
}
.pfy-page code {
  color: navy;
  font-family: "Courier New", Courier, monospace;
}
.pfy-page p code {
  font-weight: bold;
  font-size: 1.1em;
}
.pfy-page strong {
  color: red;
}

.pfy-lang-selection {
  display: none;
}

#pfy .pfy-footer-right *,
#pfy .pfy-footer-center * {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1em;
}

#pfy .pfy-footer .pfy-previous-page-link {
  margin-right: 0.6em;
}
#pfy .pfy-footer .pfy-next-page-link {
  margin-left: 0.6em;
}

#pfy-page-source-overlay pre {
  background: white;
  padding: 1em;
  font-family: "Courier New", Courier, monospace;
}

.pfy-table {
  border-collapse: collapse;
  border: none;
}
.pfy-table th, .pfy-table td {
  border: 1px solid #bbb;
  padding: 4px 10px;
}

li {
  padding: 0.4em 0;
}

.pfy-default-styling.pfy-large-screen .pfy-page-switcher-wrapper.pfy-show-as-text {
  margin: 0;
}
.pfy-default-styling.pfy-large-screen .pfy-page-switcher-wrapper.pfy-show-as-text a {
  color: rgb(142, 78, 9);
  opacity: 0.5;
}
.pfy-default-styling.pfy-large-screen .pfy-page-switcher-wrapper.pfy-show-as-text a:hover {
  opacity: 1;
}

.pfy-footer-center .pfy-page-switcher-wrapper {
  padding: 0;
}
.pfy-footer-center .pfy-previous-page-link {
  margin-right: 3em;
}

.hl1 {
  color: red;
}

.hl2 {
  color: blue;
}

.hl3 {
  color: green;
}

.pfy-footer-center {
  text-align: center;
}

.pfy-untranslated {
  color: #bb6200;
  padding: 0 1em;
}

#pfy.pfy-default-styling.pfy-small-screen .pfy-main {
  max-width: 100vw;
  overflow-x: hidden;
}
#pfy.pfy-default-styling.pfy-small-screen .wrapper {
  display: block;
}

.mdp-icon {
  font-size: 1.6em;
}

#pfy-show-page-source {
  background: none;
  border: none;
}

#pfy-page-source-overlay > div {
  overflow: hidden;
}
#pfy-page-source-overlay > div > div {
  white-space: pre;
}

body:has(#pfy-page-source-overlay) {
  overflow: hidden;
}/* === Automatically created from sample.scss - do not modify! === */

.pfy-primary-nav {
  display: flex;
  justify-content: flex-end;
}

#pfy .pfy-primary-nav li.pfy-lvl-1:last-child > div {
  right: 0;
  left: unset !important;
  text-align: right;
}