/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace,monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

b,strong {
  font-weight: bolder
}

code {
  font-family: monospace,monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

img {
  border-style: none
}

button,input,select {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,input {
  overflow: visible
}

button,select {
  text-transform: none
}

button,[type="button"],[type="reset"],[type="submit"] {
  -webkit-appearance: button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText
}

progress {
  vertical-align: baseline
}

[type="checkbox"] {
  box-sizing: border-box;
  padding: 0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

blockquote,dl,dd,h1,h2,h3,h4,hr,figure,p,pre {
  margin: 0
}

button {
  background-color: transparent;
  background-image: none
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

ol,ul {
  list-style: none;
  margin: 0;
  padding: 0
}

html {
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  line-height: 1.5
}

*,::before,::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #d2d6dc
}

hr {
  border-top-width: 1px
}

img {
  border-style: solid
}

input::-moz-placeholder {
  color: #a0aec0
}

input:-ms-input-placeholder {
  color: #a0aec0
}

input::placeholder {
  color: #a0aec0
}

button,[role="button"] {
  cursor: pointer
}

table {
  border-collapse: collapse
}

h1,h2,h3,h4 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

button,input,select {
  padding: 0;
  line-height: inherit;
  color: inherit
}

pre,code {
  font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

img,svg,video,canvas,audio,iframe,embed,object {
  display: block;
  vertical-align: middle
}

img,video {
  max-width: 100%;
  height: auto
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem
}

@media(min-width: 640px) {
  .container {
      max-width:640px
  }
}

@media(min-width: 768px) {
  .container {
      max-width:768px
  }
}

@media(min-width: 1024px) {
  .container {
      max-width:1024px
  }
}

@media(min-width: 1280px) {
  .container {
      max-width:1280px
  }
}

.prose {
  color: #333;
  max-width: 65ch
}

.prose [class~="lead"] {
  color: #4a5568;
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em
}

.prose a {
  color: #3182ce;
  text-decoration: underline
}

.prose a:hover {
  color: #2c5282
}

.prose strong {
  color: #1a202c;
  font-weight: 600
}

.prose ol {
  counter-reset: list-counter;
  margin-top: 1.25em;
  margin-bottom: 1.25em
}

.prose ol>li {
  position: relative;
  counter-increment: list-counter;
  padding-left: 1.75em
}

.prose ol>li::before {
  content: counter(list-counter) ".";
  position: absolute;
  font-weight: 400;
  color: #718096
}

.prose ul>li {
  position: relative;
  padding-left: 1.75em
}

.prose ul>li::before {
  content: "";
  position: absolute;
  background-color: #cbd5e0;
  border-radius: 50%;
  width: .375em;
  height: .375em;
  top: calc(0.875em - .1875em);
  left: .25em
}

.prose hr {
  border-color: #e2e8f0;
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em
}

.prose blockquote {
  font-weight: 500;
  font-style: italic;
  color: #1a202c;
  border-left-width: .25rem;
  border-left-color: #e2e8f0;
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em
}

.prose blockquote p:first-of-type::before {
  content: open-quote
}

.prose blockquote p:last-of-type::after {
  content: close-quote
}

.prose h1 {
  color: #1a202c;
  font-weight: 800;
  font-size: 2em;
  margin-top: 0;
  margin-bottom: .8888889em;
  line-height: 1.1111111
}

.prose h2 {
  color: #1a202c;
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333
}

.prose h3 {
  color: #1a202c;
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: .6em;
  line-height: 1.6
}

.prose h4 {
  color: #1a202c;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: .5em;
  line-height: 1.5
}

.prose code {
  color: #1a202c;
  font-weight: 600;
  font-size: .875em
}

.prose code::before {
  content: "`"
}

.prose code::after {
  content: "`"
}

.prose pre {
  overflow-x: auto;
  font-size: .875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: .375rem;
  padding-top: .8571429em;
  padding-right: 1.1428571em;
  padding-bottom: .8571429em;
  padding-left: 1.1428571em
}

.prose pre code {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit
}

.prose pre code::before {
  content: ""
}

.prose pre code::after {
  content: ""
}

.prose table {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: .875em;
  line-height: 1.7142857
}

.prose thead {
  color: #1a202c;
  font-weight: 600;
  border-bottom-width: 1px;
  border-bottom-color: #cbd5e0
}

.prose thead th {
  vertical-align: bottom;
  padding-right: .5714286em;
  padding-bottom: .5714286em;
  padding-left: .5714286em
}

.prose tbody tr {
  border-bottom-width: 1px;
  border-bottom-color: #e2e8f0
}

.prose tbody tr:last-child {
  border-bottom-width: 0
}

.prose tbody td {
  vertical-align: top;
  padding-top: .5714286em;
  padding-right: .5714286em;
  padding-bottom: .5714286em;
  padding-left: .5714286em
}

.prose {
  font-size: 1rem;
  line-height: 1.75
}

.prose p {
  margin-top: 1.25em;
  margin-bottom: 1.25em
}

.prose img {
  margin-top: 2em;
  margin-bottom: 2em
}

.prose video {
  margin-top: 2em;
  margin-bottom: 2em
}

.prose figure {
  margin-top: 2em;
  margin-bottom: 2em
}

.prose figure>* {
  margin-top: 0;
  margin-bottom: 0
}

.prose h2 code {
  font-size: .875em
}

.prose h3 code {
  font-size: .9em
}

.prose ul {
  margin-top: 1.25em;
  margin-bottom: 1.25em
}

.prose li {
  margin-top: .5em;
  margin-bottom: .5em
}

.prose ol>li:before {
  left: 0
}

.prose>ul>li p {
  margin-top: .75em;
  margin-bottom: .75em
}

.prose>ul>li>*:first-child {
  margin-top: 1.25em
}

.prose>ul>li>*:last-child {
  margin-bottom: 1.25em
}

.prose>ol>li>*:first-child {
  margin-top: 1.25em
}

.prose>ol>li>*:last-child {
  margin-bottom: 1.25em
}

.prose ul ul,.prose ul ol,.prose ol ul,.prose ol ol {
  margin-top: .75em;
  margin-bottom: .75em
}

.prose hr+* {
  margin-top: 0
}

.prose h2+* {
  margin-top: 0
}

.prose h3+* {
  margin-top: 0
}

.prose h4+* {
  margin-top: 0
}

.prose thead th:first-child {
  padding-left: 0
}

.prose thead th:last-child {
  padding-right: 0
}

.prose tbody td:first-child {
  padding-left: 0
}

.prose tbody td:last-child {
  padding-right: 0
}

.prose>:first-child {
  margin-top: 0
}

.prose>:last-child {
  margin-bottom: 0
}

.prose-lg {
  font-size: 1.125rem;
  line-height: 1.7777778
}

.prose-lg p {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em
}

.prose-lg [class~="lead"] {
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em
}

.prose-lg blockquote {
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-left: 1em
}

.prose-lg h1 {
  font-size: 2.3em;
  margin-top: 0;
  margin-bottom: .8333333em;
  line-height: 1
}

.prose-lg h2 {
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333
}

.prose-lg h3 {
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: .6666667em;
  line-height: 1.5
}

.prose-lg h4 {
  margin-top: 1.7777778em;
  margin-bottom: .4444444em;
  line-height: 1.5555556
}

.prose-lg img {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em
}

.prose-lg video {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em
}

.prose-lg figure {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em
}

.prose-lg figure>* {
  margin-top: 0;
  margin-bottom: 0
}

.prose-lg code {
  font-size: .8888889em
}

.prose-lg h2 code {
  font-size: .8666667em
}

.prose-lg h3 code {
  font-size: .875em
}

.prose-lg pre {
  font-size: .8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: .375rem;
  padding-top: 1em;
  padding-right: 1.5em;
  padding-bottom: 1em;
  padding-left: 1.5em
}

.prose-lg ol {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em
}

.prose-lg ul {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em
}

.prose-lg li {
  margin-top: .6666667em;
  margin-bottom: .6666667em
}

.prose-lg ol>li {
  padding-left: 1.6666667em
}

.prose-lg ol>li:before {
  left: 0
}

.prose-lg ul>li {
  padding-left: 1.6666667em
}

.prose-lg ul>li::before {
  width: .3333333em;
  height: .3333333em;
  top: calc(0.8888889em - .1666667em);
  left: .2222222em
}

.prose-lg>ul>li p {
  margin-top: .8888889em;
  margin-bottom: .8888889em
}

.prose-lg>ul>li>*:first-child {
  margin-top: 1.3333333em
}

.prose-lg>ul>li>*:last-child {
  margin-bottom: 1.3333333em
}

.prose-lg>ol>li>*:first-child {
  margin-top: 1.3333333em
}

.prose-lg>ol>li>*:last-child {
  margin-bottom: 1.3333333em
}

.prose-lg ul ul,.prose-lg ul ol,.prose-lg ol ul,.prose-lg ol ol {
  margin-top: .8888889em;
  margin-bottom: .8888889em
}

.prose-lg hr {
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em
}

.prose-lg hr+* {
  margin-top: 0
}

.prose-lg h2+* {
  margin-top: 0
}

.prose-lg h3+* {
  margin-top: 0
}

.prose-lg h4+* {
  margin-top: 0
}

.prose-lg table {
  font-size: .8888889em;
  line-height: 1.5
}

.prose-lg thead th {
  padding-right: .75em;
  padding-bottom: .75em;
  padding-left: .75em
}

.prose-lg thead th:first-child {
  padding-left: 0
}

.prose-lg thead th:last-child {
  padding-right: 0
}

.prose-lg tbody td {
  padding-top: .75em;
  padding-right: .75em;
  padding-bottom: .75em;
  padding-left: .75em
}

.prose-lg tbody td:first-child {
  padding-left: 0
}

.prose-lg tbody td:last-child {
  padding-right: 0
}

.prose-lg>:first-child {
  margin-top: 0
}

.prose-lg>:last-child {
  margin-bottom: 0
}

.prose {
  color: #333;
  max-width: 65ch
}

.prose [class~="lead"] {
  color: #4a5568;
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em
}

.prose a {
  color: #3182ce;
  text-decoration: underline
}

.prose a:hover {
  color: #2c5282
}

.prose strong {
  color: #1a202c;
  font-weight: 600
}

.prose ol {
  counter-reset: list-counter;
  margin-top: 1.25em;
  margin-bottom: 1.25em
}

.prose ol>li {
  position: relative;
  counter-increment: list-counter;
  padding-left: 1.75em
}

.prose ol>li::before {
  content: counter(list-counter) ".";
  position: absolute;
  font-weight: 400;
  color: #718096
}

.prose ul>li {
  position: relative;
  padding-left: 1.75em
}

.prose ul>li::before {
  content: "";
  position: absolute;
  background-color: #cbd5e0;
  border-radius: 50%;
  width: .375em;
  height: .375em;
  top: calc(0.875em - .1875em);
  left: .25em
}

.prose hr {
  border-color: #e2e8f0;
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em
}

.prose blockquote {
  font-weight: 500;
  font-style: italic;
  color: #1a202c;
  border-left-width: .25rem;
  border-left-color: #e2e8f0;
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em
}

.prose blockquote p:first-of-type::before {
  content: open-quote
}

.prose blockquote p:last-of-type::after {
  content: close-quote
}

.prose h1 {
  color: #1a202c;
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: .8888889em;
  line-height: 1.1111111
}

.prose h2 {
  color: #1a202c;
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333
}

.prose h3 {
  color: #1a202c;
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: .6em;
  line-height: 1.6
}

.prose h4 {
  color: #1a202c;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: .5em;
  line-height: 1.5
}

.prose code {
  color: #1a202c;
  font-weight: 600;
  font-size: .875em
}

.prose code::before {
  content: "`"
}

.prose code::after {
  content: "`"
}

.prose pre {
  overflow-x: auto;
  font-size: .875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: .375rem;
  padding-top: .8571429em;
  padding-right: 1.1428571em;
  padding-bottom: .8571429em;
  padding-left: 1.1428571em
}

.prose pre code {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit
}

.prose pre code::before {
  content: ""
}

.prose pre code::after {
  content: ""
}

.prose table {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: .875em;
  line-height: 1.7142857
}

.prose thead {
  color: #1a202c;
  font-weight: 600;
  border-bottom-width: 1px;
  border-bottom-color: #cbd5e0
}

.prose thead th {
  vertical-align: bottom;
  padding-right: .5714286em;
  padding-bottom: .5714286em;
  padding-left: .5714286em
}

.prose tbody tr {
  border-bottom-width: 1px;
  border-bottom-color: #e2e8f0
}

.prose tbody tr:last-child {
  border-bottom-width: 0
}

.prose tbody td {
  vertical-align: top;
  padding-top: .5714286em;
  padding-right: .5714286em;
  padding-bottom: .5714286em;
  padding-left: .5714286em
}

.prose {
  font-size: 1rem;
  line-height: 1.75
}

.prose p {
  margin-top: 1.25em;
  margin-bottom: 1.25em
}

.prose img {
  margin-top: 2em;
  margin-bottom: 2em
}

.prose video {
  margin-top: 2em;
  margin-bottom: 2em
}

.prose figure {
  margin-top: 2em;
  margin-bottom: 2em
}

.prose figure>* {
  margin-top: 0;
  margin-bottom: 0
}

.prose h2 code {
  font-size: .875em
}

.prose h3 code {
  font-size: .9em
}

.prose ul {
  margin-top: 1.25em;
  margin-bottom: 1.25em
}

.prose li {
  margin-top: .5em;
  margin-bottom: .5em
}

.prose ol>li:before {
  left: 0
}

.prose>ul>li p {
  margin-top: .75em;
  margin-bottom: .75em
}

.prose>ul>li>*:first-child {
  margin-top: 1.25em
}

.prose>ul>li>*:last-child {
  margin-bottom: 1.25em
}

.prose>ol>li>*:first-child {
  margin-top: 1.25em
}

.prose>ol>li>*:last-child {
  margin-bottom: 1.25em
}

.prose ul ul,.prose ul ol,.prose ol ul,.prose ol ol {
  margin-top: .75em;
  margin-bottom: .75em
}

.prose hr+* {
  margin-top: 0
}

.prose h2+* {
  margin-top: 0
}

.prose h3+* {
  margin-top: 0
}

.prose h4+* {
  margin-top: 0
}

.prose thead th:first-child {
  padding-left: 0
}

.prose thead th:last-child {
  padding-right: 0
}

.prose tbody td:first-child {
  padding-left: 0
}

.prose tbody td:last-child {
  padding-right: 0
}

.prose>:first-child {
  margin-top: 0
}

.prose>:last-child {
  margin-bottom: 0
}

.prose-lg {
  font-size: 1.125rem;
  line-height: 1.7777778
}

.prose-lg p {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em
}

.prose-lg [class~="lead"] {
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-top: 1.0909091em;
  margin-bottom: 1.0909091em
}

.prose-lg blockquote {
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  padding-left: 1em
}

.prose-lg h1 {
  font-size: 2.3em;
  margin-top: 0;
  margin-bottom: .8333333em;
  line-height: 1
}

.prose-lg h2 {
  font-size: 1.6666667em;
  margin-top: 1.8666667em;
  margin-bottom: 1.0666667em;
  line-height: 1.3333333
}

.prose-lg h3 {
  font-size: 1.3333333em;
  margin-top: 1.6666667em;
  margin-bottom: .6666667em;
  line-height: 1.5
}

.prose-lg h4 {
  margin-top: 1.7777778em;
  margin-bottom: .4444444em;
  line-height: 1.5555556
}

.prose-lg img {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em
}

.prose-lg video {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em
}

.prose-lg figure {
  margin-top: 1.7777778em;
  margin-bottom: 1.7777778em
}

.prose-lg figure>* {
  margin-top: 0;
  margin-bottom: 0
}

.prose-lg code {
  font-size: .8888889em
}

.prose-lg h2 code {
  font-size: .8666667em
}

.prose-lg h3 code {
  font-size: .875em
}

.prose-lg pre {
  font-size: .8888889em;
  line-height: 1.75;
  margin-top: 2em;
  margin-bottom: 2em;
  border-radius: .375rem;
  padding-top: 1em;
  padding-right: 1.5em;
  padding-bottom: 1em;
  padding-left: 1.5em
}

.prose-lg ol {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em
}

.prose-lg ul {
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em
}

.prose-lg li {
  margin-top: .6666667em;
  margin-bottom: .6666667em
}

.prose-lg ol>li {
  padding-left: 1.6666667em
}

.prose-lg ol>li:before {
  left: 0
}

.prose-lg ul>li {
  padding-left: 1.6666667em
}

.prose-lg ul>li::before {
  width: .3333333em;
  height: .3333333em;
  top: calc(0.8888889em - .1666667em);
  left: .2222222em
}

.prose-lg>ul>li p {
  margin-top: .8888889em;
  margin-bottom: .8888889em
}

.prose-lg>ul>li>*:first-child {
  margin-top: 1.3333333em
}

.prose-lg>ul>li>*:last-child {
  margin-bottom: 1.3333333em
}

.prose-lg>ol>li>*:first-child {
  margin-top: 1.3333333em
}

.prose-lg>ol>li>*:last-child {
  margin-bottom: 1.3333333em
}

.prose-lg ul ul,.prose-lg ul ol,.prose-lg ol ul,.prose-lg ol ol {
  margin-top: .8888889em;
  margin-bottom: .8888889em
}

.prose-lg hr {
  margin-top: 3.1111111em;
  margin-bottom: 3.1111111em
}

.prose-lg hr+* {
  margin-top: 0
}

.prose-lg h2+* {
  margin-top: 0
}

.prose-lg h3+* {
  margin-top: 0
}

.prose-lg h4+* {
  margin-top: 0
}

.prose-lg table {
  font-size: .8888889em;
  line-height: 1.5
}

.prose-lg thead th {
  padding-right: .75em;
  padding-bottom: .75em;
  padding-left: .75em
}

.prose-lg thead th:first-child {
  padding-left: 0
}

.prose-lg thead th:last-child {
  padding-right: 0
}

.prose-lg tbody td {
  padding-top: .75em;
  padding-right: .75em;
  padding-bottom: .75em;
  padding-left: .75em
}

.prose-lg tbody td:first-child {
  padding-left: 0
}

.prose-lg tbody td:last-child {
  padding-right: 0
}

.prose-lg>:first-child {
  margin-top: 0
}

.prose-lg>:last-child {
  margin-bottom: 0
}

.highlight {
  background: #f8f8f8
}

.highlight .c {
  color: #8f5902;
  font-style: italic
}

.highlight .g {
  color: #000
}

.highlight .k {
  color: #204a87;
  font-weight: bold
}

.highlight .n {
  color: #000
}

.highlight .o {
  color: #ce5c00;
  font-weight: bold
}

.highlight .p {
  color: #000;
  font-weight: bold
}

.highlight .c1 {
  color: #8f5902;
  font-style: italic
}

.highlight .go {
  color: #000;
  font-style: italic
}

.highlight .gt {
  color: #a40000;
  font-weight: bold
}

.highlight .kd {
  color: #204a87;
  font-weight: bold
}

.highlight .kn {
  color: #204a87;
  font-weight: bold
}

.highlight .m {
  color: #0000cf;
  font-weight: bold
}

.highlight .s {
  color: #4e9a06
}

.highlight .na {
  color: #c4a000
}

.highlight .nb {
  color: #204a87
}

.highlight .no {
  color: #000
}

.highlight .nx {
  color: #000
}

.highlight .nt {
  color: #204a87;
  font-weight: bold
}

.highlight .nv {
  color: #000
}

.highlight .ow {
  color: #204a87;
  font-weight: bold
}

.highlight .mi {
  color: #0000cf;
  font-weight: bold
}

.highlight .mo {
  color: #0000cf;
  font-weight: bold
}

.highlight .dl {
  color: #4e9a06
}

.highlight .s2 {
  color: #4e9a06
}

.highlight .se {
  color: #4e9a06
}

.highlight .sr {
  color: #4e9a06
}

.highlight .s1 {
  color: #4e9a06
}

.highlight .ss {
  color: #4e9a06
}

html {
  --text-opacity: 1;
  color: #252f3f;
  color: rgba(37,47,63,var(--text-opacity))
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media(min-width: 1280px) {
  .container {
      max-width:70rem
  }
}

pre.highlight {
  margin-top: 1rem;
  margin-bottom: 1rem;
  white-space: pre-wrap
}

#markdown-toc {
  padding: 1rem;
  padding-left: 2.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-width: 1px;
  --border-opacity: 1;
  border-color: #d2d6dc;
  border-color: rgba(210,214,220,var(--border-opacity))
}

article img {
  max-width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  border-radius: .25rem
}

@media(min-width: 1024px) {
  article img {
      max-width:unset;
      width: 150%;
      margin-left: -25%
  }
}

.prose code {
  white-space: pre-wrap
}

.prose table th {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .75rem;
  font-weight: 500;
  letter-spacing: .05em;
  text-align: left;
  --text-opacity: 1;
  color: #374151;
  color: rgba(55,65,81,var(--text-opacity));
  text-transform: uppercase;
  white-space: nowrap;
  border-bottom-width: 1px;
  --border-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229,231,235,var(--border-opacity));
  line-height: 1rem;
  --bg-opacity: 1;
  background-color: #f9fafb;
  background-color: rgba(249,250,251,var(--bg-opacity))
}

.prose table td {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: .875rem;
  --text-opacity: 1;
  color: #374151;
  color: rgba(55,65,81,var(--text-opacity));
  border-bottom-width: 1px;
  --border-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229,231,235,var(--border-opacity));
  line-height: 1.25rem
}

.space-y-1>:not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--space-y-reverse))
}

