a {
  color: var(--dt-colors-text-primary-default, #464cce);
  text-decoration: none;
  transition: color var(--dt-timings-fast-moderate) var(--dt-easings-out-back);
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1 {
  font-family: var(--dt-typography-heading-level-1-family);
  font-size: var(--dt-typography-heading-level-1-size, 32px);
  font-weight: var(--dt-typography-heading-level-1-weight, 600);
  line-height: var(--dt-typography-heading-level-1-line-height, 1.25);
  text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
  text-transform: var(--dt-typography-heading-level-1-text-transform, none);
}

h2 {
  font-family: var(--dt-typography-heading-level-2-family);
  font-size: var(--dt-typography-heading-level-2-size, 28px);
  font-weight: var(--dt-typography-heading-level-2-weight, 600);
  line-height: var(--dt-typography-heading-level-2-line-height, 1.2857142857);
  text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
  text-transform: var(--dt-typography-heading-level-2-text-transform, none);
}

h3 {
  font-family: var(--dt-typography-heading-level-3-family);
  font-size: var(--dt-typography-heading-level-3-size, 24px);
  font-weight: var(--dt-typography-heading-level-3-weight, 600);
  line-height: var(--dt-typography-heading-level-3-line-height, 1.3333333333);
  text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
  text-transform: var(--dt-typography-heading-level-3-text-transform, none);
}

h4 {
  font-family: var(--dt-typography-heading-level-4-family);
  font-size: var(--dt-typography-heading-level-4-size, 20px);
  font-weight: var(--dt-typography-heading-level-4-weight, 600);
  line-height: var(--dt-typography-heading-level-4-line-height, 1.4);
  text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
  text-transform: var(--dt-typography-heading-level-4-text-transform, none);
}

h5 {
  font-family: var(--dt-typography-heading-level-5-family);
  font-size: var(--dt-typography-heading-level-5-size, 16px);
  font-weight: var(--dt-typography-heading-level-5-weight, 600);
  line-height: var(--dt-typography-heading-level-5-line-height, 1.5);
  text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
  text-transform: var(--dt-typography-heading-level-5-text-transform, none);
}

h6 {
  font-family: var(--dt-typography-heading-level-6-family);
  font-size: var(--dt-typography-heading-level-6-size, 14px);
  font-weight: var(--dt-typography-heading-level-6-weight, 600);
  line-height: var(--dt-typography-heading-level-6-line-height, 1.4285714286);
  text-decoration: var(--dt-typography-heading-level-6-text-decoration, none);
  text-transform: var(--dt-typography-heading-level-6-text-transform, none);
}

blockquote {
  margin: var(--dt-spacings-size-0, 0);
  overflow-wrap: anywhere;
  padding-left: var(--dt-spacings-size-40, 40px);
  position: relative;
  word-break: normal;
}

p {
  margin: 0;
}

.w-100 {
  width: 100%;
}

.p-top-2 {
  padding-top: var(--dt-spacings-size-2, 2px);
}

.p-top-4 {
  padding-top: var(--dt-spacings-size-4, 4px);
}

.p-top-8 {
  padding-top: var(--dt-spacings-size-8, 8px);
}

.p-top-16 {
  padding-top: var(--dt-spacings-size-16, 16px);
}

.p-top-24 {
  padding-top: var(--dt-spacings-size-24, 24px);
}

.p-right-2 {
  padding-right: var(--dt-spacings-size-2, 2px);
}

.p-right-4 {
  padding-right: var(--dt-spacings-size-4, 4px);
}

.p-right-8 {
  padding-right: var(--dt-spacings-size-8, 8px);
}

.p-right-16 {
  padding-right: var(--dt-spacings-size-16, 16px);
}

.p-right-24 {
  padding-right: var(--dt-spacings-size-24, 24px);
}

.p-bottom-2 {
  padding-bottom: var(--dt-spacings-size-2, 2px);
}

.p-bottom-4 {
  padding-bottom: var(--dt-spacings-size-4, 4px);
}

.p-bottom-6 {
  padding-bottom: var(--dt-spacings-size-6, 6px);
}

.p-bottom-8 {
  padding-bottom: var(--dt-spacings-size-8, 8px);
}

.p-bottom-12 {
  padding-bottom: var(--dt-spacings-size-12, 12px);
}

.p-bottom-16 {
  padding-bottom: var(--dt-spacings-size-16, 16px);
}

.p-bottom-24 {
  padding-bottom: var(--dt-spacings-size-24, 24px);
}

.p-left-2 {
  padding-left: var(--dt-spacings-size-2, 2px);
}

.p-left-4 {
  padding-left: var(--dt-spacings-size-4, 4px);
}

.p-left-8 {
  padding-left: var(--dt-spacings-size-8, 8px);
}

.p-left-12 {
  padding-left: var(--dt-spacings-size-12, 12px);
}

.p-left-16 {
  padding-left: var(--dt-spacings-size-16, 16px);
}

.p-left-24 {
  padding-left: var(--dt-spacings-size-24, 24px);
}

.p-vertical-2 {
  padding-top: var(--dt-spacings-size-2, 2px);
  padding-bottom: var(--dt-spacings-size-2, 2px);
}

.p-vertical-4 {
  padding-top: var(--dt-spacings-size-4, 4px);
  padding-bottom: var(--dt-spacings-size-4, 4px);
}

.p-vertical-8 {
  padding-top: var(--dt-spacings-size-8, 8px);
  padding-bottom: var(--dt-spacings-size-8, 8px);
}

.p-vertical-12 {
  padding-top: var(--dt-spacings-size-12, 12px);
  padding-bottom: var(--dt-spacings-size-12, 12px);
}

.p-vertical-16 {
  padding-top: var(--dt-spacings-size-16, 16px);
  padding-bottom: var(--dt-spacings-size-16, 16px);
}

.p-vertical-24 {
  padding-top: var(--dt-spacings-size-24, 24px);
  padding-bottom: var(--dt-spacings-size-24, 24px);
}

.p-horizontal-2 {
  padding-right: var(--dt-spacings-size-2, 2px);
  padding-left: var(--dt-spacings-size-2, 2px);
}

.p-horizontal-4 {
  padding-right: var(--dt-spacings-size-4, 4px);
  padding-left: var(--dt-spacings-size-4, 4px);
}

.p-horizontal-8 {
  padding-right: var(--dt-spacings-size-8, 8px);
  padding-left: var(--dt-spacings-size-8, 8px);
}

.p-horizontal-16 {
  padding-right: var(--dt-spacings-size-16, 16px);
  padding-left: var(--dt-spacings-size-16, 16px);
}

.p-horizontal-24 {
  padding-right: var(--dt-spacings-size-24, 24px);
  padding-left: var(--dt-spacings-size-24, 24px);
}

.p-2 {
  padding: var(--dt-spacings-size-2, 2px);
}

.p-4 {
  padding: var(--dt-spacings-size-4, 4px);
}

.p-8 {
  padding: var(--dt-spacings-size-8, 8px);
}

.p-16 {
  padding: var(--dt-spacings-size-16, 16px);
}

.p-24 {
  padding: var(--dt-spacings-size-24, 24px);
}

.m-top-2 {
  margin-top: var(--dt-spacings-size-2, 2px);
}

.m-top-4 {
  margin-top: var(--dt-spacings-size-4, 4px);
}

.m-top-8 {
  margin-top: var(--dt-spacings-size-8, 8px);
}

.m-top-16 {
  margin-top: var(--dt-spacings-size-16, 16px);
}

.m-top-24 {
  margin-top: var(--dt-spacings-size-24, 24px);
}

.m-right-2 {
  margin-right: var(--dt-spacings-size-2, 2px);
}

.m-right-4 {
  margin-right: var(--dt-spacings-size-4, 4px);
}

.m-right-8 {
  margin-right: var(--dt-spacings-size-8, 8px);
}

.m-right-16 {
  margin-right: var(--dt-spacings-size-16, 16px);
}

.m-right-24 {
  margin-right: var(--dt-spacings-size-24, 24px);
}

.m-bottom-2 {
  margin-bottom: var(--dt-spacings-size-2, 2px);
}

.m-bottom-4 {
  margin-bottom: var(--dt-spacings-size-4, 4px);
}

.m-bottom-8 {
  margin-bottom: var(--dt-spacings-size-8, 8px);
}

.m-bottom-16 {
  margin-bottom: var(--dt-spacings-size-16, 16px);
}

.m-bottom-24 {
  margin-bottom: var(--dt-spacings-size-24, 24px);
}

.m-left-2 {
  margin-left: var(--dt-spacings-size-2, 2px);
}

.m-left-4 {
  margin-left: var(--dt-spacings-size-4, 4px);
}

.m-left-8 {
  margin-left: var(--dt-spacings-size-8, 8px);
}

.m-left-12 {
  margin-left: var(--dt-spacings-size-8, 8px);
}

.m-left-16 {
  margin-left: var(--dt-spacings-size-16, 16px);
}

.m-left-24 {
  margin-left: var(--dt-spacings-size-24, 24px);
}

.m-vertical-2 {
  margin-top: var(--dt-spacings-size-2, 2px);
  margin-bottom: var(--dt-spacings-size-2, 2px);
}

.m-vertical-4 {
  margin-top: var(--dt-spacings-size-4, 4px);
  margin-bottom: var(--dt-spacings-size-4, 4px);
}

.m-vertical-8 {
  margin-top: var(--dt-spacings-size-8, 8px);
  margin-bottom: var(--dt-spacings-size-8, 8px);
}

.m-vertical-16 {
  margin-top: var(--dt-spacings-size-16, 16px);
  margin-bottom: var(--dt-spacings-size-16, 16px);
}

.m-vertical-24 {
  margin-top: var(--dt-spacings-size-24, 24px);
  margin-bottom: var(--dt-spacings-size-24, 24px);
}

.m-horizontal-2 {
  margin-right: var(--dt-spacings-size-2, 2px);
  margin-left: var(--dt-spacings-size-2, 2px);
}

.m-horizontal-4 {
  margin-right: var(--dt-spacings-size-4, 4px);
  margin-left: var(--dt-spacings-size-4, 4px);
}

.m-horizontal-8 {
  margin-right: var(--dt-spacings-size-8, 8px);
  margin-left: var(--dt-spacings-size-8, 8px);
}

.m-horizontal-16 {
  margin-right: var(--dt-spacings-size-16, 16px);
  margin-left: var(--dt-spacings-size-16, 16px);
}

.m-horizontal-24 {
  margin-right: var(--dt-spacings-size-24, 24px);
  margin-left: var(--dt-spacings-size-24, 24px);
}

.m-2 {
  margin: var(--dt-spacings-size-2, 2px);
}

.m-4 {
  margin: var(--dt-spacings-size-4, 4px);
}

.m-8 {
  margin: var(--dt-spacings-size-8, 8px);
}

.m-16 {
  margin: var(--dt-spacings-size-16, 16px);
}

.m-24 {
  margin: var(--dt-spacings-size-24, 24px);
}

.m-top-auto {
  margin-top: auto;
}

.m-bottom-auto {
  margin-bottom: auto;
}

.grid {
  display: grid;
}

.col-1 {
  grid-template-columns: repeat(1, minmax(200px, 1fr));
}

.col-2 {
  grid-template-columns: repeat(2, minmax(200px, 1fr));
}

.col-3 {
  grid-template-columns: repeat(3, minmax(200px, 1fr));
}

.col-4 {
  grid-template-columns: repeat(4, minmax(200px, 1fr));
}

.row-auto {
  grid-template-rows: auto;
}

.row-equal {
  grid-template-rows: 1fr;
}

.items-start {
  place-items: start;
}

.items-center {
  place-items: center;
}

.items-end {
  place-items: end;
}

.flex {
  display: flex;
}

.wrap {
  flex-wrap: wrap;
}

.nowrap {
  flex-wrap: nowrap;
}

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

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

.align-end {
  align-items: end;
}

.column {
  flex-direction: column;
}

.column-reverse {
  flex-direction: column-reverse;
}

.row {
  flex-direction: row;
}

.gap-1 {
  gap: var(--dt-spacings-size-2, 2px);
}

.gap-2 {
  gap: var(--dt-spacings-size-4, 4px);
}

.gap-3 {
  gap: var(--dt-spacings-size-8, 8px);
}

.gap-4 {
  gap: var(--dt-spacings-size-16, 16px);
}

.text-nowrap {
  white-space: nowrap;
}

.text-critical {
  color: var(--dt-colors-text-critical-default, #bb0731);
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

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

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

.col-span-4 {
  grid-column: span 4 / span 4;
}

.hidden {
  display: none;
}

@media (min-width: 640px) {
  .sm\:col-1 {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }

  .sm\:col-2 {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }

  .sm\:col-3 {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }

  .sm\:col-4 {
    grid-template-columns: repeat(4, minmax(200px, 1fr));
  }

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

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

  .sm\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .sm\:column {
    flex-direction: column;
  }

  .sm\:row {
    flex-direction: row;
  }

  .sm\:wrap {
    flex-wrap: wrap;
  }

  .sm\:nowrap {
    flex-wrap: nowrap;
  }

  .sm\:items-start {
    place-items: start;
  }

  .sm\:items-center {
    place-items: center;
  }

  .sm\:items-end {
    place-items: end;
  }
}

@media (min-width: 768px) {
  .md\:col-1 {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }

  .md\:col-2 {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }

  .md\:col-3 {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }

  .md\:col-4 {
    grid-template-columns: repeat(4, minmax(200px, 1fr));
  }

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

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

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:column {
    flex-direction: column;
  }

  .md\:row {
    flex-direction: row;
  }

  .md\:wrap {
    flex-wrap: wrap;
  }

  .md\:nowrap {
    flex-wrap: nowrap;
  }

  .md\:items-start {
    place-items: start;
  }

  .md\:items-center {
    place-items: center;
  }

  .md\:items-end {
    place-items: end;
  }
}

@media (min-width: 1024px) {
  .lg\:col-1 {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }

  .lg\:col-2 {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }

  .lg\:col-3 {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }

  .lg\:col-4 {
    grid-template-columns: repeat(4, minmax(200px, 1fr));
  }

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

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

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

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

  .lg\:column {
    flex-direction: column;
  }

  .lg\:row {
    flex-direction: row;
  }

  .lg\:wrap {
    flex-wrap: wrap;
  }

  .lg\:nowrap {
    flex-wrap: nowrap;
  }

  .lg\:items-start {
    place-items: start;
  }

  .lg\:items-center {
    place-items: center;
  }

  .lg\:items-end {
    place-items: end;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:flex {
    display: flex;
  }
}

@media (min-width: 1280px) {
  .xlg\:col-1 {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }

  .xlg\:col-2 {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }

  .xlg\:col-3 {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }

  .xlg\:col-4 {
    grid-template-columns: repeat(4, minmax(200px, 1fr));
  }

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

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

  .xlg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xlg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .xlg\:column {
    flex-direction: column;
  }

  .xlg\:row {
    flex-direction: row;
  }

  .xlg\:wrap {
    flex-wrap: wrap;
  }

  .xlg\:nowrap {
    flex-wrap: nowrap;
  }

  .xlg\:items-start {
    place-items: start;
  }

  .xlg\:items-center {
    place-items: center;
  }

  .xlg\:items-end {
    place-items: end;
  }
}