.a {
  font-family: var(--title-font-family);
  text-align: center;
  margin-bottom: 0;
  font-size: 3em;
}

.b {
  margin-bottom: 1.5em;
  margin-top: 0.5em;
  text-align: center;
}

.c {
  font-family: var(--title-font-family);
  text-align: center;
  margin-bottom: 0;
  font-size: 3em;
}

.d {
  grid-template-columns: var(--a-a, 1fr 500px 1fr);
  display: grid;
}

.d > *:nth-child(1) {
  grid-column: var(--b-a, 2);
}

.e {
  grid-template-rows: auto 1fr;
  grid-gap: 1.5em;
  display: grid;
}

.f {
  font-family: var(--title-font-family);
  text-align: center;
  margin-bottom: 0;
  font-size: 3em;
}

.g {
  font-family: var(--title-font-family);
  text-align: center;
  margin-bottom: 0;
  font-size: 3em;
}

.h {
  grid-template-columns: var(--c-b, 350px 1fr);
  grid-gap: 2em;
  display: grid;
  align-items: var(--c-a);
  align-content: var(--c-c);
}

.h > *:nth-child(1) {
  position: sticky;
  max-height: 89vh;
  min-height: 0;
  top: 2vh;
  flex: 1;
}

.h > *:nth-child(1) > *:last-child {
  min-height: 0;
}

.h > *:nth-child(1) > *:last-child * {
  min-height: 0;
}

.i {
  line-height: 1.25;
  padding: 0.75em 0;
  align-items: start;
  display: flex;
}

.i > *:first-child {
  margin-right: 0.5em;
  margin-top: 0.2em;
  flex: 0 0 auto;
}

.i:first-child {
  padding-top: 0;
}

.i:last-child {
  padding-bottom: 0;
}

.i:not(:last-child) {
  border-bottom: 1px dashed var(--content-border);
}

.i:hover {
  color: var(--primary-color);
  cursor: pointer;
}

.j {
  --tabler-stroke-width: 2;
  text-align: left;
}

.k {
  min-height: 1em;
}

.l {
  border-left: 0.2em solid var(--background-border);
  width: var(--d-a);
  padding-left: 1em;
  margin-left: 1em;
  display: var(--d-b);
}

.l > * {
  background: var(--input-background);
}

.m {
  border-bottom: var(--e-a);
  padding-bottom: var(--e-b);
}

.n {
  align-items: center;
  display: flex;
}

.n > a svg {
  display: block;
  height: 2.75em;
  width: 2.75em;
}

.n > a svg path {
  fill: var(--background-text);
}

.o {
  cursor: pointer;
}

.p {
  grid-template-columns: var(--f-a, 1fr 450px);
  align-items: center;
  display: grid;
  grid-gap: var(--f-b);
}

.q {
  display: flex;
  gap: 0.5em;
  justify-content: var(--g-a);
}

.r strong {
  font-size: 1.5em;
}

.r span {
  align-items: center;
  display: var(--h-a, flex);
  gap: 0.25em;
}

.r span svg {
  position: relative;
  top: 0.125em;
  margin-left: var(--i-a);
}

.s {
  border: 0.0625em solid var(--input-border);
  background: var(--input-color);
  color: var(--input-text);
  padding: 0.35em 0.75em 0.2em;
  border-radius: 0.25em;
  white-space: nowrap;
  font-size: 0.875em;
  text-align: var(--j-a);
  flex: var(--j-b);
}

.s svg {
  margin-left: 0.5em;
  position: relative;
  top: 0.125em;
  height: 1em;
  width: 1em;
}

.t {
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr;
  grid-gap: 0.5em 1em;
  padding: 1.25em;
  display: grid;
  box-shadow: 0 0 0.625em var(--shadow-color);
  background: var(--content-color);
  color: var(--content-text);
  border-radius: 0.5em;
  text-decoration: none;
  position: relative;
}

.t:hover > *:nth-child(4) {
  visibility: visible;
}

.t:hover {
  box-shadow: 0 0 0 0.1875em var(--primary-color), 0 0 0.625em var(--shadow-color);
  cursor: pointer;
  outline: none;
}

.t:focus {
  box-shadow: 0 0 0 0.1875em var(--primary-color), 0 0 0.625em var(--shadow-color);
  cursor: pointer;
  outline: none;
}

.t strong {
  color: var(--title-color);
  font-size: 1.25em;
  grid-column: 2;
  grid-row: 1;
}

.t p {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
}

.t > svg {
  grid-row: span 2;
  grid-column: 1;
  height: 40px;
  width: 40px;
}

.t > svg g {
  --tabler-stroke-width: 1.25;
  color: var(--title-color);
}

.u {
  visibility: hidden;
  grid-row: span 2;
}

.u path {
  fill: var(--k-a);
}

.u path:hover {
  fill: currentColor;
}

.u button:focus path {
  fill: currentColor;
}

.v {
  grid-column: span 3;
  margin-top: 1em;
  flex-wrap: wrap;
  display: flex;
  gap: 0.5em;
}

.w {
  background: var(--faded-color);
  text-transform: uppercase;
  padding: 0.25em 0.5em;
  display: inline-block;
  border-radius: 0.5em;
  font-size: 0.75em;
  font-weight: bold;
}

.w:hover {
  background: var(--primary-color);
  color: var(--primary-text);
}

.x {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-bottom: 0.25em solid var(--warning-color);
  border-radius: 0.5em;
  height: 1em;
}

.x svg {
  background: var(--warning-color);
  color: var(--warning-text);
  border-radius: 0.5em 0 0.25em 0;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5em 0.5em 0.25em 0.5em;
  height: 1.25em;
  width: 1.25em;
}

.y {
  grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
  align-content: start;
  grid-gap: 0.5em;
  display: grid;
}

.z > div {
  place-content: center;
  aspect-ratio: 1;
  display: flex;
}

.z svg {
  width: 40px;
}

.aa {
  box-shadow: 0 0 0.625em var(--shadow-color);
  background: var(--content-color);
  color: var(--content-text);
  border-radius: 0.375em;
  place-content: center;
  grid-column: span 2;
  grid-gap: 0.25em;
  display: grid;
}

.aa span {
  text-align: center;
  font-weight: 600;
}

.ab {
  grid-template-columns: var(--l-d, 1fr 1fr);
  grid-gap: 0.5em 2em;
  display: grid;
  min-height: var(--l-a);
  grid-template-areas: var(--l-b);
  grid-template-rows: var(--l-c);
  height: var(--l-e);
}

.ab > *:nth-child(1) {
  grid-area: var(--m-a);
}

.ab > *:nth-child(3) {
  grid-area: var(--n-a);
}

.ac {
  justify-content: space-between;
  display: flex;
}

.ad {
  box-shadow: 0 0 0.625em var(--shadow-color);
  border: 0.0625em solid var(--input-border);
  background-color: var(--input-color);
  border-radius: 0.375em;
  min-height: 0;
  min-width: 0;
}