.space-y-2>:not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--space-y-reverse))
}

.space-x-3>:not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)))
}

.space-y-4>:not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1rem * var(--space-y-reverse))
}

.space-x-4>:not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1rem * var(--space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--space-x-reverse)))
}

.space-y-5>:not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--space-y-reverse))
}

.space-y-6>:not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--space-y-reverse))
}

.space-y-10>:not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--space-y-reverse))
}

.divide-y-2>:not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(2px * var(--divide-y-reverse))
}

.divide-y>:not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(1px * var(--divide-y-reverse))
}

.divide-gray-200>:not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229,231,235,var(--divide-opacity))
}

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.bg-white {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255,255,255,var(--bg-opacity))
}

.bg-gray-50 {
  --bg-opacity: 1;
  background-color: #f9fafb;
  background-color: rgba(249,250,251,var(--bg-opacity))
}

.bg-gray-100 {
  --bg-opacity: 1;
  background-color: #f4f5f7;
  background-color: rgba(244,245,247,var(--bg-opacity))
}

.bg-gray-200 {
  --bg-opacity: 1;
  background-color: #e5e7eb;
  background-color: rgba(229,231,235,var(--bg-opacity))
}

.bg-gray-800 {
  --bg-opacity: 1;
  background-color: #252f3f;
  background-color: rgba(37,47,63,var(--bg-opacity))
}

