:root {
  --nc-font-sans: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --nc-font-mono: Consolas, monaco, 'Ubuntu Mono', 'Liberation Mono', 'Courier New', Courier, monospace;
  --nc-tx-1: #000000;
  --nc-tx-2: #1A1A1A;
  --nc-bg-1: #FFFFFF;
  --nc-bg-2: #F6F8FA;
  --nc-bg-3: #E5E7EB;
  --nc-lk-1: #3366ff;
  --nc-lk-2: #254EDB;
  --nc-lk-tx: #FFFFFF;
  --nc-ac-1: #79FFE1;
  --nc-ac-tx: #0C4047; }
* {
  margin: 0;
  padding: 0; }
address,
area,
article,
aside,
audio,
blockquote,
datalist,
details,
dl,
fieldset,
figure,
form,
input,
iframe,
img,
meter,
ol,
optgroup,
option,
output,
p,
pre,
progress,
ruby,
section,
table,
textarea,
ul,
video {
  margin-bottom: 1rem; }
html,
input,
select,
button {
  font-family: var(--nc-font-sans); }
body {
  border-radius: 6px;
  overflow-x: hidden;
  word-break: break-word;
  overflow-wrap: break-word;
  background: var(--nc-bg-1);
  color: var(--nc-tx-2);
  font-size: 1.03rem;
  line-height: 1.5; }
main {
  padding: 2rem 1rem;
  max-width: 640px;
  margin: 0 auto; }
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
  color: var(--nc-tx-1); }
h1,
h2,
h3 {
  color: var(--nc-tx-1);
  padding-bottom: 2px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--nc-bg-2); }
h4,
h5,
h6 {
  margin-bottom: .3rem; }
h1 {
  font-size: 2.25rem;
  font-weight: 900; }
h2 {
  font-size: 1.85rem; }
h3 {
  font-size: 1.55rem; }
h4 {
  font-size: 1.25rem; }
h5 {
  font-size: 1rem; }
h6 {
  font-size: .875rem; }
a {
  color: var(--nc-lk-1);
  text-decoration: none }
a:hover {
  text-decoration: underline; }
abbr:hover {
  cursor: help; }
blockquote {
  padding: 1.5rem;
  background: var(--nc-bg-2);
  border-left: 5px solid var(--nc-bg-3); }
abbr {
  cursor: help; }
blockquote *:last-child {
  padding-bottom: 0;
  margin-bottom: 0; }
header {
  padding: 2rem 1.5rem;
  margin: -2rem calc(0px - (50vw - 50%)) 0rem;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%); }
header h1,
header h2,
header h3 {
  padding-bottom: 0;
  border-bottom: 0; }
header>*:first-child {
  margin-top: 0;
  padding-top: 0; }
header>*:last-child {
  margin-bottom: 0; }
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-size: 1rem;
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background: var(--nc-lk-1);
  color: var(--nc-lk-tx);
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  color: var(--nc-lk-tx); }
a.button[disabled],
button[disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
input[type="button"][disabled] {
  cursor: default;
  opacity: .5;
  cursor: not-allowed; }
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  box-shadow: 0 0 0 0.2rem #ADC8FF; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background: var(--nc-lk-2) }
code,
pre,
kbd,
samp {
  font-family: var(--nc-font-mono); }
code,
samp,
kbd,
pre {
  background: var(--nc-bg-2);
  border: 1px solid var(--nc-bg-3);
  border-radius: 4px;
  padding: 3px 6px;
  font-size: 0.9rem; }
kbd {
  border-bottom: 3px solid var(--nc-bg-3); }
pre {
  padding: 1rem 1.4rem;
  max-width: 100%;
  overflow: auto; }
pre code {
  background: inherit;
  font-size: inherit;
  color: inherit;
  border: 0;
  padding: 0;
  margin: 0; }
code pre {
  display: inline;
  background: inherit;
  font-size: inherit;
  color: inherit;
  border: 0;
  padding: 0;
  margin: 0; }
details {
  padding: .6rem 1rem;
  background: var(--nc-bg-2);
  border: 1px solid var(--nc-bg-3);
  border-radius: 4px; }
summary {
  cursor: pointer;
  font-weight: bold; }
details[open] {
  padding-bottom: .75rem; }
details[open] summary {
  margin-bottom: 6px; }
details[open]>*:last-child {
  margin-bottom: 0; }
dt {
  font-weight: bold; }
dd::before {
  content: '→ '; }
hr {
  border: 0;
  border-bottom: 1px solid var(--nc-bg-3);
  margin: 1rem auto; }
fieldset {
  margin-top: 1rem;
  padding: 2rem;
  border: 1px solid var(--nc-bg-3);
  border-radius: 4px; }
legend {
  padding: auto .5rem; }
table {
  border-collapse: collapse;
  width: 100% }
td,
th {
  border: 1px solid var(--nc-bg-3);
  text-align: left;
  padding: .5rem; }
th {
  background: var(--nc-bg-2); }
tr:nth-child(even) {
  background: var(--nc-bg-2); }
table caption {
  font-weight: bold;
  margin-bottom: .5rem; }
textarea {
  max-width: 100%; }
ol,
ul {
  list-style: none; }
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0; }
mark {
  padding: 3px 6px;
  background: var(--nc-ac-1);
  color: var(--nc-ac-tx); }
textarea,
select,
input {
  padding: 6px 12px;
  margin-bottom: .5rem;
  background: var(--nc-bg-2);
  color: var(--nc-tx-2);
  border: 1px solid var(--nc-bg-3);
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
img {
  max-width: 100%; }
.pxlnav {
  overflow: auto;
  background-color: #E6F0FF; }
.pxlnav-wrap {
  margin: auto;
  padding: .25rem 1rem;
  max-width: 640px; }
.pxlnav-link,
.pxlnav-title {
  color: #000;
  cursor: pointer;
  margin-right: 3px;
  font-size: 1rem;
  text-decoration: none;
  padding: .25rem 0 }
.pxlnav-link:hover,
.pxlnav-title:hover {
  text-decoration: none }
.pxlnav-link {
  font-weight: 400; }
.pxlnav-title {
  color: #000;
  font-weight: 600 }