.ad span {
  border-top: 0.0625em solid var(--input-border);
  text-align: center;
  font-size: 0.75em;
  padding: 0.5em;
  display: block;
  opacity: 0.75;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ad:hover {
  box-shadow: 0 0 0 0.2em var(--primary-color);
  border-color: transparent;
  cursor: pointer;
}

.ae {
  justify-content: var(--o-a, space-between);
  align-items: center;
  display: var(--o-c, flex);
  border-top: 0.125em solid var(--content-border);
  padding: 1.5em 0;
  margin-top: 1em;
  grid-gap: var(--o-b);
}

.af {
  grid-auto-flow: column;
  grid-gap: 1em;
  display: grid;
}

.af a {
  text-decoration: none;
  color: inherit;
  opacity: 0.75;
}

.ag {
  align-items: center;
  display: flex;
}

.ag > a svg {
  color: inherit;
  display: block;
  height: 22px;
  width: 120px;
}

.ag > a svg * {
  fill: var(--content-text);
}

.ah {
  --tabler-stroke-width: 1;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  font-size: 9em;
  animation: var(--p-a);
}

.ah svg {
  height: 1em;
  width: 1em;
}

.ai {
  border: 0.0625em solid var(--content-border);
  background: var(--faded-color);
  color: var(--faded-text);
  border-radius: 0.5em;
  padding: 1em 1.5em;
  margin-top: 1.5em;
  margin-bottom: var(--q-a);
}

.aj {
  flex-direction: column;
  align-items: center;
  display: flex;
  gap: 1em;
}

.ak {
  max-width: 80ch;
}

.al {
  display: flex;
  visibility: var(--r-a);
}

.al > * {
  flex: 1;
}

.al + * {
  margin-top: 2em;
}

.am {
  position: relative;
  display: grid;
}

.an {
  position: absolute;
  z-index: 10000;
  bottom: 0em;
  right: 0em;
  left: 0em;
  top: 0em;
  font-size: var(--s-a);
  background: var(--primary-color);
  border-radius: var(--s-b);
  color: var(--primary-text);
  place-content: center;
  pointer-events: none;
  display: var(--s-c);
}

.ao {
  grid-auto-rows: 1px;
  grid-gap: 30px;
  display: grid;
  grid-template-columns: var(--t-a);
}

.ap > * > * > *:first-child {
  flex: var(--u-a);
}

.ap > * > * > *:last-child {
  flex: var(--v-a);
}

.aq {
  flex-direction: var(--w-a);
  display: var(--w-b);
}

.aq > *:last-child {
  height: var(--x-a);
  flex: var(--x-b);
}

.aq textarea {
  border-radius: 0 0 0.375em 0.375em;
  font-family: monospace;
}

.ar {
  --tabler-stroke-width: 2;
  border: 0.07142857em solid var(--input-border);
  border-bottom: 0;
  border-radius: 0.375em 0.375em 0 0;
  background: var(--input-color);
  font-size: 0.875em;
  justify-content: start;
  flex-wrap: wrap;
  overflow: hidden;
  display: flex;
}

.ar svg {
  height: 16px;
  width: 16px;
}

.ar input {
  border: 0;
  border-radius: 0 !important;
}

.ar > * {
  outline: 0.0625em solid var(--input-border) !important;
  border-radius: 0 !important;
  flex: 1;
}

.ar > *:disabled {
  filter: none !important;
  color: var(--y-a);
}

.as {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background: var(--background-color);
  display: grid;
  padding: 1em;
}

.at {
  transition: transform 320ms, opacity 320ms;
  position: fixed;
  z-index: 800;
  bottom: var(--z-a);
  left: var(--z-b);
  transform: var(--z-c);
  opacity: var(--z-d);
}

.au {
  font-size: 18px;
}

.av {
  position: relative;
  min-height: 0;
  min-width: 0;
  border: var(--aa-a);
  background: var(--aa-b);
  border-radius: var(--aa-c);
}

.av .highlight {
  background: var(--primary-color);
  color: var(--primary-text);
  padding: 2px 2px 0 2px;
  border-radius: 2px;
}

.av .monaco-editor {
  position: absolute;
}

.av .monaco-editor .overflow-guard {
  border-radius: var(--ab-a);
}

.av .monaco-editor .lines-content {
  padding-left: 10px;
}

.av .monaco-editor .monaco-scrollable-element {
  border-left: 1px solid var(--input-border);
}

.aw {
  grid-template-columns: var(--ac-a, auto 1fr);
  align-items: start;
  grid-gap: 2em;
  display: grid;
}

.ax {
  align-self: start;
}

.ay {
  grid-template-columns: var(--ad-a, repeat(auto-fill, minmax(24em, 1fr)));
  grid-gap: 2em;
  display: grid;
}

.az {
  pointer-events: none;
  user-select: none;
  opacity: 0.5;
}

.ba {
  margin-top: 0;
}

.ba:not(:first-child) {
  margin-top: 2em;
}

.bb {
  margin-top: -0.5em;
  font-size: 1.125em;
}

.bc {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.25;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 0.5em;
  display: grid;
}

.bc > *:first-child {
  position: relative;
  top: 0.05em;
}

.bd {
  grid-template-rows: auto 1fr;
  grid-gap: 1em;
  display: var(--ae-a, grid);
  position: sticky;
  top: 1em;
}

.bd > *:last-child {
  max-height: 84.5vh;
  overflow: auto;
}

.be {
  background: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%, var(--checker-color-1)),
                  linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%, var(--checker-color-1));
  background-size: 1.25em 1.25em, 1.25em 1.25em;
  background-position: 0 0, 0.625em 0.625em;
  background-color: var(--checker-color-2);
  height: var(--af-a);
  display: grid;
  padding: 1em;
  justify-items: stretch;
  align-content: center;
  border: var(--af-b);
  border-radius: var(--af-c);
}

.be img {
  object-position: center;
  object-fit: contain;
  max-height: 100%;
  max-width: 100%;
  min-height: 0;
  min-width: 0;
}

.bf {
  border: 0.0625em solid var(--faded-color);
  background: var(--faded-color);
  border-radius: 0.25em;
  padding: 0.5em 1em;
  align-items: center;
  display: flex;
}

.bf > * + * {
  margin-left: 0.5em;
}

.bg {
  font-family: monospace;
  white-space: var(--ag-b, pre-wrap);
  flex: 1;
  text-overflow: var(--ag-a);
  overflow: var(--ag-c);
}

.bh {
  font-family: monospace;
  font-weight: normal;
}

.bi {
  background: linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%, var(--checker-color-1)),
                  linear-gradient(45deg, var(--checker-color-1) 25%, transparent 25%, transparent 75%, var(--checker-color-1) 75%, var(--checker-color-1));
  background-size: 1.25em 1.25em, 1.25em 1.25em;
  background-position: 0 0, 0.625em 0.625em;
  background-color: var(--checker-color-2);
  overflow: hidden;
  border: 0.0625em solid var(--input-border);
  border-radius: 0.325em;
  grid-template-rows: auto 1fr auto;
  grid-gap: 1em;
  display: grid;
}

.bj {
  background: var(--faded-color);
  align-items: var(--ah-b, center);
  font-size: 0.875em;
  display: flex;
  padding: 1em;
  gap: 1em;
  flex-direction: var(--ah-a);
}

.bj > *:last-child {
  margin-left: var(--ai-a, auto);
  width: var(--ai-b);
}