.bg-gray-900 {
  --bg-opacity: 1;
  background-color: #161e2e;
  background-color: rgba(22,30,46,var(--bg-opacity))
}

.bg-yellow-100 {
  --bg-opacity: 1;
  background-color: #fdf6b2;
  background-color: rgba(253,246,178,var(--bg-opacity))
}

.bg-indigo-600 {
  --bg-opacity: 1;
  background-color: #5850ec;
  background-color: rgba(88,80,236,var(--bg-opacity))
}

.hover\:bg-gray-50:hover {
  --bg-opacity: 1;
  background-color: #f9fafb;
  background-color: rgba(249,250,251,var(--bg-opacity))
}

.hover\:bg-gray-100:hover {
  --bg-opacity: 1;
  background-color: #f4f5f7;
  background-color: rgba(244,245,247,var(--bg-opacity))
}

.hover\:bg-gray-800:hover {
  --bg-opacity: 1;
  background-color: #252f3f;
  background-color: rgba(37,47,63,var(--bg-opacity))
}

.hover\:bg-indigo-500:hover {
  --bg-opacity: 1;
  background-color: #6875f5;
  background-color: rgba(104,117,245,var(--bg-opacity))
}

.focus\:bg-gray-50:focus {
  --bg-opacity: 1;
  background-color: #f9fafb;
  background-color: rgba(249,250,251,var(--bg-opacity))
}

