/* ==========================================================================
   Main stylesheet
   ========================================================================== */
:root {
  --ui-border: rgb(39 35 41);
  --ui-primary: rgb(152 52 229);
  --ui-secondary: rgb(223 123 93);
  --ui-foreground: rgb(242 241 243);
  --ui-hero-foreground: rgb(247 247 248);
  --ui-background: rgb(10 9 11);
  --ui-card: rgb(21 19 22);
  --ui-muted: rgb(28 25 31);
  --ui-muted-foreground: rgb(159 152 164);
  --ui-primary-hover: rgb(127 26 203);
}
* {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body {
  line-height: 1.63;
  background: var(--ui-background);
}
body {
  margin: 0;
  font-size: 1.125rem;
  -webkit-font-smoothing: antialiased;
  color: var(--ui-foreground);
  font-family: 'Open Sans', 'Segoe UI', Roboto, sans-serif;
}
pre {
  overflow-x: auto;
  max-inline-size: 100%;
}
code {
  overflow-wrap: anywhere;
}
img {
  display: block;
  height: auto;
  max-width: 100%;
}
a {
  color: var(--ui-primary);
}
a:hover {
  color: var(--ui-primary-hover);
}
h1,h2,h3,h4 {
  font-weight: 600;
  line-height: 1.2;
}
h1,h2,h3,h4 {
  margin: 0 0 0.6em;
  letter-spacing: 0;
  font-family: 'Kanit', system-ui, sans-serif;
}
h1 {
  font-size: 2.10rem;
}
h2 {
  font-size: 1.55rem;
  margin-top: 1.67em;
}
h3 {
  margin-block-start: 1.39em;
  font-size: 1.18rem;
}
h2[id],h3[id],.j_nch {
  scroll-margin-top: 5.625rem;
}
.j_nch {
  font-weight: 400;
  text-decoration-line: none;
  margin-left: 0.33em;
  opacity: .3;
}
h2:hover .j_nch,h3:hover .j_nch {
  opacity: .85;
}
.j_tx {
  max-inline-size: 100%;
}
.j_tx p {
  margin: 0 0 1.22em 0;
}
.j_tx ul,.j_tx ol {
  margin: 0 0 1.16em;
  padding-inline-start: 1.29em;
}
.j_tx li {
  margin: 0.36em 0 0.36em 0;
}
.j_tx li>p {
  margin: 0rem;
}
.j_tx table {
  border-collapse: collapse;
  display: block;
}
.j_tx table {
  overflow-x: auto;
  inline-size: 100%;
  margin-block-start: 1.29em;
}
.j_tx table {
  margin-bottom: 1.29em;
  font-size: .94em;
}
.j_tx th,.j_tx td {
  border: 0.063rem solid var(--ui-border);
  padding-inline: 0.75rem;
  padding-block: 0.5rem;
  text-align: start;
}
.j_tx th {
  font-weight: 600;
  background-color: var(--ui-muted);
}
.j_tx blockquote {
  border-inline-start: 0.25rem solid var(--ui-secondary);
  border-radius: 0.5rem;
}
.j_tx blockquote {
  padding: 0.813rem 1.25rem;
  background: var(--ui-card);
  margin-top: 1.29em;
  margin-bottom: 1.29em;
}
.j_tx .j_ct {
  text-decoration-line: none;
  font-size: .78em;
  color: var(--ui-secondary);
}
.j_tx code {
  background-color: var(--ui-muted);
  padding: 0.063rem 0.313rem 0.063rem;
}
.j_tx code {
  font-size: .92em;
  border-radius: 0.25rem;
}
.j_tx img {
  margin-top: 1.02em;
  border-radius: 0.5rem;
  margin-bottom: 1.02em;
}
.j_tl3 {
  padding: 1.063rem 1.25rem 1.063rem 1.25rem;
}
.j_tl3 {
  font-size: 1.06em;
  margin-bottom: 1.625rem;
  border-radius: 0.5rem;
  background: var(--ui-muted);
  border-left: 0.25rem solid var(--ui-primary);
}
.j_tl3 p:last-child {
  margin-bottom: 0;
}
.j_pc {
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1.125rem;
  margin-top: 1.125rem;
}
.j_pc {
  gap: 1.188rem;
  display: grid;
}
.j_pc>div {
  background-color: var(--ui-card);
  border: 0.063rem solid var(--ui-border);
  padding: 0.938rem 1.25rem 0.938rem 1.25rem;
  border-radius: 0.5rem;
}
.j_pc h3 {
  margin-block-start: 0;
}
.j_pc ul {
  margin: 0;
  padding-inline-start: 1.3em;
}
.j_rf {
  border-block-start: 0.063rem solid var(--ui-border);
  color: var(--ui-muted-foreground);
  margin: 2.375rem 0 0;
  padding-block-start: 0.938rem;
  font-size: .9em;
}
.j_rf ol {
  padding-left: 1.48em;
}
.j_rf li {
  margin: 0.32em 0 0.32em 0;
}
.j_rf a {
  color: var(--ui-muted-foreground);
}
.j_qt {
  margin-block-end: 1.438rem;
  font-size: 1.15em;
}
.j_qt {
  border-inline-start: 0.25rem solid var(--ui-secondary);
  padding: 1.188rem 1.75rem 1.188rem 1.75rem;
}
.j_qt {
  font-style: italic;
  margin-top: 1.438rem;
  border-radius: 0.5rem;
  background-color: var(--ui-card);
}
.j_qt blockquote {
  background-color: transparent;
}
.j_qt blockquote {
  margin: 0rem;
  padding: 0;
  border: 0;
}
.j_qt figcaption {
  font-size: .85em;
  color: var(--ui-muted-foreground);
  margin-top: 0.5rem;
  font-style: normal;
}
.j_co {
  background: var(--ui-card);
  padding: 1.875rem;
}
.j_co {
  color: var(--ui-foreground);
  text-align: center;
  box-shadow: inset 0 0.063rem 0 rgb(152 52 229 / 0.35), 0 1.5rem 3.75rem -30px rgb(152 52 229 / 0.6);
  margin-top: 2.438rem;
  margin-bottom: 2.438rem;
  border: 0.063rem solid var(--ui-border);
  border-radius: 0.5rem;
}
.j_co h2 {
  margin-top: 0;
  color: inherit;
}
ul.j_gd {
  list-style-type: none;
  padding: 0;
}
.j_b {
  padding: 0.813rem 1.563rem;
  background: var(--ui-primary);
  border-radius: 0.5rem;
  margin-top: 0.625rem;
  font-weight: 600;
  display: inline-block;
  color: var(--ui-background);
  text-decoration: none;
}
.j_b:hover {
  color: var(--ui-background);
}
.j_gd {
  gap: 1.438rem;
}
.j_gd {
  display: grid;
  margin: 1.5rem 0;
  grid-template-columns: repeat(auto-fill,minmax(15.625rem,1fr));
}
.j_it {
  border: 0.063rem solid var(--ui-border);
  flex-direction: column;
}
.j_it {
  background: var(--ui-card);
  border-radius: 0.5rem;
}
.j_it {
  gap: 0.5rem;
  padding: 1.313rem;
  display: flex;
}
.j_it h3 {
  font-size: 1.08em;
  margin: 0;
}
.j_it p {
  margin: 0rem;
  font-size: .95em;
  color: var(--ui-muted-foreground);
}
.j_it a {
  font-weight: 600;
  text-decoration-line: none;
}
.j_mt {
  display: none;
}
.j_bgf {
  inline-size: 1.875rem;
  display: none;
  flex-direction: column;
  gap: 0.375rem;
}
.j_bgf {
  padding-inline: 0;
  padding-block: 0.375rem;
  cursor: pointer;
}
.j_bgf span {
  display: block;
  height: 0.125rem;
  background: currentColor;
}
.j_by {
  display: flex;
  gap: 0.5rem 1.063rem;
  margin: 0 0 1.188rem;
}
.j_by {
  flex-wrap: wrap;
  color: var(--ui-muted-foreground);
  font-size: .9em;
}
.j_cr {
  font-size: .88em;
  margin-bottom: 0.875rem;
  color: var(--ui-muted-foreground);
}
.j_cr a {
  text-decoration: none;
  color: var(--ui-muted-foreground);
}
.j_eb {
  margin: 0 0 0.625rem;
}
.j_eb {
  text-transform: uppercase;
  font-size: .76em;
  display: inline-block;
  font-weight: 700;
}
.j_eb {
  color: var(--ui-secondary);
  letter-spacing: 0.08em;
}
.j_fg figcaption {
  font-size: .85em;
  color: var(--ui-muted-foreground);
  margin: 0.5rem 0 0;
}
.j_hw .j_fg, .j_tx .j_fg {
  margin: 0.938rem 0 0.375rem 0;
}
.j_hw .j_fg img {
  width: 100%;
  border-radius: 0.375rem;
}
.j_mr {
  margin-block-start: 3.25rem;
}
.j_eb {
  margin: 0.5rem 0 0 0;
  display: block;
}
.j_qa details {
  border-radius: 0.563rem;
  margin-bottom: 0.625rem;
}
.j_qa details {
  border: 0.063rem solid var(--ui-border);
  margin-top: 0.625rem;
}
.j_qa details {
  background-color: var(--ui-card);
  padding: 0.75rem 1.063rem 0.75rem;
}
.j_qa summary {
  font-weight: 600;
  cursor: pointer;
}
.j_qa details>div {
  padding-top: 0.5rem;
}
.j_hw {
  counter-reset: s;
  margin: 1.125rem 0 1.125rem;
}
.j_hw {
  padding: 0;
  list-style-type: none;
}
.j_hw li {
  margin: 1.125rem 0 1.125rem 0;
  position: relative;
  padding-inline-start: 3.25rem;
}
.j_hw li::before {
  display: flex;
  font-family: 'Kanit', system-ui, sans-serif;
  width: 2.375rem;
  height: 2.375rem;
}
.j_hw li::before {
  justify-content: center;
  color: #fff;
  content: counter(s);
  background-color: var(--ui-primary);
  inset-inline-start: 0;
  border-radius: 50%;
  position: absolute;
  align-items: center;
  inset-block-start: 0;
  font-weight: 700;
  counter-increment: s;
}
.j_w {
  margin: 0 auto 0 auto;
  padding: 0 1.375rem 0 1.375rem;
  max-width: 62.5rem;
}
.j_top {
  z-index: 20;
  position: sticky;
  background: var(--ui-card);
  border-block-end: 0.063rem solid var(--ui-border);
  inset-block-start: 0;
}
.j_hi {
  row-gap: 1.25rem;
  display: flex;
  column-gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
}
.j_hi {
  flex-wrap: wrap;
  min-block-size: 3.625rem;
}
.j_lo {
  font-size: 1.15rem;
  color: inherit;
  gap: 0.625rem;
  letter-spacing: 0.02em;
  align-items: center;
}
.j_lo {
  font-family: 'Kanit', system-ui, sans-serif;
  font-weight: 600;
}
.j_lo {
  text-decoration: none;
  display: inline-flex;
}
.j_lo svg {
  width: 1.625rem;
  height: 1.625rem;
}
.j_nav {
  display: flex;
  row-gap: 0.125rem;
  column-gap: 0.125rem;
}
.j_nav a {
  color: var(--ui-muted-foreground);
  font-size: .82em;
  text-decoration: none;
}
.j_nav a {
  text-transform: uppercase;
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}
.j_nav a {
  border-radius: 0.375rem;
  padding: 0.375rem 0.813rem;
  letter-spacing: 0.06em;
}
.j_nav a:hover {
  color: var(--ui-primary);
  background-color: var(--ui-muted);
}
.j_str {
  flex-wrap: wrap;
  gap: 0.5rem 1.75rem;
  display: flex;
  border-block-start: 0.063rem solid var(--ui-border);
}
.j_str {
  color: var(--ui-muted-foreground);
  font-size: .76em;
  max-width: 62.5rem;
  margin: 0 auto 0 auto;
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  padding: 0.375rem 1.375rem 0.375rem 1.375rem;
}
.j_str span {
  align-items: center;
  gap: 0.5rem;
  display: inline-flex;
}
.j_mn2 {
  padding: 2.25rem 0 4.25rem;
}
.j_he {
  padding: 0.625rem 0 1.813rem;
}
.j_he h1 {
  max-inline-size: 50rem;
  font-size: 2.4rem;
}
.j_he p {
  max-inline-size: 40rem;
  font-size: 1.08em;
  color: var(--ui-muted-foreground);
}
.j_hds {
  grid-template-columns: 1fr 21.25rem;
  gap: 1.75rem;
  display: grid;
  align-items: center;
}
.j_tbl {
  border-radius: 0.375rem;
  margin-block-end: 2.438rem;
  overflow: hidden;
}
.j_tbl {
  border: 0.063rem solid var(--ui-border);
  background: var(--ui-card);
}
.j_th,.j_tr {
  row-gap: 1.063rem;
  grid-template-columns: 5rem minmax(0,1fr) 8.125rem;
  display: grid;
  align-items: center;
  padding-inline: 1.063rem;
  padding-block: 0.875rem;
  column-gap: 1.063rem;
}
.j_th {
  text-transform: uppercase;
  background-color: var(--ui-muted);
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}
.j_th {
  border-block-end: 0.063rem solid var(--ui-border);
  letter-spacing: 0.09em;
  font-size: .74em;
  color: var(--ui-muted-foreground);
}
.j_tr {
  text-decoration-line: none;
  border-block-start: 0.063rem solid var(--ui-border);
  color: inherit;
}
.j_tr:nth-child(odd) {
  background-color: rgb(28 25 31 / 0.5);
}
.j_tr:hover {
  background: var(--ui-muted);
}
.j_tr strong {
  display: block;
  margin-bottom: 0.188rem;
  font-weight: 600;
}
.j_tr strong {
  font-family: 'Kanit', system-ui, sans-serif;
  font-size: 1.08em;
}
.j_tr:hover strong {
  color: var(--ui-primary);
}
.j_tr small {
  display: block;
  color: var(--ui-muted-foreground);
  font-size: .88em;
}
.j_n {
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  color: var(--ui-muted-foreground);
  font-size: .8em;
}
.j_tb {
  margin-block-end: 1.625rem;
}
.j_tb h1 {
  font-size: 2.2rem;
  max-width: 52.5rem;
}
.j_ld {
  color: var(--ui-muted-foreground);
  font-size: 1.08em;
}
.j_cl {
  row-gap: 2.063rem;
  display: grid;
  grid-template-columns: minmax(0,1fr) 17.5rem;
}
.j_cl {
  align-items: start;
  column-gap: 2.063rem;
}
.j_sd {
  position: sticky;
  grid-template-columns: minmax(0,1fr);
  column-gap: 0.938rem;
  row-gap: 0.938rem;
}
.j_sd {
  display: grid;
  top: 6.25rem;
}
.j_bx {
  border-radius: 0.375rem;
}
.j_bx {
  background: var(--ui-card);
  padding-inline: 1rem;
  padding-block: 0.938rem;
  border: 0.063rem solid var(--ui-border);
  font-size: .9em;
}
.j_bx .j_by {
  margin: 0;
  flex-direction: column;
}
.j_bx .j_by {
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  gap: 0.25rem;
  font-size: .84em;
}
.j_k {
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  display: block;
  font-size: .72em;
}
.j_k {
  margin-bottom: 0.5rem;
  letter-spacing: 0.1em;
  color: var(--ui-primary);
  text-transform: uppercase;
}
.j_bx .j_eb {
  margin-top: 0.75rem;
}
.j_bx ol,.j_bx ul {
  margin: 0.375rem 0 0;
  padding-inline-start: 1.28em;
}
.j_bx a {
  text-decoration: none;
  color: var(--ui-foreground);
}
.j_bx a:hover {
  color: var(--ui-primary);
}
.j_ps .j_bx {
  margin: 0 0 1.438rem;
}
.j_fg {
  margin: 0 0 1.5rem;
}
.j_fg img {
  border: 0.063rem solid var(--ui-border);
  border-radius: 0.375rem;
}
.j_fo {
  color: var(--ui-muted-foreground);
  padding: 2.375rem 0 0 0;
  background-color: var(--ui-card);
  border-top: 0.063rem solid var(--ui-border);
  font-size: .9em;
}
.j_fi {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 1.688rem;
  padding-bottom: 1.563rem;
}
.j_fi a {
  margin-top: 0.188rem;
  color: var(--ui-muted-foreground);
}
.j_fi a {
  text-decoration-line: none;
  margin-bottom: 0.188rem;
  display: block;
}
.j_fi a:hover {
  color: var(--ui-primary);
}
.j_fl {
  padding: 0.75rem 1.25rem 0.75rem;
  border-top: 0.063rem solid var(--ui-border);
  font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size: .76em;
}
.j_nav ul,.j_nav li {
  display: contents;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.j_cl.j_clsn {
  grid-template-columns: 16.25rem minmax(0,1fr);
}
.j_tc summary {
  font-weight: 600;
  cursor: pointer;
}
.j_fwr {
  margin: 0 auto;
  padding: 0 1.25rem;
  max-width: 62.5rem;
}
.j_cls {
  row-gap: 1.063rem;
  column-gap: 1.063rem;
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.j_clsg {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1rem;
}
.j_prg {
  inset-block-start: 0;
  background: var(--ui-primary);
  z-index: 60;
}
.j_prg {
  position: fixed;
  inline-size: 0;
}
.j_prg {
  transition: width .1s linear;
  height: 0.188rem;
  left: 0;
}
progress {
  inline-size: 100%;
  accent-color: var(--ui-primary);
  block-size: 0.5rem;
}
meter {
  width: 100%;
}
.j_tp {
  position: relative;
  cursor: help;
  border-bottom: 0.063rem dotted var(--ui-muted-foreground);
}
.j_tp::after {
  position: absolute;
  opacity: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  color: var(--ui-background);
  transition: none;
  content: attr(data-tip);
  font-size: .8em;
  white-space: nowrap;
  pointer-events: none;
  inset-block-end: 125%;
  padding: 0.5rem 0.813rem 0.5rem 0.813rem;
  background-color: var(--ui-foreground);
  border-radius: 0.375rem;
}
.j_tp:hover::after {
  opacity: 1;
}
.j_shr {
  column-gap: 0.375rem;
  row-gap: 0.375rem;
}
.j_shr {
  display: flex;
  margin: 1.5rem 0;
  align-items: center;
}
.j_shr a {
  color: var(--ui-muted-foreground);
  display: inline-flex;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  border: 0.063rem solid var(--ui-border);
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
}
.j_shr a:hover {
  border-color: var(--ui-primary);
  color: var(--ui-primary);
}
.j_sr- {
  border: 0;
  position: absolute;
}
.j_sr- {
  height: 0.063rem;
  clip: rect(0,0,0,0);
  overflow: hidden;
  margin: -1px;
  padding: 0;
}
.j_sr- {
  width: 0.063rem;
  white-space: nowrap;
}
.j_skp {
  z-index: 100;
  padding: 0.5rem 0.938rem;
  left: 0.5rem;
}
.j_skp {
  inset-block-start: -40px;
  background: var(--ui-primary);
}
.j_skp {
  border-radius: 0 0 0.375rem 0.375rem;
  position: absolute;
  transition: none;
  color: #fff;
}
.j_skp:focus {
  top: 0;
}
tbody tr:hover {
  background: var(--ui-muted);
}
caption {
  text-align: start;
}
caption {
  color: var(--ui-muted-foreground);
  caption-side: bottom;
  font-size: .88em;
  padding-block: 0.5rem;
  padding-inline: 0;
}
th[scope=row] {
  white-space: nowrap;
  font-weight: 600;
}
.j_ttp {
  text-decoration-line: none;
  box-shadow: 0 0.375rem 1.25rem rgb(242 241 243 / 0.2);
  inset-block-end: 1.25rem;
  place-items: center;
  inset-inline-end: 1.25rem;
  color: #fff;
  position: fixed;
}
.j_ttp {
  inline-size: 2.625rem;
  display: grid;
  z-index: 50;
  background-color: var(--ui-primary);
  block-size: 2.625rem;
  border-radius: 0.563rem;
}
.j_ttp:hover {
  color: #fff;
  background-color: var(--ui-primary-hover);
}
.j_bdg {
  letter-spacing: 0;
  background: var(--ui-muted);
  font-size: .76em;
  display: inline-block;
  font-weight: 600;
  padding: 0.188rem 0.625rem 0.188rem 0.625rem;
  border-radius: 61.563rem;
}
.j_bdg {
  color: var(--ui-primary);
  text-transform: uppercase;
}
.j_bdg.j_bdgl {
  color: var(--ui-secondary);
  background: rgb(223 123 93 / 0.15);
}
.j_bdg+.j_bdg {
  margin-inline-start: 0.375rem;
}
.j_hdd,[hidden] {
  display: none;
}
.j_trn {
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.j_trn {
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.j_chp {
  align-items: center;
  flex-wrap: wrap;
}
.j_chp {
  row-gap: 0.5rem;
  display: flex;
  column-gap: 0.5rem;
}
.j_ld {
  line-height: 1.55;
}
.j_ld {
  font-size: 1.15em;
  color: var(--ui-foreground);
  font-weight: 300;
}
summary {
  cursor: pointer;
  list-style: disclosure-closed;
}
details[open] summary {
  margin-block-end: 0.375rem;
}
kbd {
  padding: 0.125rem 0.375rem 0.125rem 0.375rem;
  font: inherit;
}
kbd {
  background-color: var(--ui-card);
  font-size: .85em;
}
kbd {
  border: 0.063rem solid var(--ui-border);
  border-bottom-width: 0.125rem;
  border-radius: 0.25rem;
}
mark {
  color: inherit;
  background: rgb(223 123 93 / 0.35);
}
mark {
  padding: 0 0.188rem;
  border-radius: 0.125rem;
}
small {
  font-size: .82em;
}
.j_vtr {
  object-fit: cover;
  block-size: 2.25rem;
}
.j_vtr {
  border-radius: 50%;
  background: var(--ui-muted);
  inline-size: 2.25rem;
}
.j_byl {
  display: flex;
  font-size: .9em;
}
.j_byl {
  align-items: center;
  color: var(--ui-muted-foreground);
  gap: 0.688rem;
}
hr {
  border: 0;
  margin-top: 2.5rem;
  height: 0.063rem;
  background: linear-gradient(90deg,transparent,var(--ui-border),transparent);
  margin-bottom: 2.5rem;
}
blockquote cite {
  display: block;
  font-style: normal;
}
blockquote cite {
  color: var(--ui-muted-foreground);
  margin-block-start: 0.5rem;
  font-size: .88em;
}
@media (max-width:640px) {
h1,h2,h3 {
  overflow-wrap: anywhere;
}
.j_pc {
  grid-template-columns: minmax(0,1fr);
}
.j_th {
  display: none;
}
.j_tr {
  grid-template-columns: minmax(0,1fr);
  gap: 0.375rem;
}
.j_he h1,.j_tb h1 {
  font-size: 1.7rem;
}
.j_cls,.j_clsg {
  grid-template-columns: minmax(0,1fr);
}
}
@media (max-width:720px) {
table {
  max-inline-size: 100%;
  overflow-x: auto;
  display: block;
}
}
@media (max-width:800px) {
.j_bgf {
  display: flex;
}
.j_nav {
  padding: 0.438rem 0 0.688rem;
  width: 100%;
  gap: 0.5rem;
  display: none;
  flex-direction: column;
}
.j_mt:checked~.j_nav {
  display: flex;
}
.j_hds,.j_cl,.j_fi {
  grid-template-columns: minmax(0,1fr);
}
.j_sd {
  position: static;
}
}
@media (max-width:900px) {
.j_cl.j_clsn {
  grid-template-columns: minmax(0,1fr);
}
}
@media (prefers-reduced-motion:reduce) {
* {
  animation-iteration-count: 1;
  animation-duration: .01ms;
  transition-duration: .01ms;
}
html {
  scroll-behavior: auto;
}
}