.bj:first-child {
  border-bottom: 0.0625em solid var(--input-border);
}

.bj:last-child {
  border-top: 0.0625em solid var(--input-border);
}

.bk {
  position: relative;
}

.bl {
  position: absolute;
}

.bm {
  border-right: var(--aj-b, 2px solid  var(--input-border));
  height: var(--aj-d, 2em);
  border-top: var(--aj-a);
  width: var(--aj-c);
}

.bn {
  font-size: inherit;
  color: inherit;
  appearance: none;
  background: none;
  display: block;
  outline: none;
  width: 100%;
  padding: 0;
  border-radius: 0.375em;
  border: 0;
  margin: 0;
}

.bn:hover {
  box-shadow: 0 0 0 0.1875em var(--primary-color),
                    0 0 0.625em var(--shadow-color);
}

.bn:focus {
  box-shadow: 0 0 0 0.1875em var(--primary-color),
                    0 0 0.625em var(--shadow-color);
}

.bo {
  font-weight: bold;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 0 0.625em var(--shadow-color);
  background: var(--content-color);
  color: var(--content-text);
  padding: 0.875em 1.25em;
  border-radius: 0.375em;
  grid-template-columns: 1fr auto;
  grid-gap: 1em;
  display: grid;
}

.bp {
  overflow: auto;
}

.bq {
  color: var(--danger-color);
}

.br {
  color: var(--success-color);
}

.br::before {
  content: "\\"";
  opacity: 0.5;
}

.br::after {
  content: "\\"";
  opacity: 0.5;
}

.bs {
  color: var(--danger-color);
}

.bt {
  padding-left: 1.5em;
  position: relative;
  display: var(--ak-a);
}

.bt::before {
  content: "";
  border-left: 1px dotted currentColor;
  position: absolute;
  opacity: 0.25;
  left: 0.5em;
  bottom: 0;
  top: 0;
}

.bu {
  grid-template-columns: auto auto auto 1fr;
  grid-gap: 0.5em;
  display: grid;
  padding: 0.25em 0;
  line-height: 1em;
  cursor: pointer;
}

.bu small {
  background: var(--faded-color);
  padding: 0.125em 0.5em;
  border-radius: 0.125em;
  opacity: 0.25;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}

.bu span {
  font-weight: bold;
}

.bu:hover small {
  opacity: 1;
}

.bu:hover span {
  color: var(--primary-color);
}

.bu:hover > *:first-child {
  color: var(--primary-color);
}

.bv {
  font-weight: bold;
}

.bv::after {
  font-weight: normal;
  margin: 0 0.25em;
  content: ":";
  opacity: 0.5;
}

.bw {
  grid-template-columns: auto 1fr;
  display: grid;
}

.bx {
  border: 0.0625em solid var(--input-border);
  background: var(--input-color);
  color: var(--input-text);
  border-radius: 0.375em;
  min-height: auto;
  overflow: auto;
  padding: 1em;
}

.by {
  border: 0.0625em solid var(--input-border);
  background-color: var(--input-color);
  font-size: var(--al-a);
  border-radius: 0.375em;
  touch-action: none;
  position: relative;
  display: grid;
  height: 17em;
  width: 17em;
  cursor: var(--al-b);
}

.bz {
  pointer-events: none;
  height: inherit;
  width: 100%;
}

.bz line {
  stroke: currentColor;
  stroke-width: 0.1em;
  opacity: 0.15;
}

.bz circle {
  fill: currentColor;
  opacity: 0.25;
}

.ca {
  transform: translate(-50%, -50%);
  left: var(--am-a);
  top: var(--am-b);
  position: absolute;
  background: var(--content-text);
  border-radius: 50%;
  height: 1em;
  width: 1em;
}

.cb {
  border: 0.0625em solid var(--input-border);
  border-radius: 0 0 0.375em 0.375em;
  background: var(--input-color);
  display: grid;
  padding: var(--an-a);
}

.cc {
  border: 1px solid var(--content-border);
  border-radius: 0.375em;
  background: white;
  height: 100%;
  width: 100%;
}

.cd {
  place-content: center;
  display: grid;
}

.ce {
  text-align: center;
  font-size: 40vmin;
}

.cf {
  grid-template-columns: var(--ao-a, repeat(4, 15em));
  text-align: center;
  grid-gap: 1em;
  display: grid;
}

.cg {
  place-content: center;
  font-size: 1.75em;
  display: grid;
}

.cg small {
  text-transform: uppercase;
  font-size: 0.5em;
  display: block;
}

.ch {
  font-weight: bold;
  font-size: 1.5em;
  padding: 0.5em;
}

.ci {
  text-align: center;
  margin-top: 2em;
}

.cj {
  grid-template-rows: auto 1fr;
  align-items: start;
  grid-gap: 1.25em;
  display: grid;
}

.ck {
  font-size: 2em;
}

.ck strong {
  margin-right: 0.5em;
}

.cl {
  text-align: center;
  cursor: var(--ap-a);
  background: var(--content-color);
  color: var(--content-text);
  border-radius: 0.375em;
  padding: 2em 1em;
  place-content: center;
  place-items: center;
  grid-gap: 1em;
  display: grid;
}

.cl:hover {
  background: var(--primary-color);
  color: var(--primary-text);
}

.cl:hover img {
  filter: invert(0);
}

.cl pre {
  user-select: none;
  margin: 0;
}

.cl img {
  height: 26px;
  width: 26px;
  filter: var(--aq-a);
}

.cl img[src=""] {
  visibility: hidden;
}

.cm code {
  font-weight: normal;
}

.cn {
  display: flex;
  flex-direction: var(--ar-a);
  height: var(--ar-b);
}

.cn > *:last-child {
  flex: 0 0 300px;
}

.cn > *:first-child {
  margin-right: var(--as-b, 2em);
  flex: 1;
  margin-bottom: var(--as-a);
}

.co {
  grid-template-rows: var(--au-a, 1fr 310px);
  grid-gap: 1.5em;
  display: grid;
}

.cp {
  grid-template-columns: 1fr 300px auto;
  grid-gap: 1em;
  display: grid;
}

.cq {
  border-radius: 0.375em;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
  display: flex;
  background: var(--av-a);
}

.cr {
  box-shadow: var(--at-a);
  border-radius: 6px;
  height: 7.5vw;
  width: 15vw;
  background: var(--at-b);
}

.cs {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.375em;
  display: inline-block;
  font-size: var(--aw-a);
  font-family: var(--font-family);
  font-weight: bold;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  position: relative;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: var(--aw-b);
  color: var(--aw-c);
}

.cs::-moz-focus-inner {
  border: 0;
}

.cs:focus::before {
  content: "";
  border-radius: 0.25em;
  position: absolute;
  bottom: 0.1875em;
  right: 0.1875em;
  left: 0.1875em;
  top: 0.1875em;
  border: var(--ay-a);
}

.cs:hover {
  background-color: var(--az-a);
}

.cs:focus {
  background-color: var(--az-a);
}

.cs:disabled {
  filter: saturate(0) brightness(0.8) contrast(0.5);
  cursor: not-allowed;
}