.focus\:bg-gray-100:focus {
  --bg-opacity: 1;
  background-color: #f4f5f7;
  background-color: rgba(244,245,247,var(--bg-opacity))
}

.border-transparent {
  border-color: transparent
}

.border-gray-100 {
  --border-opacity: 1;
  border-color: #f4f5f7;
  border-color: rgba(244,245,247,var(--border-opacity))
}

.border-gray-200 {
  --border-opacity: 1;
  border-color: #e5e7eb;
  border-color: rgba(229,231,235,var(--border-opacity))
}

.border-gray-300 {
  --border-opacity: 1;
  border-color: #d2d6dc;
  border-color: rgba(210,214,220,var(--border-opacity))
}

.group:focus .group-focus\:border-blue-300 {
  --border-opacity: 1;
  border-color: #a4cafe;
  border-color: rgba(164,202,254,var(--border-opacity))
}

.focus\:border-blue-300:focus {
  --border-opacity: 1;
  border-color: #a4cafe;
  border-color: rgba(164,202,254,var(--border-opacity))
}

.rounded {
  border-radius: .25rem
}

.rounded-md {
  border-radius: .375rem
}

.rounded-lg {
  border-radius: .5rem
}

.rounded-full {
  border-radius: 9999px
}

.border {
  border-width: 1px
}

