:root {
  --blue: #0ea5e9;
  --green: #22c55e;
  --orange: #f97316;
  --purple: #8b5cf6;
  --red: #ef4444;
  --yellow: #eab308;
  --neutral-01: #f8fafc;
  --neutral-02: #f1f5f9;
  --neutral-03: #e2e8f0;
  --neutral-04: #cbd5e1;
  --neutral-05: #94a3b8;
  --neutral-06: #64748b;
  --neutral-07: #475569;
  --neutral-08: #334155;
  --neutral-09: #0f172a;
  --neutral-10: #020617;
}

@media (color-gamut: p3) {
  @supports (color: color(display-p3 0 0 0)) {
    :root {
      --blue: color(display-p3 0.054902 0.647059 0.913725);
      --green: color(display-p3 0.133333 0.772549 0.368627);
      --orange: color(display-p3 0.976471 0.45098 0.086275);
      --purple: color(display-p3 0.545098 0.360784 0.964706);
      --red: color(display-p3 0.937255 0.266667 0.266667);
      --yellow: color(display-p3 0.917647 0.701961 0.031373);
      --neutral-01: color(display-p3 0.972549 0.980392 0.988235);
      --neutral-02: color(display-p3 0.945098 0.960784 0.976471);
      --neutral-03: color(display-p3 0.886275 0.909804 0.941176);
      --neutral-04: color(display-p3 0.796078 0.835294 0.882353);
      --neutral-05: color(display-p3 0.580392 0.639216 0.721569);
      --neutral-06: color(display-p3 0.392157 0.454902 0.545098);
      --neutral-07: color(display-p3 0.278431 0.333333 0.411765);
      --neutral-08: color(display-p3 0.2 0.254902 0.333333);
      --neutral-09: color(display-p3 0.058824 0.090196 0.164706);
      --neutral-10: color(display-p3 0.007843 0.023529 0.090196);
    }
  }
}
:root {
  --text-01: clamp(0.75rem, 0.21vw + 0.71rem, 0.88rem);
  --text-02: clamp(0.9rem, 0.32vw + 0.84rem, 1.09rem);
  --text-03: clamp(1.08rem, 0.48vw + 0.98rem, 1.37rem);
  --text-04: clamp(1.3rem, 0.69vw + 1.16rem, 1.71rem);
  --text-05: clamp(1.56rem, 0.97vw + 1.36rem, 2.14rem);
  --text-06: clamp(1.87rem, 1.34vw + 1.6rem, 2.67rem);
}

:root {
  --space-01: clamp(0.75rem, 0.7083rem + 0.2083vw, 0.875rem);
  --space-02: clamp(1.125rem, 1.0625rem + 0.3125vw, 1.3125rem);
  --space-03: clamp(1.5rem, 1.4167rem + 0.4167vw, 1.75rem);
  --space-04: clamp(2.25rem, 2.125rem + 0.625vw, 2.625rem);
  --space-05: clamp(3rem, 2.8333rem + 0.8333vw, 3.5rem);
  --space-06: clamp(4.5rem, 4.25rem + 1.25vw, 5.25rem);
}

:root {
  --base-size: 100%;
  --gap: 1.125em;
  --rounded-sm: 0.375rem;
  --rounded-md: 0.75rem;
  --rounded-lg: 1.125rem;
  --fluid: cubic-bezier(0.36, 0.66, 0.6, 1);
  --sharp: cubic-bezier(0.6, 0.12, 0.34, 0.96);
  --elastic: cubic-bezier(0.42, 0, 0.58, 1.8);
  --impact: cubic-bezier(0.24, 0.9, 0.32, 1.4);
}

* {
  box-sizing: border-box;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (prefers-reduced-motion: no-preference) {
  * {
    scroll-behavior: smooth;
  }
}

html,
body {
  margin: 0;
  padding: 0;
  line-height: 1.8;
}

html {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  font-size: var(--base-size);
  font-variation-settings: normal;
}

body {
  min-height: 100dvh;
  font-size: var(--text-01);
}

#root,
#__next {
  isolation: isolate;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 700;
}

h1 {
  font-size: var(--text-06);
}

h2 {
  font-size: var(--text-05);
}

h3 {
  font-size: var(--text-04);
}

h4 {
  font-size: var(--text-03);
}

h5,
h6 {
  font-size: var(--text-02);
}