.ct {
  justify-content: var(--ax-a);
  align-items: center;
  display: flex;
  box-sizing: border-box;
  padding: 0.75em 1.25em;
}

.cu {
  padding-bottom: 0.05em;
  line-height: 1.2;
  word-break: var(--ba-a);
  text-overflow: var(--ba-b);
  white-space: var(--ba-c);
  overflow: var(--ba-d);
}

.cv {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.375em;
  border: 0.0625em solid;
  display: inline-flex;
  align-items: center;
  font-size: var(--bb-a);
  font-family: var(--font-family);
  font-weight: bold;
  width: var(--bb-b);
  height: 2.375em;
  position: relative;
  cursor: pointer;
  outline: none;
  padding: 0;
  background-color: var(--bb-c);
  border-color: var(--bb-d);
  color: var(--bb-e);
}

.cv::-moz-focus-inner {
  border: 0;
}

.cv:focus {
  box-shadow: var(--bc-a);
  background-color: var(--bc-b);
  border-color: var(--bc-c);
  color: var(--bc-d);
}

.cv:disabled {
  filter: saturate(0) brightness(0.8);
  cursor: not-allowed;
}

.cw {
  transition: opacity 120ms;
  text-align: center;
  font-size: 0.875em;
  width: 50%;
  opacity: var(--bd-a);
}

.cx {
  background: var(--content-color);
  width: calc(50% - 0.5em);
  border-radius: 0.25em;
  position: absolute;
  bottom: 0.25em;
  top: 0.25em;
  transition: left 120ms;
  left: var(--be-a);
}

.cy {
  border-radius: 0.25em;
  height: 1.25em;
  width: 2.5em;
  background: var(--bf-a);
  background-position: 0 0, 0.625em 0.625em;
  background-color: var(--checker-color-2);
  background-size: 1.25em 1.25em;
  border: var(--bf-b);
}

.cz {
  font-family: monospace;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 1em;
  display: grid;
}

.da {
  border: 0.0625em solid var(--input-border);
  padding: 0.4375em 0.625em;
  box-sizing: border-box;
}

.db {
  background-color: var(--input-color);
  color: var(--bi-j, inherit);
  border-radius: 0.375em;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  outline: none;
  margin: 0;
  position: var(--bi-a);
  overflow: var(--bi-b);
  height: var(--bi-c);
  width: var(--bi-d);
  left: var(--bi-e);
  top: var(--bi-f);
  resize: var(--bi-g);
  border-color: var(--bi-h);
  background: var(--bi-i);
}

.db:focus {
  border-color: var(--bh-a);
  background: var(--bh-b);
  color: var(--bh-c);
}

.db:disabled {
  filter: saturate(0) brightness(0.8) contrast(0.5);
  cursor: not-allowed;
  user-select: none;
}

.dc {
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  visibility: hidden;
  user-select: none;
  display: block;
}

.dd {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  font-size: var(--bg-a);
  font-family: var(--font-family);
  min-height: 2.375em;
  line-height: 1.3em;
  word-break: break-word;
  word-wrap: break-word;
  position: relative;
  overflow: visible;
  display: inline-grid;
  width: 100%;
}

.de {
  max-width: var(--bj-a);
  min-width: var(--bj-b);
  box-shadow: 0 0 1.25em var(--shadow-color);
  border-radius: 0.375em;
  font-size: var(--bj-c);
  font-family: var(--font-family);
  position: relative;
  z-index: 1;
  flex-direction: column;
  display: flex;
}

.df {
  border-bottom: 0.0625em solid var(--content-border);
  background: var(--content-faded-color);
  color: var(--content-faded-text);
  border-radius: 0.375em 0.375em 0 0;
  padding: 1em;
  align-items: center;
  display: flex;
}

.dg {
  font-size: var(--bk-a, 1.375em);
  margin-right: auto;
  font-weight: bold;
}

.dh {
  background: var(--content-color);
  color: var(--content-text);
  line-height: 1.5;
  padding: 1em;
  flex: 1;
  min-width: var(--bl-a);
}

.di {
  background: var(--content-faded-color);
  color: var(--content-faded-text);
  border-top: 0.0625em solid var(--content-border);
  border-radius: 0 0 0.375em 0.375em;
  padding: 1em;
  justify-content: flex-end;
  grid-auto-flow: column;
  grid-gap: 1em;
  display: grid;
}

.dj {
  border-right: 0.125em solid var(--content-faded-border);
  padding-right: 1em;
  margin-right: 1em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dj:empty {
  display: none;
}

.dk {
  grid-template-columns: var(--bm-a);
  grid-gap: var(--bm-b);
  display: grid;
  font-size: var(--bm-c);
}

.dl {
  -webkit-appearance: none;
  box-sizing: border-box;
  font-size: var(--bn-a);
  background: transparent;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  padding: 0;
  margin: 0;
}

.dl::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -0.26875em;
}

.dl::-webkit-slider-thumb {
  background-color: var(--primary-color);
  box-sizing: border-box;
  border-radius: 0.2em;
  height: 1.125em;
  width: 0.85em;
  border: 0;
}

.dl::-moz-range-thumb {
  background-color: var(--primary-color);
  box-sizing: border-box;
  border-radius: 0.2em;
  height: 1.125em;
  width: 0.85em;
  border: 0;
}

.dl::-ms-thumb {
  background-color: var(--primary-color);
  box-sizing: border-box;
  border-radius: 0.2em;
  height: 1.125em;
  width: 0.85em;
  border: 0;
}

.dl:focus::-webkit-slider-thumb {
  background-color: var(--primary-color);
}

.dl:focus::-moz-range-thumb {
  background-color: var(--primary-color);
}

.dl:focus::-ms-thumb {
  background-color: var(--primary-color);
}

.dl::-webkit-slider-runnable-track {
  border: 0.0625em solid var(--input-border);
  background-color: var(--input-color);
  box-sizing: border-box;
  border-radius: 0.2em;
  height: 0.625em;
  background-image: linear-gradient(var(--primary-color), var(--primary-color));
  background-size: var(--bo-a);
  background-position-y: 0.125em;
  background-position-x: 0.125em;
  background-repeat: no-repeat;
}

.dl::-moz-range-track {
  border: 0.0625em solid var(--input-border);
  background-color: var(--input-color);
  box-sizing: border-box;
  border-radius: 0.2em;
  height: 0.625em;
  background-image: linear-gradient(var(--primary-color), var(--primary-color));
  background-size: var(--bo-a);
  background-position-y: 0.125em;
  background-position-x: 0.125em;
  background-repeat: no-repeat;
}

.dl::-ms-track {
  border: 0.0625em solid var(--input-border);
  background-color: var(--input-color);
  box-sizing: border-box;
  border-radius: 0.2em;
  height: 0.625em;
  background-image: linear-gradient(var(--primary-color), var(--primary-color));
  background-size: var(--bo-a);
  background-position-y: 0.125em;
  background-position-x: 0.125em;
  background-repeat: no-repeat;
}

.dl:focus::-webkit-slider-runnable-track {
  background-color: var(--input-focus-color);
  border-color: var(--input-focus-border);
  color: var(--input-focus-text);
}

.dl:focus::-moz-range-track {
  background-color: var(--input-focus-color);
  border-color: var(--input-focus-border);
  color: var(--input-focus-text);
}