.border-t-2 {
  border-top-width: 2px
}

.border-t {
  border-top-width: 1px
}

.border-b {
  border-bottom-width: 1px
}

.cursor-pointer {
  cursor: pointer
}

.cursor-text {
  cursor: text
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.table {
  display: table
}

.grid {
  display: grid
}

.contents {
  display: contents
}

.hidden {
  display: none
}

.flex-col {
  flex-direction: column
}

.items-start {
  align-items: flex-start
}

.items-center {
  align-items: center
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.flex-1 {
  flex: 1 1 0
}

.flex-shrink-0 {
  flex-shrink: 0
}

.order-1 {
  order: 1
}

.order-2 {
  order: 2
}

.font-medium {
  font-weight: 500
}

.font-semibold {
  font-weight: 600
}

.font-bold {
  font-weight: 700
}

.font-extrabold {
  font-weight: 800
}

.font-black {
  font-weight: 900
}

.h-4 {
  height: 1rem
}

.h-5 {
  height: 1.25rem
}

.h-6 {
  height: 1.5rem
}

.h-7 {
  height: 1.75rem
}

.h-8 {
  height: 2rem
}

.h-1\/2 {
  height: 50%
}

.h-full {
  height: 100%
}

.text-xs {
  font-size: .75rem
}

.text-sm {
  font-size: .875rem
}

.text-base {
  font-size: 1rem
}

.text-lg {
  font-size: 1.125rem
}

.text-xl {
  font-size: 1.25rem
}

.text-2xl {
  font-size: 1.5rem
}

.text-3xl {
  font-size: 1.875rem
}

.text-4xl {
  font-size: 2.25rem
}

.text-5xl {
  font-size: 3rem
}

.leading-4 {
  line-height: 1rem
}

.leading-5 {
  line-height: 1.25rem
}

.leading-6 {
  line-height: 1.5rem
}

.leading-7 {
  line-height: 1.75rem
}

.leading-8 {
  line-height: 2rem
}

.leading-9 {
  line-height: 2.25rem
}

.leading-10 {
  line-height: 2.5rem
}

.leading-none {
  line-height: 1
}

.leading-tight {
  line-height: 1.25
}

.-m-3 {
  margin: -0.75rem
}

.mx-2 {
  margin-left: .5rem;
  margin-right: .5rem
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem
}

.my-24 {
  margin-top: 6rem;
  margin-bottom: 6rem
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.mt-1 {
  margin-top: .25rem
}

.mr-1 {
  margin-right: .25rem
}

.mb-1 {
  margin-bottom: .25rem
}

.ml-1 {
  margin-left: .25rem
}

.mt-2 {
  margin-top: .5rem
}

.mr-2 {
  margin-right: .5rem
}

.mb-2 {
  margin-bottom: .5rem
}

.ml-2 {
  margin-left: .5rem
}

.mt-3 {
  margin-top: .75rem
}

.ml-3 {
  margin-left: .75rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-5 {
  margin-top: 1.25rem
}

.mt-6 {
  margin-top: 1.5rem
}

.ml-6 {
  margin-left: 1.5rem
}

.mt-8 {
  margin-top: 2rem
}

.ml-8 {
  margin-left: 2rem
}

.mt-9 {
  margin-top: 2.25rem
}

.mt-10 {
  margin-top: 2.5rem
}

.mt-12 {
  margin-top: 3rem
}

.mt-16 {
  margin-top: 4rem
}

.mt-24 {
  margin-top: 6rem
}

.mb-24 {
  margin-bottom: 6rem
}

.ml-auto {
  margin-left: auto
}

.-mr-1 {
  margin-right: -0.25rem
}

.-mt-2 {
  margin-top: -0.5rem
}

.-mr-2 {
  margin-right: -0.5rem
}

.max-w-none {
  max-width: none
}

.max-w-md {
  max-width: 28rem
}

.max-w-lg {
  max-width: 32rem
}

.max-w-3xl {
  max-width: 48rem
}

.max-w-5xl {
  max-width: 64rem
}

.max-w-screen-sm {
  max-width: 640px
}

.max-w-screen-md {
  max-width: 768px
}

.max-w-screen-lg {
  max-width: 1024px
}

.max-w-screen-xl {
  max-width: 1280px
}

.opacity-0 {
  opacity: 0
}

.opacity-100 {
  opacity: 1
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

.overflow-hidden {
  overflow: hidden
}

.overflow-x-hidden {
  overflow-x: hidden
}

.p-2 {
  padding: .5rem
}

.p-3 {
  padding: .75rem
}

.p-4 {
  padding: 1rem
}

.p-6 {
  padding: 1.5rem
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem
}

.pt-2 {
  padding-top: .5rem
}

.pb-3 {
  padding-bottom: .75rem
}

.pt-4 {
  padding-top: 1rem
}

.pr-4 {
  padding-right: 1rem
}

.pt-6 {
  padding-top: 1.5rem
}

.pt-10 {
  padding-top: 2.5rem
}

.pt-12 {
  padding-top: 3rem
}

.pr-12 {
  padding-right: 3rem
}

.pb-12 {
  padding-bottom: 3rem
}

.pb-16 {
  padding-bottom: 4rem
}

.pb-20 {
  padding-bottom: 5rem
}

.placeholder-gray-500::-moz-placeholder {
  --placeholder-opacity: 1;
  color: #6b7280;
  color: rgba(107,114,128,var(--placeholder-opacity))
}

.placeholder-gray-500:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #6b7280;
  color: rgba(107,114,128,var(--placeholder-opacity))
}

.placeholder-gray-500::placeholder {
  --placeholder-opacity: 1;
  color: #6b7280;
  color: rgba(107,114,128,var(--placeholder-opacity))
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: -webkit-sticky;
  position: sticky
}

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.inset-x-0 {
  right: 0;
  left: 0
}

.top-0 {
  top: 0
}

.left-0 {
  left: 0
}

.left-1\/2 {
  left: 50%
}

.shadow-xs {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.05)
}

.shadow {
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)
}

.shadow-md {
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)
}

.shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)
}