p,
b,
strong,
sub,
sup {
  margin: 0;
}

b,
strong {
  font-weight: 700;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  font-family: inherit;
}

figure,
article,
img {
  margin: 0;
  padding: 0;
  border-style: none;
}

img {
  max-width: 100%;
  max-height: 100%;
}

hr {
  width: 100%;
  height: 0.125em;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  border: none;
}

.container-50 {
  width: 50%;
  max-width: 60rem;
  min-width: 10rem;
  margin: 0 auto;
}
.container-55 {
  width: 55%;
  max-width: 66rem;
  min-width: 11rem;
  margin: 0 auto;
}
.container-60 {
  width: 60%;
  max-width: 72rem;
  min-width: 12rem;
  margin: 0 auto;
}
.container-65 {
  width: 65%;
  max-width: 78rem;
  min-width: 13rem;
  margin: 0 auto;
}
.container-70 {
  width: 70%;
  max-width: 84rem;
  min-width: 14rem;
  margin: 0 auto;
}
.container-75 {
  width: 75%;
  max-width: 90rem;
  min-width: 15rem;
  margin: 0 auto;
}
.container-80 {
  width: 80%;
  max-width: 96rem;
  min-width: 16rem;
  margin: 0 auto;
}
.container-85 {
  width: 85%;
  max-width: 102rem;
  min-width: 17rem;
  margin: 0 auto;
}
.container-90 {
  width: 90%;
  max-width: 108rem;
  min-width: 18rem;
  margin: 0 auto;
}
.container-95 {
  width: 95%;
  max-width: 114rem;
  min-width: 19rem;
  margin: 0 auto;
}
.container-100 {
  width: 100%;
  max-width: 120rem;
  min-width: 20rem;
  margin: 0 auto;
}

.row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--gap);
}
.row.is-gapless, .row.figure {
  gap: 0;
}

