section[data-astro-cid-edivzxd5] {
  color: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
  font-family: Inter, sans-serif;
  font-style: normal;
  font-size: var(--step-0);
  padding: var(--space-l-xl);
  column-gap: var(--space-s-m);
  row-gap: var(--space-l);
  flex-direction: column;
  max-width: 92.5rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

article[data-astro-cid-edivzxd5] {
  row-gap: var(--space-s);
  flex-direction: column;
  display: flex;
}

.wrapper[data-astro-cid-edivzxd5] {
  row-gap: var(--space-3xs-2xs);
  padding: var(--space-s);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.wrapper[data-astro-cid-edivzxd5] [data-astro-cid-edivzxd5][data-icon] {
  font-size: var(--step-4);
}

details[data-astro-cid-edivzxd5] {
  padding: var(--space-s);
  border: 1px solid var(--neutral-800);
  border-radius: var(--space-xs);
}

summary[data-astro-cid-edivzxd5] {
  cursor: pointer;
}

details[data-astro-cid-edivzxd5][open] summary[data-astro-cid-edivzxd5] {
  padding-bottom: var(--space-xs);
  border-bottom: 1px solid var(--neutral-800);
}

details[data-astro-cid-edivzxd5][open] p[data-astro-cid-edivzxd5] {
  padding-top: var(--space-xs);
}

div[data-astro-cid-edivzxd5] {
  background: color-mix(in srgb, var(--neutral-950) 40%, transparent);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
  border-radius: var(--space-xs);
  border: 1px solid var(--neutral-800);
  row-gap: var(--space-2xs-xs);
  min-width: calc((100% - var(--space-s-m)) / 1);
  flex-direction: column;
  display: flex;
}

p[data-astro-cid-edivzxd5] {
  font-size: var(--step-0);
  font-weight: 400;
  line-height: 160%;
}

h2[data-astro-cid-edivzxd5] {
  font-size: var(--step-3);
  font-weight: 700;
  line-height: 120%;
}

h3[data-astro-cid-edivzxd5] {
  font-size: var(--step-1);
  font-weight: 700;
  line-height: 120%;
}
section[data-astro-cid-myv7pgxt] {
  padding: var(--space-2xl-3xl) var(--space-l-xl);
  background-image: radial-gradient(circle, var(--lightningcss-light, var(--neutral-200)) var(--lightningcss-dark, var(--neutral-800)) 2px, transparent 2px);
  color: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
  align-items: center;
  row-gap: var(--space-m-l);
  text-align: center;
  background-position: center;
  background-size: 2.5rem 2.5rem;
  flex-direction: column;
  max-width: 92.5rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: flex;
}

h2[data-astro-cid-myv7pgxt] {
  font-family: Inter, sans-serif;
  font-size: var(--step-5);
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

p[data-astro-cid-myv7pgxt] {
  font-family: Inter, sans-serif;
  font-size: var(--step-1);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

button[data-astro-cid-myv7pgxt] {
  border: 2px solid var(--lightningcss-light, var(--blue-100)) var(--lightningcss-dark, var(--blue-900));
  border-radius: var(--space-3xs);
  background-color: var(--lightningcss-light, var(--blue-400)) var(--lightningcss-dark, var(--blue-600));
  color: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
  cursor: pointer;
  font: inherit;
  font-size: var(--step-2);
  letter-spacing: inherit;
  padding-block: var(--space-2xs);
  padding-inline: var(--space-xs);
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  gap: 1ch;
  font-weight: 700;
  line-height: 120%;
  display: inline-flex;
}

@media (prefers-reduced-motion: no-preference) {
  button[data-astro-cid-myv7pgxt] {
    transition: box-shadow .145s, outline-offset .145s;
  }
}

button[data-astro-cid-myv7pgxt]:where([data-icon]) {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  block-size: 2ch;
  inline-size: 2ch;
}

button[data-astro-cid-myv7pgxt]:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}
#one[data-astro-cid-aafkaq3q] {
  background: linear-gradient(25deg, var(--lightningcss-light, var(--neutral-50)) var(--lightningcss-dark, var(--neutral-950)) 40%, transparent 41%, transparent 59%, var(--lightningcss-light, var(--neutral-50)) var(--lightningcss-dark, var(--neutral-950)) 60%), linear-gradient(90deg, transparent 45%, var(--blue-400) 45%, var(--blue-600) 55%, transparent 55%, transparent 20%, var(--lightningcss-light, var(--neutral-200)) var(--lightningcss-dark, var(--neutral-800)) 20%, var(--lightningcss-light, var(--neutral-200)) var(--lightningcss-dark, var(--neutral-800)) 30%, transparent 30%), linear-gradient(90deg, var(--lightningcss-light, var(--neutral-200)) var(--lightningcss-dark, var(--neutral-800)) 9%, transparent 10%);
  background-color: var(--lightningcss-light, var(--neutral-50)) var(--lightningcss-dark, var(--neutral-950));
  background-position: center;
  background-repeat: repeat;
  background-size: 6em 6em;
}

#two[data-astro-cid-aafkaq3q] {
  background: linear-gradient(-25deg, var(--lightningcss-light, var(--neutral-50)) var(--lightningcss-dark, var(--neutral-950)) 40%, transparent 41%, transparent 59%, var(--lightningcss-light, var(--neutral-50)) var(--lightningcss-dark, var(--neutral-950)) 60%), linear-gradient(90deg, transparent 45%, var(--lightningcss-light, var(--neutral-200)) var(--lightningcss-dark, var(--neutral-800)) 45%, var(--lightningcss-light, var(--neutral-200)) var(--lightningcss-dark, var(--neutral-800)) 55%, transparent 55%, transparent 20%, var(--lightningcss-light, var(--neutral-200)) var(--lightningcss-dark, var(--neutral-800)) 20%, var(--lightningcss-light, var(--neutral-200)) var(--lightningcss-dark, var(--neutral-800)) 30%, transparent 30%), linear-gradient(90deg, var(--blue-500) 9%, transparent 10%);
  background-color: var(--lightningcss-light, var(--neutral-50)) var(--lightningcss-dark, var(--neutral-950));
  background-position: center;
  background-repeat: repeat;
  background-size: 6em 6em;
}

article[data-astro-cid-aafkaq3q] {
  color: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
  padding-block: var(--space-l-xl);
  text-align: center;
  flex-direction: column;
  max-width: 92.5rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: flex;
}

section[data-astro-cid-aafkaq3q] {
  padding: var(--space-l-xl);
  justify-content: center;
  column-gap: var(--space-s-m);
  font-family: Inter, sans-serif;
  font-size: var(--step-0);
  row-gap: var(--space-m);
  flex-wrap: wrap;
  max-width: 92.5rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: flex;
}

.wrapper[data-astro-cid-aafkaq3q] {
  align-items: center;
  row-gap: var(--space-3xs-2xs);
  flex-direction: column;
  display: flex;
}

.wrapper[data-astro-cid-aafkaq3q] [data-astro-cid-aafkaq3q][data-icon] {
  font-size: var(--step-4);
}

div[data-astro-cid-aafkaq3q] {
  min-width: calc((100% - var(--space-s-m)) / 2);
  flex: 1 1 calc(330px - var(--space-l-xl) * 2);
  padding: var(--space-m);
  border: 1px solid var(--neutral-800);
  border-radius: var(--space-xs);
  -webkit-backdrop-filter: blur(8px) saturate(140%);
  backdrop-filter: blur(8px) saturate(140%);
  background: color-mix(in srgb, var(--lightningcss-light, var(--neutral-50)) var(--lightningcss-dark, var(--neutral-950)) 40%, transparent);
  row-gap: var(--space-3xs-2xs);
  flex-direction: column;
  display: flex;
}

p[data-astro-cid-aafkaq3q] {
  font-size: var(--step-1);
  font-weight: 400;
  line-height: 160%;
}

h2[data-astro-cid-aafkaq3q] {
  font-size: var(--step-3);
  font-weight: 700;
  line-height: 120%;
}

h3[data-astro-cid-aafkaq3q] {
  font-weight: 700;
  line-height: 120%;
}

button[data-astro-cid-aafkaq3q] {
  border: 2px solid var(--lightningcss-light, var(--blue-300)) var(--lightningcss-dark, var(--blue-700));
  border-radius: var(--space-3xs);
  background-color: var(--lightningcss-light, var(--blue-400)) var(--lightningcss-dark, var(--blue-600));
  cursor: pointer;
  font: inherit;
  font-size: var(--step-2);
  letter-spacing: inherit;
  padding-block: var(--space-2xs);
  padding-inline: var(--space-xs);
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  gap: 1ch;
  font-weight: 700;
  line-height: 120%;
  display: inline-flex;
}

@media (prefers-reduced-motion: no-preference) {
  button[data-astro-cid-aafkaq3q] {
    transition: box-shadow .145s, outline-offset .145s;
  }
}

button[data-astro-cid-aafkaq3q]:where([data-icon]) {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
  block-size: 2ch;
  inline-size: 2ch;
}

button[data-astro-cid-aafkaq3q]:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}
section[data-astro-cid-ezsi7upz] {
  font-size: var(--step--2);
  justify-content: center;
  align-items: center;
  gap: var(--space-2xs);
  padding-block: var(--space-3xs-2xs);
  flex-direction: column;
  display: flex;
}