.group:focus .group-focus\:shadow-outline {
  box-shadow: 0 0 0 3px rgba(118,169,250,0.45)
}

.focus\:shadow-outline:focus {
  box-shadow: 0 0 0 3px rgba(118,169,250,0.45)
}

.focus\:shadow-outline-blue:focus {
  box-shadow: 0 0 0 3px rgba(164,202,254,0.45)
}

.focus\:shadow-outline-indigo:focus {
  box-shadow: 0 0 0 3px rgba(180,198,252,0.45)
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-white {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255,255,255,var(--text-opacity))
}

.text-gray-300 {
  --text-opacity: 1;
  color: #d2d6dc;
  color: rgba(210,214,220,var(--text-opacity))
}

.text-gray-400 {
  --text-opacity: 1;
  color: #9fa6b2;
  color: rgba(159,166,178,var(--text-opacity))
}

.text-gray-500 {
  --text-opacity: 1;
  color: #6b7280;
  color: rgba(107,114,128,var(--text-opacity))
}

.text-gray-600 {
  --text-opacity: 1;
  color: #4b5563;
  color: rgba(75,85,99,var(--text-opacity))
}

.text-gray-700 {
  --text-opacity: 1;
  color: #374151;
  color: rgba(55,65,81,var(--text-opacity))
}

.text-gray-800 {
  --text-opacity: 1;
  color: #252f3f;
  color: rgba(37,47,63,var(--text-opacity))
}

.text-gray-900 {
  --text-opacity: 1;
  color: #161e2e;
  color: rgba(22,30,46,var(--text-opacity))
}

.text-yellow-800 {
  --text-opacity: 1;
  color: #723b13;
  color: rgba(114,59,19,var(--text-opacity))
}

.text-green-400 {
  --text-opacity: 1;
  color: #31c48d;
  color: rgba(49,196,141,var(--text-opacity))
}

.text-green-500 {
  --text-opacity: 1;
  color: #0e9f6e;
  color: rgba(14,159,110,var(--text-opacity))
}

.text-blue-500 {
  --text-opacity: 1;
  color: #3f83f8;
  color: rgba(63,131,248,var(--text-opacity))
}

.text-indigo-500 {
  --text-opacity: 1;
  color: #6875f5;
  color: rgba(104,117,245,var(--text-opacity))
}

.text-indigo-600 {
  --text-opacity: 1;
  color: #5850ec;
  color: rgba(88,80,236,var(--text-opacity))
}

.group:hover .group-hover\:text-blue-500 {
  --text-opacity: 1;
  color: #3f83f8;
  color: rgba(63,131,248,var(--text-opacity))
}

.hover\:text-white:hover {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255,255,255,var(--text-opacity))
}

.hover\:text-gray-500:hover {
  --text-opacity: 1;
  color: #6b7280;
  color: rgba(107,114,128,var(--text-opacity))
}

.hover\:text-gray-700:hover {
  --text-opacity: 1;
  color: #374151;
  color: rgba(55,65,81,var(--text-opacity))
}

.hover\:text-gray-900:hover {
  --text-opacity: 1;
  color: #161e2e;
  color: rgba(22,30,46,var(--text-opacity))
}

.hover\:text-indigo-500:hover {
  --text-opacity: 1;
  color: #6875f5;
  color: rgba(104,117,245,var(--text-opacity))
}

.hover\:text-indigo-700:hover {
  --text-opacity: 1;
  color: #5145cd;
  color: rgba(81,69,205,var(--text-opacity))
}

.focus\:text-gray-500:focus {
  --text-opacity: 1;
  color: #6b7280;
  color: rgba(107,114,128,var(--text-opacity))
}

.focus\:text-gray-900:focus {
  --text-opacity: 1;
  color: #161e2e;
  color: rgba(22,30,46,var(--text-opacity))
}

.focus\:text-indigo-700:focus {
  --text-opacity: 1;
  color: #5145cd;
  color: rgba(81,69,205,var(--text-opacity))
}

.uppercase {
  text-transform: uppercase
}

.lowercase {
  text-transform: lowercase
}

.underline {
  text-decoration: underline
}

.hover\:underline:hover {
  text-decoration: underline
}

.tracking-tight {
  letter-spacing: -0.025em
}