.dl:focus::-ms-track {
  background-color: var(--input-focus-color);
  border-color: var(--input-focus-border);
  color: var(--input-focus-text);
}

.dl:focus {
  outline: none;
}

.dl::-moz-focus-outer {
  border: 0;
}

.dl:disabled {
  filter: saturate(0) brightness(0.8) contrast(0.5);
  cursor: not-allowed;
  user-select: none;
}

.dm {
  border: 0.0625em solid var(--input-border);
  background: var(--bp-f, var(--input-color));
  color: var(--bp-g, var(--input-text));
  border-radius: 0.375em;
  padding: 0 0.875em;
  height: 2.75em;
  font-size: var(--bp-a);
  font-family: sans-serif;
  line-height: 1.25em;
  box-sizing: border-box;
  position: relative;
  user-select: var(--bp-d, none);
  outline: none;
  display: grid;
  filter: var(--bp-b);
  cursor: var(--bp-c);
  border-color: var(--bp-e);
}

.dn {
  user-select: none;
  opacity: 0.5;
}

.dp {
  align-items: center;
  grid-gap: 0.625em;
  display: grid;
  grid-template-columns: var(--bq-a);
}

.dq {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  outline: none;
  padding: 0;
  border: 0.0625em solid var(--input-border);
  font-size: var(--br-a);
  border-radius: 0.375em;
  height: 2.125em;
  width: 2.125em;
  background-color: var(--br-b);
  border-color: var(--br-c);
  color: var(--br-d);
}

.dq::-moz-focus-inner {
  border: 0;
}

.dq:focus {
  box-shadow: var(--bs-a);
  background-color: var(--bs-b);
  border-color: var(--bs-c);
  color: var(--bs-d);
}

.dq:disabled {
  filter: saturate(0) brightness(0.8) contrast(0.5);
  cursor: not-allowed;
}

.dr {
  font-size: var(--bt-a);
  justify-content: var(--bt-b);
  align-items: var(--bt-c);
  display: flex;
  flex-direction: var(--bt-d);
}

.ds {
  height: var(--bu-a);
  width: var(--bu-b);
  flex: 0 0 auto;
}

.dt {
  white-space: var(--bv-a);
  width: var(--bv-b);
}

.du {
  grid-template-columns: 1fr min-content;
  align-items: center;
  grid-gap: 0.5em;
  display: grid;
}

.dv {
  line-height: 0;
  opacity: var(--bw-a);
}

.dv:hover {
  color: var(--primary-s500-color);
  cursor: pointer;
  opacity: 1;
}

.dw {
  font-size: var(--bx-a);
  align-content: start;
  grid-gap: 0.25em;
  display: grid;
}

.dx {
  font-size: var(--by-a);
  outline: none;
  padding: var(--by-b);
}

.dx:focus {
  outline: var(--bz-a);
}

.dy {
  grid-gap: 0.3125em;
  display: grid;
}

.dz {
  font-size: var(--ca-a);
  font-family: var(--font-family);
  line-height: 1;
  border-radius: 0.375em;
  padding: 0 0.625em;
  height: 2.75em;
  box-sizing: border-box;
  position: relative;
  user-select: var(--ca-d, none);
  outline: none;
  align-items: center;
  display: grid;
  filter: var(--ca-b);
  cursor: var(--ca-c);
  border: var(--ca-e);
  background: var(--ca-f);
  color: var(--ca-g);
}

.ea {
  user-select: none;
  opacity: 0.5;
}

.eb {
  position: absolute;
  cursor: pointer;
  width: 100%;
  min-height: 100%;
  z-index: 1;
  opacity: 0;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  pointer-events: var(--cb-a);
}

.ec {
  grid-template-columns: 1fr min-content;
  align-items: center;
  grid-gap: 0.625em;
  display: grid;
}

.ed {
  z-index: var(--cc-a);
  position: fixed;
  left: var(--cc-b);
  top: var(--cc-c);
  pointer-events: var(--cc-d);
}

