.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1
}

@font-face {
  font-display: swap;

  font-family: "Euclid Circular A";

  font-style: normal;

  font-weight: 400;

  src: url("/font/EuclidCircularA-Regular.woff2") format("woff2"), url("/font/EuclidCircularA-Regular.woff") format("woff")
}

@font-face {
  font-display: swap;

  font-family: "Euclid Circular A";

  font-style: normal;

  font-weight: 500;

  src: url("/font/EuclidCircularA-Medium.woff2") format("woff2"), url("/font/EuclidCircularA-Medium.woff") format("woff")
}

@font-face {
  ascent-override: 100%;

  font-display: swap;

  font-family: "Galaxie Polaris";

  font-style: normal;

  font-weight: 400;

  src: url("/font/Polaris_V2_Book.woff2") format("woff2"), url("/font/Polaris_V2_Book.woff") format("woff")
}

@font-face {
  ascent-override: 100%;

  font-display: swap;

  font-family: "Galaxie Polaris";

  font-style: normal;

  font-weight: 500;

  src: url("/font/Polaris_V2_Bold.woff2") format("woff2"), url("/font/Polaris_V2_Bold.woff") format("woff")
}

@font-face {
  font-display: swap;

  font-family: "Inter";

  font-style: normal;

  font-weight: 100 900;

  src: url("/font/Inter-VariableFont_opsz,wght.woff2") format("woff2-variations"), url("/font/Inter-VariableFont_opsz,wght.woff") format("woff-variations")
}

@font-face {
  font-display: swap;

  font-family: "TID UI";

  font-style: normal;

  font-weight: 400;

  src: url("/font/TIDUI-Regular.woff2") format("woff2"), url("/font/TIDUI-Regular.woff") format("woff")
}

@font-face {
  font-display: swap;

  font-family: "TID UI";

  font-style: normal;

  font-weight: 500;

  src: url("/font/TIDUI-Medium.woff2") format("woff2"), url("/font/TIDUI-Medium.woff") format("woff")
}

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

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

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

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

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

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

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

.col-span-3 {
  grid-column: span 3 / span 3
}

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

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px
}

.mb-0 {
  margin-bottom: 0px
}

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

.mt-0 {
  margin-top: 0px
}

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

.block {
  display: block
}

.flex {
  display: flex
}

.grid {
  display: grid
}

.hidden {
  display: none
}

.w-full {
  width: 100%
}

.max-w-\[350px\] {
  max-width: 350px
}

.max-w-\[358px\] {
  max-width: 358px
}

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

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr))
}

.flex-row-reverse {
  flex-direction: row-reverse
}

.flex-col {
  flex-direction: column
}

.items-center {
  align-items: center
}

.gap-2 {
  gap: 0.5rem
}

.gap-4 {
  gap: 1rem
}

.gap-8 {
  gap: 2rem
}

.justify-self-center {
  justify-self: center
}

.overflow-x-auto {
  overflow-x: auto
}

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

.bg-background-secondary-light {
  background-color: var(--color-background-secondary-light, rgb(255, 255, 255))
}

.p-4 {
  padding: 1rem
}

.pb-0 {
  padding-bottom: 0px
}

.pb-24 {
  padding-bottom: 6rem
}

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

.text-center {
  text-align: center
}

.text-ink-primary-light {
  color: var(--color-ink-primary-light, rgb(49, 54, 99))
}

.text-ink-secondary-light {
  color: var(--color-ink-secondary-light, rgba(39, 45, 96, 0.7))
}

.typography-body-large {
  font-family: var(--font-family-body-large, "TID UI", sans-serif);
  font-size: var(--font-size-body-large, 1.25rem);
  font-weight: var(--font-weight-body-large, 400);
  line-height: var(--line-height-body-large, 1.5);
  letter-spacing: var(--letter-spacing-body-large, 0em)
}

.typography-body-medium {
  font-family: var(--font-family-body-medium, "TID UI", sans-serif);
  font-size: var(--font-size-body-medium, 1.125rem);
  font-weight: var(--font-weight-body-medium, 400);
  line-height: var(--line-height-body-medium, 1.5);
  letter-spacing: var(--letter-spacing-body-medium, 0em)
}

.typography-body-medium-emphasized {
  font-family: var(--font-family-body-medium-emphasized, "TID UI", sans-serif);
  font-size: var(--font-size-body-medium-emphasized, 1.125rem);
  font-weight: var(--font-weight-body-medium-emphasized, 500);
  line-height: var(--line-height-body-medium-emphasized, 1.5);
  letter-spacing: var(--letter-spacing-body-medium-emphasized, 0em)
}

.typography-caption-medium {
  font-family: var(--font-family-caption-medium, "TID UI", sans-serif);
  font-size: var(--font-size-caption-medium, 0.875rem);
  font-weight: var(--font-weight-caption-medium, 400);
  line-height: var(--line-height-caption-medium, 1.5);
  letter-spacing: var(--letter-spacing-caption-medium, 0em)
}

.typography-caption-small {
  font-family: var(--font-family-caption-small, "TID UI", sans-serif);
  font-size: var(--font-size-caption-small, 0.75rem);
  font-weight: var(--font-weight-caption-small, 400);
  line-height: var(--line-height-caption-small, 1.5);
  letter-spacing: var(--letter-spacing-caption-small, 0em)
}

.typography-title-large {
  font-family: var(--font-family-title-large, "TID UI", sans-serif);
  font-size: var(--font-size-title-large, 2rem);
  font-weight: var(--font-weight-title-large, 500);
  line-height: var(--line-height-title-large, 1.3);
  letter-spacing: var(--letter-spacing-title-large, 0em)
}

.typography-title-medium {
  font-family: var(--font-family-title-medium, "TID UI", sans-serif);
  font-size: var(--font-size-title-medium, 1.75rem);
  font-weight: var(--font-weight-title-medium, 500);
  line-height: var(--line-height-title-medium, 1.3);
  letter-spacing: var(--letter-spacing-title-medium, 0em)
}

body {
  background-color: var(--color-background-primary-light, rgb(244, 242, 241));
  color: var(--color-ink-primary-light, rgb(49, 54, 99))
}