.tracking-wide {
  letter-spacing: .025em
}

.tracking-wider {
  letter-spacing: .05em
}

.visible {
  visibility: visible
}

.whitespace-no-wrap {
  white-space: nowrap
}

.whitespace-pre-wrap {
  white-space: pre-wrap
}

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

.w-4 {
  width: 1rem
}

.w-5 {
  width: 1.25rem
}

.w-6 {
  width: 1.5rem
}

.w-9 {
  width: 2.25rem
}

.w-10 {
  width: 2.5rem
}

.w-48 {
  width: 12rem
}

.w-auto {
  width: auto
}

.w-1\/2 {
  width: 50%
}

.w-full {
  width: 100%
}

.w-screen {
  width: 100vw
}

.z-10 {
  z-index: 10
}

.z-20 {
  z-index: 20
}

.gap-4 {
  grid-gap: 1rem;
  gap: 1rem
}

.gap-6 {
  grid-gap: 1.5rem;
  gap: 1.5rem
}

.gap-8 {
  grid-gap: 2rem;
  gap: 2rem
}

.gap-16 {
  grid-gap: 4rem;
  gap: 4rem
}

.grid-cols-2 {
  grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
  grid-template-columns: repeat(3,minmax(0,1fr))
}

.transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.origin-top-right {
  transform-origin: top right
}

.scale-95 {
  --transform-scale-x: .95;
  --transform-scale-y: .95
}

.scale-100 {
  --transform-scale-x: 1;
  --transform-scale-y: 1
}

.-rotate-180 {
  --transform-rotate: -180deg
}

.translate-x-0 {
  --transform-translate-x: 0
}

.translate-x-5 {
  --transform-translate-x: 1.25rem
}

.-translate-x-1\/2 {
  --transform-translate-x: -50%
}

.translate-y-0 {
  --transform-translate-y: 0
}

.translate-y-1 {
  --transform-translate-y: .25rem
}

.transition {
  transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform
}

.transition-colors {
  transition-property: background-color,border-color,color,fill,stroke
}

.transition-transform {
  transition-property: transform
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4,0,1,1)
}

.ease-out {
  transition-timing-function: cubic-bezier(0,0,0.2,1)
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4,0,0.2,1)
}

.duration-100 {
  transition-duration: 100ms
}

.duration-150 {
  transition-duration: 150ms
}

.duration-200 {
  transition-duration: 200ms
}

@-webkit-keyframes spin {
  to {
      transform: rotate(360deg)
  }
}

@keyframes spin {
  to {
      transform: rotate(360deg)
  }
}

@-webkit-keyframes ping {
  75%,100% {
      transform: scale(2);
      opacity: 0
  }
}

@keyframes ping {
  75%,100% {
      transform: scale(2);
      opacity: 0
  }
}

@-webkit-keyframes pulse {
  50% {
      opacity: .5
  }
}

@keyframes pulse {
  50% {
      opacity: .5
  }
}

@-webkit-keyframes bounce {
  0%,100% {
      transform: translateY(-25%);
      -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
      animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50% {
      transform: none;
      -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
      animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

@keyframes bounce {
  0%,100% {
      transform: translateY(-25%);
      -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
      animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50% {
      transform: none;
      -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
      animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

input[type="range"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #eef1f6;
  border-radius: 3px;
  height: 6px;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  outline: 0
}

input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  background-color: #5f48ff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%20.5v7L12%204zM0%204l4%203.5v-7z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 36px;
  width: 36px
}

input[type="range"]::-moz-range-thumb {
  background-color: #5f48ff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%20.5v7L12%204zM0%204l4%203.5v-7z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 36px;
  width: 36px
}

input[type="range"]::-ms-thumb {
  background-color: #5f48ff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%20.5v7L12%204zM0%204l4%203.5v-7z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 36px;
  width: 36px
}

input[type="range"]::-moz-focus-outer {
  border: 0
}

.twitter-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: text-bottom;
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%231da1f2%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E)
}

.tweet-text a {
  --text-opacity: 1;
  color: #3f83f8;
  color: rgba(63,131,248,var(--text-opacity))
}

.tweet-text a:hover {
  text-decoration: underline
}

[x-cloak] {
  display: none
}

@media(min-width: 640px) {
  .sm\:space-y-0>:not(template) ~ :not(template) {
      --space-y-reverse:0;
      margin-top: calc(0 * calc(1 - var(--space-y-reverse)));
      margin-bottom: calc(0 * var(--space-y-reverse))
  }

  .sm\:border-0 {
      border-width: 0
  }

  .sm\:border-r {
      border-right-width: 1px
  }

  .sm\:border-l {
      border-left-width: 1px
  }

  .sm\:flex {
      display: flex
  }

  .sm\:grid {
      display: grid
  }

  .sm\:justify-start {
      justify-content: flex-start
  }

  .sm\:justify-center {
      justify-content: center
  }

  .sm\:flex-shrink-0 {
      flex-shrink: 0
  }

  .sm\:h-10 {
      height: 2.5rem
  }

  .sm\:text-lg {
      font-size: 1.125rem
  }

  .sm\:text-3xl {
      font-size: 1.875rem
  }

  .sm\:text-4xl {
      font-size: 2.25rem
  }

  .sm\:leading-9 {
      line-height: 2.25rem
  }

  .sm\:leading-10 {
      line-height: 2.5rem
  }

  .sm\:leading-none {
      line-height: 1
  }

  .sm\:mt-0 {
      margin-top: 0
  }

  .sm\:ml-3 {
      margin-left: .75rem
  }

  .sm\:mt-4 {
      margin-top: 1rem
  }

  .sm\:mt-12 {
      margin-top: 3rem
  }

  .sm\:max-w-xs {
      max-width: 20rem
  }

  .sm\:p-8 {
      padding: 2rem
  }

  .sm\:px-0 {
      padding-left: 0;
      padding-right: 0
  }

  .sm\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem
  }

  .sm\:py-8 {
      padding-top: 2rem;
      padding-bottom: 2rem
  }

  .sm\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
  }

  .sm\:py-16 {
      padding-top: 4rem;
      padding-bottom: 4rem
  }

  .sm\:pt-16 {
      padding-top: 4rem
  }

  .sm\:pb-16 {
      padding-bottom: 4rem
  }

  .sm\:pb-20 {
      padding-bottom: 5rem
  }

  .sm\:gap-8 {
      grid-gap: 2rem;
      gap: 2rem
  }

  .sm\:col-gap-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
      column-gap: 1.5rem
  }

  .sm\:row-gap-12 {
      grid-row-gap: 3rem;
      row-gap: 3rem
  }

  .sm\:grid-cols-2 {
      grid-template-columns: repeat(2,minmax(0,1fr))
  }

  .sm\:grid-cols-3 {
      grid-template-columns: repeat(3,minmax(0,1fr))
  }
}