section[data-astro-cid-ezsi7upz] > div[data-astro-cid-ezsi7upz] {
  cursor: help;
  justify-content: center;
  align-items: center;
  gap: 1ch;
  display: flex;
}

section[data-astro-cid-ezsi7upz] span[data-astro-cid-ezsi7upz] > [data-astro-cid-ezsi7upz][data-icon] {
  font-size: var(--step-0);
}

section[data-astro-cid-ezsi7upz] span[data-astro-cid-ezsi7upz]#active {
  color: var(--blue-500);
}
article[data-astro-cid-sjh5edtt] {
  color: var(--lightningcss-light, #000) var(--lightningcss-dark, #fff);
  font-size: var(--step--1);
}

article[data-astro-cid-sjh5edtt] > div[data-astro-cid-sjh5edtt] {
  padding: var(--space-s-l);
}

h2[data-astro-cid-sjh5edtt] {
  font-size: var(--step-3);
  font-weight: 700;
  line-height: 120%;
}

section[data-astro-cid-sjh5edtt] {
  padding-bottom: var(--space-xs);
  gap: var(--space-xs-s);
  overscroll-behavior-x: contain;
  padding-inline: var(--space-s-l);
  scroll-snap-type: x mandatory;
  grid-auto-flow: column;
  max-width: 92.5rem;
  margin-inline-start: auto;
  margin-inline-end: auto;
  display: grid;
  overflow-x: scroll;
  transform: rotateX(180deg);
}

section[data-astro-cid-sjh5edtt] > div[data-astro-cid-sjh5edtt] {
  scroll-snap-align: center;
  transform: rotateX(180deg);
}

@media (min-width: 959px) {
  section[data-astro-cid-sjh5edtt] {
    justify-content: center;
  }
}

#placeholder[data-astro-cid-sjh5edtt] {
  min-width: 288px;
  min-height: 229.492px;
}