.col {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.col.is-1 {
  width: 8.3333333333%;
  flex: none;
}
.col.is-2 {
  width: 16.6666666667%;
  flex: none;
}
.col.is-3 {
  width: 25%;
  flex: none;
}
.col.is-4 {
  width: 33.3333333333%;
  flex: none;
}
.col.is-5 {
  width: 41.6666666667%;
  flex: none;
}
.col.is-6 {
  width: 50%;
  flex: none;
}
.col.is-7 {
  width: 58.3333333333%;
  flex: none;
}
.col.is-8 {
  width: 66.6666666667%;
  flex: none;
}
.col.is-9 {
  width: 75%;
  flex: none;
}
.col.is-10 {
  width: 83.3333333333%;
  flex: none;
}
.col.is-11 {
  width: 91.6666666667%;
  flex: none;
}
.col.is-12 {
  width: 100%;
  flex: none;
}

@media screen and (max-width: 80rem) {
  .container-50 {
    max-width: 24rem;
  }
  .container-55 {
    max-width: 26.4rem;
  }
  .container-60 {
    max-width: 28.8rem;
  }
  .container-65 {
    max-width: 31.2rem;
  }
  .container-70 {
    max-width: 33.6rem;
  }
  .container-75 {
    max-width: 36rem;
  }
  .container-80 {
    max-width: 38.4rem;
  }
  .container-85 {
    max-width: 40.8rem;
  }
  .container-90 {
    max-width: 43.2rem;
  }
  .container-95 {
    max-width: 45.6rem;
  }
  .container-100 {
    max-width: 48rem;
  }
  .row {
    flex-direction: column;
  }
  .col {
    width: 100%;
  }
}
.hide,
.hide-on-desk {
  display: none;
  visibility: hidden;
}

.flex, .figure, .topic-title {
  display: flex;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flow-column-wrap {
  flex-direction: column;
  flex-wrap: wrap;
}
.flow-column-nowrap {
  flex-direction: column;
  flex-wrap: nowrap;
}
.flow-row-wrap {
  flex-direction: row;
  flex-wrap: wrap;
}
.flow-row-nowrap {
  flex-direction: row;
  flex-wrap: nowrap;
}

.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.align-start {
  align-items: flex-start;
}
.align-stretch {
  align-items: stretch;
}

.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}

.gap-01, .topic-title {
  gap: var(--space-01);
}
.gap-02 {
  gap: var(--space-02);
}
.gap-03 {
  gap: var(--space-03);
}
.gap-04 {
  gap: var(--space-04);
}
.gap-05 {
  gap: var(--space-05);
}
.gap-06 {
  gap: var(--space-06);
}

.is-gapless, .figure {
  gap: 0;
}

.sr-only {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: none;
}

@media screen and (max-width: 80rem) {
  .hide-on-desk {
    display: block;
    visibility: visible;
  }
  .hide-on-mb {
    display: none;
    visibility: hidden;
  }
}
@font-face {
  font-family: "Aqua Grotesque";
  src: url("/theme/fonts/Aqua Grotesque.woff") format("woff");
}
:root {
  --font-family-aqua: "Aqua Grotesque", sans-serif;
}

.f1 {
  font-size: var(--text-01);
}

.f2, .topic-title {
  font-size: var(--text-02);
}

.f3 {
  font-size: var(--text-03);
}

.f4 {
  font-size: var(--text-04);
}

.f5 {
  font-size: var(--text-05);
}

.f6 {
  font-size: var(--text-06);
}

.f7 {
  font-size: var(--text-07);
}

.mt1 {
  margin-top: var(--space-01);
}

.mr1 {
  margin-right: var(--space-01);
}

.mb1 {
  margin-bottom: var(--space-01);
}

.ml1 {
  margin-left: var(--space-01);
}

.mx1 {
  margin-left: var(--space-01);
  margin-right: var(--space-01);
}

.my1, .container-75, .framed, .topic, .well, .admonition {
  margin-top: var(--space-01);
  margin-bottom: var(--space-01);
}

.mt2 {
  margin-top: var(--space-02);
}

.mr2 {
  margin-right: var(--space-02);
}

.mb2 {
  margin-bottom: var(--space-02);
}

.ml2 {
  margin-left: var(--space-02);
}

.mx2 {
  margin-left: var(--space-02);
  margin-right: var(--space-02);
}

.my2 {
  margin-top: var(--space-02);
  margin-bottom: var(--space-02);
}

.mt3 {
  margin-top: var(--space-03);
}

.mr3 {
  margin-right: var(--space-03);
}

.mb3 {
  margin-bottom: var(--space-03);
}

.ml3 {
  margin-left: var(--space-03);
}

.mx3 {
  margin-left: var(--space-03);
  margin-right: var(--space-03);
}

.my3 {
  margin-top: var(--space-03);
  margin-bottom: var(--space-03);
}

.mt4 {
  margin-top: var(--space-04);
}

.mr4 {
  margin-right: var(--space-04);
}

.mb4 {
  margin-bottom: var(--space-04);
}

.ml4 {
  margin-left: var(--space-04);
}

.mx4 {
  margin-left: var(--space-04);
  margin-right: var(--space-04);
}

.my4 {
  margin-top: var(--space-04);
  margin-bottom: var(--space-04);
}

.mt5 {
  margin-top: var(--space-05);
}

.mr5 {
  margin-right: var(--space-05);
}

.mb5 {
  margin-bottom: var(--space-05);
}

.ml5 {
  margin-left: var(--space-05);
}

.mx5 {
  margin-left: var(--space-05);
  margin-right: var(--space-05);
}

.my5 {
  margin-top: var(--space-05);
  margin-bottom: var(--space-05);
}

.mt6 {
  margin-top: var(--space-06);
}

.mr6 {
  margin-right: var(--space-06);
}

.mb6 {
  margin-bottom: var(--space-06);
}

.ml6 {
  margin-left: var(--space-06);
}

.mx6 {
  margin-left: var(--space-06);
  margin-right: var(--space-06);
}

.my6 {
  margin-top: var(--space-06);
  margin-bottom: var(--space-06);
}

.blue-bg {
  color: color-mix(in rgb, var(--blue), var(--neutral-10)) !important;
  background-color: var(--blue) !important;
}
.blue-bg-light {
  background-color: var(--neutral-01) !important;
  border-color: var(--blue) !important;
}
.blue-fg, a article {
  color: var(--blue);
}

.green-bg {
  color: color-mix(in rgb, var(--green), var(--neutral-10)) !important;
  background-color: var(--green) !important;
}
.green-bg-light {
  background-color: var(--neutral-01) !important;
  border-color: var(--green) !important;
}
.green-fg {
  color: var(--green);
}

.orange-bg {
  color: color-mix(in rgb, var(--orange), var(--neutral-10)) !important;
  background-color: var(--orange) !important;
}
.orange-bg-light {
  background-color: var(--neutral-01) !important;
  border-color: var(--orange) !important;
}
.orange-fg, .figure .caption a, .topic-title {
  color: var(--orange);
}

.purple-bg {
  color: color-mix(in rgb, var(--purple), var(--neutral-10)) !important;
  background-color: var(--purple) !important;
}
.purple-bg-light {
  background-color: var(--neutral-01) !important;
  border-color: var(--purple) !important;
}
.purple-fg, a article:visited {
  color: var(--purple);
}

.red-bg {
  color: color-mix(in rgb, var(--red), var(--neutral-10)) !important;
  background-color: var(--red) !important;
}
.red-bg-light {
  background-color: var(--neutral-01) !important;
  border-color: var(--red) !important;
}
.red-fg {
  color: var(--red);
}

.yellow-bg, .admonition.note {
  color: color-mix(in rgb, var(--yellow), var(--neutral-10)) !important;
  background-color: var(--yellow) !important;
}
.yellow-bg-light {
  background-color: var(--neutral-01) !important;
  border-color: var(--yellow) !important;
}
.yellow-fg, .figure .caption a:hover {
  color: var(--yellow);
}

body {
  background-color: #f1ecef;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23d3c9d5' fill-opacity='0.32' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
}
body .wrapper {
  min-height: 54vh;
}

.aqua {
  font-family: var(--font-family-aqua);
}

.caps {
  text-transform: capitalize;
}

header .row {
  border-style: solid;
  border-color: var(--neutral-03);
  border-width: 1px;
}
header .row li {
  display: flex;
  background-color: var(--neutral-04);
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
  align-content: center;
  transition: background-color 2s;
  transition-timing-function: var(--fluid);
}
header .row li > * {
  margin-right: 0.4em;
  margin-left: 0.4em;
}
header .row li:hover {
  background-color: var(--neutral-05);
}
header .row li:hover a {
  color: var(--neutral-01);
}

footer {
  padding: 3rem 0;
}

a {
  text-decoration: none;
}
a:hover {
  color: var(--neutral-06);
}

.framed, .topic, .well, .admonition {
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-style: solid;
  border-width: 0.2rem;
  border-color: var(--neutral-03);
  padding: var(--space-01);
}

.well, .admonition {
  background-color: var(--neutral-02);
  box-shadow: 0 5px 5px -5px rgba(225, 225, 225, 0.4), 0 10px 10px -5px rgba(225, 225, 225, 0.4), 0 15px 15px -5px rgba(225, 225, 225, 0.4), 0 20px 20px -5px rgba(225, 225, 225, 0.4);
}

.reminder {
  display: none;
  font-size: 1px;
}

.topic {
  background-color: var(--neutral-02);
  flex-grow: 1;
  flex-shrink: 1;
}

header ul, footer ul {
  list-style: none;
  padding: 0;
}
header ul a, footer ul a {
  text-decoration: none;
  color: var(--neutral-09);
}

.docutils dt {
  margin-top: 1em;
}

.line-block {
  margin-top: var(--space-01);
  margin-bottom: var(--space-01);
}

.topic-title {
  justify-content: center;
  width: 100%;
}

.admonition-title {
  font-weight: bold;
}
.figure {
  margin: 1em;
}
.figure img {
  flex-grow: 1;
}
.figure .caption {
  color: white;
  bottom: 0px;
  right: 0px;
  z-index: 100;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 0.8rem;
  padding: 0 0.7rem;
}
.container-75 {
  background-color: var(--neutral-02);
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-style: solid;
  border-width: 0.1rem;
  border-color: var(--neutral-06);
}
.container-75 > * {
  margin: 0.4em;
}

#grid[data-columns] {
  display: flex;
}
#grid[data-columns]::before {
  content: "4 .flex.col.is-gapless.is-3.flow-column-wrap";
}

@media screen and (max-width: 80rem) {
  .col {
    max-width: 100% !important;
    width: 100% !important;
  }
  header ul {
    flex-wrap: wrap;
  }
  header ul li {
    min-width: 100%;
    flex-grow: 1;
    justify-content: center;
  }
  #grid[data-columns] {
    display: flex;
  }
  #grid[data-columns]::before {
    content: "1 .flex.col.is-gapless.is-12.flow-column-wrap";
  }
}

/*# sourceMappingURL=main.css.map */