@media(min-width: 768px) {
  .md\:block {
      display:block
  }

  .md\:flex {
      display: flex
  }

  .md\:grid {
      display: grid
  }

  .md\:hidden {
      display: none
  }

  .md\:items-center {
      align-items: center
  }

  .md\:justify-end {
      justify-content: flex-end
  }

  .md\:justify-center {
      justify-content: center
  }

  .md\:text-lg {
      font-size: 1.125rem
  }

  .md\:text-xl {
      font-size: 1.25rem
  }

  .md\:text-3xl {
      font-size: 1.875rem
  }

  .md\:text-5xl {
      font-size: 3rem
  }

  .md\:m-0 {
      margin: 0
  }

  .md\:my-16 {
      margin-top: 4rem;
      margin-bottom: 4rem
  }

  .md\:mt-0 {
      margin-top: 0
  }

  .md\:mt-5 {
      margin-top: 1.25rem
  }

  .md\:mt-8 {
      margin-top: 2rem
  }

  .md\:mt-16 {
      margin-top: 4rem
  }

  .md\:max-w-none {
      max-width: none
  }

  .md\:max-w-3xl {
      max-width: 48rem
  }

  .md\:py-4 {
      padding-top: 1rem;
      padding-bottom: 1rem
  }

  .md\:py-8 {
      padding-top: 2rem;
      padding-bottom: 2rem
  }

  .md\:px-10 {
      padding-left: 2.5rem;
      padding-right: 2.5rem
  }

  .md\:absolute {
      position: absolute
  }

  .md\:inset-y-0 {
      top: 0;
      bottom: 0
  }

  .md\:right-0 {
      right: 0
  }

  .md\:left-0 {
      left: 0
  }

  .md\:w-auto {
      width: auto
  }

  .md\:gap-8 {
      grid-gap: 2rem;
      gap: 2rem
  }

  .md\:grid-cols-2 {
      grid-template-columns: repeat(2,minmax(0,1fr))
  }
}

@media(min-width: 1024px) {
  .lg\:border-t-0 {
      border-top-width:0
  }

  .lg\:inline-block {
      display: inline-block
  }

  .lg\:flex {
      display: flex
  }

  .lg\:inline-flex {
      display: inline-flex
  }

  .lg\:grid {
      display: grid
  }

  .lg\:items-center {
      align-items: center
  }

  .lg\:justify-between {
      justify-content: space-between
  }

  .lg\:flex-shrink-0 {
      flex-shrink: 0
  }

  .lg\:text-sm {
      font-size: .875rem
  }

  .lg\:text-5xl {
      font-size: 3rem
  }

  .lg\:leading-9 {
      line-height: 2.25rem
  }

  .lg\:leading-none {
      line-height: 1
  }

  .lg\:mt-0 {
      margin-top: 0
  }

  .lg\:mt-1 {
      margin-top: .25rem
  }

  .lg\:mt-20 {
      margin-top: 5rem
  }

  .lg\:max-w-none {
      max-width: none
  }

  .lg\:p-12 {
      padding: 3rem
  }

  .lg\:py-0 {
      padding-top: 0;
      padding-bottom: 0
  }

  .lg\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
  }

  .lg\:py-12 {
      padding-top: 3rem;
      padding-bottom: 3rem
  }

  .lg\:py-16 {
      padding-top: 4rem;
      padding-bottom: 4rem
  }

  .lg\:py-24 {
      padding-top: 6rem;
      padding-bottom: 6rem
  }

  .lg\:pb-4 {
      padding-bottom: 1rem
  }

  .lg\:pb-16 {
      padding-bottom: 4rem
  }

  .lg\:pt-20 {
      padding-top: 5rem
  }

  .lg\:pb-28 {
      padding-bottom: 7rem
  }

  .lg\:absolute {
      position: absolute
  }

  .lg\:col-gap-5 {
      grid-column-gap: 1.25rem;
      -moz-column-gap: 1.25rem;
      column-gap: 1.25rem
  }

  .lg\:col-gap-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
      column-gap: 2rem
  }

  .lg\:row-gap-5 {
      grid-row-gap: 1.25rem;
      row-gap: 1.25rem
  }

  .lg\:row-gap-12 {
      grid-row-gap: 3rem;
      row-gap: 3rem
  }

  .lg\:grid-cols-2 {
      grid-template-columns: repeat(2,minmax(0,1fr))
  }

  .lg\:grid-cols-3 {
      grid-template-columns: repeat(3,minmax(0,1fr))
  }

  .lg\:grid-cols-4 {
      grid-template-columns: repeat(4,minmax(0,1fr))
  }

  .lg\:col-span-1 {
      grid-column: span 1 / span 1
  }
}

@media(min-width: 1280px) {
  .xl\:grid {
      display:grid
  }

  .xl\:hidden {
      display: none
  }

  .xl\:my-0 {
      margin-top: 0;
      margin-bottom: 0
  }

  .xl\:mt-28 {
      margin-top: 7rem
  }

  .xl\:pb-20 {
      padding-bottom: 5rem
  }

  .xl\:gap-8 {
      grid-gap: 2rem;
      gap: 2rem
  }

  .xl\:grid-cols-3 {
      grid-template-columns: repeat(3,minmax(0,1fr))
  }

  .xl\:col-span-2 {
      grid-column: span 2 / span 2
  }
}