.ee {
  position: fixed;
  z-index: 1100;
  right: 1em;
  top: 1em;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.ef {
  grid-template-areas: "rect hue""alpha alpha";
  grid-template-columns: 13em 1em;
  grid-template-rows: 13em 1em;
  grid-gap: 1em;
  display: grid;
  width: 15em;
  font-size: var(--cd-a);
  user-select: none;
  padding: var(--cd-b);
  border: var(--cd-c);
  background-color: var(--cd-d);
  border-radius: var(--cd-e);
}

.eg {
  background-image: linear-gradient(0deg, #000 0%, transparent 100%),
                        linear-gradient(90deg, #FFF 0%, rgba(0,0,0,0) 100%);
  background-color: var(--ce-a);
  border: 0.0625em solid var(--input-border);
  background-clip: content-box;
  border-radius: 0.25em;
  position: relative;
  touch-action: none;
  grid-area: rect;
  cursor: move;
}

.eh {
  background: linear-gradient(to bottom, #F00 0%, #FF0 17%, #0F0 33%,#0FF 50%, #00F 67%, #F0F 83%, #F00 100%);
  background-clip: content-box;
  border: 0.0625em solid var(--input-border);
  border-radius: 0.25em;
  position: relative;
  cursor: row-resize;
  touch-action: none;
  grid-area: hue;
}

.ei {
  border: 0.0625em solid var(--input-border);
  border-radius: 0.25em;
  background-image: var(--cf-a);
  background-position: 0 0, 0 0, 0.5em 0.5em;
  background-size: 100%, 1em 1em, 1em 1em;
  background-clip: content-box;
  background-color: #DDD;
  touch-action: none;
  position: relative;
  cursor: col-resize;
  grid-area: alpha;
}

.ej {
  grid-template-columns: 7em repeat(4, 1fr);
  grid-column: 1 / 3;
  grid-gap: 0.333em;
  display: grid;
  font-size: 0.75em;
}

.ej label {
  text-align: center;
}

.ej input {
  font-family: monospace;
  font-size: 1.0875em;
  text-align: center;
  font-weight: bold;
  padding: 0.2em 0 0 0;
  background: var(--cj-a);
}

.ek {
  color: var(--input-text);
  margin-bottom: 0.15em;
  text-align: center;
  font-weight: bold;
}

.el {
  background: rgba(102, 102, 102, 0.6);
  pointer-events: none;
  position: absolute;
  box-shadow: var(--ck-a);
}

.em {
  transform: translate3d(0,0,0) translate(-50%,-50%);
  border-radius: 0.125em;
  height: 0.5em;
  width: 0.5em;
  left: var(--cg-a);
  top: var(--cg-b);
}

.en {
  transform: translate3d(0,0,0) translateY(-50%);
  top: var(--ch-a);
  border-radius: 0.125em;
  right: -0.125em;
  left: -0.125em;
  height: 0.4em;
}

.eo {
  transform: translate3d(0,0,0) translateX(-50%);
  left: var(--ci-a);
  border-radius: 0.125em;
  bottom: -0.125em;
  top: -0.125em;
  width: 0.4em;
}

.ep {
  border-collapse: separate;
  border-radius: 0.375em;
  border-spacing: 0;
  width: 100%;
  font-size: var(--cl-a);
  font-family: var(--font-family);
  line-height: 170%;
  border: var(--cl-b);
  background: var(--cl-c);
  color: var(--cl-d);
}

.ep td {
  text-align: left;
  padding: 0.5em 0.7em;
}

.ep th {
  text-align: left;
  padding: 0.5em 0.7em;
}

.ep td + td {
  border-left: var(--cm-a);
}

.ep th + th {
  border-left: var(--cm-a);
}

.ep tr + tr td {
  border-top: 0.0625em solid var(--input-border);
}

.ep th {
  border-bottom: 0.125em solid var(--input-border);
  background: var(--cn-a);
  color: var(--cn-b);
}

.ep th:first-child {
  border-top-left-radius: 0.375em;
}

.ep th:last-child {
  border-top-right-radius: 0.375em;
}

.eq {
  border: 0.0625em solid var(--content-border);
  border-bottom: 0;
  background: var(--content-color);
  color: var(--content-text);
  font-size: var(--co-a);
  font-family: var(--font-family);
  line-height: 170%;
}

.er:not(:last-of-type) {
  border-bottom: var(--cp-a);
}

.er:last-of-type {
  border-bottom: var(--cq-a);
}

.es {
  border-bottom: 0.0714em solid var(--content-border);
  box-sizing: border-box;
  padding: 0.857em;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: 0.571em;
  display: grid;
  font-size: 0.875em;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

.es:focus {
  background: var(--primary-light-color);
  color: var(--primary-light-text);
}

.es:hover {
  background: var(--primary-light-color);
  color: var(--primary-light-text);
}

.es svg {
  transform: var(--cr-a);
}

.et {
  line-height: 1;
}

.eu {
  line-height: 1.25em;
  font-weight: bold;
  font-size: 0.75em;
  opacity: 0.5;
}

.ev {
  grid-gap: 0.25em;
  padding: 0.75em;
  display: grid;
}

.ev + * {
  border-top: 0.0625em solid var(--content-border);
}

.ew {
  width: var(--cs-a);
  transition: var(--cs-b);
  transform: var(--cs-c);
  opacity: var(--cs-d);
  visibility: var(--cs-e);
}

.ex {
  font-size: var(--ct-a);
  justify-content: center;
  flex-direction: column;
  align-items: center;
  display: flex;
  flex: 1;
  padding: var(--ct-b);
}

.ey {
  font-family: var(--title-font-family);
  text-align: center;
  font-weight: bold;
  margin-top: 1em;
  font-size: var(--cu-a);
}

.ez {
  margin-bottom: 2em;
  margin-top: 0.5em;
  text-align: center;
  font-size: var(--cv-a);
}

.fa {
  display: grid;
}

.fb {
  grid-auto-flow: var(--cw-a, column);
  display: grid;
  grid-gap: var(--cw-b);
}

.fc {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  background: rgba(0, 0, 0, 0.8);
  transform: translate3d(0,0,0);
  z-index: var(--cx-a);
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  transition: var(--cx-b);
  pointer-events: var(--cx-c);
  visibility: var(--cx-d);
  opacity: var(--cx-e);
}

.fd {
  transition: var(--cy-a);
  border-right: 0.0625em solid var(--content-border);
  background: var(--content-color);
  color: var(--content-text);
  min-width: var(--cy-b);
  padding: 1.5em;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  transform: var(--cy-c);
}

.fe {
  font-size: var(--cz-a);
  line-height: 1.7;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  grid-gap: 0.75em;
  display: grid;
}

.ff {
  text-decoration: none;
  cursor: pointer;
  color: var(--dc-a, inherit);
  outline: none;
}

.ff:hover {
  color: var(--primary-color);
}

.ff:focus {
  color: var(--primary-color);
}

.fg {
  margin-bottom: 0.3125em;
}

.fg:not(:first-child) {
  margin-top: 1.25em;
}

.fh {
  border-top: 0.125em solid var(--navitem-border);
  font-size: var(--da-a);
  margin: 0.25em 0;
}

.fi {
  font-size: var(--db-a);
  margin-bottom: 0.5em;
}

.fi > div {
  padding-left: 0.75em;
  border-left: 1px solid var(--navitem-border);
}

.fi strong {
  margin-bottom: 0.5em;
}

.fi:not(:first-child) {
  margin-top: 0.5em;
}

.fj {
  transition: transform 320ms, opacity 320ms;
  font-size: var(--dd-a);
  z-index: var(--dd-b);
  position: var(--dd-c);
  bottom: var(--dd-d);
  right: var(--dd-e);
  transform: var(--dd-f);
  opacity: var(--dd-g);
}

.fk {
  height: var(--de-a);
  overflow: visible;
  transition: var(--de-b);
  transform: var(--de-c);
  margin-bottom: var(--de-d);
}

.fl {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  background: rgba(25, 25, 25, 0.985);
  padding: 0.75em 1.5em 0.85em;
  border-radius: 0.5em;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: block;
  font-family: var(--font-family);
  font-weight: 600;
  color: white;
}

.fl::before {
  animation: var(--df-a);
  background: var(--primary-color);
  content: "";
  position: absolute;
  height: 0.1875em;
  display: block;
  left: 0;
  top: 0;
}

.fm {
  box-shadow: 0 0.125em 0.625em -0.125em var(--shadow-color);
  border: 0.0625em solid var(--content-border);
  border-radius: 0.5em;
  width: var(--dg-a);
  background: var(--content-color);
  color: var(--content-text);
  font-size: var(--dg-b);
  font-family: var(--font-family);
}

.fn {
  border-bottom: 0.0714em solid var(--input-border);
  border-radius: 0.5em 0.5em 0 0;
  padding: 0.5714em 0.85714em;
  background: var(--input-color);
  color: var(--input-text);
  font-size: 0.875em;
  font-weight: bold;
}

.fo {
  padding: 0.75em;
}

.fp {
  font-size: var(--dh-a);
  font-family: var(--font-family);
  height: var(--dh-b);
  justify-content: space-between;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 1em;
  display: grid;
}

.fq {
  text-decoration: none;
  font-weight: bold;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 0.75em;
  display: grid;
  cursor: pointer;
  outline: none;
  color: var(--di-a);
}

.fq:hover {
  color: var(--primary-color);
}

.fq:focus {
  color: var(--primary-color);
}

.fr {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.fs {
  border-left: 0.2em solid var(--background-border);
  height: 2.4em;
}

.ft {
  position: relative;
  top: 0.0625em;
}

.fu {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: var(--dj-a);
  position: relative;
  background: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
}

.fu:focus > * {
  background: var(--primary-color);
  color: var(--primary-text);
}

.fu:hover > * {
  background: var(--primary-color);
  color: var(--primary-text);
}

.fv {
  box-shadow: 0 0 0.625em var(--shadow-color);
  background: var(--secondary-color);
  color: var(--secondary-text);
  border-radius: 1.125em;
  height: 2.25em;
  width: 4.5em;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.fw {
  background: var(--content-color);
  color: var(--content-text);
  transition: left 320ms, transform 320ms;
  position: absolute;
  top: 0.125em;
  border-radius: 1em;
  content: "";
  height: 2em;
  width: 2em;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: var(--dk-a);
  left: var(--dk-b);
}

.fx::before {
  transition: opacity 320ms;
  pointer-events: none;
  position: sticky;
  display: block;
  content: "";
  z-index: 10;
}

.fx::after {
  transition: opacity 320ms;
  pointer-events: none;
  position: sticky;
  display: block;
  content: "";
  z-index: 10;
}

.fx::-webkit-scrollbar {
  cursor: pointer;
  height: 12px;
  width: 12px;
}

.fx::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
}

.fx::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
}

.fx:focus {
  outline: 0.125em solid var(--primary-color);
}

.fy {
  max-width: var(--dl-a);
  overscroll-behavior: contain;
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
  padding-bottom: var(--dl-b);
}

.fy > * {
  flex: 0 0 auto;
}

.fy::before {
  margin-right: var(--dm-a);
  min-width: var(--dm-b);
}

.fy::after {
  margin-right: var(--dm-a);
  min-width: var(--dm-b);
}

.fy::before {
  background: radial-gradient(ellipse farthest-side at left center, var(--scroll-shadow-to), var(--scroll-shadow-from));
  border-image: linear-gradient(0deg, var(--scroll-shadow-from), var(--scroll-shadow-to), var(--scroll-shadow-from)) 1;
  border-left: 0.0625em solid;
  left: 0;
  opacity: var(--dq-a);
}

.fy::after {
  background: radial-gradient(ellipse farthest-side at right center, var(--scroll-shadow-to), var(--scroll-shadow-from));
  border-image: linear-gradient(0deg, var(--scroll-shadow-from), var(--scroll-shadow-to), var(--scroll-shadow-from)) 1;
  border-right: 0.0625em solid;
  right: 0;
  opacity: var(--dr-a);
}

.fz {
  max-height: var(--dn-a);
  overscroll-behavior: contain;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: var(--dn-b);
}

.fz::before {
  margin-top: var(--dp-a);
  min-height: var(--dp-b);
}

.fz::after {
  margin-top: var(--dp-a);
  min-height: var(--dp-b);
}

.fz::before {
  background: radial-gradient(ellipse farthest-side at top center, var(--scroll-shadow-to), var(--scroll-shadow-from));
  border-image: linear-gradient(90deg, var(--scroll-shadow-from), var(--scroll-shadow-to), var(--scroll-shadow-from)) 1;
  border-top: 0.0625em solid;
  top: 0;
  opacity: var(--ds-a);
}

.fz::after {
  background: radial-gradient(ellipse farthest-side at bottom center, var(--scroll-shadow-to), var(--scroll-shadow-from));
  border-image: linear-gradient(90deg, var(--scroll-shadow-from), var(--scroll-shadow-to), var(--scroll-shadow-from)) 1;
  border-bottom: 0.0625em solid;
  bottom: 0;
  opacity: var(--dt-a);
}

.ga {
  font-size: var(--dv-a);
  font-family: var(--font-family);
  text-align: var(--dv-b);
  word-break: break-word;
  line-height: 1.7;
  display: var(--dv-c);
}

.ga > *:first-child {
  margin-top: 0;
}

.ga > *:last-child {
  margin-bottom: 0;
}

.ga h1 {
  margin-bottom: 0.35em;
  margin-top: 2em;
  line-height: 1.2em;
}

.ga h2 {
  margin-bottom: 0.35em;
  margin-top: 2em;
  line-height: 1.2em;
}

.ga h3 {
  margin-bottom: 0.35em;
  margin-top: 2em;
  line-height: 1.2em;
}

.ga h4 {
  margin-bottom: 0.35em;
  margin-top: 2em;
  line-height: 1.2em;
}

.ga h5 {
  margin-bottom: 0.35em;
  margin-top: 2em;
  line-height: 1.2em;
}

.ga h1 + * {
  margin-top: 0;
}

.ga h2 + * {
  margin-top: 0;
}

.ga h3 + * {
  margin-top: 0;
}

.ga h4 + * {
  margin-top: 0;
}

.ga h5 + * {
  margin-top: 0;
}

.ga ul {
  padding-left: 1.5em;
}

.ga ol {
  padding-left: 1.5em;
}

.ga li + li {
  margin-top: 0.5em;
}

.ga a:not([name]):not([class]) {
  color: var(--primary-color);
  text-decoration: none;
}

.ga a:not([name]):not([class]) code:not([class]) {
  color: inherit;
}

.ga a:not([name]):not([class]) kbd:not([class]) {
  color: inherit;
}

.ga a:not([name]):not([class]):focus {
  outline: 0.125em dotted var(--primary-color);
  text-decoration: underline;
  outline-offset: 0.125em;
}

.ga a:not([name]):not([class])[target="_blank"]:after {
  transform: scaleX(-1);
  display: inline-block;
  margin-left: 0.1em;
  content: " ⎋";
}

.ga code:not([class]) {
  border: 0.0625em solid var(--input-border);
  background: var(--input-color);
  color: var(--input-text);
  padding: 0.35em 0.45em 0.2em;
  border-radius: 0.25em;
  font-size: 0.875em;
}

.ga kbd:not([class]) {
  border: 0.0625em solid var(--input-border);
  background: var(--input-color);
  color: var(--input-text);
  padding: 0.35em 0.45em 0.2em;
  border-radius: 0.25em;
  font-size: 0.875em;
}

.ga kbd:not([class]) {
  border-bottom: 0.1875em solid var(--input-border);
}

.ga pre:not([class]) code:not([class]) {
  padding: 0.5em 0.75em;
  display: block;
}

.ga video:not([class]) {
  border-radius: 0.25em;
  width: 100%;
}

.ga img:not([class]) {
  border-radius: 0.25em;
  width: 100%;
}

.gb {
  max-width: var(--dw-a);
  min-height: 100vh;
  min-width: 320px;
  grid-template-rows: var(--dw-b);
  display: grid;
  box-sizing: border-box;
  padding: var(--dw-c, 1em 2.5em 0);
  width: var(--dw-d);
  margin-right: var(--dw-e);
  margin-left: var(--dw-f);
}

.gb > * {
  min-width: 0;
}

.gb > *:not(:last-child) {
  border-bottom: 1px solid var(--border);
}

.gb > *:empty {
  display: none;
}

.gc {
  padding-bottom: 0.5em;
}

.gd {
  padding: 1em 0;
  display: grid;
  align-content: var(--dx-a);
}

.ge {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  background: rgba(0, 0, 0, 0.8);
  max-height: 100vh;
  overflow-y: auto;
  display: flex;
  transform: translate3d(0,0,0);
  z-index: var(--dy-a);
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  transition: var(--dy-b);
  pointer-events: var(--dy-c);
  visibility: var(--dy-d);
  opacity: var(--dy-e);
}

.gf {
  transition: var(--dz-a);
  padding: 1em;
  margin: auto;
  transform: var(--dz-b);
}

.gg {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  z-index: 1000;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  font-size: var(--ea-a);
  justify-content: flex-end;
  flex-direction: column;
  display: flex;
  transition: var(--ea-b);
  visibility: var(--ea-c);
  opacity: var(--ea-d);
}

.gh {
  box-sizing: border-box;
  padding: 0 1em;
  height: 3em;
  width: 100%;
  outline: 0;
  margin: 0;
  border: 0;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  color: var(--eb-b, inherit);
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  grid-gap: 0.75em;
  display: grid;
  background: var(--eb-a);
  font-weight: var(--eb-c);
  cursor: var(--eb-d);
}

.gi:hover {
  color: var(--ec-a);
}

.gi:focus {
  color: var(--ec-a);
}

.gj {
  background: var(--content-border);
  height: 0.125em;
  border: 0;
}

.gk {
  transition: transform 320ms, opacity 320ms;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  text-align: center;
  overflow: auto;
  min-height: 0;
  transform: var(--ed-a);
  opacity: var(--ed-b);
}

.gl {
  border-radius: 0.5em;
  overflow: hidden;
  margin: 1em;
  background: var(--content-color);
  font-family: var(--font-family);
  color: var(--content-text);
  text-align: left;
  display: var(--ee-a);
  min-width: var(--ee-b);
}

.gl > * {
  border: 0;
}

.gl > * + * {
  border-top: 0.0625em solid var(--content-faded-border);
}

.gm {
  grid-template-columns: 0.4375em 1fr;
  display: grid;
}

.gn {
  border-right: 0.0625em solid var(--content-faded-border);
  background: var(--content-faded-color);
}

.go > * + * {
  border-top: 0.0625em solid var(--content-faded-border);
}

.gp {
  padding: 0.5em 1em;
}

.gq {
  font-size: inherit;
  color: inherit;
  appearance: none;
  background: none;
  display: block;
  outline: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.gr {
  grid-template-columns: var(--ef-a);
  place-content: center;
  display: grid;
  padding: var(--ef-b);
}

.gs {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: 0 0 0.2em rgba(0,0,0,0.25);
  border-radius: 50%;
  padding: 0;
  border: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
  font-size: var(--eg-a);
  height: 1em;
  width: 1em;
  justify-content: center;
  align-items: center;
  display: flex;
  background: var(--eg-b);
  color: var(--eg-c);
}

.gs:focus::before {
  content: "";
  border-radius: 50%;
  position: absolute;
  bottom: 0.1875rem;
  right: 0.1875rem;
  left: 0.1875rem;
  top: 0.1875rem;
  border: var(--eh-a);
}

.gs:hover {
  filter: brightness(0.8) contrast(1.5);
}

.gs:focus {
  filter: brightness(0.8) contrast(1.5);
}

.gt {
  text-align: left;
}

.gu {
  display: flex;
  flex-direction: var(--ei-a);
  align-items: var(--ei-b);
}

.gv {
  color: var(--danger-color);
  margin-top: 0.3125em;
  align-items: start;
  display: flex;
  font-family: var(--font-family);
  font-size: 0.875em;
  font-weight: bold;
}

.gv > *:first-child {
  position: relative;
  top: 0.25em;
}

.gw {
  flex: 0 0 auto;
  height: 0.5em;
  width: 0.5em;
}

.gx {
  font-family: var(--font-family);
  color: var(--content-text);
  font-size: 0.875em;
  font-weight: bold;
  flex: var(--ej-a);
  white-space: var(--ej-b);
  line-height: var(--ej-c);
}

.gy {
  font-size: var(--ek-a);
}

.gz {
  border: 0.0625em solid var(--input-border);
  background: var(--input-color);
  color: var(--input-text);
  padding: 0.25em 0.45em 0;
  border-radius: 0.25em;
  display: inline-block;
  font-size: 0.875em;
  white-space: var(--el-a, pre);
  word-break: normal;
}

.ha {
  font-size: var(--em-a);
  justify-content: center;
  display: inline-flex;
  align-items: center;
  cursor: var(--em-b);
  opacity: var(--em-c);
}

.ha:focus {
  color: var(--eo-a);
}

.ha:hover {
  color: var(--eo-a);
}

.ha svg {
  opacity: var(--en-a);
  fill: currentColor;
  height: 1em;
  width: 1em;
  pointer-events: var(--en-b);
  cursor: var(--en-c);
}

.hb {
  color: inherit;
}

.hc {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  color: inherit;
  outline: 0;
  padding: 0;
  border: 0;
  margin: 0;
}

.hd {
  box-shadow: 0 0 0.625em var(--shadow-color);
  background: var(--content-color);
  color: var(--content-text);
  border-radius: 0.5em;
  padding: 1.25em;
  display: var(--eq-a);
}

.he {
  border-bottom: 0.0625em solid var(--title-border);
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  font-family: var(--title-font-family);
  color: var(--title-color);
  font-weight: bold;
  font-size: 1.25em;
}

.hf {
  padding-left: 0.75em;
  font-size: 0.875em;
  font-weight: bold;
  opacity: 0.85;
}

.hg {
  font-size: var(--ep-a);
  grid-gap: 0.5em;
  display: grid;
  grid-template-rows: var(--ep-b);
}

.hh {
  font-size: var(--er-a);
  border-radius: 0.25em;
  user-select: none;
  padding: 0.625em;
  cursor: pointer;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  grid-gap: 0.25em;
  display: grid;
  background: var(--er-b);
  color: var(--er-c);
}

.hh:hover {
  background: var(--primary-color);
  color: var(--primary-text);
  filter: var(--es-a);
}

.hi {
  font-size: var(--et-a);
  display: inline-block;
  position: relative;
  width: 100%;
  filter: var(--et-b);
  cursor: var(--et-c);
}

.hj {
  font-family: var(--font-family);
  font-size: inherit;
  line-height: 1em;
  border: 0.0625em solid var(--input-border);
  background: var(--eu-c, var(--input-color));
  color: var(--eu-d, var(--input-text));
  border-radius: 0.375em;
  padding: 0 0.875em;
  height: 2.75em;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  width: 100%;
  filter: none;
  padding-right: var(--eu-a);
  border-color: var(--eu-b);
}

.hj:focus {
  border-color: var(--ev-a);
  background: var(--ev-b);
  color: var(--ev-c);
}

.hj:disabled {
  cursor: not-allowed;
}

.hk {
  top: calc(50% - 0.5em);
  right: 0.6875em;
  position: absolute;
  cursor: pointer;
  display: grid;
  pointer-events: var(--ew-a);
  color: var(--ew-b);
}

.hk:hover {
  color: var(--primary-color);
}

.hl {
  pointer-events: var(--ex-a);
}

.hl * {
  outline: none !important;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg) ;
  }
}

@media (min-width: 701px) and (max-width: 1030px) {
  .cp {
    grid-template-columns: 1fr 1fr;
  }

  .cp > *:first-child {
    grid-column: span 2;
    min-height: 30vh;
  }
}

@media (max-width: 700px) {
  .cp {
    grid-template-columns: 1fr;
  }

  .cp > *:first-child {
    min-height: 30vh;
  }
}

@media (max-width: 900px) {
  .ee {
    width: calc(100vw - 1em);
    left: 1em;
  }

  .fl {
    font-size: 0.875em;
  }
}

@keyframes duration-notification {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@supports (-moz-appearance:none) {
  .fz {
    padding-right: var(--du-a);
  }
}