.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

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

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

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

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

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

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

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

@media (min-width: 36rem) {
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 48rem) {
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 62rem) {
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 75rem) {
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
}
@media (min-width: 87.5rem) {
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
}
:root {
  --tedi-accent-100: var(--tedi-orange-100);
  --tedi-accent-200: var(--tedi-orange-200);
  --tedi-accent-300: var(--tedi-orange-300);
  --tedi-accent-400: var(--tedi-orange-400);
  --tedi-accent-500: var(--tedi-orange-500);
  --tedi-accent-600: var(--tedi-orange-600);
  --tedi-accent-700: var(--tedi-orange-700);
  --tedi-accent-800: var(--tedi-orange-800);
  --tedi-alpha-01: rgb(0 0 0 / 0.1%);
  --tedi-alpha-10: rgb(0 0 0 / 10%);
  --tedi-alpha-14: rgb(0 0 0 / 14%);
  --tedi-alpha-20: rgb(0 0 0 / 20%);
  --tedi-alpha-40: rgb(23 23 23 / 40%);
  --tedi-alpha-80: rgb(34 35 43 / 80%);
  --tedi-alpha-primary-08: rgb(0 90 163 / 8%);
  --tedi-alpha-primary-20: rgb(0 90 163 / 20%);
  --tedi-alpha-white-10: rgb(255 255 255 / 10%);
  --tedi-alpha-white-14: rgb(255 255 255 / 14%);
  --tedi-alpha-white-20: rgb(255 255 255 / 20%);
  --tedi-alpha-white-30: rgb(255 255 255 / 30%);
  --tedi-alpha-white-50: rgb(255 255 255 / 50%);
  --tedi-alpha-white-80: rgb(255 255 255 / 80%);
  --tedi-blue-100: rgb(231 240 246);
  --tedi-blue-200: rgb(208 225 238);
  --tedi-blue-300: rgb(153 189 218);
  --tedi-blue-400: rgb(69 135 188);
  --tedi-blue-500: rgb(51 123 181);
  --tedi-blue-600: rgb(0 90 163);
  --tedi-blue-700: rgb(0 66 119);
  --tedi-blue-800: rgb(0 54 98);
  --tedi-borders-01: 0.0625rem;
  --tedi-borders-02: 0.125rem;
  --tedi-borders-03: 0.1875rem;
  --tedi-borders-04: 0.25rem;
  --tedi-containers-01: 160px;
  --tedi-containers-02: 240px;
  --tedi-containers-03: 312px;
  --tedi-containers-04: 340px;
  --tedi-containers-05: 460px;
  --tedi-containers-06: 480px;
  --tedi-containers-07: 552px;
  --tedi-containers-08: 616px;
  --tedi-containers-09: 820px;
  --tedi-containers-10: 840px;
  --tedi-containers-11: 1024px;
  --tedi-containers-12: 1416px;
  --tedi-containers-13: 1232px;
  --tedi-dimensions-00: 0;
  --tedi-dimensions-01: 0.0625rem;
  --tedi-dimensions-02: 0.125rem;
  --tedi-dimensions-03: 0.25rem;
  --tedi-dimensions-04: 0.375rem;
  --tedi-dimensions-05: 0.5rem;
  --tedi-dimensions-06: 0.625rem;
  --tedi-dimensions-07: 0.75rem;
  --tedi-dimensions-08: 0.8125rem;
  --tedi-dimensions-09: 0.875rem;
  --tedi-dimensions-10: 1rem;
  --tedi-dimensions-11: 1.125rem;
  --tedi-dimensions-12: 1.375rem;
  --tedi-dimensions-13: 1.5rem;
  --tedi-dimensions-14: 2rem;
  --tedi-dimensions-15: 2.25rem;
  --tedi-dimensions-16: 2.5rem;
  --tedi-dimensions-17: 2.75rem;
  --tedi-dimensions-18: 3rem;
  --tedi-dimensions-19: 3.5rem;
  --tedi-dimensions-20: 3.75rem;
  --tedi-dimensions-21: 4rem;
  --tedi-dimensions-22: 4.5rem;
  --tedi-dimensions-23: 5rem;
  --tedi-dimensions-24: 6rem;
  --tedi-dimensions-25: 10rem;
  --tedi-dimensions-26: 24rem;
  --tedi-family-roboto: Roboto;
  --tedi-green-100: rgb(234 243 238);
  --tedi-green-200: rgb(214 231 221);
  --tedi-green-300: rgb(172 207 186);
  --tedi-green-400: rgb(131 182 152);
  --tedi-green-500: rgb(89 158 117);
  --tedi-green-600: rgb(48 134 83);
  --tedi-green-700: rgb(38 107 66);
  --tedi-green-800: rgb(29 80 50);
  --tedi-line-height-00: 1rem;
  --tedi-line-height-01: 1.25rem;
  --tedi-line-height-02: 1.3125rem;
  --tedi-line-height-03: 1.5rem;
  --tedi-line-height-04: 1.625rem;
  --tedi-line-height-05: 1.75rem;
  --tedi-line-height-06: 1.875rem;
  --tedi-line-height-07: 2rem;
  --tedi-line-height-08: 2.25rem;
  --tedi-line-height-09: 2.625rem;
  --tedi-line-height-10: 2.875rem;
  --tedi-line-height-11: 3rem;
  --tedi-neutral-100: rgb(255 255 255);
  --tedi-neutral-200: rgb(249 249 249);
  --tedi-neutral-300: rgb(240 240 242);
  --tedi-neutral-350: rgb(225 226 229);
  --tedi-neutral-400: rgb(210 211 216);
  --tedi-neutral-450: rgb(146 147 164);
  --tedi-neutral-500: rgb(131 132 148);
  --tedi-neutral-550: rgb(115 116 130);
  --tedi-neutral-600: rgb(93 96 113);
  --tedi-neutral-700: rgb(75 78 98);
  --tedi-neutral-750: rgb(52 57 76);
  --tedi-neutral-800: rgb(38 43 59);
  --tedi-neutral-850: rgb(21 25 38);
  --tedi-neutral-900: rgb(0 0 0);
  --tedi-orange-100: rgb(255 242 230);
  --tedi-orange-200: rgb(255 230 204);
  --tedi-orange-300: rgb(255 204 153);
  --tedi-orange-400: rgb(255 179 102);
  --tedi-orange-500: rgb(255 153 51);
  --tedi-orange-600: rgb(231 116 0);
  --tedi-orange-700: rgb(153 77 0);
  --tedi-orange-800: rgb(102 51 0);
  --tedi-primary-100: var(--tedi-blue-100);
  --tedi-primary-200: var(--tedi-blue-200);
  --tedi-primary-300: var(--tedi-blue-300);
  --tedi-primary-400: var(--tedi-blue-400);
  --tedi-primary-500: var(--tedi-blue-500);
  --tedi-primary-600: var(--tedi-blue-600);
  --tedi-primary-700: var(--tedi-blue-700);
  --tedi-primary-800: var(--tedi-blue-800);
  --tedi-radius-00: 0;
  --tedi-radius-01: 0.125rem;
  --tedi-radius-02-default: 0.25rem;
  --tedi-radius-03: 0.5rem;
  --tedi-radius-04: 1rem;
  --tedi-radius-05: 1.25rem;
  --tedi-radius-06: 2.5rem;
  --tedi-radius-07: 6.25rem;
  --tedi-radius-08: 22.5rem;
  --tedi-red-100: rgb(251 236 236);
  --tedi-red-200: rgb(247 216 216);
  --tedi-red-300: rgb(239 178 178);
  --tedi-red-400: rgb(231 139 139);
  --tedi-red-500: rgb(223 101 101);
  --tedi-red-600: rgb(215 62 62);
  --tedi-red-700: rgb(172 50 50);
  --tedi-red-800: rgb(129 37 37);
  --tedi-size-00: 0.75rem;
  --tedi-size-01: 0.875rem;
  --tedi-size-02: 1rem;
  --tedi-size-03: 1.125rem;
  --tedi-size-04: 1.25rem;
  --tedi-size-05: 1.375rem;
  --tedi-size-06: 1.5rem;
  --tedi-size-07: 1.75rem;
  --tedi-size-08: 1.875rem;
  --tedi-size-09: 2rem;
  --tedi-weight-01: 300;
  --tedi-weight-02: 400;
  --tedi-weight-03: 500;
  --tedi-weight-04: 700;
  --tedi-yellow-100: rgb(255 248 231);
  --tedi-yellow-200: rgb(255 240 207);
  --tedi-yellow-300: rgb(255 225 160);
  --tedi-yellow-400: rgb(255 211 112);
  --tedi-yellow-500: rgb(255 181 17);
  --tedi-yellow-600: rgb(186 131 13);
  --tedi-yellow-700: rgb(148 105 13);
  --tedi-yellow-800: rgb(102 72 7);
}

.tedi-theme--default, :root {
  --accordion-action-color: var(--general-icon-brand);
  --alert-default-background-danger: var(--general-status-danger-background-primary);
  --alert-default-background-info: var(--general-status-info-background-light);
  --alert-default-background-success: var(--general-status-success-background-primary);
  --alert-default-background-warning: var(--general-status-warning-background-light);
  --alert-default-border-danger: var(--general-status-danger-border);
  --alert-default-border-info: var(--general-status-info-border);
  --alert-default-border-success: var(--general-status-success-border);
  --alert-default-border-warning: var(--general-status-warning-border);
  --alert-default-text-danger: var(--general-text-primary);
  --alert-default-text-info: var(--general-text-primary);
  --alert-default-text-success: var(--general-text-primary);
  --alert-default-text-warning: var(--general-text-primary);
  --alert-toast-background-danger: var(--alert-default-background-danger);
  --alert-toast-background-info: var(--alert-default-background-info);
  --alert-toast-background-success: var(--alert-default-background-success);
  --alert-toast-background-warning: var(--alert-default-background-warning);
  --alert-toast-border-danger: var(--alert-default-border-danger);
  --alert-toast-border-info: var(--alert-default-border-info);
  --alert-toast-border-success: var(--alert-default-border-success);
  --alert-toast-border-warning: var(--alert-default-border-warning);
  --alert-toast-text-danger: var(--alert-default-text-danger);
  --alert-toast-text-info: var(--alert-default-text-info);
  --alert-toast-text-success: var(--alert-default-text-success);
  --alert-toast-text-warning: var(--alert-default-text-warning);
  --avatar-background-default: var(--general-status-neutral-background-light);
  --brand-logo: var(--tedi-primary-600);
  --button-card-active-background: var(--general-surface-brand-tertiary);
  --button-card-active-border: var(--tedi-primary-400);
  --button-card-active-icon-background: var(--general-surface-brand-primary);
  --button-card-disabled-background: var(--form-general-background-disabled);
  --button-card-disabled-border: var(--form-general-border-disabled);
  --button-card-hover-background: var(--button-main-secondary-background-hover);
  --button-card-hover-border: var(--tedi-primary-300);
  --button-card-hover-icon-background: var(--general-surface-brand-primary);
  --button-card-icon-default: var(--general-icon-secondary);
  --button-card-icon-disabled: var(--general-text-disabled);
  --button-card-icon-hover: var(--general-icon-brand);
  --button-close-background-active: var(--tedi-alpha-20);
  --button-close-background-default: var(--tedi-alpha-01);
  --button-close-background-focus: var(--tedi-alpha-01);
  --button-close-background-hover: var(--tedi-alpha-10);
  --button-close-text-active: var(--general-text-primary);
  --button-close-text-default: var(--general-text-tertiary);
  --button-close-text-focus: var(--general-text-primary);
  --button-close-text-hover: var(--general-text-primary);
  --button-floating-primary-background-active: var(--button-main-primary-background-active);
  --button-floating-primary-background-default: var(--button-main-primary-background-default);
  --button-floating-primary-background-focus: var(--button-main-primary-background-focus);
  --button-floating-primary-background-hover: var(--button-main-primary-background-hover);
  --button-floating-primary-border-active: var(--button-main-primary-background-active);
  --button-floating-primary-border-default: var(--button-main-primary-border-default);
  --button-floating-primary-border-focus: var(--button-main-primary-border-focus);
  --button-floating-primary-border-hover: var(--button-main-primary-border-hover);
  --button-floating-primary-text-active: var(--button-main-primary-text-default);
  --button-floating-primary-text-default: var(--button-main-primary-text-default);
  --button-floating-primary-text-hover: var(--button-main-primary-text-default);
  --button-floating-secondary-background-active: var(--button-main-primary-inverted-background-active);
  --button-floating-secondary-background-default: var(--button-main-primary-inverted-background-default);
  --button-floating-secondary-background-focus: var(--button-main-primary-inverted-background-focus);
  --button-floating-secondary-background-hover: var(--button-main-primary-inverted-background-hover);
  --button-floating-secondary-border-active: var(--button-main-primary-inverted-border-active);
  --button-floating-secondary-border-default: var(--button-main-primary-inverted-border-default);
  --button-floating-secondary-border-focus: var(--button-main-primary-inverted-border-focus);
  --button-floating-secondary-border-hover: var(--button-main-primary-inverted-border-hover);
  --button-floating-secondary-text-active: var(--button-main-primary-inverted-text-active);
  --button-floating-secondary-text-default: var(--button-main-primary-inverted-text-default);
  --button-floating-secondary-text-hover: var(--button-main-primary-inverted-text-hover);
  --button-group-primary-disabled-background: var(--button-main-disabled-general-background);
  --button-group-primary-disabled-border: var(--button-group-primary-inactive-border);
  --button-group-primary-disabled-text: var(--button-main-disabled-general-text);
  --button-group-primary-hover-background: var(--form-checkbox-radio-card-primary-hover-background);
  --button-group-primary-hover-border: var(--form-checkbox-radio-card-primary-hover-border);
  --button-group-primary-hover-text: var(--form-checkbox-radio-card-primary-hover-text);
  --button-group-primary-inactive-background: var(--form-checkbox-radio-card-primary-default-background);
  --button-group-primary-inactive-border: var(--form-checkbox-radio-card-primary-default-border-group);
  --button-group-primary-inactive-text: var(--form-checkbox-radio-card-primary-default-text);
  --button-group-primary-selected-background: var(--form-checkbox-radio-card-primary-selected-background);
  --button-group-primary-selected-border: var(--form-checkbox-radio-card-primary-selected-border-group);
  --button-group-primary-selected-text: var(--form-checkbox-radio-card-primary-selected-text);
  --button-group-secondary-disabled-background: var(--tedi-alpha-01);
  --button-group-secondary-disabled-border: var(--button-main-disabled-general-border);
  --button-group-secondary-disabled-text: var(--button-main-disabled-general-text);
  --button-group-secondary-hover-background: var(--form-checkbox-radio-card-secondary-hover-background);
  --button-group-secondary-hover-border: var(--form-checkbox-radio-card-secondary-hover-border);
  --button-group-secondary-hover-text: var(--form-checkbox-radio-card-secondary-hover-text);
  --button-group-secondary-inactive-background: var(--form-checkbox-radio-card-secondary-default-background);
  --button-group-secondary-inactive-border: var(--form-checkbox-radio-card-secondary-default-border);
  --button-group-secondary-inactive-text: var(--form-checkbox-radio-card-secondary-default-text);
  --button-group-secondary-selected-background: var(--form-checkbox-radio-card-secondary-selected-background);
  --button-group-secondary-selected-border: var(--form-checkbox-radio-card-secondary-selected-border);
  --button-group-secondary-selected-text: var(--form-checkbox-radio-card-secondary-selected-text);
  --button-main-danger-background-active: var(--tedi-red-800);
  --button-main-danger-background-default: var(--tedi-red-600);
  --button-main-danger-background-focus: var(--tedi-red-600);
  --button-main-danger-background-hover: var(--tedi-red-700);
  --button-main-danger-border-active: var(--button-main-danger-background-active);
  --button-main-danger-border-default: var(--button-main-danger-background-default);
  --button-main-danger-border-focus: var(--button-main-danger-background-focus);
  --button-main-danger-border-hover: var(--button-main-danger-background-hover);
  --button-main-danger-neutral-background-active: var(--tedi-alpha-01);
  --button-main-danger-neutral-background-default: var(--tedi-alpha-01);
  --button-main-danger-neutral-background-focus: var(--tedi-alpha-01);
  --button-main-danger-neutral-background-hover: var(--tedi-alpha-01);
  --button-main-danger-neutral-border-active: var(--tedi-alpha-01);
  --button-main-danger-neutral-border-default: var(--tedi-alpha-01);
  --button-main-danger-neutral-border-focus: var(--tedi-neutral-100);
  --button-main-danger-neutral-border-hover: var(--tedi-alpha-01);
  --button-main-danger-neutral-icon-only-background-active: var(--tedi-red-200);
  --button-main-danger-neutral-icon-only-background-default: var(--button-main-danger-neutral-background-default);
  --button-main-danger-neutral-icon-only-background-focus: var(--button-main-danger-neutral-background-focus);
  --button-main-danger-neutral-icon-only-background-hover: var(--tedi-red-100);
  --button-main-danger-neutral-text-active: var(--tedi-red-800);
  --button-main-danger-neutral-text-default: var(--tedi-red-600);
  --button-main-danger-neutral-text-focus: var(--tedi-red-600);
  --button-main-danger-neutral-text-hover: var(--tedi-red-700);
  --button-main-danger-text-default: var(--general-text-white);
  --button-main-disabled-general-background: var(--general-surface-disabled);
  --button-main-disabled-general-border: var(--button-main-disabled-general-background);
  --button-main-disabled-general-text: var(--general-text-disabled);
  --button-main-disabled-neutral-background: var(--button-main-neutral-background-default);
  --button-main-disabled-neutral-border: var(--button-main-neutral-border-default);
  --button-main-neutral-background-active: var(--tedi-alpha-01);
  --button-main-neutral-background-default: var(--tedi-alpha-01);
  --button-main-neutral-background-focus: var(--tedi-alpha-01);
  --button-main-neutral-background-hover: var(--tedi-alpha-01);
  --button-main-neutral-border-active: var(--tedi-alpha-01);
  --button-main-neutral-border-default: var(--tedi-alpha-01);
  --button-main-neutral-border-focus: var(--tedi-neutral-100);
  --button-main-neutral-border-hover: var(--tedi-alpha-01);
  --button-main-neutral-icon-only-background-active: var(--button-main-secondary-background-active);
  --button-main-neutral-icon-only-background-default: var(--tedi-alpha-01);
  --button-main-neutral-icon-only-background-focus: var(--button-main-neutral-icon-only-background-default);
  --button-main-neutral-icon-only-background-hover: var(--button-main-secondary-background-hover);
  --button-main-neutral-inverted-background-active: var(--tedi-alpha-01);
  --button-main-neutral-inverted-background-default: var(--tedi-alpha-01);
  --button-main-neutral-inverted-background-focus: var(--tedi-alpha-01);
  --button-main-neutral-inverted-background-hover: var(--tedi-alpha-01);
  --button-main-neutral-inverted-border-active: var(--tedi-alpha-01);
  --button-main-neutral-inverted-border-default: var(--tedi-alpha-01);
  --button-main-neutral-inverted-border-focus: var(--tedi-neutral-100);
  --button-main-neutral-inverted-border-hover: var(--tedi-alpha-01);
  --button-main-neutral-inverted-icon-only-background-active: var(--button-main-secondary-inverted-background-active);
  --button-main-neutral-inverted-icon-only-background-default: var(--button-main-secondary-inverted-background-default);
  --button-main-neutral-inverted-icon-only-background-focus: var(--button-main-secondary-inverted-background-focus);
  --button-main-neutral-inverted-icon-only-background-hover: var(--button-main-secondary-inverted-background-hover);
  --button-main-neutral-inverted-text-active: var(--tedi-neutral-100);
  --button-main-neutral-inverted-text-default: var(--tedi-neutral-100);
  --button-main-neutral-inverted-text-focus: var(--tedi-neutral-100);
  --button-main-neutral-inverted-text-hover: var(--tedi-primary-200);
  --button-main-neutral-text-active: var(--tedi-primary-800);
  --button-main-neutral-text-default: var(--tedi-primary-600);
  --button-main-neutral-text-focus: var(--tedi-primary-600);
  --button-main-neutral-text-hover: var(--tedi-primary-700);
  --button-main-primary-background-active: var(--tedi-primary-800);
  --button-main-primary-background-default: var(--tedi-primary-600);
  --button-main-primary-background-focus: var(--tedi-primary-600);
  --button-main-primary-background-hover: var(--tedi-primary-700);
  --button-main-primary-border-active: var(--button-main-primary-background-active);
  --button-main-primary-border-default: var(--button-main-primary-background-default);
  --button-main-primary-border-focus: var(--button-main-primary-background-focus);
  --button-main-primary-border-hover: var(--button-main-primary-background-hover);
  --button-main-primary-inverted-background-active: var(--tedi-primary-300);
  --button-main-primary-inverted-background-default: var(--tedi-primary-200);
  --button-main-primary-inverted-background-focus: var(--button-main-primary-inverted-background-default);
  --button-main-primary-inverted-background-hover: var(--tedi-primary-300);
  --button-main-primary-inverted-border-active: var(--button-main-primary-inverted-background-active);
  --button-main-primary-inverted-border-default: var(--button-main-primary-inverted-background-default);
  --button-main-primary-inverted-border-focus: var(--button-main-primary-inverted-background-focus);
  --button-main-primary-inverted-border-hover: var(--button-main-primary-inverted-background-hover);
  --button-main-primary-inverted-text-active: var(--tedi-primary-800);
  --button-main-primary-inverted-text-default: var(--tedi-primary-600);
  --button-main-primary-inverted-text-hover: var(--tedi-primary-700);
  --button-main-primary-text-active: var(--general-text-white);
  --button-main-primary-text-default: var(--general-text-white);
  --button-main-primary-text-hover: var(--general-text-white);
  --button-main-secondary-background-active: var(--general-surface-brand-tertiary);
  --button-main-secondary-background-default: var(--tedi-neutral-100);
  --button-main-secondary-background-focus: var(--tedi-neutral-100);
  --button-main-secondary-background-hover: var(--general-surface-hover);
  --button-main-secondary-border-active: var(--tedi-primary-700);
  --button-main-secondary-border-default: var(--general-border-secondary);
  --button-main-secondary-border-focus: var(--tedi-primary-600);
  --button-main-secondary-border-hover: var(--tedi-primary-600);
  --button-main-secondary-inverted-background-active: var(--tedi-alpha-white-10);
  --button-main-secondary-inverted-background-default: var(--tedi-alpha-01);
  --button-main-secondary-inverted-background-focus: var(--tedi-alpha-01);
  --button-main-secondary-inverted-background-hover: var(--tedi-alpha-white-10);
  --button-main-secondary-inverted-border-active: var(--tedi-neutral-100);
  --button-main-secondary-inverted-border-default: var(--tedi-alpha-white-50);
  --button-main-secondary-inverted-border-focus: var(--tedi-neutral-100);
  --button-main-secondary-inverted-border-hover: var(--tedi-neutral-100);
  --button-main-secondary-inverted-text-default: var(--general-text-white);
  --button-main-secondary-text-active: var(--tedi-primary-600);
  --button-main-secondary-text-default: var(--tedi-primary-600);
  --button-main-secondary-text-focus: var(--tedi-primary-600);
  --button-main-secondary-text-hover: var(--tedi-primary-600);
  --button-main-success-background-active: var(--tedi-green-800);
  --button-main-success-background-default: var(--tedi-green-600);
  --button-main-success-background-focus: var(--tedi-green-600);
  --button-main-success-background-hover: var(--tedi-green-700);
  --button-main-success-border-active: var(--button-main-success-background-active);
  --button-main-success-border-default: var(--button-main-success-background-default);
  --button-main-success-border-focus: var(--button-main-success-background-focus);
  --button-main-success-border-hover: var(--button-main-success-background-hover);
  --button-main-success-text-default: var(--general-text-white);
  --card-background-accent: var(--general-surface-accent);
  --card-background-brand-primary: var(--general-surface-brand-primary);
  --card-background-brand-quaternary: var(--general-surface-brand-quaternary);
  --card-background-brand-secondary: var(--general-surface-brand-secondary);
  --card-background-brand-tertiary: var(--general-surface-brand-tertiary);
  --card-background-danger: var(--general-status-danger-background-primary);
  --card-background-primary: var(--general-surface-primary);
  --card-background-secondary: var(--general-surface-secondary);
  --card-background-success: var(--general-status-success-background-primary);
  --card-background-tertiary: var(--general-surface-tertiary);
  --card-background-tertiary-2: var(--general-surface-tertiary);
  --card-background-warning: var(--general-status-warning-background-light);
  --card-body-background-distinctive-primary: var(--general-surface-brand-primary);
  --card-body-background-primary: var(--general-surface-primary);
  --card-body-background-secondary: var(--general-surface-secondary);
  --card-border-distinctive: var(--card-body-background-distinctive-primary);
  --card-border-primary: var(--general-border-primary);
  --card-border-selected: var(--general-border-brand);
  --carousel-dot-background-active: var(--button-main-primary-background-active);
  --carousel-dot-background-focus: var(--general-surface-primary);
  --carousel-dot-background-selected: var(--button-main-primary-background-default);
  --carousel-dot-border-active: var(--button-main-primary-background-active);
  --carousel-dot-border-default: var(--button-main-primary-background-default);
  --carousel-dot-border-focus: var(--button-main-primary-background-focus);
  --carousel-dot-border-hover: var(--button-main-primary-background-hover);
  --carousel-dot-border-selected: var(--button-main-primary-background-default);
  --choice-group-active-text: var(--tedi-primary-600);
  --drag-indicator-light: var(--general-border-primary);
  --dropdown-item-active-background: var(--general-surface-selected);
  --dropdown-item-active-text: var(--general-text-white);
  --dropdown-item-default-background: var(--general-surface-primary);
  --dropdown-item-default-text: var(--general-text-primary);
  --dropdown-item-disabled-background: var(--general-surface-disabled);
  --dropdown-item-disabled-text: var(--general-text-disabled);
  --dropdown-item-hover-background: var(--general-surface-hover);
  --dropdown-item-hover-text: var(--tedi-primary-700);
  --dropdown-object-item-background: var(--card-background-primary);
  --dropdown-object-item-border-hover: var(--card-border-primary);
  --dropdown-object-item-border-selected: var(--card-border-selected);
  --empty-state-background-primary: var(--general-surface-primary);
  --empty-state-background-secondary: var(--general-surface-secondary);
  --empty-state-background-tertiary: var(--general-surface-tertiary);
  --empty-state-border: var(--card-border-primary);
  --empty-state-icon-primary: var(--general-icon-brand);
  --empty-state-icon-secondary: var(--general-icon-tertiary);
  --feedback-background-default: var(--general-icon-background-brand-primary);
  --feedback-background-hover: var(--tedi-primary-800);
  --file-dropzone-background-default: var(--form-input-background-default);
  --file-dropzone-background-disabled: var(--form-general-background-disabled);
  --file-dropzone-background-drop-over: var(--general-surface-brand-quaternary);
  --file-dropzone-background-hover: var(--general-surface-hover);
  --file-dropzone-border-active: var(--general-surface-active);
  --file-dropzone-border-default: var(--form-input-border-default);
  --file-dropzone-border-disabled: var(--form-general-border-disabled);
  --file-dropzone-border-drop-over: var(--form-input-border-active);
  --file-dropzone-border-focus: var(--form-input-border-focus);
  --file-dropzone-border-hover: var(--form-input-border-hover);
  --file-dropzone-text-default: var(--general-text-brand);
  --file-dropzone-text-drop-over: var(--general-text-tertiary);
  --filter-primary-active-background: var(--button-main-primary-background-active);
  --filter-primary-active-border: var(--button-main-primary-border-active);
  --filter-primary-active-text: var(--button-main-primary-text-active);
  --filter-primary-default-background: var(--form-checkbox-radio-card-primary-default-background);
  --filter-primary-default-border: var(--form-checkbox-radio-card-primary-default-border-separate);
  --filter-primary-default-text: var(--form-checkbox-radio-card-primary-default-text);
  --filter-primary-disabled-background: var(--button-main-disabled-general-background);
  --filter-primary-disabled-border: var(--button-main-disabled-general-border);
  --filter-primary-disabled-text: var(--button-main-disabled-general-text);
  --filter-primary-hover-background: var(--form-checkbox-radio-card-primary-hover-background);
  --filter-primary-hover-border: var(--form-checkbox-radio-card-primary-hover-border);
  --filter-primary-hover-text: var(--form-checkbox-radio-card-primary-hover-text);
  --filter-primary-selected-background: var(--form-checkbox-radio-card-primary-selected-background);
  --filter-primary-selected-border: var(--form-checkbox-radio-card-primary-selected-border-group);
  --filter-primary-selected-text: var(--form-checkbox-radio-card-primary-selected-text);
  --filter-secondary-active-background: var(--button-main-secondary-background-active);
  --filter-secondary-active-border: var(--button-main-secondary-border-active);
  --filter-secondary-active-text: var(--button-main-secondary-text-active);
  --filter-secondary-default-background: var(--form-checkbox-radio-card-secondary-default-background);
  --filter-secondary-default-border: var(--form-checkbox-radio-card-secondary-default-border);
  --filter-secondary-default-text: var(--form-checkbox-radio-card-secondary-default-text);
  --filter-secondary-disabled-background: var(--button-group-secondary-disabled-background);
  --filter-secondary-disabled-border: var(--button-main-disabled-general-border);
  --filter-secondary-disabled-text: var(--button-main-disabled-general-text);
  --filter-secondary-hover-background: var(--form-checkbox-radio-card-secondary-hover-background);
  --filter-secondary-hover-border: var(--form-checkbox-radio-card-secondary-hover-border);
  --filter-secondary-hover-text: var(--form-checkbox-radio-card-secondary-hover-text);
  --filter-secondary-selected-background: var(--form-checkbox-radio-card-secondary-selected-background);
  --filter-secondary-selected-border: var(--form-checkbox-radio-card-secondary-selected-border);
  --filter-secondary-selected-text: var(--form-checkbox-radio-card-secondary-selected-text);
  --footer-background: var(--general-surface-inverted-secondary);
  --footer-bottom-background: var(--general-surface-inverted-tertiary);
  --footer-icon-background: var(--tedi-alpha-white-20);
  --form-checkbox-radio-card-disabled-text: var(--button-main-disabled-general-text);
  --form-checkbox-radio-card-primary-default-background: var(--general-surface-tertiary);
  --form-checkbox-radio-card-primary-default-border-group: var(--button-main-secondary-border-default);
  --form-checkbox-radio-card-primary-default-border-separate: var(--form-checkbox-radio-card-primary-default-background);
  --form-checkbox-radio-card-primary-default-text: var(--general-text-secondary);
  --form-checkbox-radio-card-primary-disabled-default-background: var(--form-general-background-disabled);
  --form-checkbox-radio-card-primary-disabled-default-text: var(--general-text-disabled);
  --form-checkbox-radio-card-primary-disabled-selected-background: var(--form-checkbox-radio-default-background-selected-disabled);
  --form-checkbox-radio-card-primary-disabled-selected-text: var(--form-checkbox-radio-card-primary-selected-text);
  --form-checkbox-radio-card-primary-hover-background: var(--button-main-primary-background-hover);
  --form-checkbox-radio-card-primary-hover-border: var(--button-main-primary-border-hover);
  --form-checkbox-radio-card-primary-hover-text: var(--button-main-primary-text-default);
  --form-checkbox-radio-card-primary-selected-background: var(--button-main-primary-background-default);
  --form-checkbox-radio-card-primary-selected-border-group: var(--button-main-primary-border-active);
  --form-checkbox-radio-card-primary-selected-border-separate: var(--form-checkbox-radio-card-primary-selected-background);
  --form-checkbox-radio-card-primary-selected-text: var(--button-main-primary-text-default);
  --form-checkbox-radio-card-secondary-default-background: var(--button-main-secondary-background-default);
  --form-checkbox-radio-card-secondary-default-border: var(--form-checkbox-radio-card-primary-default-border-group);
  --form-checkbox-radio-card-secondary-default-text: var(--form-checkbox-radio-card-primary-default-text);
  --form-checkbox-radio-card-secondary-disabled-default-background: var(--general-surface-primary);
  --form-checkbox-radio-card-secondary-disabled-default-border: var(--form-input-border-disabled);
  --form-checkbox-radio-card-secondary-disabled-default-text: var(--general-text-disabled);
  --form-checkbox-radio-card-secondary-disabled-selected-background: var(--general-surface-primary);
  --form-checkbox-radio-card-secondary-disabled-selected-border: var(--form-checkbox-radio-default-border-selected-disabled);
  --form-checkbox-radio-card-secondary-disabled-selected-text: var(--form-checkbox-radio-card-primary-disabled-selected-background);
  --form-checkbox-radio-card-secondary-hover-background: var(--button-main-secondary-background-hover);
  --form-checkbox-radio-card-secondary-hover-border: var(--button-main-secondary-border-hover);
  --form-checkbox-radio-card-secondary-hover-text: var(--button-main-secondary-text-default);
  --form-checkbox-radio-card-secondary-selected-background: var(--button-main-secondary-background-default);
  --form-checkbox-radio-card-secondary-selected-border: var(--general-border-brand);
  --form-checkbox-radio-card-secondary-selected-text: var(--general-text-brand);
  --form-checkbox-radio-default-background-active: var(--tedi-primary-700);
  --form-checkbox-radio-default-background-default: var(--tedi-neutral-100);
  --form-checkbox-radio-default-background-error: var(--tedi-neutral-100);
  --form-checkbox-radio-default-background-focus: var(--tedi-neutral-100);
  --form-checkbox-radio-default-background-hover: var(--tedi-neutral-100);
  --form-checkbox-radio-default-background-inverted: var(--tedi-primary-600);
  --form-checkbox-radio-default-background-selected: var(--tedi-primary-600);
  --form-checkbox-radio-default-background-selected-disabled: var(--tedi-primary-300);
  --form-checkbox-radio-default-background-selected-inverted: var(--tedi-neutral-100);
  --form-checkbox-radio-default-border-active: var(--tedi-primary-700);
  --form-checkbox-radio-default-border-default: var(--form-general-border-default);
  --form-checkbox-radio-default-border-focus: var(--form-general-border-default);
  --form-checkbox-radio-default-border-hover: var(--tedi-primary-600);
  --form-checkbox-radio-default-border-inverted: var(--tedi-neutral-100);
  --form-checkbox-radio-default-border-selected: var(--tedi-primary-600);
  --form-checkbox-radio-default-border-selected-disabled: var(--tedi-primary-300);
  --form-checkbox-radio-default-border-selected-inverted: var(--tedi-neutral-100);
  --form-checkbox-radio-default-check-indicator-active: var(--tedi-neutral-100);
  --form-checkbox-radio-default-check-indicator-default: var(--tedi-neutral-100);
  --form-datepicker-date-active: var(--button-main-secondary-background-active);
  --form-datepicker-date-available: var(--general-status-success-background-primary);
  --form-datepicker-date-default: var(--button-main-secondary-background-default);
  --form-datepicker-date-hover: var(--button-main-secondary-background-hover);
  --form-datepicker-date-selected: var(--general-surface-brand-primary);
  --form-datepicker-date-selected-hover: var(--general-surface-brand-secondary);
  --form-datepicker-date-text-available: var(--general-status-success-text);
  --form-datepicker-date-text-muted: var(--general-text-disabled);
  --form-datepicker-date-text-selected: var(--general-text-white);
  --form-datepicker-today-border: var(--general-border-brand);
  --form-datepicker-today-border-secondary: var(--tedi-neutral-100);
  --form-general-background-action-background: var(--general-surface-secondary);
  --form-general-background-default: var(--general-surface-primary);
  --form-general-background-disabled: var(--tedi-neutral-300);
  --form-general-border-default: var(--tedi-neutral-500);
  --form-general-border-disabled: var(--tedi-neutral-350);
  --form-general-feedback-error-border: var(--tedi-red-700);
  --form-general-feedback-error-text: var(--general-status-danger-text);
  --form-general-feedback-success-border: var(--tedi-green-600);
  --form-general-feedback-success-text: var(--general-status-success-text);
  --form-hidden-default: var(--tedi-alpha-01);
  --form-hidden-hover: var(--general-surface-tertiary);
  --form-input-background-default: var(--form-general-background-default);
  --form-input-background-disabled: var(--form-general-background-disabled);
  --form-input-border-active: var(--form-input-border-hover);
  --form-input-border-default: var(--form-general-border-default);
  --form-input-border-disabled: var(--form-general-border-disabled);
  --form-input-border-focus: var(--form-input-border-hover);
  --form-input-border-hover: var(--tedi-primary-600);
  --form-input-text-disabled: var(--general-text-secondary);
  --form-input-text-filled: var(--general-text-primary);
  --form-input-text-placeholder: var(--tedi-neutral-550);
  --form-label: var(--general-text-secondary);
  --form-slider-active-background-active: var(--tedi-blue-800);
  --form-slider-active-background-default: var(--tedi-blue-600);
  --form-slider-active-background-disabled: var(--tedi-neutral-400);
  --form-slider-active-background-focus: var(--tedi-blue-600);
  --form-slider-active-background-hover: var(--tedi-blue-700);
  --form-slider-border-default: var(--tedi-neutral-500);
  --form-slider-passive-background-default: var(--tedi-neutral-200);
  --form-slider-range-label-text: var(--general-text-tertiary);
  --form-slider-thumb-background-active: var(--general-surface-brand-tertiary);
  --form-slider-thumb-background-default: var(--tedi-neutral-100);
  --form-slider-thumb-background-disabled: var(--tedi-neutral-100);
  --form-slider-thumb-background-focus: var(--tedi-neutral-100);
  --form-slider-thumb-background-hover: var(--general-surface-brand-tertiary);
  --form-slider-thumb-border-active: var(--tedi-blue-800);
  --form-slider-thumb-border-default: var(--tedi-blue-600);
  --form-slider-thumb-border-disabled: var(--tedi-neutral-400);
  --form-slider-thumb-border-focus: var(--tedi-blue-600);
  --form-slider-thumb-border-hover: var(--tedi-blue-700);
  --form-slider-track: var(--general-surface-primary);
  --form-toggle-colored-active-active: var(--button-main-success-background-active);
  --form-toggle-colored-active-default: var(--button-main-success-background-default);
  --form-toggle-colored-active-hover: var(--button-main-success-background-hover);
  --form-toggle-colored-active-icon: var(--general-icon-success);
  --form-toggle-colored-active-icon-outlined: var(--general-icon-white);
  --form-toggle-colored-active-indicator: var(--tedi-neutral-100);
  --form-toggle-colored-inactive-active: var(--button-main-danger-background-active);
  --form-toggle-colored-inactive-default: var(--button-main-danger-background-default);
  --form-toggle-colored-inactive-hover: var(--button-main-danger-background-hover);
  --form-toggle-colored-inactive-icon: var(--general-icon-danger);
  --form-toggle-colored-inactive-icon-outlined: var(--general-icon-white);
  --form-toggle-colored-inactive-indicator: var(--tedi-neutral-100);
  --form-toggle-outlined-background: var(--tedi-alpha-01);
  --form-toggle-primary-active-active: var(--button-main-primary-background-active);
  --form-toggle-primary-active-default: var(--button-main-primary-background-default);
  --form-toggle-primary-active-hover: var(--button-main-primary-background-hover);
  --form-toggle-primary-active-icon: var(--general-icon-brand);
  --form-toggle-primary-active-icon-outlined: var(--general-icon-white);
  --form-toggle-primary-active-indicator: var(--tedi-neutral-100);
  --form-toggle-primary-inactive-active: var(--tedi-neutral-550);
  --form-toggle-primary-inactive-default: var(--tedi-neutral-450);
  --form-toggle-primary-inactive-hover: var(--tedi-neutral-500);
  --form-toggle-primary-inactive-icon: var(--general-icon-tertiary);
  --form-toggle-primary-inactive-icon-outlined: var(--general-icon-white);
  --form-toggle-primary-inactive-indicator: var(--tedi-neutral-100);
  --general-border-accent: var(--tedi-accent-600);
  --general-border-brand: var(--tedi-primary-600);
  --general-border-primary: var(--tedi-neutral-350);
  --general-border-secondary: var(--tedi-neutral-450);
  --general-border-transparent-white: var(--tedi-alpha-white-30);
  --general-border-white: var(--tedi-neutral-100);
  --general-effect-colors-elevation-dropdown-area-drop-shadow: var(--tedi-alpha-20);
  --general-effect-colors-elevation-general-primary: var(--tedi-alpha-20);
  --general-effect-colors-elevation-general-secondary: var(--tedi-alpha-14);
  --general-effect-colors-focus-inset-inner-shadow-1: var(--tedi-primary-500);
  --general-effect-colors-focus-inset-inner-shadow-2: var(--general-surface-primary);
  --general-effect-colors-focus-inverted-inner-shadow: var(--tedi-neutral-850);
  --general-effect-colors-focus-inverted-outer-shadow: var(--tedi-neutral-100);
  --general-effect-colors-focus-outset-inner-shadow: var(--general-surface-primary);
  --general-effect-colors-focus-outset-outer-shadow: var(--tedi-primary-600);
  --general-effect-colors-focus-outset-primary: var(--tedi-neutral-100);
  --general-icon-accent: var(--tedi-orange-700);
  --general-icon-background-brand-primary: var(--general-surface-brand-primary);
  --general-icon-background-brand-secondary: var(--general-surface-brand-tertiary);
  --general-icon-background-primary: var(--tedi-neutral-100);
  --general-icon-background-secondary: var(--tedi-alpha-white-30);
  --general-icon-brand: var(--tedi-primary-600);
  --general-icon-brand-dark: var(--tedi-primary-700);
  --general-icon-danger: var(--tedi-red-700);
  --general-icon-primary: var(--tedi-neutral-850);
  --general-icon-secondary: var(--tedi-neutral-700);
  --general-icon-success: var(--tedi-green-700);
  --general-icon-tertiary: var(--tedi-neutral-450);
  --general-icon-warning: var(--tedi-yellow-700);
  --general-icon-warning-dark: var(--tedi-yellow-800);
  --general-icon-white: var(--tedi-neutral-100);
  --general-separator-primary: var(--general-border-primary);
  --general-status-danger-background-primary: var(--tedi-red-100);
  --general-status-danger-background-secondary: var(--tedi-red-600);
  --general-status-danger-background-tertiary: var(--tedi-red-700);
  --general-status-danger-border: var(--tedi-red-500);
  --general-status-danger-text: var(--tedi-red-700);
  --general-status-info-background-dark: var(--tedi-blue-600);
  --general-status-info-background-light: var(--tedi-blue-200);
  --general-status-info-border: var(--tedi-blue-500);
  --general-status-info-text: var(--tedi-blue-700);
  --general-status-neutral-background-dark: var(--tedi-neutral-450);
  --general-status-neutral-background-light: var(--tedi-neutral-300);
  --general-status-neutral-border: var(--tedi-neutral-450);
  --general-status-neutral-text: var(--general-text-primary);
  --general-status-success-background-primary: var(--tedi-green-100);
  --general-status-success-background-secondary: var(--tedi-green-600);
  --general-status-success-background-tertiary: var(--tedi-green-700);
  --general-status-success-border: var(--tedi-green-500);
  --general-status-success-text: var(--tedi-green-700);
  --general-status-warning-background-dark: var(--tedi-yellow-600);
  --general-status-warning-background-light: var(--tedi-yellow-200);
  --general-status-warning-background-primary: var(--tedi-yellow-100);
  --general-status-warning-border: var(--tedi-yellow-600);
  --general-status-warning-text: var(--tedi-yellow-800);
  --general-surface-accent: var(--tedi-accent-200);
  --general-surface-active: var(--general-surface-brand-secondary);
  --general-surface-brand-primary: var(--tedi-primary-600);
  --general-surface-brand-quaternary: var(--tedi-primary-100);
  --general-surface-brand-secondary: var(--tedi-primary-700);
  --general-surface-brand-tertiary: var(--tedi-primary-200);
  --general-surface-disabled: var(--tedi-neutral-400);
  --general-surface-hover: var(--general-surface-brand-quaternary);
  --general-surface-inverted-primary: var(--tedi-neutral-600);
  --general-surface-inverted-secondary: var(--tedi-neutral-750);
  --general-surface-inverted-tertiary: var(--tedi-neutral-800);
  --general-surface-overlay: var(--tedi-alpha-40);
  --general-surface-primary: var(--tedi-neutral-100);
  --general-surface-secondary: var(--tedi-neutral-200);
  --general-surface-selected: var(--general-surface-brand-primary);
  --general-surface-success: var(--general-status-success-background-primary);
  --general-surface-tertiary: var(--tedi-neutral-300);
  --general-text-brand: var(--tedi-primary-600);
  --general-text-dark: var(--tedi-neutral-850);
  --general-text-disabled: var(--tedi-neutral-450);
  --general-text-primary: var(--tedi-neutral-850);
  --general-text-secondary: var(--tedi-neutral-700);
  --general-text-tertiary: var(--tedi-neutral-600);
  --general-text-text-inverted-tehik: var(--tedi-neutral-100);
  --general-text-white: var(--tedi-neutral-100);
  --header-background: var(--general-surface-primary);
  --header-bottom-border: var(--tedi-neutral-100);
  --header-dropdown-active: var(--link-primary-active);
  --header-dropdown-default: var(--link-primary-default);
  --header-dropdown-focus: var(--link-primary-focus);
  --header-dropdown-hover: var(--link-primary-hover);
  --header-label: var(--form-label);
  --header-link-active: var(--general-text-tertiary);
  --header-link-default: var(--general-text-primary);
  --header-link-focus: var(--general-text-primary);
  --header-link-hover: var(--general-text-secondary);
  --header-mobile-button-background-default: var(--button-main-neutral-icon-only-background-default);
  --header-mobile-button-background-disabled: var(--button-main-disabled-neutral-background);
  --header-mobile-button-background-selected: var(--button-main-neutral-icon-only-background-active);
  --header-mobile-button-text-active: var(--button-main-neutral-text-active);
  --header-mobile-button-text-default: var(--button-main-neutral-text-default);
  --header-mobile-button-text-disabled: var(--button-main-disabled-general-text);
  --header-mobile-button-text-focus: var(--button-main-neutral-text-focus);
  --header-mobile-button-text-hover: var(--button-main-neutral-text-hover);
  --header-mobile-button-text-selected: var(--button-main-neutral-text-active);
  --header-modal-item-active-background: var(--dropdown-item-active-background);
  --header-modal-item-active-text: var(--dropdown-item-active-text);
  --header-modal-item-default-background: var(--dropdown-item-default-background);
  --header-modal-item-default-text: var(--general-text-brand);
  --header-modal-item-disabled-background: var(--dropdown-item-disabled-background);
  --header-modal-item-disabled-text: var(--dropdown-item-disabled-text);
  --header-modal-item-hover-background: var(--dropdown-item-hover-background);
  --header-modal-item-hover-text: var(--dropdown-item-hover-text);
  --header-popover-item-active: var(--dropdown-item-active-background);
  --header-popover-item-hover: var(--dropdown-item-hover-background);
  --header-popover-item-selected: var(--dropdown-item-active-background);
  --header-top-header-border-bottom: var(--general-border-primary);
  --link-inverted-active: var(--general-text-white);
  --link-inverted-default: var(--general-text-white);
  --link-inverted-focus: var(--general-text-white);
  --link-inverted-hover: var(--general-text-white);
  --link-primary-active: var(--tedi-primary-800);
  --link-primary-default: var(--tedi-primary-600);
  --link-primary-focus: var(--tedi-primary-600);
  --link-primary-hover: var(--tedi-primary-700);
  --loader-skeleton-color: rgb(146 147 164 / 20%);
  --loader-spinner-color-primary: var(--tedi-neutral-450);
  --loader-spinner-color-secondary: var(--tedi-alpha-white-80);
  --modal-background: var(--general-surface-primary);
  --modal-border-inner: var(--general-border-primary);
  --modal-border-outer: var(--general-border-primary);
  --modal-footer-border-top: var(--general-border-primary);
  --navigation-horizontal-background: var(--navigation-vertical-background);
  --navigation-horizontal-group-title-text: var(--navigation-vertical-group-title-text);
  --navigation-horizontal-item-background-active: var(--navigation-vertical-item-background-active);
  --navigation-horizontal-item-background-default: var(--navigation-vertical-item-background-default);
  --navigation-horizontal-item-background-focus: var(--navigation-vertical-item-background-focus);
  --navigation-horizontal-item-background-hover: var(--navigation-vertical-item-background-hover);
  --navigation-horizontal-item-background-selected: var(--navigation-vertical-item-background-active);
  --navigation-horizontal-item-border: var(--navigation-horizontal-item-background-default);
  --navigation-horizontal-item-text-default: var(--navigation-vertical-item-text-default);
  --navigation-horizontal-submenu-background: var(--navigation-horizontal-item-background-selected);
  --navigation-horizontal-submenu-item-border: var(--navigation-horizontal-item-background-default);
  --navigation-horizontal-submenu-item-border-active: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-border-default: var(--tedi-primary-200);
  --navigation-horizontal-submenu-item-border-focus: var(--tedi-alpha-01);
  --navigation-horizontal-submenu-item-border-hover: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-border-selected: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-text-active: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-text-default: var(--tedi-primary-200);
  --navigation-horizontal-submenu-item-text-focus: var(--navigation-horizontal-submenu-item-text-default);
  --navigation-horizontal-submenu-item-text-hover: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-text-selected: var(--tedi-neutral-100);
  --navigation-vertical-background: var(--navigation-vertical-item-background-default);
  --navigation-vertical-group-title-text: var(--tedi-primary-200);
  --navigation-vertical-item-background-active: var(--tedi-primary-800);
  --navigation-vertical-item-background-arrow-button-active: var(--button-main-primary-background-active);
  --navigation-vertical-item-background-arrow-button-hover: var(--button-main-primary-background-active);
  --navigation-vertical-item-background-default: var(--tedi-primary-600);
  --navigation-vertical-item-background-focus: var(--tedi-primary-600);
  --navigation-vertical-item-background-hover: var(--tedi-primary-700);
  --navigation-vertical-item-border: var(--tedi-primary-800);
  --navigation-vertical-item-text-default: var(--general-text-white);
  --navigation-vertical-item-text-focus: var(--navigation-vertical-item-text-default);
  --navigation-vertical-item-text-hover: var(--navigation-vertical-item-text-default);
  --navigation-vertical-item-text-selected: var(--navigation-vertical-item-text-default);
  --navigation-vertical-tree-brand-active: var(--tedi-primary-500);
  --navigation-vertical-tree-brand-default: var(--tedi-primary-400);
  --navigation-vertical-tree-brand-hover: var(--tedi-primary-500);
  --navigation-vertical-tree-neutral-active: var(--tedi-neutral-450);
  --navigation-vertical-tree-neutral-default: var(--tedi-neutral-350);
  --navigation-vertical-tree-neutral-hover: var(--tedi-neutral-400);
  --popover-background: var(--general-surface-primary);
  --popover-border-default: var(--general-border-white);
  --popover-border-prominent: var(--tedi-primary-400);
  --popover-text: var(--general-text-primary);
  --progress-bar-background-active: var(--form-slider-active-background-default);
  --progress-bar-background-passive: var(--form-slider-passive-background-default);
  --progress-bar-border-default: var(--form-slider-border-default);
  --progress-bar-range-label-text: var(--form-slider-range-label-text);
  --sheet-body-default: var(--general-surface-primary);
  --sheet-body-secondary: var(--general-surface-secondary);
  --sheet-border: var(--general-border-primary);
  --sheet-footer-background: var(--sheet-header-background-default);
  --sheet-header-background-brand: var(--general-surface-brand-primary);
  --sheet-header-background-default: var(--general-surface-primary);
  --status-badge-background-accent: var(--tedi-orange-200);
  --status-badge-background-brand: var(--general-status-info-background-light);
  --status-badge-background-danger: var(--general-status-danger-background-primary);
  --status-badge-background-neutral: var(--general-status-neutral-background-light);
  --status-badge-background-success: var(--general-status-success-background-primary);
  --status-badge-background-transparent: var(--tedi-alpha-01);
  --status-badge-background-warning: var(--general-status-warning-background-light);
  --status-badge-border-accent: var(--tedi-orange-600);
  --status-badge-border-brand: var(--general-status-info-border);
  --status-badge-border-danger: var(--general-status-danger-border);
  --status-badge-border-neutral: var(--general-status-neutral-border);
  --status-badge-border-success: var(--general-status-success-border);
  --status-badge-border-warning: var(--general-status-warning-border);
  --status-badge-icon-accent: var(--general-icon-accent);
  --status-badge-icon-brand: var(--general-icon-brand-dark);
  --status-badge-icon-danger: var(--general-icon-danger);
  --status-badge-icon-neutral: var(--general-icon-primary);
  --status-badge-icon-success: var(--general-icon-success);
  --status-badge-icon-warning: var(--general-icon-warning-dark);
  --status-badge-indicator-border: var(--general-surface-primary);
  --status-badge-indicator-danger: var(--general-status-danger-background-secondary);
  --status-badge-indicator-inactive: var(--general-status-neutral-background-dark);
  --status-badge-indicator-success: var(--general-status-success-background-secondary);
  --status-badge-indicator-warning: var(--general-status-warning-background-dark);
  --status-badge-text-accent: var(--tedi-orange-700);
  --status-badge-text-brand: var(--general-status-info-text);
  --status-badge-text-danger: var(--general-status-danger-text);
  --status-badge-text-neutral: var(--general-status-neutral-text);
  --status-badge-text-success: var(--general-status-success-text);
  --status-badge-text-warning: var(--general-status-warning-text);
  --stepper-background: var(--general-surface-tertiary);
  --stepper-item-horizontal-text-completed-default: var(--tedi-green-700);
  --stepper-item-horizontal-text-completed-hover: var(--tedi-green-800);
  --stepper-item-horizontal-text-danger-default: var(--tedi-red-700);
  --stepper-item-horizontal-text-danger-hover: var(--tedi-red-800);
  --stepper-item-horizontal-text-default: var(--general-text-secondary);
  --stepper-item-horizontal-text-hover: var(--tedi-primary-700);
  --stepper-item-horizontal-text-selected: var(--general-text-white);
  --stepper-item-horizontal-type-completed-bg-active: var(--tedi-green-300);
  --stepper-item-horizontal-type-completed-bg-default: var(--general-status-success-background-primary);
  --stepper-item-horizontal-type-completed-bg-hover: var(--tedi-green-200);
  --stepper-item-horizontal-type-danger-bg-active: var(--tedi-red-300);
  --stepper-item-horizontal-type-danger-bg-default: var(--tedi-red-200);
  --stepper-item-horizontal-type-danger-bg-hover: var(--tedi-red-300);
  --stepper-item-horizontal-type-default-bg-default: var(--general-surface-tertiary);
  --stepper-item-horizontal-type-default-bg-hover: var(--general-surface-tertiary);
  --stepper-item-horizontal-type-selected-bg-default: var(--general-border-brand);
  --stepper-item-vertical-line: var(--timeline-default);
  --stepper-item-vertical-mobile-progressbar-completed: var(--general-status-success-background-tertiary);
  --stepper-item-vertical-mobile-progressbar-default: var(--tedi-neutral-400);
  --stepper-item-vertical-text-active: var(--link-primary-active);
  --stepper-item-vertical-text-default: var(--general-text-primary);
  --stepper-item-vertical-text-disabled: var(--general-text-disabled);
  --stepper-item-vertical-text-hover: var(--link-primary-hover);
  --stepper-item-vertical-text-selected: var(--link-primary-hover);
  --stepper-step-completed-bg: var(--general-status-success-background-tertiary);
  --stepper-step-completed-bg-hover: var(--tedi-green-800);
  --stepper-step-danger-bg: var(--general-status-danger-background-tertiary);
  --stepper-step-danger-bg-hover: var(--tedi-red-800);
  --stepper-step-default-bg: var(--general-surface-primary);
  --stepper-step-default-bg-active: var(--tedi-primary-800);
  --stepper-step-default-bg-hover: var(--tedi-primary-700);
  --stepper-step-default-border: var(--timeline-default);
  --stepper-step-default-border-active: var(--stepper-step-default-bg-active);
  --stepper-step-default-border-hover: var(--stepper-step-default-bg-hover);
  --stepper-step-disabled-bg: var(--general-surface-disabled);
  --stepper-step-disabled-border: var(--timeline-default);
  --stepper-step-selected-bg: var(--general-surface-primary);
  --stepper-step-selected-border: var(--general-surface-active);
  --stepper-step-selected-border-hover: var(--tedi-primary-800);
  --tab-background: var(--general-surface-secondary);
  --tab-item-active-background: var(--general-surface-brand-tertiary);
  --tab-item-active-text: var(--tedi-primary-700);
  --tab-item-default-background: var(--tedi-alpha-01);
  --tab-item-default-text: var(--general-text-primary);
  --tab-item-hover-background: var(--general-surface-hover);
  --tab-item-hover-text: var(--tedi-primary-700);
  --tab-item-selected-background: var(--general-surface-primary);
  --tab-item-selected-border: var(--general-surface-selected);
  --tab-item-selected-text: var(--tedi-primary-600);
  --table-active: var(--general-surface-brand-tertiary);
  --table-border: var(--general-border-primary);
  --table-border-th: var(--general-border-secondary);
  --table-default: var(--general-surface-primary);
  --table-hover: var(--general-surface-hover);
  --table-of-contents-border-active: var(--general-border-brand);
  --table-striped: var(--general-surface-tertiary);
  --tag-danger-background: var(--general-status-danger-background-primary);
  --tag-danger-border: var(--tedi-red-300);
  --tag-primary-background: var(--tedi-primary-100);
  --tag-primary-border: var(--tedi-primary-200);
  --tag-secondary-background: var(--tedi-neutral-300);
  --tag-secondary-border: var(--tedi-neutral-300);
  --timeline-completed: var(--general-border-accent);
  --timeline-default: var(--general-border-secondary);
  --tooltip-primary-background: var(--general-surface-inverted-primary);
  --tooltip-primary-border: var(--tooltip-primary-background);
  --tooltip-primary-text: var(--general-text-white);
  --tooltip-secondary-background: var(--popover-background);
  --tooltip-secondary-border: var(--popover-border-default);
  --tooltip-secondary-text: var(--general-text-dark);
}

.tedi-theme--dark {
  --accordion-action-color: var(--general-icon-white);
  --alert-default-background-danger: var(--general-status-danger-background-primary);
  --alert-default-background-info: var(--general-status-info-background-light);
  --alert-default-background-success: var(--general-status-success-background-primary);
  --alert-default-background-warning: var(--general-status-warning-background-light);
  --alert-default-border-danger: var(--general-status-danger-border);
  --alert-default-border-info: var(--general-status-info-border);
  --alert-default-border-success: var(--general-status-success-border);
  --alert-default-border-warning: var(--general-status-warning-border);
  --alert-default-text-danger: var(--general-text-primary);
  --alert-default-text-info: var(--general-text-primary);
  --alert-default-text-success: var(--general-text-primary);
  --alert-default-text-warning: var(--general-text-primary);
  --alert-toast-background-danger: var(--alert-default-background-danger);
  --alert-toast-background-info: var(--alert-default-background-info);
  --alert-toast-background-success: var(--alert-default-background-success);
  --alert-toast-background-warning: var(--alert-default-background-warning);
  --alert-toast-border-danger: var(--alert-default-border-danger);
  --alert-toast-border-info: var(--alert-default-border-info);
  --alert-toast-border-success: var(--alert-default-border-success);
  --alert-toast-border-warning: var(--alert-default-border-warning);
  --alert-toast-text-danger: var(--alert-default-text-danger);
  --alert-toast-text-info: var(--alert-default-text-info);
  --alert-toast-text-success: var(--alert-default-text-success);
  --alert-toast-text-warning: var(--alert-default-text-warning);
  --avatar-background-default: var(--general-status-neutral-background-light);
  --brand-logo: var(--tedi-neutral-100);
  --button-card-active-background: var(--tedi-neutral-750);
  --button-card-active-border: var(--tedi-neutral-800);
  --button-card-active-icon-background: var(--tedi-neutral-750);
  --button-card-disabled-background: var(--form-general-background-disabled);
  --button-card-disabled-border: var(--form-general-border-disabled);
  --button-card-hover-background: var(--tedi-neutral-800);
  --button-card-hover-border: var(--tedi-neutral-750);
  --button-card-hover-icon-background: var(--tedi-neutral-800);
  --button-card-icon-default: var(--general-icon-secondary);
  --button-card-icon-disabled: var(--general-text-disabled);
  --button-card-icon-hover: var(--general-icon-white);
  --button-close-background-active: var(--tedi-alpha-20);
  --button-close-background-default: var(--tedi-alpha-01);
  --button-close-background-focus: var(--tedi-alpha-01);
  --button-close-background-hover: var(--tedi-alpha-10);
  --button-close-text-active: var(--general-text-primary);
  --button-close-text-default: var(--tedi-alpha-white-80);
  --button-close-text-focus: var(--general-text-primary);
  --button-close-text-hover: var(--general-text-primary);
  --button-floating-primary-background-active: var(--tedi-primary-100);
  --button-floating-primary-background-default: var(--tedi-primary-300);
  --button-floating-primary-background-focus: var(--tedi-primary-300);
  --button-floating-primary-background-hover: var(--tedi-primary-200);
  --button-floating-primary-border-active: var(--button-floating-primary-background-active);
  --button-floating-primary-border-default: var(--button-floating-primary-background-default);
  --button-floating-primary-border-focus: var(--button-floating-primary-background-focus);
  --button-floating-primary-border-hover: var(--button-floating-primary-background-hover);
  --button-floating-primary-text-active: var(--tedi-primary-800);
  --button-floating-primary-text-default: var(--tedi-primary-700);
  --button-floating-primary-text-hover: var(--tedi-primary-800);
  --button-floating-secondary-background-active: var(--tedi-neutral-700);
  --button-floating-secondary-background-default: var(--tedi-neutral-800);
  --button-floating-secondary-background-focus: var(--tedi-neutral-800);
  --button-floating-secondary-background-hover: var(--tedi-neutral-750);
  --button-floating-secondary-border-active: var(--button-floating-secondary-background-active);
  --button-floating-secondary-border-default: var(--button-floating-secondary-background-default);
  --button-floating-secondary-border-focus: var(--button-floating-secondary-background-focus);
  --button-floating-secondary-border-hover: var(--button-floating-secondary-background-hover);
  --button-floating-secondary-text-active: var(--general-text-white);
  --button-floating-secondary-text-default: var(--general-text-white);
  --button-floating-secondary-text-hover: var(--general-text-white);
  --button-group-primary-disabled-background: var(--button-main-disabled-general-background);
  --button-group-primary-disabled-border: var(--button-group-primary-inactive-border);
  --button-group-primary-disabled-text: var(--button-main-disabled-general-text);
  --button-group-primary-hover-background: var(--form-checkbox-radio-card-primary-hover-background);
  --button-group-primary-hover-border: var(--form-checkbox-radio-card-primary-hover-border);
  --button-group-primary-hover-text: var(--form-checkbox-radio-card-primary-hover-text);
  --button-group-primary-inactive-background: var(--form-checkbox-radio-card-primary-default-background);
  --button-group-primary-inactive-border: var(--form-checkbox-radio-card-primary-default-border-group);
  --button-group-primary-inactive-text: var(--form-checkbox-radio-card-primary-default-text);
  --button-group-primary-selected-background: var(--form-checkbox-radio-card-primary-selected-background);
  --button-group-primary-selected-border: var(--form-checkbox-radio-card-primary-selected-border-group);
  --button-group-primary-selected-text: var(--form-checkbox-radio-card-primary-hover-text);
  --button-group-secondary-disabled-background: var(--tedi-alpha-01);
  --button-group-secondary-disabled-border: var(--button-group-secondary-inactive-border);
  --button-group-secondary-disabled-text: var(--button-main-disabled-general-text);
  --button-group-secondary-hover-background: var(--form-checkbox-radio-card-secondary-hover-background);
  --button-group-secondary-hover-border: var(--form-checkbox-radio-card-secondary-hover-border);
  --button-group-secondary-hover-text: var(--form-checkbox-radio-card-secondary-hover-text);
  --button-group-secondary-inactive-background: var(--form-checkbox-radio-card-secondary-default-background);
  --button-group-secondary-inactive-border: var(--form-checkbox-radio-card-secondary-default-border);
  --button-group-secondary-inactive-text: var(--form-checkbox-radio-card-secondary-default-text);
  --button-group-secondary-selected-background: var(--form-checkbox-radio-card-secondary-selected-background);
  --button-group-secondary-selected-border: var(--form-checkbox-radio-card-secondary-selected-border);
  --button-group-secondary-selected-text: var(--form-checkbox-radio-card-secondary-selected-text);
  --button-main-danger-background-active: var(--tedi-red-500);
  --button-main-danger-background-default: var(--tedi-red-300);
  --button-main-danger-background-focus: var(--tedi-red-300);
  --button-main-danger-background-hover: var(--tedi-red-400);
  --button-main-danger-border-active: var(--button-main-danger-background-active);
  --button-main-danger-border-default: var(--button-main-danger-background-default);
  --button-main-danger-border-focus: var(--button-main-danger-background-focus);
  --button-main-danger-border-hover: var(--button-main-danger-background-hover);
  --button-main-danger-neutral-background-active: var(--tedi-alpha-01);
  --button-main-danger-neutral-background-default: var(--tedi-alpha-01);
  --button-main-danger-neutral-background-focus: var(--tedi-alpha-01);
  --button-main-danger-neutral-background-hover: var(--tedi-alpha-01);
  --button-main-danger-neutral-border-active: var(--tedi-alpha-01);
  --button-main-danger-neutral-border-default: var(--tedi-alpha-01);
  --button-main-danger-neutral-border-focus: var(--general-surface-primary);
  --button-main-danger-neutral-border-hover: var(--tedi-alpha-01);
  --button-main-danger-neutral-icon-only-background-active: var(--tedi-red-800);
  --button-main-danger-neutral-icon-only-background-default: var(--button-main-danger-neutral-background-default);
  --button-main-danger-neutral-icon-only-background-focus: var(--button-main-danger-neutral-background-focus);
  --button-main-danger-neutral-icon-only-background-hover: var(--tedi-red-700);
  --button-main-danger-neutral-text-active: var(--tedi-red-100);
  --button-main-danger-neutral-text-default: var(--tedi-red-300);
  --button-main-danger-neutral-text-focus: var(--tedi-red-300);
  --button-main-danger-neutral-text-hover: var(--tedi-red-200);
  --button-main-danger-text-default: var(--tedi-neutral-900);
  --button-main-disabled-general-background: var(--general-surface-disabled);
  --button-main-disabled-general-border: var(--general-surface-disabled);
  --button-main-disabled-general-text: var(--general-text-disabled);
  --button-main-disabled-neutral-background: var(--button-main-neutral-background-default);
  --button-main-disabled-neutral-border: var(--button-main-neutral-border-default);
  --button-main-neutral-background-active: var(--tedi-alpha-01);
  --button-main-neutral-background-default: var(--tedi-alpha-01);
  --button-main-neutral-background-focus: var(--tedi-alpha-01);
  --button-main-neutral-background-hover: var(--tedi-alpha-01);
  --button-main-neutral-border-active: var(--tedi-alpha-01);
  --button-main-neutral-border-default: var(--tedi-alpha-01);
  --button-main-neutral-border-focus: var(--general-surface-primary);
  --button-main-neutral-border-hover: var(--tedi-alpha-01);
  --button-main-neutral-icon-only-background-active: var(--button-main-secondary-background-active);
  --button-main-neutral-icon-only-background-default: var(--tedi-alpha-01);
  --button-main-neutral-icon-only-background-focus: var(--button-main-neutral-icon-only-background-default);
  --button-main-neutral-icon-only-background-hover: var(--button-main-secondary-background-hover);
  --button-main-neutral-inverted-background-active: var(--tedi-alpha-01);
  --button-main-neutral-inverted-background-default: var(--tedi-alpha-01);
  --button-main-neutral-inverted-background-focus: var(--tedi-alpha-01);
  --button-main-neutral-inverted-background-hover: var(--tedi-alpha-01);
  --button-main-neutral-inverted-border-active: var(--tedi-alpha-01);
  --button-main-neutral-inverted-border-default: var(--tedi-alpha-01);
  --button-main-neutral-inverted-border-focus: var(--general-surface-primary);
  --button-main-neutral-inverted-border-hover: var(--tedi-alpha-01);
  --button-main-neutral-inverted-icon-only-background-active: var(--button-main-secondary-inverted-background-active);
  --button-main-neutral-inverted-icon-only-background-default: var(--button-main-secondary-inverted-background-default);
  --button-main-neutral-inverted-icon-only-background-focus: var(--button-main-secondary-inverted-background-focus);
  --button-main-neutral-inverted-icon-only-background-hover: var(--button-main-secondary-inverted-background-hover);
  --button-main-neutral-inverted-text-active: var(--tedi-neutral-100);
  --button-main-neutral-inverted-text-default: var(--tedi-neutral-100);
  --button-main-neutral-inverted-text-focus: var(--tedi-neutral-100);
  --button-main-neutral-inverted-text-hover: var(--tedi-primary-200);
  --button-main-neutral-text-active: var(--tedi-primary-300);
  --button-main-neutral-text-default: var(--tedi-neutral-100);
  --button-main-neutral-text-focus: var(--tedi-neutral-100);
  --button-main-neutral-text-hover: var(--tedi-primary-200);
  --button-main-primary-background-active: var(--tedi-primary-100);
  --button-main-primary-background-default: var(--tedi-primary-300);
  --button-main-primary-background-focus: var(--tedi-primary-300);
  --button-main-primary-background-hover: var(--tedi-primary-200);
  --button-main-primary-border-active: var(--button-main-primary-background-active);
  --button-main-primary-border-default: var(--button-main-primary-background-default);
  --button-main-primary-border-focus: var(--button-main-primary-background-focus);
  --button-main-primary-border-hover: var(--button-main-primary-background-hover);
  --button-main-primary-inverted-background-active: var(--tedi-primary-300);
  --button-main-primary-inverted-background-default: var(--tedi-primary-200);
  --button-main-primary-inverted-background-focus: var(--button-main-primary-inverted-background-default);
  --button-main-primary-inverted-background-hover: var(--tedi-primary-300);
  --button-main-primary-inverted-border-active: var(--button-main-primary-inverted-background-active);
  --button-main-primary-inverted-border-default: var(--button-main-primary-inverted-background-default);
  --button-main-primary-inverted-border-focus: var(--button-main-primary-inverted-background-focus);
  --button-main-primary-inverted-border-hover: var(--button-main-primary-inverted-background-hover);
  --button-main-primary-inverted-text-active: var(--tedi-primary-800);
  --button-main-primary-inverted-text-default: var(--tedi-primary-700);
  --button-main-primary-inverted-text-hover: var(--tedi-primary-700);
  --button-main-primary-text-active: var(--tedi-primary-800);
  --button-main-primary-text-default: var(--tedi-primary-700);
  --button-main-primary-text-hover: var(--tedi-primary-800);
  --button-main-secondary-background-active: var(--general-surface-brand-tertiary);
  --button-main-secondary-background-default: var(--tedi-neutral-850);
  --button-main-secondary-background-focus: var(--tedi-neutral-850);
  --button-main-secondary-background-hover: var(--general-surface-hover);
  --button-main-secondary-border-active: var(--tedi-primary-200);
  --button-main-secondary-border-default: var(--tedi-neutral-300);
  --button-main-secondary-border-focus: var(--tedi-primary-100);
  --button-main-secondary-border-hover: var(--tedi-primary-100);
  --button-main-secondary-inverted-background-active: var(--tedi-alpha-white-10);
  --button-main-secondary-inverted-background-default: var(--tedi-alpha-01);
  --button-main-secondary-inverted-background-focus: var(--tedi-alpha-01);
  --button-main-secondary-inverted-background-hover: var(--tedi-alpha-white-10);
  --button-main-secondary-inverted-border-active: var(--tedi-neutral-100);
  --button-main-secondary-inverted-border-default: var(--tedi-alpha-white-50);
  --button-main-secondary-inverted-border-focus: var(--tedi-neutral-100);
  --button-main-secondary-inverted-border-hover: var(--tedi-neutral-100);
  --button-main-secondary-inverted-text-default: var(--general-text-white);
  --button-main-secondary-text-active: var(--tedi-neutral-100);
  --button-main-secondary-text-default: var(--tedi-neutral-100);
  --button-main-secondary-text-focus: var(--tedi-neutral-100);
  --button-main-secondary-text-hover: var(--tedi-neutral-100);
  --button-main-success-background-active: var(--tedi-green-500);
  --button-main-success-background-default: var(--tedi-green-300);
  --button-main-success-background-focus: var(--tedi-green-300);
  --button-main-success-background-hover: var(--tedi-green-400);
  --button-main-success-border-active: var(--button-main-success-background-active);
  --button-main-success-border-default: var(--button-main-success-background-default);
  --button-main-success-border-focus: var(--button-main-success-background-focus);
  --button-main-success-border-hover: var(--button-main-success-background-hover);
  --button-main-success-text-default: var(--tedi-neutral-900);
  --card-background-accent: var(--general-surface-accent);
  --card-background-brand-primary: var(--general-surface-brand-primary);
  --card-background-brand-quaternary: var(--general-surface-brand-quaternary);
  --card-background-brand-secondary: var(--general-surface-brand-secondary);
  --card-background-brand-tertiary: var(--general-surface-brand-tertiary);
  --card-background-danger: var(--general-status-danger-background-primary);
  --card-background-primary: var(--general-surface-primary);
  --card-background-secondary: var(--general-surface-secondary);
  --card-background-success: var(--general-status-success-background-primary);
  --card-background-tertiary: var(--general-surface-tertiary);
  --card-background-tertiary-2: var(--general-surface-tertiary);
  --card-background-warning: var(--general-status-warning-background-light);
  --card-body-background-distinctive-primary: var(--general-surface-brand-primary);
  --card-body-background-primary: var(--general-surface-primary);
  --card-body-background-secondary: var(--general-surface-secondary);
  --card-border-distinctive: var(--card-body-background-distinctive-primary);
  --card-border-primary: var(--general-border-primary);
  --card-border-selected: var(--tedi-primary-300);
  --carousel-dot-background-active: var(--button-main-primary-background-active);
  --carousel-dot-background-focus: var(--general-surface-primary);
  --carousel-dot-background-selected: var(--button-main-primary-background-default);
  --carousel-dot-border-active: var(--button-main-primary-background-active);
  --carousel-dot-border-default: var(--button-main-primary-background-default);
  --carousel-dot-border-focus: var(--button-main-primary-background-focus);
  --carousel-dot-border-hover: var(--button-main-primary-background-hover);
  --carousel-dot-border-selected: var(--button-main-primary-background-default);
  --choice-group-active-text: var(--tedi-neutral-100);
  --drag-indicator-light: var(--tedi-alpha-white-50);
  --dropdown-item-active-background: var(--general-surface-selected);
  --dropdown-item-active-text: var(--general-text-white);
  --dropdown-item-default-background: var(--general-surface-primary);
  --dropdown-item-default-text: var(--general-text-primary);
  --dropdown-item-disabled-background: var(--general-surface-disabled);
  --dropdown-item-disabled-text: var(--general-text-disabled);
  --dropdown-item-hover-background: var(--general-surface-hover);
  --dropdown-item-hover-text: var(--general-text-white);
  --dropdown-object-item-background: var(--card-background-primary);
  --dropdown-object-item-border-hover: var(--card-border-primary);
  --dropdown-object-item-border-selected: var(--card-border-selected);
  --empty-state-background-primary: var(--general-surface-primary);
  --empty-state-background-secondary: var(--general-surface-secondary);
  --empty-state-background-tertiary: var(--general-surface-tertiary);
  --empty-state-border: var(--card-border-primary);
  --empty-state-icon-primary: var(--general-icon-brand);
  --empty-state-icon-secondary: var(--general-icon-tertiary);
  --feedback-background-default: var(--button-main-primary-inverted-background-default);
  --feedback-background-hover: rgb(255 255 255);
  --file-dropzone-background-default: var(--form-input-background-default);
  --file-dropzone-background-disabled: var(--form-general-background-disabled);
  --file-dropzone-background-drop-over: var(--general-surface-brand-quaternary);
  --file-dropzone-background-hover: var(--general-surface-hover);
  --file-dropzone-border-active: var(--general-surface-active);
  --file-dropzone-border-default: var(--form-input-border-default);
  --file-dropzone-border-disabled: var(--form-general-border-disabled);
  --file-dropzone-border-drop-over: var(--form-input-border-active);
  --file-dropzone-border-focus: var(--form-input-border-focus);
  --file-dropzone-border-hover: var(--form-input-border-hover);
  --file-dropzone-text-default: var(--general-text-brand);
  --file-dropzone-text-drop-over: var(--general-text-tertiary);
  --filter-primary-active-background: var(--button-main-primary-background-active);
  --filter-primary-active-border: var(--button-main-primary-border-active);
  --filter-primary-active-text: var(--button-main-primary-text-active);
  --filter-primary-default-background: var(--button-main-primary-background-default);
  --filter-primary-default-border: var(--button-main-primary-border-default);
  --filter-primary-default-text: var(--button-main-primary-text-default);
  --filter-primary-disabled-background: var(--button-main-disabled-general-background);
  --filter-primary-disabled-border: var(--button-group-primary-disabled-border);
  --filter-primary-disabled-text: var(--button-main-disabled-general-text);
  --filter-primary-hover-background: var(--button-main-primary-background-hover);
  --filter-primary-hover-border: var(--button-main-primary-border-hover);
  --filter-primary-hover-text: var(--button-main-primary-text-hover);
  --filter-primary-selected-background: var(--form-checkbox-radio-card-primary-selected-background);
  --filter-primary-selected-border: var(--form-checkbox-radio-card-primary-selected-border-group);
  --filter-primary-selected-text: var(--form-checkbox-radio-card-primary-selected-text);
  --filter-secondary-active-background: var(--button-main-secondary-background-active);
  --filter-secondary-active-border: var(--button-main-secondary-border-active);
  --filter-secondary-active-text: var(--button-main-secondary-text-active);
  --filter-secondary-default-background: var(--button-main-secondary-background-default);
  --filter-secondary-default-border: var(--button-main-secondary-border-default);
  --filter-secondary-default-text: var(--button-main-secondary-text-default);
  --filter-secondary-disabled-background: var(--button-group-secondary-disabled-background);
  --filter-secondary-disabled-border: var(--button-group-secondary-disabled-border);
  --filter-secondary-disabled-text: var(--button-main-disabled-general-text);
  --filter-secondary-hover-background: var(--button-main-secondary-background-hover);
  --filter-secondary-hover-border: var(--button-main-secondary-border-hover);
  --filter-secondary-hover-text: var(--button-main-secondary-text-hover);
  --filter-secondary-selected-background: var(--form-checkbox-radio-card-secondary-selected-background);
  --filter-secondary-selected-border: var(--form-checkbox-radio-card-secondary-selected-border);
  --filter-secondary-selected-text: var(--form-checkbox-radio-card-secondary-selected-text);
  --footer-background: var(--tedi-neutral-750);
  --footer-bottom-background: var(--tedi-neutral-800);
  --footer-icon-background: var(--tedi-alpha-white-20);
  --form-checkbox-radio-card-disabled-text: var(--button-main-disabled-general-text);
  --form-checkbox-radio-card-primary-default-background: var(--general-surface-primary);
  --form-checkbox-radio-card-primary-default-border-group: var(--tedi-neutral-500);
  --form-checkbox-radio-card-primary-default-border-separate: var(--tedi-neutral-500);
  --form-checkbox-radio-card-primary-default-text: var(--general-text-secondary);
  --form-checkbox-radio-card-primary-disabled-default-background: var(--form-general-background-disabled);
  --form-checkbox-radio-card-primary-disabled-default-text: var(--general-text-disabled);
  --form-checkbox-radio-card-primary-disabled-selected-background: var(--tedi-primary-800);
  --form-checkbox-radio-card-primary-disabled-selected-text: var(--tedi-primary-500);
  --form-checkbox-radio-card-primary-hover-background: var(--button-main-primary-background-hover);
  --form-checkbox-radio-card-primary-hover-border: var(--button-main-primary-border-hover);
  --form-checkbox-radio-card-primary-hover-text: var(--button-main-primary-text-default);
  --form-checkbox-radio-card-primary-selected-background: var(--button-main-primary-background-default);
  --form-checkbox-radio-card-primary-selected-border-group: var(--button-main-primary-border-active);
  --form-checkbox-radio-card-primary-selected-border-separate: var(--form-checkbox-radio-card-primary-selected-background);
  --form-checkbox-radio-card-primary-selected-text: var(--button-main-primary-text-default);
  --form-checkbox-radio-card-secondary-default-background: var(--button-main-secondary-background-default);
  --form-checkbox-radio-card-secondary-default-border: var(--form-checkbox-radio-card-primary-default-border-group);
  --form-checkbox-radio-card-secondary-default-text: var(--form-checkbox-radio-card-primary-default-text);
  --form-checkbox-radio-card-secondary-disabled-default-background: var(--general-surface-primary);
  --form-checkbox-radio-card-secondary-disabled-default-border: var(--form-input-border-disabled);
  --form-checkbox-radio-card-secondary-disabled-default-text: var(--general-text-disabled);
  --form-checkbox-radio-card-secondary-disabled-selected-background: var(--general-surface-primary);
  --form-checkbox-radio-card-secondary-disabled-selected-border: var(--form-checkbox-radio-default-border-selected-disabled);
  --form-checkbox-radio-card-secondary-disabled-selected-text: var(--tedi-primary-600);
  --form-checkbox-radio-card-secondary-hover-background: var(--button-main-secondary-background-hover);
  --form-checkbox-radio-card-secondary-hover-border: var(--button-main-secondary-border-hover);
  --form-checkbox-radio-card-secondary-hover-text: var(--button-main-secondary-border-hover);
  --form-checkbox-radio-card-secondary-selected-background: var(--button-main-secondary-background-default);
  --form-checkbox-radio-card-secondary-selected-border: var(--tedi-primary-300);
  --form-checkbox-radio-card-secondary-selected-text: var(--general-text-brand);
  --form-checkbox-radio-default-background-active: var(--tedi-primary-300);
  --form-checkbox-radio-default-background-default: var(--tedi-neutral-850);
  --form-checkbox-radio-default-background-error: var(--tedi-neutral-850);
  --form-checkbox-radio-default-background-focus: var(--tedi-neutral-850);
  --form-checkbox-radio-default-background-hover: var(--tedi-neutral-850);
  --form-checkbox-radio-default-background-inverted: var(--tedi-neutral-100);
  --form-checkbox-radio-default-background-selected: var(--tedi-primary-200);
  --form-checkbox-radio-default-background-selected-disabled: var(--tedi-primary-700);
  --form-checkbox-radio-default-background-selected-inverted: var(--tedi-primary-600);
  --form-checkbox-radio-default-border-active: var(--tedi-primary-400);
  --form-checkbox-radio-default-border-default: var(--form-general-border-default);
  --form-checkbox-radio-default-border-focus: var(--form-general-border-default);
  --form-checkbox-radio-default-border-hover: var(--tedi-primary-300);
  --form-checkbox-radio-default-border-inverted: var(--tedi-primary-300);
  --form-checkbox-radio-default-border-selected: var(--tedi-primary-400);
  --form-checkbox-radio-default-border-selected-disabled: var(--tedi-primary-700);
  --form-checkbox-radio-default-border-selected-inverted: var(--tedi-primary-600);
  --form-checkbox-radio-default-check-indicator-active: var(--tedi-primary-700);
  --form-checkbox-radio-default-check-indicator-default: var(--tedi-primary-600);
  --form-datepicker-date-active: var(--button-main-secondary-background-active);
  --form-datepicker-date-available: var(--general-status-success-background-primary);
  --form-datepicker-date-default: var(--button-main-secondary-background-default);
  --form-datepicker-date-hover: var(--button-main-secondary-background-hover);
  --form-datepicker-date-selected: var(--general-surface-brand-primary);
  --form-datepicker-date-selected-hover: var(--general-surface-brand-secondary);
  --form-datepicker-date-text-available: var(--general-status-success-text);
  --form-datepicker-date-text-muted: var(--general-text-disabled);
  --form-datepicker-date-text-selected: var(--general-text-white);
  --form-datepicker-today-border: var(--tedi-alpha-white-80);
  --form-datepicker-today-border-secondary: var(--tedi-alpha-white-80);
  --form-general-background-action-background: var(--general-surface-secondary);
  --form-general-background-default: var(--general-surface-primary);
  --form-general-background-disabled: var(--tedi-neutral-850);
  --form-general-border-default: var(--tedi-neutral-400);
  --form-general-border-disabled: var(--tedi-neutral-700);
  --form-general-feedback-error-border: var(--tedi-red-400);
  --form-general-feedback-error-text: var(--tedi-red-300);
  --form-general-feedback-success-border: var(--tedi-green-400);
  --form-general-feedback-success-text: var(--tedi-green-300);
  --form-hidden-default: var(--tedi-alpha-01);
  --form-hidden-hover: var(--general-surface-tertiary);
  --form-input-background-default: var(--form-general-background-default);
  --form-input-background-disabled: var(--form-general-background-disabled);
  --form-input-border-active: var(--form-input-border-hover);
  --form-input-border-default: var(--form-general-border-default);
  --form-input-border-disabled: var(--form-general-border-disabled);
  --form-input-border-focus: var(--form-input-border-hover);
  --form-input-border-hover: var(--tedi-primary-300);
  --form-input-text-disabled: var(--general-text-secondary);
  --form-input-text-filled: var(--general-text-primary);
  --form-input-text-placeholder: var(--tedi-neutral-450);
  --form-label: var(--general-text-secondary);
  --form-slider-active-background-active: var(--tedi-blue-500);
  --form-slider-active-background-default: var(--tedi-blue-300);
  --form-slider-active-background-disabled: var(--tedi-neutral-700);
  --form-slider-active-background-focus: var(--tedi-blue-300);
  --form-slider-active-background-hover: var(--tedi-blue-400);
  --form-slider-border-default: var(--tedi-neutral-550);
  --form-slider-passive-background-default: var(--tedi-neutral-900);
  --form-slider-range-label-text: var(--general-text-tertiary);
  --form-slider-thumb-background-active: var(--general-surface-brand-tertiary);
  --form-slider-thumb-background-default: var(--tedi-neutral-100);
  --form-slider-thumb-background-disabled: var(--tedi-neutral-100);
  --form-slider-thumb-background-focus: var(--tedi-neutral-100);
  --form-slider-thumb-background-hover: var(--general-surface-brand-tertiary);
  --form-slider-thumb-border-active: var(--tedi-blue-500);
  --form-slider-thumb-border-default: var(--tedi-blue-300);
  --form-slider-thumb-border-disabled: var(--tedi-neutral-700);
  --form-slider-thumb-border-focus: var(--tedi-blue-300);
  --form-slider-thumb-border-hover: var(--tedi-blue-400);
  --form-slider-track: var(--general-surface-primary);
  --form-toggle-colored-active-active: var(--tedi-green-600);
  --form-toggle-colored-active-default: var(--tedi-green-500);
  --form-toggle-colored-active-hover: var(--tedi-green-600);
  --form-toggle-colored-active-icon: var(--tedi-green-500);
  --form-toggle-colored-active-icon-outlined: var(--general-icon-white);
  --form-toggle-colored-active-indicator: var(--tedi-neutral-100);
  --form-toggle-colored-inactive-active: var(--tedi-red-600);
  --form-toggle-colored-inactive-default: var(--tedi-red-500);
  --form-toggle-colored-inactive-hover: var(--tedi-red-600);
  --form-toggle-colored-inactive-icon: var(--tedi-red-600);
  --form-toggle-colored-inactive-icon-outlined: var(--general-icon-white);
  --form-toggle-colored-inactive-indicator: var(--tedi-neutral-100);
  --form-toggle-outlined-background: var(--tedi-alpha-01);
  --form-toggle-primary-active-active: var(--tedi-primary-500);
  --form-toggle-primary-active-default: var(--tedi-primary-400);
  --form-toggle-primary-active-hover: var(--tedi-primary-500);
  --form-toggle-primary-active-icon: var(--tedi-primary-400);
  --form-toggle-primary-active-icon-outlined: var(--general-icon-white);
  --form-toggle-primary-active-indicator: var(--tedi-neutral-100);
  --form-toggle-primary-inactive-active: var(--tedi-neutral-550);
  --form-toggle-primary-inactive-default: var(--tedi-neutral-450);
  --form-toggle-primary-inactive-hover: var(--tedi-neutral-500);
  --form-toggle-primary-inactive-icon: var(--tedi-neutral-450);
  --form-toggle-primary-inactive-icon-outlined: var(--general-icon-white);
  --form-toggle-primary-inactive-indicator: var(--tedi-neutral-100);
  --general-border-accent: var(--tedi-accent-600);
  --general-border-brand: var(--tedi-primary-600);
  --general-border-primary: var(--tedi-neutral-750);
  --general-border-secondary: var(--tedi-neutral-500);
  --general-border-transparent-white: var(--tedi-alpha-white-30);
  --general-border-white: var(--tedi-neutral-100);
  --general-effect-colors-elevation-dropdown-area-drop-shadow: var(--tedi-alpha-white-20);
  --general-effect-colors-elevation-general-primary: var(--tedi-alpha-white-20);
  --general-effect-colors-elevation-general-secondary: var(--tedi-alpha-white-14);
  --general-effect-colors-focus-inset-inner-shadow-1: var(--general-surface-primary);
  --general-effect-colors-focus-inset-inner-shadow-2: var(--tedi-primary-400);
  --general-effect-colors-focus-inverted-inner-shadow: var(--tedi-neutral-850);
  --general-effect-colors-focus-inverted-outer-shadow: var(--tedi-neutral-100);
  --general-effect-colors-focus-outset-inner-shadow: var(--general-surface-primary);
  --general-effect-colors-focus-outset-outer-shadow: var(--tedi-primary-300);
  --general-effect-colors-focus-outset-primary: var(--tedi-neutral-850);
  --general-icon-accent: var(--tedi-orange-300);
  --general-icon-background-brand-primary: var(--general-surface-brand-primary);
  --general-icon-background-brand-secondary: var(--general-surface-brand-tertiary);
  --general-icon-background-primary: var(--tedi-alpha-40);
  --general-icon-background-secondary: var(--tedi-alpha-white-30);
  --general-icon-brand: var(--tedi-primary-300);
  --general-icon-brand-dark: var(--tedi-primary-400);
  --general-icon-danger: var(--tedi-red-300);
  --general-icon-primary: var(--tedi-neutral-100);
  --general-icon-secondary: var(--tedi-neutral-450);
  --general-icon-success: var(--tedi-green-300);
  --general-icon-tertiary: var(--tedi-neutral-400);
  --general-icon-warning: var(--tedi-yellow-200);
  --general-icon-warning-dark: var(--tedi-yellow-300);
  --general-icon-white: var(--tedi-neutral-100);
  --general-separator-primary: var(--general-border-primary);
  --general-status-danger-background-primary: var(--tedi-red-700);
  --general-status-danger-background-secondary: var(--tedi-red-700);
  --general-status-danger-background-tertiary: var(--tedi-red-600);
  --general-status-danger-border: var(--tedi-red-500);
  --general-status-danger-text: var(--general-text-primary);
  --general-status-info-background-dark: var(--tedi-blue-400);
  --general-status-info-background-light: var(--tedi-blue-700);
  --general-status-info-border: var(--tedi-blue-400);
  --general-status-info-text: var(--general-text-primary);
  --general-status-neutral-background-dark: var(--tedi-neutral-350);
  --general-status-neutral-background-light: var(--tedi-neutral-800);
  --general-status-neutral-border: var(--tedi-neutral-400);
  --general-status-neutral-text: var(--general-text-primary);
  --general-status-success-background-primary: var(--tedi-green-700);
  --general-status-success-background-secondary: var(--tedi-green-700);
  --general-status-success-background-tertiary: var(--tedi-green-600);
  --general-status-success-border: var(--tedi-green-500);
  --general-status-success-text: var(--general-text-primary);
  --general-status-warning-background-dark: var(--tedi-yellow-400);
  --general-status-warning-background-light: var(--tedi-yellow-700);
  --general-status-warning-background-primary: var(--tedi-yellow-700);
  --general-status-warning-border: var(--tedi-yellow-600);
  --general-status-warning-text: var(--general-text-primary);
  --general-surface-accent: var(--tedi-accent-700);
  --general-surface-active: var(--general-surface-brand-secondary);
  --general-surface-brand-primary: var(--tedi-primary-600);
  --general-surface-brand-quaternary: var(--tedi-primary-800);
  --general-surface-brand-secondary: var(--tedi-primary-500);
  --general-surface-brand-tertiary: var(--tedi-primary-700);
  --general-surface-disabled: var(--tedi-neutral-850);
  --general-surface-hover: var(--general-surface-brand-quaternary);
  --general-surface-inverted-primary: var(--tedi-neutral-350);
  --general-surface-inverted-secondary: var(--tedi-neutral-300);
  --general-surface-inverted-tertiary: var(--tedi-neutral-400);
  --general-surface-overlay: var(--tedi-alpha-80);
  --general-surface-primary: var(--tedi-neutral-850);
  --general-surface-secondary: var(--tedi-neutral-800);
  --general-surface-selected: var(--general-surface-brand-secondary);
  --general-surface-success: var(--general-status-success-background-primary);
  --general-surface-tertiary: var(--tedi-neutral-750);
  --general-text-brand: var(--tedi-primary-200);
  --general-text-dark: var(--tedi-neutral-850);
  --general-text-disabled: var(--tedi-neutral-600);
  --general-text-primary: var(--tedi-neutral-100);
  --general-text-secondary: var(--tedi-neutral-300);
  --general-text-tertiary: var(--tedi-neutral-400);
  --general-text-text-inverted-tehik: var(--tedi-neutral-100);
  --general-text-white: var(--tedi-neutral-100);
  --header-background: var(--general-surface-primary);
  --header-bottom-border: var(--tedi-neutral-900);
  --header-dropdown-active: var(--link-primary-active);
  --header-dropdown-default: var(--link-primary-default);
  --header-dropdown-focus: var(--link-primary-focus);
  --header-dropdown-hover: var(--link-primary-hover);
  --header-label: var(--form-label);
  --header-link-active: var(--general-text-tertiary);
  --header-link-default: var(--general-text-primary);
  --header-link-focus: var(--general-text-primary);
  --header-link-hover: var(--general-text-secondary);
  --header-mobile-button-background-default: var(--button-main-neutral-icon-only-background-default);
  --header-mobile-button-background-disabled: var(--button-main-disabled-neutral-background);
  --header-mobile-button-background-selected: var(--button-main-neutral-icon-only-background-active);
  --header-mobile-button-text-active: var(--button-main-neutral-text-active);
  --header-mobile-button-text-default: var(--button-main-neutral-text-default);
  --header-mobile-button-text-disabled: var(--button-main-disabled-general-text);
  --header-mobile-button-text-focus: var(--button-main-neutral-text-focus);
  --header-mobile-button-text-hover: var(--button-main-neutral-text-hover);
  --header-mobile-button-text-selected: var(--button-main-neutral-text-active);
  --header-modal-item-active-background: var(--dropdown-item-active-background);
  --header-modal-item-active-text: var(--dropdown-item-active-text);
  --header-modal-item-default-background: var(--dropdown-item-default-background);
  --header-modal-item-default-text: var(--general-text-brand);
  --header-modal-item-disabled-background: var(--dropdown-item-disabled-background);
  --header-modal-item-disabled-text: var(--dropdown-item-disabled-text);
  --header-modal-item-hover-background: var(--dropdown-item-hover-background);
  --header-modal-item-hover-text: var(--dropdown-item-hover-text);
  --header-popover-item-active: var(--dropdown-item-active-background);
  --header-popover-item-hover: var(--dropdown-item-hover-background);
  --header-popover-item-selected: var(--dropdown-item-active-background);
  --header-top-header-border-bottom: var(--general-border-primary);
  --link-inverted-active: var(--general-text-white);
  --link-inverted-default: var(--general-text-white);
  --link-inverted-focus: var(--general-text-white);
  --link-inverted-hover: var(--general-text-white);
  --link-primary-active: var(--tedi-primary-100);
  --link-primary-default: var(--tedi-primary-400);
  --link-primary-focus: var(--tedi-primary-200);
  --link-primary-hover: var(--tedi-primary-400);
  --loader-skeleton-color: rgb(146 147 164 / 20%);
  --loader-spinner-color-primary: var(--tedi-alpha-white-80);
  --loader-spinner-color-secondary: var(--tedi-alpha-white-80);
  --modal-background: var(--general-surface-primary);
  --modal-border-inner: var(--general-border-primary);
  --modal-border-outer: var(--general-border-primary);
  --modal-footer-border-top: var(--general-border-primary);
  --navigation-horizontal-background: var(--navigation-vertical-background);
  --navigation-horizontal-group-title-text: var(--navigation-vertical-group-title-text);
  --navigation-horizontal-item-background-active: var(--navigation-vertical-item-background-active);
  --navigation-horizontal-item-background-default: var(--navigation-vertical-item-background-default);
  --navigation-horizontal-item-background-focus: var(--navigation-vertical-item-background-focus);
  --navigation-horizontal-item-background-hover: var(--navigation-vertical-item-background-hover);
  --navigation-horizontal-item-background-selected: var(--navigation-vertical-item-background-active);
  --navigation-horizontal-item-border: var(--navigation-horizontal-item-background-default);
  --navigation-horizontal-item-text-default: var(--navigation-vertical-item-text-default);
  --navigation-horizontal-submenu-background: var(--navigation-horizontal-item-background-selected);
  --navigation-horizontal-submenu-item-border: var(--navigation-horizontal-item-background-default);
  --navigation-horizontal-submenu-item-border-active: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-border-default: var(--tedi-primary-200);
  --navigation-horizontal-submenu-item-border-focus: var(--tedi-alpha-01);
  --navigation-horizontal-submenu-item-border-hover: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-border-selected: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-text-active: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-text-default: var(--tedi-primary-200);
  --navigation-horizontal-submenu-item-text-focus: var(--navigation-horizontal-submenu-item-text-default);
  --navigation-horizontal-submenu-item-text-hover: var(--tedi-neutral-100);
  --navigation-horizontal-submenu-item-text-selected: var(--tedi-neutral-100);
  --navigation-vertical-background: var(--navigation-vertical-item-background-default);
  --navigation-vertical-group-title-text: var(--tedi-neutral-450);
  --navigation-vertical-item-background-active: var(--tedi-neutral-800);
  --navigation-vertical-item-background-arrow-button-active: var(--tedi-neutral-850);
  --navigation-vertical-item-background-arrow-button-hover: var(--tedi-neutral-800);
  --navigation-vertical-item-background-default: var(--tedi-neutral-900);
  --navigation-vertical-item-background-focus: var(--tedi-neutral-900);
  --navigation-vertical-item-background-hover: var(--tedi-neutral-850);
  --navigation-vertical-item-border: var(--tedi-neutral-800);
  --navigation-vertical-item-text-default: var(--general-text-white);
  --navigation-vertical-item-text-focus: var(--navigation-vertical-item-text-default);
  --navigation-vertical-item-text-hover: var(--navigation-vertical-item-text-default);
  --navigation-vertical-item-text-selected: var(--navigation-vertical-item-text-default);
  --navigation-vertical-tree-brand-active: var(--tedi-neutral-700);
  --navigation-vertical-tree-brand-default: var(--tedi-neutral-550);
  --navigation-vertical-tree-brand-hover: var(--tedi-neutral-600);
  --navigation-vertical-tree-neutral-active: var(--tedi-neutral-700);
  --navigation-vertical-tree-neutral-default: var(--tedi-neutral-550);
  --navigation-vertical-tree-neutral-hover: var(--tedi-neutral-600);
  --popover-background: var(--general-surface-primary);
  --popover-border-default: var(--general-border-secondary);
  --popover-border-prominent: var(--tedi-primary-500);
  --popover-text: var(--general-text-primary);
  --progress-bar-background-active: var(--form-slider-active-background-default);
  --progress-bar-background-passive: var(--form-slider-passive-background-default);
  --progress-bar-border-default: var(--form-slider-border-default);
  --progress-bar-range-label-text: var(--form-slider-range-label-text);
  --sheet-body-default: var(--general-surface-primary);
  --sheet-body-secondary: var(--general-surface-tertiary);
  --sheet-border: var(--sheet-header-background-default);
  --sheet-footer-background: var(--sheet-header-background-default);
  --sheet-header-background-brand: var(--general-surface-secondary);
  --sheet-header-background-default: var(--general-surface-secondary);
  --status-badge-background-accent: var(--tedi-orange-700);
  --status-badge-background-brand: var(--general-status-info-background-light);
  --status-badge-background-danger: var(--general-status-danger-background-primary);
  --status-badge-background-neutral: var(--general-status-neutral-background-light);
  --status-badge-background-success: var(--general-status-success-background-primary);
  --status-badge-background-transparent: var(--tedi-alpha-01);
  --status-badge-background-warning: var(--general-status-warning-background-light);
  --status-badge-border-accent: var(--tedi-orange-400);
  --status-badge-border-brand: var(--general-status-info-border);
  --status-badge-border-danger: var(--general-status-danger-border);
  --status-badge-border-neutral: var(--general-status-neutral-border);
  --status-badge-border-success: var(--general-status-success-border);
  --status-badge-border-warning: var(--general-status-warning-border);
  --status-badge-icon-accent: var(--tedi-neutral-100);
  --status-badge-icon-brand: var(--tedi-neutral-100);
  --status-badge-icon-danger: var(--tedi-neutral-100);
  --status-badge-icon-neutral: var(--tedi-neutral-100);
  --status-badge-icon-success: var(--tedi-neutral-100);
  --status-badge-icon-warning: var(--tedi-neutral-100);
  --status-badge-indicator-border: var(--general-surface-primary);
  --status-badge-indicator-danger: var(--general-status-danger-background-secondary);
  --status-badge-indicator-inactive: var(--general-status-neutral-background-dark);
  --status-badge-indicator-success: var(--general-status-success-background-secondary);
  --status-badge-indicator-warning: var(--general-status-warning-background-dark);
  --status-badge-text-accent: var(--general-text-white);
  --status-badge-text-brand: var(--general-status-info-text);
  --status-badge-text-danger: var(--general-status-danger-text);
  --status-badge-text-neutral: var(--general-status-neutral-text);
  --status-badge-text-success: var(--general-status-success-text);
  --status-badge-text-warning: var(--general-status-warning-text);
  --stepper-background: var(--general-surface-tertiary);
  --stepper-item-horizontal-text-completed-default: var(--general-text-primary);
  --stepper-item-horizontal-text-completed-hover: var(--general-text-primary);
  --stepper-item-horizontal-text-danger-default: var(--general-text-primary);
  --stepper-item-horizontal-text-danger-hover: var(--general-text-primary);
  --stepper-item-horizontal-text-default: var(--general-text-secondary);
  --stepper-item-horizontal-text-hover: var(--general-text-secondary);
  --stepper-item-horizontal-text-selected: var(--general-text-white);
  --stepper-item-horizontal-type-completed-bg-active: var(--tedi-green-700);
  --stepper-item-horizontal-type-completed-bg-default: var(--general-status-success-background-primary);
  --stepper-item-horizontal-type-completed-bg-hover: var(--tedi-green-700);
  --stepper-item-horizontal-type-danger-bg-active: var(--tedi-red-600);
  --stepper-item-horizontal-type-danger-bg-default: var(--general-status-danger-background-primary);
  --stepper-item-horizontal-type-danger-bg-hover: var(--tedi-red-600);
  --stepper-item-horizontal-type-default-bg-default: var(--general-surface-tertiary);
  --stepper-item-horizontal-type-default-bg-hover: var(--general-surface-secondary);
  --stepper-item-horizontal-type-selected-bg-default: var(--general-border-brand);
  --stepper-item-vertical-line: var(--tedi-neutral-600);
  --stepper-item-vertical-mobile-progressbar-completed: var(--general-status-success-background-tertiary);
  --stepper-item-vertical-mobile-progressbar-default: var(--stepper-item-vertical-line);
  --stepper-item-vertical-text-active: var(--link-primary-active);
  --stepper-item-vertical-text-default: var(--general-text-primary);
  --stepper-item-vertical-text-disabled: var(--general-text-disabled);
  --stepper-item-vertical-text-hover: var(--link-primary-hover);
  --stepper-item-vertical-text-selected: var(--link-primary-hover);
  --stepper-step-completed-bg: var(--general-status-success-background-tertiary);
  --stepper-step-completed-bg-hover: var(--tedi-green-800);
  --stepper-step-danger-bg: var(--general-status-danger-background-tertiary);
  --stepper-step-danger-bg-hover: var(--tedi-red-700);
  --stepper-step-default-bg: var(--general-surface-primary);
  --stepper-step-default-bg-active: var(--general-surface-primary);
  --stepper-step-default-bg-hover: var(--general-surface-primary);
  --stepper-step-default-border: var(--stepper-item-vertical-line);
  --stepper-step-default-border-active: var(--stepper-item-vertical-line);
  --stepper-step-default-border-hover: var(--stepper-item-vertical-line);
  --stepper-step-disabled-bg: var(--general-surface-disabled);
  --stepper-step-disabled-border: var(--timeline-default);
  --stepper-step-selected-bg: var(--general-surface-primary);
  --stepper-step-selected-border: var(--general-surface-active);
  --stepper-step-selected-border-hover: var(--tedi-primary-600);
  --tab-background: var(--general-surface-secondary);
  --tab-item-active-background: var(--general-surface-brand-tertiary);
  --tab-item-active-text: var(--tedi-primary-200);
  --tab-item-default-background: var(--tedi-alpha-01);
  --tab-item-default-text: var(--general-text-primary);
  --tab-item-hover-background: var(--general-surface-hover);
  --tab-item-hover-text: var(--tedi-primary-200);
  --tab-item-selected-background: var(--general-surface-primary);
  --tab-item-selected-border: var(--general-surface-selected);
  --tab-item-selected-text: var(--tedi-primary-100);
  --table-active: var(--general-surface-brand-tertiary);
  --table-border: var(--general-border-primary);
  --table-border-th: var(--general-border-secondary);
  --table-default: var(--general-surface-primary);
  --table-hover: var(--general-surface-hover);
  --table-of-contents-border-active: var(--general-border-white);
  --table-striped: var(--general-surface-tertiary);
  --tag-danger-background: var(--general-status-danger-background-primary);
  --tag-danger-border: var(--tedi-red-600);
  --tag-primary-background: var(--tedi-primary-800);
  --tag-primary-border: var(--tedi-primary-600);
  --tag-secondary-background: var(--tedi-neutral-800);
  --tag-secondary-border: var(--tedi-neutral-800);
  --timeline-completed: var(--general-border-accent);
  --timeline-default: var(--general-border-secondary);
  --tooltip-primary-background: var(--general-surface-inverted-primary);
  --tooltip-primary-border: var(--tooltip-primary-background);
  --tooltip-primary-text: var(--general-text-dark);
  --tooltip-secondary-background: var(--popover-background);
  --tooltip-secondary-border: var(--popover-border-default);
  --tooltip-secondary-text: var(--general-text-white);
}

:root {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
}

:root {
  --alert-default-icon-container-height: var(--tedi-dimensions-13);
  --alert-default-icon-size: var(--button-icon-inner-size);
  --alert-default-inner-spacing-x: var(--tedi-dimensions-03);
  --alert-default-inner-spacing-y: var(--tedi-dimensions-03);
  --alert-default-padding-x: 20px;
  --alert-default-padding-x-sm: var(--tedi-dimensions-05);
  --alert-default-padding-y: var(--tedi-dimensions-10);
  --alert-default-padding-y-sm: var(--tedi-dimensions-05);
  --alert-illustrative-inner-spacing-x: var(--tedi-dimensions-10);
  --alert-illustrative-min-width: 380px;
  --alert-illustrative-padding-x: var(--alert-default-padding-x);
  --alert-illustrative-padding-y: var(--tedi-dimensions-07);
  --alert-illustrative-text-max-width: 748px;
  --alert-radius: var(--card-radius-rounded);
  --attachment-actions-min-height: var(--tedi-dimensions-16);
  --avatar-size-lg: var(--tedi-dimensions-16);
  --avatar-size-md: var(--tedi-dimensions-14);
  --avatar-size-sm: var(--tedi-dimensions-13);
  --breadcrumb-inner-spacing: var(--tedi-dimensions-03);
  --breadcrumb-spacing-bottom: var(--tedi-dimensions-13);
  --button-default-md-neutral-padding-x-neutral-btn: 0;
  --button-group-icon-container-height: var(--tedi-dimensions-13);
  --button-gutter-x: var(--tedi-dimensions-10);
  --button-gutter-x-sm: var(--tedi-dimensions-05);
  --button-gutter-y: var(--tedi-dimensions-10);
  --button-icon-inner-icon-only-size: var(--tedi-dimensions-11);
  --button-icon-inner-size: var(--tedi-dimensions-11);
  --button-lg-icon-padding: var(--tedi-dimensions-03);
  --button-lg-icon-size: var(--tedi-dimensions-17);
  --button-lg-inner-spacing: var(--tedi-dimensions-04);
  --button-lg-padding-x: var(--tedi-dimensions-11);
  --button-lg-padding-y: var(--tedi-dimensions-06);
  --button-md-height: var(--tedi-dimensions-16);
  --button-md-icon-padding: var(--tedi-dimensions-03);
  --button-md-icon-size: var(--tedi-dimensions-16);
  --button-md-inner-spacing: var(--tedi-dimensions-04);
  --button-md-neutral-padding-x: var(--tedi-dimensions-00);
  --button-md-neutral-padding-y: var(--tedi-dimensions-05);
  --button-md-padding-x: var(--tedi-dimensions-11);
  --button-md-padding-y: var(--tedi-dimensions-05);
  --button-radius-default: var(--tedi-radius-08);
  --button-radius-sm: var(--tedi-radius-02-default);
  --button-sm-height: var(--tedi-dimensions-14);
  --button-sm-icon-padding: var(--tedi-dimensions-00);
  --button-sm-icon-size: var(--tedi-dimensions-14);
  --button-sm-inner-spacing: var(--tedi-dimensions-03);
  --button-sm-neutral-padding-x: var(--tedi-dimensions-00);
  --button-sm-neutral-padding-y: var(--tedi-dimensions-03);
  --button-sm-padding-x: var(--tedi-dimensions-09);
  --button-sm-padding-y: var(--tedi-dimensions-03);
  --button-text-size-default: var(--body-regular-size);
  --button-text-size-sm: var(--body-small-regular-size);
  --button-width-max: var(--tedi-dimensions-26);
  --button-width-min: var(--tedi-dimensions-24);
  --button-width-min-sm: var(--tedi-dimensions-22);
  --button-xl-icon-padding: var(--tedi-dimensions-05);
  --button-xl-icon-size: var(--tedi-dimensions-18);
  --button-xl-inner-spacing: var(--tedi-dimensions-04);
  --button-xl-padding-x: var(--tedi-dimensions-11);
  --button-xl-padding-y: var(--tedi-dimensions-07);
  --button-xs-icon-inner-size: var(--tedi-dimensions-10);
  --button-xs-icon-size: var(--tedi-dimensions-13);
  --button-xxs-icon-size: var(--tedi-dimensions-10);
  --card-inner-spacing-y: var(--tedi-dimensions-10);
  --card-inner-spacing-y-sm: var(--tedi-dimensions-05);
  --card-inner-spacing-y-xs: var(--tedi-dimensions-03);
  --card-padding-lg: var(--tedi-dimensions-13);
  --card-padding-md-default: var(--tedi-dimensions-10);
  --card-padding-sm: var(--tedi-dimensions-07);
  --card-padding-xs: var(--tedi-dimensions-05);
  --card-padding-xxs: var(--tedi-dimensions-03);
  --card-radius-rounded: var(--tedi-radius-02-default);
  --card-radius-sharp: var(--tedi-radius-00);
  --carousel-indicator-height: var(--tedi-dimensions-05);
  --carousel-indicator-width: var(--tedi-dimensions-12);
  --content-heading-icon-padding-top: var(--tedi-dimensions-02);
  --content-heading-inner-spacing-x: var(--tedi-dimensions-05);
  --content-label-info-icon-padding-y: var(--tedi-dimensions-03);
  --content-label-inner-spacing-x: var(--tedi-dimensions-02);
  --content-label-label-sm-height: var(--tedi-dimensions-13);
  --dropdown-body-padding-x: var(--tedi-dimensions-07);
  --dropdown-body-padding-y: var(--tedi-dimensions-05);
  --dropdown-group-label-padding-x: var(--dropdown-item-padding-x);
  --dropdown-group-label-padding-y: var(--dropdown-item-padding-y);
  --dropdown-item-inner-spacing: var(--tedi-dimensions-05);
  --dropdown-item-padding-x: var(--tedi-dimensions-07);
  --dropdown-item-padding-y: var(--tedi-dimensions-05);
  --dropdown-item-radius: var(--tedi-radius-02-default);
  --dropdown-max-height: 600px;
  --empty-state-inner-spacing-y-lg: var(--tedi-dimensions-10);
  --empty-state-inner-spacing-y-md: var(--tedi-dimensions-05);
  --empty-state-inner-spacing-y-sm: var(--tedi-dimensions-03);
  --empty-state-padding: var(--tedi-dimensions-13);
  --empty-state-padding-sm: var(--tedi-dimensions-10);
  --empty-state-radius: var(--tedi-radius-02-default);
  --feedback-max-content: 564px;
  --feedback-number-indicator-container: var(--tedi-dimensions-19);
  --feedback-star-inner-spacing: var(--layout-grid-gutters-02);
  --feedback-star-size: var(--icon-05);
  --file-dropzone-padding-x: var(--tedi-dimensions-13);
  --file-dropzone-padding-y: var(--tedi-dimensions-13);
  --filter-default-inner-spacing: var(--tedi-dimensions-04);
  --filter-default-inner-spacing-sm: var(--tedi-dimensions-02);
  --filter-default-padding-x: var(--tedi-dimensions-04);
  --filter-default-padding-y: var(--tedi-dimensions-03);
  --filter-lg-padding-x: var(--form-checkbox-radio-card-checkbox-padding-x);
  --filter-lg-padding-y: var(--form-checkbox-radio-card-checkbox-padding-y);
  --form-calendar-date-width: 40px;
  --form-checkbox-radio-card-checkbox-icon-padding-y: var(--tedi-dimensions-04);
  --form-checkbox-radio-card-checkbox-indicator-padding-y: 11px;
  --form-checkbox-radio-card-checkbox-padding-x: var(--form-checkbox-radio-card-checkbox-padding-y);
  --form-checkbox-radio-card-checkbox-padding-y: var(--tedi-dimensions-05);
  --form-checkbox-radio-card-gutter: var(--button-gutter-x-sm);
  --form-checkbox-radio-card-inner-spacing: var(--button-md-inner-spacing);
  --form-checkbox-radio-card-radio-icon-padding-y: var(--tedi-dimensions-04);
  --form-checkbox-radio-card-radio-indicator-padding-y: var(--tedi-dimensions-06);
  --form-checkbox-radio-card-radio-padding-x: var(--form-checkbox-radio-card-checkbox-padding-y);
  --form-checkbox-radio-card-radio-padding-y: var(--tedi-dimensions-05);
  --form-checkbox-radio-card-radius: var(--tedi-radius-02-default);
  --form-checkbox-radio-gutter-x: var(--tedi-dimensions-07);
  --form-checkbox-radio-gutter-y: var(--tedi-dimensions-03);
  --form-checkbox-radio-indicator-container-height: var(--tedi-dimensions-13);
  --form-checkbox-radio-indicator-radius-checkbox: var(--tedi-dimensions-02);
  --form-checkbox-radio-indicator-radius-radio: var(--tedi-radius-08);
  --form-checkbox-radio-inner-spacing: var(--tedi-dimensions-05);
  --form-checkbox-radio-label-gutter-y: var(--tedi-dimensions-00);
  --form-checkbox-radio-size-fixed: var(--tedi-dimensions-11);
  --form-checkbox-radio-size-large: var(--tedi-dimensions-13);
  --form-checkbox-radio-size-responsive: var(--tedi-dimensions-11);
  --form-checkbox-radio-subitem-padding-left: var(--tedi-dimensions-14);
  --form-field-button-height: var(--tedi-dimensions-14);
  --form-field-button-height-sm: var(--tedi-dimensions-13);
  --form-field-height: var(--tedi-dimensions-16);
  --form-field-height-lg: var(--tedi-dimensions-19);
  --form-field-height-sm: var(--tedi-dimensions-14);
  --form-field-inner-spacing: var(--tedi-dimensions-05);
  --form-field-inner-spacing-sm: var(--tedi-dimensions-03);
  --form-field-outer-spacing: var(--tedi-dimensions-03);
  --form-field-padding-x-lg: var(--tedi-dimensions-10);
  --form-field-padding-x-md-default: var(--tedi-dimensions-05);
  --form-field-padding-y-lg: var(--tedi-dimensions-10);
  --form-field-padding-y-md-default: var(--tedi-dimensions-05);
  --form-field-padding-y-md-has-button: var(--tedi-dimensions-03);
  --form-field-padding-y-sm: var(--tedi-dimensions-03);
  --form-field-padding-y-sm-has-button: var(--tedi-dimensions-03);
  --form-field-padding-y-xs: var(--tedi-dimensions-02);
  --form-field-padding-y-xxs: var(--tedi-dimensions-00);
  --form-field-radius: var(--card-radius-rounded);
  --form-number-input-min-width: var(--tedi-dimensions-23);
  --form-number-min-width: 163px;
  --form-select-area-max-height: 300px;
  --form-select-area-radius: var(--tedi-radius-02-default);
  --form-slider-height: var(--tedi-dimensions-05);
  --form-slider-inner-spacing: var(--tedi-dimensions-07);
  --form-slider-radius: var(--tedi-radius-02-default);
  --form-slider-thumb-size: var(--tedi-dimensions-13);
  --form-textarea-min-height: var(--form-field-height);
  --form-toggle-default-height: 20px;
  --form-toggle-default-indicator: var(--tedi-dimensions-10);
  --form-toggle-default-margin-y: var(--tedi-dimensions-02);
  --form-toggle-default-width: var(--tedi-dimensions-16);
  --form-toggle-large-height: 28px;
  --form-toggle-large-indicator: 24px;
  --form-toggle-large-width: 56px;
  --form-toggle-padding: var(--tedi-dimensions-02);
  --form-toggle-radius: var(--tedi-radius-04);
  --general-border-width-default: var(--tedi-borders-01);
  --general-border-width-selected: var(--tedi-borders-02);
  --grid-gutter-x-eemaldada-01: 4px;
  --grid-gutter-x-eemaldada-02: 8px;
  --grid-gutter-x-eemaldada-03-default: 12px;
  --grid-gutter-x-eemaldada-04: 16px;
  --grid-gutter-x-eemaldada-05: 24px;
  --grid-gutter-y-eemaldada-01: 4px;
  --grid-gutter-y-eemaldada-02: 8px;
  --grid-gutter-y-eemaldada-03: 16px;
  --grid-gutter-y-eemaldada-04: 24px;
  --icon-00: var(--tedi-dimensions-05);
  --icon-01: var(--tedi-dimensions-07);
  --icon-02: var(--tedi-dimensions-10);
  --icon-03: var(--tedi-dimensions-11);
  --icon-04: var(--tedi-dimensions-12);
  --icon-05: var(--tedi-dimensions-13);
  --icon-06: var(--tedi-dimensions-15);
  --icon-07: var(--tedi-dimensions-18);
  --icon-background-padding-lg: var(--tedi-dimensions-07);
  --icon-background-padding-sm: var(--tedi-dimensions-05);
  --icon-background-radius: var(--tedi-radius-08);
  --layout-common-device-height: 1080px;
  --layout-common-device-width: 1920px;
  --layout-container-max-width-lg: 1140px;
  --layout-container-max-width-md: 960px;
  --layout-container-max-width-sm: 720px;
  --layout-container-max-width-xl: 1320px;
  --layout-container-max-width-xs: 540px;
  --layout-container-max-width-xxl: 1440px;
  --layout-footer-bottom-padding-x: var(--layout-page-spacing-x);
  --layout-footer-bottom-padding-y: var(--tedi-dimensions-05);
  --layout-footer-col-padding-x: var(--tedi-dimensions-07);
  --layout-footer-item-vertical-spacing: var(--tedi-dimensions-05);
  --layout-footer-padding-x: var(--tedi-dimensions-16);
  --layout-footer-padding-y: var(--tedi-dimensions-16);
  --layout-grid-column-gutter: var(--tedi-dimensions-13);
  --layout-grid-column-offset: 40px;
  --layout-grid-column-width: 464px;
  --layout-grid-column-width-1: 1440px;
  --layout-grid-column-width-12: 98px;
  --layout-grid-column-width-2: 708px;
  --layout-grid-column-width-6: 220px;
  --layout-grid-gutters-02: var(--tedi-dimensions-02);
  --layout-grid-gutters-04: var(--tedi-dimensions-03);
  --layout-grid-gutters-08: var(--tedi-dimensions-05);
  --layout-grid-gutters-12: var(--tedi-dimensions-07);
  --layout-grid-gutters-16: var(--tedi-dimensions-10);
  --layout-grid-gutters-24: var(--tedi-dimensions-13);
  --layout-grid-gutters-32: var(--tedi-dimensions-14);
  --layout-grid-gutters-48: var(--tedi-dimensions-18);
  --layout-header-desktop-and-tablet-only: true;
  --layout-header-desktop-only: true;
  --layout-header-height: 84px;
  --layout-header-items-center-gutter-x: var(--tedi-dimensions-18);
  --layout-header-items-menu-item-padding: var(--tedi-dimensions-05);
  --layout-header-items-right-gutter-x: var(--tedi-dimensions-13);
  --layout-header-logo-font-size: 0.8125rem;
  --layout-header-logo-inner-spacing: 11px;
  --layout-header-logo-line-height: 14px;
  --layout-header-logo-size: 51px;
  --layout-header-mobile-and-tablet-only: 0;
  --layout-header-mobile-button-min-size: var(--tedi-dimensions-19);
  --layout-header-mobile-button-size: var(--tedi-dimensions-21);
  --layout-header-mobile-only: 0;
  --layout-header-modal-item-padding: var(--tedi-dimensions-10);
  --layout-header-padding-left: var(--tedi-dimensions-13);
  --layout-header-padding-right: var(--tedi-dimensions-13);
  --layout-header-padding-y: var(--tedi-dimensions-10);
  --layout-header-padding-y-sm: var(--tedi-dimensions-07);
  --layout-header-profile-icon: var(--icon-06);
  --layout-header-separator-padding-y: 0;
  --layout-header-tablet-only: 0;
  --layout-header-top-header-min-height: var(--tedi-dimensions-16);
  --layout-header-top-header-padding-x: var(--tedi-dimensions-13);
  --layout-header-top-header-padding-y: var(--tedi-dimensions-00);
  --layout-page-spacing-top: var(--tedi-dimensions-13);
  --layout-page-spacing-x: 40px;
  --layout-to-be-deleted-outer-container: 1520px;
  --link-icon-default: var(--icon-03);
  --link-icon-padding-y: 3px;
  --link-icon-padding-y-sm: var(--tedi-dimensions-03);
  --link-icon-responsive: var(--icon-02);
  --link-icon-small: var(--icon-02);
  --link-inner-spacing-x: var(--tedi-dimensions-03);
  --link-link-sm-height: var(--body-regular-line-height);
  --list-definitions-gutter-y: var(--tedi-dimensions-03);
  --list-icon-padding-y: var(--tedi-dimensions-05);
  --list-icon-size: var(--icon-00);
  --list-inner-spacing-x: var(--tedi-dimensions-05);
  --list-list-item-margin-y: var(--tedi-dimensions-05);
  --list-padding-left-level-1: var(--tedi-dimensions-10);
  --list-padding-left-level-2: var(--tedi-dimensions-14);
  --list-padding-left-level-3: var(--tedi-dimensions-18);
  --loader-skeleton-height-100: 24px;
  --loader-skeleton-height-200: 32px;
  --loader-skeleton-height-300: 36px;
  --loader-skeleton-height-400: 46px;
  --loader-skeleton-height-500: 100px;
  --loader-skeleton-inner-spacing-y: var(--tedi-dimensions-10);
  --loader-skeleton-radius: var(--tedi-radius-02-default);
  --loader-spinner-page-spacing-top: var(--tedi-dimensions-23);
  --loader-spinner-sizing-10: var(--tedi-dimensions-06);
  --loader-spinner-sizing-12: var(--icon-01);
  --loader-spinner-sizing-16: var(--icon-02);
  --loader-spinner-sizing-18: var(--icon-03);
  --loader-spinner-sizing-24: var(--icon-05);
  --loader-spinner-sizing-36: var(--icon-06);
  --loader-spinner-sizing-48: var(--icon-07);
  --loader-spinner-sizing-8: var(--icon-00);
  --modal-body-padding: var(--tedi-dimensions-13);
  --modal-body-padding-sm: var(--modal-heading-padding-x-sm);
  --modal-footer-padding-x: var(--tedi-dimensions-13);
  --modal-footer-padding-x-sm: var(--modal-heading-padding-x-sm);
  --modal-footer-padding-y: var(--tedi-dimensions-10);
  --modal-footer-padding-y-sm: var(--tedi-dimensions-05);
  --modal-heading-padding-x: var(--tedi-dimensions-13);
  --modal-heading-padding-x-sm: var(--tedi-dimensions-10);
  --modal-heading-padding-y: var(--tedi-dimensions-10);
  --modal-heading-padding-y-sm: var(--tedi-dimensions-05);
  --modal-max-width-lg: var(--tedi-containers-11);
  --modal-max-width-md: var(--tedi-containers-09);
  --modal-max-width-sm: var(--tedi-containers-08);
  --modal-max-width-xl: var(--tedi-containers-13);
  --modal-max-width-xs: var(--tedi-containers-05);
  --modal-radius: var(--card-radius-rounded);
  --modal-top-margin: 120px;
  --navigation-horizontal-item-inner-spacing: var(--tedi-dimensions-05);
  --navigation-horizontal-item-padding-x: var(--tedi-dimensions-10);
  --navigation-horizontal-item-padding-y: var(--tedi-dimensions-07);
  --navigation-horizontal-submenu-item-active-item-border-width: var(--table-of-contents-active-item-border-width);
  --navigation-horizontal-submenu-item-font-size: var(--body-small-regular-size);
  --navigation-horizontal-submenu-item-font-weight: var(--body-small-regular-weight);
  --navigation-horizontal-submenu-item-font-weight-selected: var(--body-small-bold-weight);
  --navigation-horizontal-submenu-item-line-height: var(--body-small-regular-line-height);
  --navigation-horizontal-submenu-item-padding-x: var(--tedi-dimensions-05);
  --navigation-horizontal-submenu-item-padding-y: var(--tedi-dimensions-03);
  --navigation-horizontal-submenu-item-width: 240px;
  --navigation-horizontal-submenu-padding: var(--tedi-dimensions-16);
  --navigation-vertical-dropdown-item: 0;
  --navigation-vertical-item-icon: var(--icon-05);
  --navigation-vertical-item-icon-md: var(--icon-04);
  --navigation-vertical-item-icon-sm: var(--icon-03);
  --navigation-vertical-item-inner-spacing: var(--tedi-dimensions-10);
  --navigation-vertical-item-inner-spacing-sm: var(--tedi-dimensions-05);
  --navigation-vertical-item-min-height-large: var(--tedi-dimensions-22);
  --navigation-vertical-item-min-height-medium: var(--tedi-dimensions-19);
  --navigation-vertical-item-min-height-small: var(--tedi-dimensions-16);
  --navigation-vertical-item-padding-left-level-1: var(--tedi-dimensions-10);
  --navigation-vertical-item-padding-left-level-2: var(--tedi-dimensions-10);
  --navigation-vertical-item-padding-right: var(--tedi-dimensions-10);
  --navigation-vertical-item-padding-x-sm: var(--tedi-dimensions-05);
  --navigation-vertical-item-padding-y: var(--tedi-dimensions-07);
  --navigation-vertical-item-padding-y-md: var(--tedi-dimensions-10);
  --navigation-vertical-item-padding-y-sm: var(--tedi-dimensions-05);
  --navigation-vertical-item-width-collapsed: 96px;
  --navigation-vertical-item-width-default: 240px;
  --navigation-vertical-text-size: var(--body-regular-size);
  --navigation-vertical-text-size-sm: var(--body-small-regular-size);
  --pagination-button-size: var(--button-xs-icon-size);
  --pagination-padding-x: 14px;
  --pagination-padding-y: 12px;
  --popover-border-width-lg: var(--tedi-dimensions-03);
  --popover-border-width-md: var(--tedi-dimensions-01);
  --popover-padding-md: var(--card-padding-lg);
  --popover-padding-sm: var(--card-padding-md-default);
  --popover-padding-xs: var(--card-padding-xs);
  --popover-radius-rounded: var(--card-radius-rounded);
  --popover-radius-sharp: var(--card-radius-sharp);
  --popover-width-01: var(--tedi-containers-02);
  --popover-width-02: var(--tedi-containers-06);
  --popover-width-03: var(--tedi-containers-10);
  --progress-bar-height: var(--form-slider-height);
  --progress-bar-height-sm: var(--tedi-dimensions-03);
  --progress-bar-radius: var(--form-slider-radius);
  --separator-dot-size-lg: 15px;
  --separator-dot-size-md: 9px;
  --separator-dot-size-sm: var(--tedi-dimensions-03);
  --separator-dot-size-xs: var(--tedi-dimensions-02);
  --separator-dotted-line-width: var(--tedi-dimensions-01);
  --separator-spacing-x-01: var(--tedi-dimensions-04);
  --separator-spacing-x-02: var(--tedi-dimensions-07);
  --separator-spacing-x-03: var(--tedi-dimensions-13);
  --separator-spacing-y-01: var(--tedi-dimensions-03);
  --separator-spacing-y-02: var(--tedi-dimensions-05);
  --separator-spacing-y-03: var(--tedi-dimensions-10);
  --separator-spacing-y-04: var(--tedi-dimensions-13);
  --separator-thickness-lg: var(--tedi-dimensions-02);
  --separator-thickness-md: var(--tedi-dimensions-01);
  --separator-thickness-sm: 0.5px;
  --separator-thickness-xs: 0.25px;
  --separator-top-spacing-large-dot-sm: 4px;
  --sheet-body-padding-md: 0;
  --sheet-body-padding-sm: 0;
  --sheet-footer-padding-x: 0;
  --sheet-footer-padding-y: 0;
  --sheet-header-height: 0;
  --sheet-header-padding-md: 0;
  --sheet-header-padding-sm: 0;
  --sheet-header-radius: 0;
  --status-indicator-inner-spacing: var(--tedi-dimensions-05);
  --status-indicator-lg: var(--tedi-dimensions-07);
  --status-indicator-sm: var(--tedi-dimensions-05);
  --stepper-card-min-height: var(--tedi-dimensions-21);
  --stepper-item-horizontal-inner-spacing: var(--tedi-dimensions-05);
  --stepper-item-horizontal-min-height: var(--tedi-dimensions-16);
  --stepper-item-horizontal-padding-x: var(--tedi-dimensions-10);
  --stepper-item-horizontal-padding-y: var(--tedi-dimensions-05);
  --stepper-item-vertical-compact-inner-spacing: var(--tedi-dimensions-04);
  --stepper-item-vertical-compact-min-height: 32px;
  --stepper-item-vertical-compact-min-height-first-item: 29px;
  --stepper-item-vertical-compact-padding-top: 3px;
  --stepper-item-vertical-compact-sub-item-indicator-width: var(--tedi-dimensions-10);
  --stepper-item-vertical-lg-inner-spacing: var(--tedi-dimensions-05);
  --stepper-item-vertical-lg-min-height: 40px;
  --stepper-item-vertical-lg-min-height-first-item: 32px;
  --stepper-item-vertical-lg-padding-top: 8px;
  --stepper-item-vertical-lg-padding-top-collapse: 4px;
  --stepper-item-vertical-lg-sub-item-indicator-width: var(--tedi-dimensions-13);
  --stepper-item-vertical-line-height: 6px;
  --stepper-item-vertical-padding-y-sm: 2px;
  --stepper-item-vertical-step-size-lg: 24px;
  --stepper-item-vertical-step-size-md: 16px;
  --stepper-item-vertical-step-size-sm: var(--separator-dot-size-md);
  --stepper-item-vertical-sub-line-bottom: 9px;
  --stepper-item-vertical-sub-line-top: 9.5px;
  --tab-icon: 18px;
  --tab-inner-spacing: var(--tedi-dimensions-05);
  --tab-spacing-x: var(--tedi-dimensions-10);
  --tab-spacing-y: var(--tab-spacing-x);
  --tab-top-radius: var(--card-radius-rounded);
  --table-data-padding-x: 14px;
  --table-data-padding-x-sm: 8px;
  --table-data-padding-y: 12px;
  --table-data-padding-y-sm: 4px;
  --table-header-min-height: 49px;
  --table-header-padding-x: 14px;
  --table-header-padding-x-sm: 8px;
  --table-header-padding-y: 12px;
  --table-header-padding-y-sm: 12px;
  --table-of-contents-active-item-border-width: 3px;
  --table-of-contents-padding-left-level-1: var(--tedi-dimensions-10);
  --table-of-contents-padding-left-level-2: var(--tedi-dimensions-14);
  --table-of-contents-padding-y: var(--tedi-dimensions-04);
  --table-of-contents-width: var(--tedi-containers-04);
  --table-radius: var(--tedi-radius-02-default);
  --tag-default-loader-padding-y: var(--tedi-dimensions-04);
  --tag-default-padding-sm: var(--tedi-dimensions-01);
  --tag-default-padding-x: var(--tedi-dimensions-03);
  --tag-default-padding-y: var(--tedi-dimensions-02);
  --tag-default-radius: var(--tedi-radius-02-default);
  --tag-status-icon-padding-x: var(--tedi-dimensions-03);
  --tag-status-icon-padding-y: var(--tedi-dimensions-03);
  --tag-status-large-min-width: var(--tedi-dimensions-22);
  --tag-status-large-padding-x: var(--tedi-dimensions-05);
  --tag-status-large-padding-y: var(--tedi-dimensions-05);
  --text-group-label-width-lg: 196px;
  --text-group-label-width-md: 164px;
  --text-group-label-width-sm: 132px;
  --text-group-value-icon-padding-top: var(--tedi-dimensions-03);
  --text-group-value-inner-spacing: var(--tedi-dimensions-04);
  --timeline-date-container-width: 105px;
  --timeline-padding-y: var(--tedi-dimensions-05);
  --timeline-text-min-height: var(--tedi-dimensions-13);
  --toast-inner-spacing-y: var(--alert-default-inner-spacing-y);
  --toast-margin-bottom: var(--tedi-dimensions-10);
  --toast-margin-left: var(--tedi-dimensions-00);
  --toast-margin-right: var(--tedi-dimensions-10);
  --toast-outer-spacing: var(--tedi-dimensions-03);
  --toast-padding-x: var(--alert-default-padding-x);
  --toast-padding-y: var(--alert-default-padding-y);
  --toast-width: var(--tedi-containers-03);
  --tooltip-max-width: var(--tedi-containers-02);
  --tooltip-padding-x: var(--card-padding-xs);
  --tooltip-padding-y: var(--tooltip-padding-x);
  --tooltip-radius: var(--card-radius-rounded);
}
@media (width < 62rem) {
  :root {
    --alert-default-icon-container-height: var(--tedi-dimensions-13);
    --alert-default-icon-size: var(--button-icon-inner-size);
    --alert-default-inner-spacing-x: var(--tedi-dimensions-03);
    --alert-default-inner-spacing-y: var(--tedi-dimensions-03);
    --alert-default-padding-x: 20px;
    --alert-default-padding-x-sm: var(--tedi-dimensions-05);
    --alert-default-padding-y: var(--tedi-dimensions-10);
    --alert-default-padding-y-sm: var(--tedi-dimensions-05);
    --alert-illustrative-inner-spacing-x: var(--tedi-dimensions-10);
    --alert-illustrative-min-width: 380px;
    --alert-illustrative-padding-x: var(--alert-default-padding-x);
    --alert-illustrative-padding-y: var(--tedi-dimensions-07);
    --alert-illustrative-text-max-width: 748px;
    --alert-radius: var(--card-radius-rounded);
    --attachment-actions-min-height: var(--tedi-dimensions-16);
    --avatar-size-lg: var(--tedi-dimensions-16);
    --avatar-size-md: var(--tedi-dimensions-14);
    --avatar-size-sm: var(--tedi-dimensions-13);
    --breadcrumb-inner-spacing: var(--tedi-dimensions-03);
    --breadcrumb-spacing-bottom: var(--tedi-dimensions-13);
    --button-default-md-neutral-padding-x-neutral-btn: 0;
    --button-group-icon-container-height: var(--tedi-dimensions-13);
    --button-gutter-x: var(--tedi-dimensions-10);
    --button-gutter-x-sm: var(--tedi-dimensions-05);
    --button-gutter-y: var(--tedi-dimensions-10);
    --button-icon-inner-icon-only-size: var(--tedi-dimensions-11);
    --button-icon-inner-size: var(--tedi-dimensions-11);
    --button-lg-icon-padding: var(--tedi-dimensions-03);
    --button-lg-icon-size: var(--tedi-dimensions-17);
    --button-lg-inner-spacing: var(--tedi-dimensions-04);
    --button-lg-padding-x: var(--tedi-dimensions-11);
    --button-lg-padding-y: var(--tedi-dimensions-06);
    --button-md-height: var(--tedi-dimensions-16);
    --button-md-icon-padding: var(--tedi-dimensions-03);
    --button-md-icon-size: var(--tedi-dimensions-16);
    --button-md-inner-spacing: var(--tedi-dimensions-04);
    --button-md-neutral-padding-x: var(--tedi-dimensions-00);
    --button-md-neutral-padding-y: var(--tedi-dimensions-05);
    --button-md-padding-x: var(--tedi-dimensions-11);
    --button-md-padding-y: var(--tedi-dimensions-05);
    --button-radius-default: var(--tedi-radius-08);
    --button-radius-sm: var(--tedi-radius-02-default);
    --button-sm-height: var(--tedi-dimensions-14);
    --button-sm-icon-padding: var(--tedi-dimensions-00);
    --button-sm-icon-size: var(--tedi-dimensions-14);
    --button-sm-inner-spacing: var(--tedi-dimensions-03);
    --button-sm-neutral-padding-x: var(--tedi-dimensions-00);
    --button-sm-neutral-padding-y: var(--tedi-dimensions-03);
    --button-sm-padding-x: var(--tedi-dimensions-09);
    --button-sm-padding-y: var(--tedi-dimensions-03);
    --button-text-size-default: var(--body-regular-size);
    --button-text-size-sm: var(--body-small-regular-size);
    --button-width-max: var(--tedi-dimensions-26);
    --button-width-min: var(--tedi-dimensions-24);
    --button-width-min-sm: var(--tedi-dimensions-22);
    --button-xl-icon-padding: var(--tedi-dimensions-05);
    --button-xl-icon-size: var(--tedi-dimensions-18);
    --button-xl-inner-spacing: var(--tedi-dimensions-04);
    --button-xl-padding-x: var(--tedi-dimensions-11);
    --button-xl-padding-y: var(--tedi-dimensions-07);
    --button-xs-icon-inner-size: var(--tedi-dimensions-10);
    --button-xs-icon-size: var(--tedi-dimensions-13);
    --button-xxs-icon-size: var(--tedi-dimensions-10);
    --card-inner-spacing-y: var(--tedi-dimensions-10);
    --card-inner-spacing-y-sm: var(--tedi-dimensions-05);
    --card-inner-spacing-y-xs: var(--tedi-dimensions-03);
    --card-padding-lg: var(--tedi-dimensions-10);
    --card-padding-md-default: var(--tedi-dimensions-10);
    --card-padding-sm: var(--tedi-dimensions-07);
    --card-padding-xs: var(--tedi-dimensions-05);
    --card-padding-xxs: var(--tedi-dimensions-03);
    --card-radius-rounded: var(--tedi-radius-02-default);
    --card-radius-sharp: var(--tedi-radius-00);
    --carousel-indicator-height: var(--tedi-dimensions-05);
    --carousel-indicator-width: var(--tedi-dimensions-12);
    --content-heading-icon-padding-top: var(--tedi-dimensions-02);
    --content-heading-inner-spacing-x: var(--tedi-dimensions-05);
    --content-label-info-icon-padding-y: var(--tedi-dimensions-03);
    --content-label-inner-spacing-x: var(--tedi-dimensions-02);
    --content-label-label-sm-height: var(--tedi-dimensions-13);
    --dropdown-body-padding-x: var(--tedi-dimensions-07);
    --dropdown-body-padding-y: var(--tedi-dimensions-05);
    --dropdown-group-label-padding-x: var(--dropdown-item-padding-x);
    --dropdown-group-label-padding-y: var(--dropdown-item-padding-y);
    --dropdown-item-inner-spacing: var(--tedi-dimensions-05);
    --dropdown-item-padding-x: var(--tedi-dimensions-07);
    --dropdown-item-padding-y: var(--tedi-dimensions-05);
    --dropdown-item-radius: var(--tedi-radius-02-default);
    --dropdown-max-height: 600px;
    --empty-state-inner-spacing-y-lg: var(--tedi-dimensions-10);
    --empty-state-inner-spacing-y-md: var(--tedi-dimensions-05);
    --empty-state-inner-spacing-y-sm: var(--tedi-dimensions-03);
    --empty-state-padding: var(--tedi-dimensions-13);
    --empty-state-padding-sm: var(--tedi-dimensions-10);
    --empty-state-radius: var(--tedi-radius-02-default);
    --feedback-max-content: 564px;
    --feedback-number-indicator-container: var(--tedi-dimensions-19);
    --feedback-star-inner-spacing: var(--layout-grid-gutters-02);
    --feedback-star-size: var(--icon-06);
    --file-dropzone-padding-x: var(--tedi-dimensions-13);
    --file-dropzone-padding-y: var(--tedi-dimensions-13);
    --filter-default-inner-spacing: var(--tedi-dimensions-04);
    --filter-default-inner-spacing-sm: var(--tedi-dimensions-02);
    --filter-default-padding-x: var(--tedi-dimensions-04);
    --filter-default-padding-y: var(--tedi-dimensions-03);
    --filter-lg-padding-x: var(--form-checkbox-radio-card-checkbox-padding-x);
    --filter-lg-padding-y: var(--form-checkbox-radio-card-checkbox-padding-y);
    --form-calendar-date-width: 40px;
    --form-checkbox-radio-card-checkbox-icon-padding-y: var(--tedi-dimensions-04);
    --form-checkbox-radio-card-checkbox-indicator-padding-y: 11px;
    --form-checkbox-radio-card-checkbox-padding-x: var(--form-checkbox-radio-card-checkbox-padding-y);
    --form-checkbox-radio-card-checkbox-padding-y: var(--tedi-dimensions-05);
    --form-checkbox-radio-card-gutter: var(--button-gutter-x-sm);
    --form-checkbox-radio-card-inner-spacing: var(--button-md-inner-spacing);
    --form-checkbox-radio-card-radio-icon-padding-y: var(--tedi-dimensions-04);
    --form-checkbox-radio-card-radio-indicator-padding-y: var(--tedi-dimensions-06);
    --form-checkbox-radio-card-radio-padding-x: var(--form-checkbox-radio-card-checkbox-padding-y);
    --form-checkbox-radio-card-radio-padding-y: var(--tedi-dimensions-05);
    --form-checkbox-radio-card-radius: var(--tedi-radius-02-default);
    --form-checkbox-radio-gutter-x: var(--tedi-dimensions-07);
    --form-checkbox-radio-gutter-y: var(--tedi-dimensions-03);
    --form-checkbox-radio-indicator-container-height: var(--tedi-dimensions-13);
    --form-checkbox-radio-indicator-radius-checkbox: var(--tedi-dimensions-02);
    --form-checkbox-radio-indicator-radius-radio: var(--tedi-radius-08);
    --form-checkbox-radio-inner-spacing: var(--tedi-dimensions-05);
    --form-checkbox-radio-label-gutter-y: var(--tedi-dimensions-00);
    --form-checkbox-radio-size-fixed: var(--tedi-dimensions-11);
    --form-checkbox-radio-size-large: var(--tedi-dimensions-13);
    --form-checkbox-radio-size-responsive: var(--tedi-dimensions-11);
    --form-checkbox-radio-subitem-padding-left: var(--tedi-dimensions-14);
    --form-field-button-height: var(--tedi-dimensions-14);
    --form-field-button-height-sm: var(--tedi-dimensions-13);
    --form-field-height: var(--tedi-dimensions-16);
    --form-field-height-lg: var(--tedi-dimensions-19);
    --form-field-height-sm: var(--tedi-dimensions-14);
    --form-field-inner-spacing: var(--tedi-dimensions-05);
    --form-field-inner-spacing-sm: var(--tedi-dimensions-03);
    --form-field-outer-spacing: var(--tedi-dimensions-03);
    --form-field-padding-x-lg: var(--tedi-dimensions-10);
    --form-field-padding-x-md-default: var(--tedi-dimensions-05);
    --form-field-padding-y-lg: var(--tedi-dimensions-10);
    --form-field-padding-y-md-default: var(--tedi-dimensions-05);
    --form-field-padding-y-md-has-button: var(--tedi-dimensions-03);
    --form-field-padding-y-sm: var(--tedi-dimensions-03);
    --form-field-padding-y-sm-has-button: var(--tedi-dimensions-03);
    --form-field-padding-y-xs: var(--tedi-dimensions-02);
    --form-field-padding-y-xxs: var(--tedi-dimensions-00);
    --form-field-radius: var(--card-radius-rounded);
    --form-number-input-min-width: var(--tedi-dimensions-23);
    --form-number-min-width: 163px;
    --form-select-area-max-height: 300px;
    --form-select-area-radius: var(--tedi-radius-02-default);
    --form-slider-height: var(--tedi-dimensions-05);
    --form-slider-inner-spacing: var(--tedi-dimensions-07);
    --form-slider-radius: var(--tedi-radius-02-default);
    --form-slider-thumb-size: var(--tedi-dimensions-13);
    --form-textarea-min-height: var(--form-field-height);
    --form-toggle-default-height: 20px;
    --form-toggle-default-indicator: var(--tedi-dimensions-10);
    --form-toggle-default-margin-y: var(--tedi-dimensions-02);
    --form-toggle-default-width: var(--tedi-dimensions-16);
    --form-toggle-large-height: 28px;
    --form-toggle-large-indicator: 24px;
    --form-toggle-large-width: 56px;
    --form-toggle-padding: var(--tedi-dimensions-02);
    --form-toggle-radius: var(--tedi-radius-04);
    --general-border-width-default: var(--tedi-borders-01);
    --general-border-width-selected: var(--tedi-borders-02);
    --grid-gutter-x-eemaldada-01: var(--tedi-dimensions-03);
    --grid-gutter-x-eemaldada-02: var(--tedi-dimensions-05);
    --grid-gutter-x-eemaldada-03-default: var(--tedi-dimensions-07);
    --grid-gutter-x-eemaldada-04: var(--tedi-dimensions-10);
    --grid-gutter-x-eemaldada-05: var(--tedi-dimensions-13);
    --grid-gutter-y-eemaldada-01: var(--tedi-dimensions-03);
    --grid-gutter-y-eemaldada-02: var(--tedi-dimensions-05);
    --grid-gutter-y-eemaldada-03: var(--tedi-dimensions-10);
    --grid-gutter-y-eemaldada-04: var(--tedi-dimensions-13);
    --icon-00: var(--tedi-dimensions-05);
    --icon-01: var(--tedi-dimensions-07);
    --icon-02: var(--tedi-dimensions-10);
    --icon-03: var(--tedi-dimensions-11);
    --icon-04: var(--tedi-dimensions-12);
    --icon-05: var(--tedi-dimensions-13);
    --icon-06: var(--tedi-dimensions-15);
    --icon-07: var(--tedi-dimensions-18);
    --icon-background-padding-lg: var(--tedi-dimensions-07);
    --icon-background-padding-sm: var(--tedi-dimensions-05);
    --icon-background-radius: var(--tedi-radius-08);
    --layout-common-device-height: 1024px;
    --layout-common-device-width: 768px;
    --layout-container-max-width-lg: 1140px;
    --layout-container-max-width-md: 960px;
    --layout-container-max-width-sm: 720px;
    --layout-container-max-width-xl: 1320px;
    --layout-container-max-width-xs: 540px;
    --layout-container-max-width-xxl: 1440px;
    --layout-footer-bottom-padding-x: var(--layout-page-spacing-x);
    --layout-footer-bottom-padding-y: var(--tedi-dimensions-05);
    --layout-footer-col-padding-x: var(--tedi-dimensions-07);
    --layout-footer-item-vertical-spacing: var(--tedi-dimensions-05);
    --layout-footer-padding-x: var(--tedi-dimensions-16);
    --layout-footer-padding-y: var(--tedi-dimensions-16);
    --layout-grid-column-gutter: var(--tedi-dimensions-13);
    --layout-grid-column-offset: 24px;
    --layout-grid-column-width: 464px;
    --layout-grid-column-width-1: 720px;
    --layout-grid-column-width-12: 0;
    --layout-grid-column-width-2: 348px;
    --layout-grid-column-width-6: 124.85px;
    --layout-grid-gutters-02: var(--tedi-dimensions-02);
    --layout-grid-gutters-04: var(--tedi-dimensions-03);
    --layout-grid-gutters-08: var(--tedi-dimensions-05);
    --layout-grid-gutters-12: var(--tedi-dimensions-07);
    --layout-grid-gutters-16: var(--tedi-dimensions-10);
    --layout-grid-gutters-24: var(--tedi-dimensions-13);
    --layout-grid-gutters-32: var(--tedi-dimensions-14);
    --layout-grid-gutters-48: var(--tedi-dimensions-18);
    --layout-header-desktop-and-tablet-only: true;
    --layout-header-desktop-only: 0;
    --layout-header-height: 56px;
    --layout-header-items-center-gutter-x: var(--tedi-dimensions-13);
    --layout-header-items-menu-item-padding: var(--tedi-dimensions-05);
    --layout-header-items-right-gutter-x: var(--tedi-dimensions-10);
    --layout-header-logo-font-size: 0.6563rem;
    --layout-header-logo-inner-spacing: 6.9px;
    --layout-header-logo-line-height: 11.6px;
    --layout-header-logo-size: 42px;
    --layout-header-mobile-and-tablet-only: true;
    --layout-header-mobile-button-min-size: var(--tedi-dimensions-19);
    --layout-header-mobile-button-size: var(--tedi-dimensions-21);
    --layout-header-mobile-only: 0;
    --layout-header-modal-item-padding: var(--tedi-dimensions-10);
    --layout-header-padding-left: var(--tedi-dimensions-10);
    --layout-header-padding-right: var(--tedi-dimensions-10);
    --layout-header-padding-y: 0;
    --layout-header-padding-y-sm: var(--tedi-dimensions-07);
    --layout-header-profile-icon: var(--icon-06);
    --layout-header-separator-padding-y: var(--tedi-dimensions-03);
    --layout-header-tablet-only: true;
    --layout-header-top-header-min-height: var(--tedi-dimensions-16);
    --layout-header-top-header-padding-x: var(--tedi-dimensions-10);
    --layout-header-top-header-padding-y: var(--tedi-dimensions-00);
    --layout-page-spacing-top: var(--tedi-dimensions-13);
    --layout-page-spacing-x: 24px;
    --layout-to-be-deleted-outer-container: 1520px;
    --link-icon-default: var(--icon-03);
    --link-icon-padding-y: 3px;
    --link-icon-padding-y-sm: var(--tedi-dimensions-03);
    --link-icon-responsive: var(--icon-03);
    --link-icon-small: var(--icon-02);
    --link-inner-spacing-x: var(--tedi-dimensions-03);
    --link-link-sm-height: var(--body-regular-line-height);
    --list-definitions-gutter-y: var(--tedi-dimensions-03);
    --list-icon-padding-y: var(--tedi-dimensions-05);
    --list-icon-size: var(--icon-00);
    --list-inner-spacing-x: var(--tedi-dimensions-05);
    --list-list-item-margin-y: var(--tedi-dimensions-05);
    --list-padding-left-level-1: var(--tedi-dimensions-10);
    --list-padding-left-level-2: var(--tedi-dimensions-14);
    --list-padding-left-level-3: var(--tedi-dimensions-18);
    --loader-skeleton-height-100: 24px;
    --loader-skeleton-height-200: 32px;
    --loader-skeleton-height-300: 36px;
    --loader-skeleton-height-400: 46px;
    --loader-skeleton-height-500: 100px;
    --loader-skeleton-inner-spacing-y: var(--tedi-dimensions-10);
    --loader-skeleton-radius: var(--tedi-radius-02-default);
    --loader-spinner-page-spacing-top: var(--tedi-dimensions-23);
    --loader-spinner-sizing-10: var(--tedi-dimensions-06);
    --loader-spinner-sizing-12: var(--icon-01);
    --loader-spinner-sizing-16: var(--icon-02);
    --loader-spinner-sizing-18: var(--icon-03);
    --loader-spinner-sizing-24: var(--icon-05);
    --loader-spinner-sizing-36: var(--icon-06);
    --loader-spinner-sizing-48: var(--icon-07);
    --loader-spinner-sizing-8: var(--icon-00);
    --modal-body-padding: var(--tedi-dimensions-13);
    --modal-body-padding-sm: var(--modal-heading-padding-x-sm);
    --modal-footer-padding-x: var(--tedi-dimensions-13);
    --modal-footer-padding-x-sm: var(--modal-heading-padding-x-sm);
    --modal-footer-padding-y: var(--tedi-dimensions-10);
    --modal-footer-padding-y-sm: var(--tedi-dimensions-05);
    --modal-heading-padding-x: var(--tedi-dimensions-13);
    --modal-heading-padding-x-sm: var(--tedi-dimensions-10);
    --modal-heading-padding-y: var(--tedi-dimensions-10);
    --modal-heading-padding-y-sm: var(--tedi-dimensions-05);
    --modal-max-width-lg: var(--tedi-containers-11);
    --modal-max-width-md: var(--tedi-containers-09);
    --modal-max-width-sm: var(--tedi-containers-08);
    --modal-max-width-xl: var(--tedi-containers-13);
    --modal-max-width-xs: var(--tedi-containers-05);
    --modal-radius: var(--card-radius-rounded);
    --modal-top-margin: var(--tedi-dimensions-16);
    --navigation-horizontal-item-inner-spacing: var(--tedi-dimensions-05);
    --navigation-horizontal-item-padding-x: var(--tedi-dimensions-10);
    --navigation-horizontal-item-padding-y: var(--tedi-dimensions-07);
    --navigation-horizontal-submenu-item-active-item-border-width: var(--table-of-contents-active-item-border-width);
    --navigation-horizontal-submenu-item-font-size: var(--body-small-regular-size);
    --navigation-horizontal-submenu-item-font-weight: var(--body-small-regular-weight);
    --navigation-horizontal-submenu-item-font-weight-selected: var(--body-small-bold-weight);
    --navigation-horizontal-submenu-item-line-height: var(--body-small-regular-line-height);
    --navigation-horizontal-submenu-item-padding-x: var(--tedi-dimensions-05);
    --navigation-horizontal-submenu-item-padding-y: var(--tedi-dimensions-03);
    --navigation-horizontal-submenu-item-width: 240px;
    --navigation-horizontal-submenu-padding: var(--tedi-dimensions-13);
    --navigation-vertical-dropdown-item: 0;
    --navigation-vertical-item-icon: var(--icon-05);
    --navigation-vertical-item-icon-md: var(--icon-05);
    --navigation-vertical-item-icon-sm: var(--icon-05);
    --navigation-vertical-item-inner-spacing: var(--tedi-dimensions-10);
    --navigation-vertical-item-inner-spacing-sm: var(--tedi-dimensions-05);
    --navigation-vertical-item-min-height-large: var(--tedi-dimensions-22);
    --navigation-vertical-item-min-height-medium: var(--tedi-dimensions-19);
    --navigation-vertical-item-min-height-small: var(--tedi-dimensions-16);
    --navigation-vertical-item-padding-left-level-1: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-left-level-2: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-right: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-x-sm: var(--tedi-dimensions-05);
    --navigation-vertical-item-padding-y: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-y-md: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-y-sm: var(--tedi-dimensions-10);
    --navigation-vertical-item-width-collapsed: 96px;
    --navigation-vertical-item-width-default: 400px;
    --navigation-vertical-text-size: var(--body-regular-size);
    --navigation-vertical-text-size-sm: var(--body-small-regular-size);
    --pagination-button-size: var(--button-xs-icon-size);
    --pagination-padding-x: 14px;
    --pagination-padding-y: 12px;
    --popover-border-width-lg: var(--tedi-dimensions-03);
    --popover-border-width-md: var(--tedi-dimensions-01);
    --popover-padding-md: var(--card-padding-lg);
    --popover-padding-sm: var(--card-padding-md-default);
    --popover-padding-xs: var(--card-padding-xs);
    --popover-radius-rounded: var(--card-radius-rounded);
    --popover-radius-sharp: var(--card-radius-sharp);
    --popover-width-01: var(--tedi-containers-02);
    --popover-width-02: var(--tedi-containers-06);
    --popover-width-03: var(--tedi-containers-10);
    --progress-bar-height: var(--form-slider-height);
    --progress-bar-height-sm: var(--tedi-dimensions-03);
    --progress-bar-radius: var(--form-slider-radius);
    --separator-dot-size-lg: 15px;
    --separator-dot-size-md: 9px;
    --separator-dot-size-sm: var(--tedi-dimensions-03);
    --separator-dot-size-xs: var(--tedi-dimensions-02);
    --separator-dotted-line-width: var(--tedi-dimensions-01);
    --separator-spacing-x-01: var(--tedi-dimensions-04);
    --separator-spacing-x-02: var(--tedi-dimensions-07);
    --separator-spacing-x-03: var(--tedi-dimensions-13);
    --separator-spacing-y-01: var(--tedi-dimensions-03);
    --separator-spacing-y-02: var(--tedi-dimensions-05);
    --separator-spacing-y-03: var(--tedi-dimensions-10);
    --separator-spacing-y-04: var(--tedi-dimensions-13);
    --separator-thickness-lg: var(--tedi-dimensions-02);
    --separator-thickness-md: var(--tedi-dimensions-01);
    --separator-thickness-sm: 0.5px;
    --separator-thickness-xs: 0.25px;
    --separator-top-spacing-large-dot-sm: var(--tedi-dimensions-03);
    --sheet-body-padding-md: 0;
    --sheet-body-padding-sm: 0;
    --sheet-footer-padding-x: 0;
    --sheet-footer-padding-y: 0;
    --sheet-header-height: 0;
    --sheet-header-padding-md: 0;
    --sheet-header-padding-sm: 0;
    --sheet-header-radius: 0;
    --status-indicator-inner-spacing: var(--tedi-dimensions-05);
    --status-indicator-lg: var(--tedi-dimensions-07);
    --status-indicator-sm: var(--tedi-dimensions-05);
    --stepper-card-min-height: var(--tedi-dimensions-21);
    --stepper-item-horizontal-inner-spacing: var(--tedi-dimensions-05);
    --stepper-item-horizontal-min-height: var(--tedi-dimensions-16);
    --stepper-item-horizontal-padding-x: var(--tedi-dimensions-10);
    --stepper-item-horizontal-padding-y: var(--tedi-dimensions-05);
    --stepper-item-vertical-compact-inner-spacing: var(--tedi-dimensions-04);
    --stepper-item-vertical-compact-min-height: 32px;
    --stepper-item-vertical-compact-min-height-first-item: 29px;
    --stepper-item-vertical-compact-padding-top: 3px;
    --stepper-item-vertical-compact-sub-item-indicator-width: var(--tedi-dimensions-10);
    --stepper-item-vertical-lg-inner-spacing: var(--tedi-dimensions-05);
    --stepper-item-vertical-lg-min-height: 40px;
    --stepper-item-vertical-lg-min-height-first-item: 32px;
    --stepper-item-vertical-lg-padding-top: 8px;
    --stepper-item-vertical-lg-padding-top-collapse: 4px;
    --stepper-item-vertical-lg-sub-item-indicator-width: var(--tedi-dimensions-13);
    --stepper-item-vertical-line-height: 6px;
    --stepper-item-vertical-padding-y-sm: 2px;
    --stepper-item-vertical-step-size-lg: 24px;
    --stepper-item-vertical-step-size-md: 16px;
    --stepper-item-vertical-step-size-sm: var(--separator-dot-size-md);
    --stepper-item-vertical-sub-line-bottom: 9px;
    --stepper-item-vertical-sub-line-top: 9.5px;
    --tab-icon: 18px;
    --tab-inner-spacing: var(--tedi-dimensions-05);
    --tab-spacing-x: var(--tedi-dimensions-10);
    --tab-spacing-y: var(--tab-spacing-x);
    --tab-top-radius: var(--card-radius-rounded);
    --table-data-padding-x: 14px;
    --table-data-padding-x-sm: 8px;
    --table-data-padding-y: 12px;
    --table-data-padding-y-sm: 4px;
    --table-header-min-height: 49px;
    --table-header-padding-x: 14px;
    --table-header-padding-x-sm: 8px;
    --table-header-padding-y: 12px;
    --table-header-padding-y-sm: 12px;
    --table-of-contents-active-item-border-width: 3px;
    --table-of-contents-padding-left-level-1: var(--tedi-dimensions-10);
    --table-of-contents-padding-left-level-2: var(--tedi-dimensions-14);
    --table-of-contents-padding-y: var(--tedi-dimensions-04);
    --table-of-contents-width: var(--tedi-containers-04);
    --table-radius: var(--tedi-radius-02-default);
    --tag-default-loader-padding-y: var(--tedi-dimensions-04);
    --tag-default-padding-sm: var(--tedi-dimensions-01);
    --tag-default-padding-x: var(--tedi-dimensions-03);
    --tag-default-padding-y: var(--tedi-dimensions-02);
    --tag-default-radius: var(--tedi-radius-02-default);
    --tag-status-icon-padding-x: var(--tedi-dimensions-03);
    --tag-status-icon-padding-y: var(--tedi-dimensions-03);
    --tag-status-large-min-width: var(--tedi-dimensions-22);
    --tag-status-large-padding-x: var(--tedi-dimensions-05);
    --tag-status-large-padding-y: var(--tedi-dimensions-05);
    --text-group-label-width-lg: 196px;
    --text-group-label-width-md: 164px;
    --text-group-label-width-sm: 132px;
    --text-group-value-icon-padding-top: var(--tedi-dimensions-03);
    --text-group-value-inner-spacing: var(--tedi-dimensions-04);
    --timeline-date-container-width: 105px;
    --timeline-padding-y: var(--tedi-dimensions-05);
    --timeline-text-min-height: var(--tedi-dimensions-13);
    --toast-inner-spacing-y: var(--alert-default-inner-spacing-y);
    --toast-margin-bottom: var(--tedi-dimensions-10);
    --toast-margin-left: var(--tedi-dimensions-00);
    --toast-margin-right: var(--tedi-dimensions-10);
    --toast-outer-spacing: var(--tedi-dimensions-03);
    --toast-padding-x: var(--alert-default-padding-x);
    --toast-padding-y: var(--alert-default-padding-y);
    --toast-width: var(--tedi-containers-03);
    --tooltip-max-width: var(--tedi-containers-02);
    --tooltip-padding-x: var(--card-padding-xs);
    --tooltip-padding-y: var(--tooltip-padding-x);
    --tooltip-radius: var(--card-radius-rounded);
  }
}
@media (width < 48rem) {
  :root {
    --alert-default-icon-container-height: var(--tedi-dimensions-13);
    --alert-default-icon-size: var(--button-icon-inner-size);
    --alert-default-inner-spacing-x: var(--tedi-dimensions-03);
    --alert-default-inner-spacing-y: var(--tedi-dimensions-03);
    --alert-default-padding-x: var(--tedi-dimensions-10);
    --alert-default-padding-x-sm: var(--tedi-dimensions-05);
    --alert-default-padding-y: var(--tedi-dimensions-10);
    --alert-default-padding-y-sm: var(--tedi-dimensions-05);
    --alert-illustrative-inner-spacing-x: var(--tedi-dimensions-10);
    --alert-illustrative-min-width: 380px;
    --alert-illustrative-padding-x: var(--alert-default-padding-x);
    --alert-illustrative-padding-y: var(--tedi-dimensions-07);
    --alert-illustrative-text-max-width: 748px;
    --alert-radius: var(--card-radius-rounded);
    --attachment-actions-min-height: var(--tedi-dimensions-16);
    --avatar-size-lg: var(--tedi-dimensions-16);
    --avatar-size-md: var(--tedi-dimensions-14);
    --avatar-size-sm: var(--tedi-dimensions-13);
    --breadcrumb-inner-spacing: var(--tedi-dimensions-03);
    --breadcrumb-spacing-bottom: var(--tedi-dimensions-10);
    --button-default-md-neutral-padding-x-neutral-btn: 0;
    --button-group-icon-container-height: var(--tedi-dimensions-13);
    --button-gutter-x: var(--tedi-dimensions-10);
    --button-gutter-x-sm: var(--tedi-dimensions-05);
    --button-gutter-y: var(--tedi-dimensions-10);
    --button-icon-inner-icon-only-size: var(--tedi-dimensions-11);
    --button-icon-inner-size: var(--tedi-dimensions-11);
    --button-lg-icon-padding: var(--tedi-dimensions-03);
    --button-lg-icon-size: var(--tedi-dimensions-17);
    --button-lg-inner-spacing: var(--tedi-dimensions-04);
    --button-lg-padding-x: var(--tedi-dimensions-11);
    --button-lg-padding-y: var(--tedi-dimensions-06);
    --button-md-height: var(--tedi-dimensions-17);
    --button-md-icon-padding: var(--tedi-dimensions-03);
    --button-md-icon-size: var(--tedi-dimensions-17);
    --button-md-inner-spacing: var(--tedi-dimensions-04);
    --button-md-neutral-padding-x: var(--tedi-dimensions-00);
    --button-md-neutral-padding-y: var(--tedi-dimensions-06);
    --button-md-padding-x: var(--tedi-dimensions-11);
    --button-md-padding-y: var(--tedi-dimensions-06);
    --button-radius-default: var(--tedi-radius-08);
    --button-radius-sm: var(--tedi-radius-02-default);
    --button-sm-height: var(--tedi-dimensions-16);
    --button-sm-icon-padding: var(--tedi-dimensions-00);
    --button-sm-icon-size: var(--tedi-dimensions-17);
    --button-sm-inner-spacing: var(--tedi-dimensions-04);
    --button-sm-neutral-padding-x: var(--tedi-dimensions-00);
    --button-sm-neutral-padding-y: var(--tedi-dimensions-06);
    --button-sm-padding-x: var(--tedi-dimensions-11);
    --button-sm-padding-y: var(--tedi-dimensions-06);
    --button-text-size-default: var(--body-regular-size);
    --button-text-size-sm: var(--body-regular-size);
    --button-width-max: var(--tedi-dimensions-26);
    --button-width-min: var(--tedi-dimensions-24);
    --button-width-min-sm: var(--tedi-dimensions-22);
    --button-xl-icon-padding: var(--tedi-dimensions-05);
    --button-xl-icon-size: var(--tedi-dimensions-18);
    --button-xl-inner-spacing: var(--tedi-dimensions-04);
    --button-xl-padding-x: var(--tedi-dimensions-11);
    --button-xl-padding-y: var(--tedi-dimensions-07);
    --button-xs-icon-inner-size: var(--tedi-dimensions-10);
    --button-xs-icon-size: var(--tedi-dimensions-13);
    --button-xxs-icon-size: var(--tedi-dimensions-10);
    --card-inner-spacing-y: var(--tedi-dimensions-10);
    --card-inner-spacing-y-sm: var(--tedi-dimensions-05);
    --card-inner-spacing-y-xs: var(--tedi-dimensions-03);
    --card-padding-lg: var(--tedi-dimensions-05);
    --card-padding-md-default: var(--tedi-dimensions-10);
    --card-padding-sm: var(--tedi-dimensions-07);
    --card-padding-xs: var(--tedi-dimensions-05);
    --card-padding-xxs: var(--tedi-dimensions-03);
    --card-radius-rounded: var(--tedi-radius-02-default);
    --card-radius-sharp: var(--tedi-radius-00);
    --carousel-indicator-height: var(--tedi-dimensions-06);
    --carousel-indicator-width: var(--tedi-dimensions-14);
    --content-heading-icon-padding-top: var(--tedi-dimensions-02);
    --content-heading-inner-spacing-x: var(--tedi-dimensions-05);
    --content-label-info-icon-padding-y: var(--tedi-dimensions-03);
    --content-label-inner-spacing-x: var(--tedi-dimensions-02);
    --content-label-label-sm-height: var(--tedi-dimensions-13);
    --dropdown-body-padding-x: var(--tedi-dimensions-07);
    --dropdown-body-padding-y: var(--tedi-dimensions-07);
    --dropdown-group-label-padding-x: var(--dropdown-item-padding-x);
    --dropdown-group-label-padding-y: var(--dropdown-item-padding-y);
    --dropdown-item-inner-spacing: var(--tedi-dimensions-05);
    --dropdown-item-padding-x: var(--tedi-dimensions-07);
    --dropdown-item-padding-y: var(--tedi-dimensions-07);
    --dropdown-item-radius: var(--tedi-radius-02-default);
    --dropdown-max-height: 600px;
    --empty-state-inner-spacing-y-lg: var(--tedi-dimensions-05);
    --empty-state-inner-spacing-y-md: var(--tedi-dimensions-05);
    --empty-state-inner-spacing-y-sm: var(--tedi-dimensions-03);
    --empty-state-padding: var(--tedi-dimensions-10);
    --empty-state-padding-sm: var(--tedi-dimensions-10);
    --empty-state-radius: var(--tedi-radius-02-default);
    --feedback-max-content: 564px;
    --feedback-number-indicator-container: var(--tedi-dimensions-19);
    --feedback-star-inner-spacing: var(--layout-grid-gutters-04);
    --feedback-star-size: var(--icon-06);
    --file-dropzone-padding-x: var(--tedi-dimensions-10);
    --file-dropzone-padding-y: var(--tedi-dimensions-13);
    --filter-default-inner-spacing: var(--tedi-dimensions-04);
    --filter-default-inner-spacing-sm: var(--tedi-dimensions-02);
    --filter-default-padding-x: var(--tedi-dimensions-04);
    --filter-default-padding-y: var(--tedi-dimensions-03);
    --filter-lg-padding-x: var(--form-checkbox-radio-card-checkbox-padding-x);
    --filter-lg-padding-y: var(--form-checkbox-radio-card-checkbox-padding-y);
    --form-calendar-date-width: 40px;
    --form-checkbox-radio-card-checkbox-icon-padding-y: var(--tedi-dimensions-04);
    --form-checkbox-radio-card-checkbox-indicator-padding-y: 11px;
    --form-checkbox-radio-card-checkbox-padding-x: var(--form-checkbox-radio-card-checkbox-padding-y);
    --form-checkbox-radio-card-checkbox-padding-y: var(--tedi-dimensions-05);
    --form-checkbox-radio-card-gutter: var(--button-gutter-x-sm);
    --form-checkbox-radio-card-inner-spacing: var(--button-md-inner-spacing);
    --form-checkbox-radio-card-radio-icon-padding-y: var(--tedi-dimensions-04);
    --form-checkbox-radio-card-radio-indicator-padding-y: var(--tedi-dimensions-06);
    --form-checkbox-radio-card-radio-padding-x: var(--form-checkbox-radio-card-checkbox-padding-y);
    --form-checkbox-radio-card-radio-padding-y: var(--tedi-dimensions-05);
    --form-checkbox-radio-card-radius: var(--tedi-radius-02-default);
    --form-checkbox-radio-gutter-x: var(--tedi-dimensions-07);
    --form-checkbox-radio-gutter-y: var(--tedi-dimensions-05);
    --form-checkbox-radio-indicator-container-height: var(--tedi-dimensions-13);
    --form-checkbox-radio-indicator-radius-checkbox: var(--tedi-dimensions-02);
    --form-checkbox-radio-indicator-radius-radio: var(--tedi-radius-08);
    --form-checkbox-radio-inner-spacing: var(--tedi-dimensions-05);
    --form-checkbox-radio-label-gutter-y: var(--tedi-dimensions-03);
    --form-checkbox-radio-size-fixed: var(--tedi-dimensions-11);
    --form-checkbox-radio-size-large: var(--tedi-dimensions-13);
    --form-checkbox-radio-size-responsive: var(--tedi-dimensions-13);
    --form-checkbox-radio-subitem-padding-left: var(--tedi-dimensions-14);
    --form-field-button-height: var(--tedi-dimensions-14);
    --form-field-button-height-sm: var(--tedi-dimensions-13);
    --form-field-height: var(--tedi-dimensions-17);
    --form-field-height-lg: var(--tedi-dimensions-19);
    --form-field-height-sm: var(--tedi-dimensions-17);
    --form-field-inner-spacing: var(--tedi-dimensions-05);
    --form-field-inner-spacing-sm: var(--tedi-dimensions-03);
    --form-field-outer-spacing: var(--tedi-dimensions-03);
    --form-field-padding-x-lg: var(--tedi-dimensions-10);
    --form-field-padding-x-md-default: var(--tedi-dimensions-05);
    --form-field-padding-y-lg: var(--tedi-dimensions-10);
    --form-field-padding-y-md-default: var(--tedi-dimensions-06);
    --form-field-padding-y-md-has-button: var(--tedi-dimensions-04);
    --form-field-padding-y-sm: var(--tedi-dimensions-06);
    --form-field-padding-y-sm-has-button: var(--tedi-dimensions-04);
    --form-field-padding-y-xs: var(--tedi-dimensions-02);
    --form-field-padding-y-xxs: var(--tedi-dimensions-04);
    --form-field-radius: var(--card-radius-rounded);
    --form-number-input-min-width: var(--tedi-dimensions-23);
    --form-number-min-width: 168px;
    --form-select-area-max-height: 300px;
    --form-select-area-radius: var(--tedi-radius-02-default);
    --form-slider-height: var(--tedi-dimensions-05);
    --form-slider-inner-spacing: var(--tedi-dimensions-07);
    --form-slider-radius: var(--tedi-radius-02-default);
    --form-slider-thumb-size: var(--tedi-dimensions-13);
    --form-textarea-min-height: var(--form-field-height);
    --form-toggle-default-height: 28px;
    --form-toggle-default-indicator: var(--tedi-dimensions-13);
    --form-toggle-default-margin-y: var(--tedi-dimensions-00);
    --form-toggle-default-width: 56px;
    --form-toggle-large-height: 28px;
    --form-toggle-large-indicator: 24px;
    --form-toggle-large-width: 56px;
    --form-toggle-padding: var(--tedi-dimensions-02);
    --form-toggle-radius: var(--tedi-radius-04);
    --general-border-width-default: var(--tedi-borders-01);
    --general-border-width-selected: var(--tedi-borders-02);
    --grid-gutter-x-eemaldada-01: var(--tedi-dimensions-03);
    --grid-gutter-x-eemaldada-02: var(--tedi-dimensions-05);
    --grid-gutter-x-eemaldada-03-default: var(--tedi-dimensions-07);
    --grid-gutter-x-eemaldada-04: var(--tedi-dimensions-10);
    --grid-gutter-x-eemaldada-05: var(--tedi-dimensions-13);
    --grid-gutter-y-eemaldada-01: var(--tedi-dimensions-03);
    --grid-gutter-y-eemaldada-02: var(--tedi-dimensions-05);
    --grid-gutter-y-eemaldada-03: var(--tedi-dimensions-10);
    --grid-gutter-y-eemaldada-04: var(--tedi-dimensions-13);
    --icon-00: var(--tedi-dimensions-05);
    --icon-01: var(--tedi-dimensions-07);
    --icon-02: var(--tedi-dimensions-10);
    --icon-03: var(--tedi-dimensions-11);
    --icon-04: var(--tedi-dimensions-12);
    --icon-05: var(--tedi-dimensions-13);
    --icon-06: var(--tedi-dimensions-15);
    --icon-07: var(--tedi-dimensions-18);
    --icon-background-padding-lg: var(--tedi-dimensions-07);
    --icon-background-padding-sm: var(--tedi-dimensions-05);
    --icon-background-radius: var(--tedi-radius-08);
    --layout-common-device-height: 812px;
    --layout-common-device-width: 360px;
    --layout-container-max-width-lg: 1140px;
    --layout-container-max-width-md: 960px;
    --layout-container-max-width-sm: 720px;
    --layout-container-max-width-xl: 1320px;
    --layout-container-max-width-xs: 540px;
    --layout-container-max-width-xxl: 1440px;
    --layout-footer-bottom-padding-x: var(--layout-page-spacing-x);
    --layout-footer-bottom-padding-y: var(--tedi-dimensions-05);
    --layout-footer-col-padding-x: 0;
    --layout-footer-item-vertical-spacing: var(--tedi-dimensions-05);
    --layout-footer-padding-x: var(--tedi-dimensions-10);
    --layout-footer-padding-y: var(--tedi-dimensions-10);
    --layout-grid-column-gutter: var(--tedi-dimensions-13);
    --layout-grid-column-offset: 8px;
    --layout-grid-column-width: 464px;
    --layout-grid-column-width-1: 359px;
    --layout-grid-column-width-12: 0;
    --layout-grid-column-width-2: 167.5px;
    --layout-grid-column-width-6: 0;
    --layout-grid-gutters-02: var(--tedi-dimensions-02);
    --layout-grid-gutters-04: var(--tedi-dimensions-03);
    --layout-grid-gutters-08: var(--tedi-dimensions-05);
    --layout-grid-gutters-12: var(--tedi-dimensions-07);
    --layout-grid-gutters-16: var(--tedi-dimensions-10);
    --layout-grid-gutters-24: var(--tedi-dimensions-13);
    --layout-grid-gutters-32: var(--tedi-dimensions-14);
    --layout-grid-gutters-48: var(--tedi-dimensions-18);
    --layout-header-desktop-and-tablet-only: 0;
    --layout-header-desktop-only: 0;
    --layout-header-height: 56px;
    --layout-header-items-center-gutter-x: var(--tedi-dimensions-07);
    --layout-header-items-menu-item-padding: var(--tedi-dimensions-05);
    --layout-header-items-right-gutter-x: 0;
    --layout-header-logo-font-size: 0.6563rem;
    --layout-header-logo-inner-spacing: 6.9px;
    --layout-header-logo-line-height: 11.6px;
    --layout-header-logo-size: 42px;
    --layout-header-mobile-and-tablet-only: true;
    --layout-header-mobile-button-min-size: var(--tedi-dimensions-19);
    --layout-header-mobile-button-size: var(--tedi-dimensions-21);
    --layout-header-mobile-only: true;
    --layout-header-modal-item-padding: var(--tedi-dimensions-10);
    --layout-header-padding-left: var(--tedi-dimensions-06);
    --layout-header-padding-right: 0;
    --layout-header-padding-y: 0;
    --layout-header-padding-y-sm: 0;
    --layout-header-profile-icon: var(--icon-05);
    --layout-header-separator-padding-y: 0;
    --layout-header-tablet-only: 0;
    --layout-header-top-header-min-height: var(--tedi-dimensions-16);
    --layout-header-top-header-padding-x: var(--tedi-dimensions-06);
    --layout-header-top-header-padding-y: var(--tedi-dimensions-03);
    --layout-page-spacing-top: var(--tedi-dimensions-13);
    --layout-page-spacing-x: 8px;
    --layout-to-be-deleted-outer-container: 1520px;
    --link-icon-default: var(--icon-03);
    --link-icon-padding-y: 3px;
    --link-icon-padding-y-sm: 3px;
    --link-icon-responsive: var(--icon-03);
    --link-icon-small: var(--icon-02);
    --link-inner-spacing-x: var(--tedi-dimensions-03);
    --link-link-sm-height: var(--body-regular-line-height);
    --list-definitions-gutter-y: var(--tedi-dimensions-03);
    --list-icon-padding-y: var(--tedi-dimensions-05);
    --list-icon-size: var(--icon-00);
    --list-inner-spacing-x: var(--tedi-dimensions-05);
    --list-list-item-margin-y: var(--tedi-dimensions-05);
    --list-padding-left-level-1: var(--tedi-dimensions-05);
    --list-padding-left-level-2: var(--tedi-dimensions-13);
    --list-padding-left-level-3: var(--tedi-dimensions-16);
    --loader-skeleton-height-100: 24px;
    --loader-skeleton-height-200: 32px;
    --loader-skeleton-height-300: 36px;
    --loader-skeleton-height-400: 46px;
    --loader-skeleton-height-500: 100px;
    --loader-skeleton-inner-spacing-y: var(--tedi-dimensions-10);
    --loader-skeleton-radius: var(--tedi-radius-02-default);
    --loader-spinner-page-spacing-top: var(--tedi-dimensions-23);
    --loader-spinner-sizing-10: var(--tedi-dimensions-06);
    --loader-spinner-sizing-12: var(--icon-01);
    --loader-spinner-sizing-16: var(--icon-02);
    --loader-spinner-sizing-18: var(--icon-03);
    --loader-spinner-sizing-24: var(--icon-05);
    --loader-spinner-sizing-36: var(--icon-06);
    --loader-spinner-sizing-48: var(--icon-07);
    --loader-spinner-sizing-8: var(--icon-00);
    --modal-body-padding: var(--tedi-dimensions-10);
    --modal-body-padding-sm: var(--modal-heading-padding-x-sm);
    --modal-footer-padding-x: var(--tedi-dimensions-10);
    --modal-footer-padding-x-sm: var(--modal-heading-padding-x-sm);
    --modal-footer-padding-y: var(--tedi-dimensions-10);
    --modal-footer-padding-y-sm: var(--tedi-dimensions-05);
    --modal-heading-padding-x: var(--tedi-dimensions-10);
    --modal-heading-padding-x-sm: var(--tedi-dimensions-10);
    --modal-heading-padding-y: var(--tedi-dimensions-10);
    --modal-heading-padding-y-sm: var(--tedi-dimensions-05);
    --modal-max-width-lg: var(--tedi-containers-05);
    --modal-max-width-md: var(--tedi-containers-05);
    --modal-max-width-sm: var(--tedi-containers-05);
    --modal-max-width-xl: var(--tedi-containers-05);
    --modal-max-width-xs: var(--tedi-containers-05);
    --modal-radius: var(--card-radius-rounded);
    --modal-top-margin: var(--tedi-dimensions-10);
    --navigation-horizontal-item-inner-spacing: var(--tedi-dimensions-05);
    --navigation-horizontal-item-padding-x: var(--tedi-dimensions-10);
    --navigation-horizontal-item-padding-y: var(--tedi-dimensions-07);
    --navigation-horizontal-submenu-item-active-item-border-width: var(--table-of-contents-active-item-border-width);
    --navigation-horizontal-submenu-item-font-size: var(--body-small-regular-size);
    --navigation-horizontal-submenu-item-font-weight: var(--body-small-regular-weight);
    --navigation-horizontal-submenu-item-font-weight-selected: var(--body-small-bold-weight);
    --navigation-horizontal-submenu-item-line-height: var(--body-small-regular-line-height);
    --navigation-horizontal-submenu-item-padding-x: var(--tedi-dimensions-05);
    --navigation-horizontal-submenu-item-padding-y: var(--tedi-dimensions-03);
    --navigation-horizontal-submenu-item-width: 240px;
    --navigation-horizontal-submenu-padding: var(--tedi-dimensions-10);
    --navigation-vertical-dropdown-item: 0;
    --navigation-vertical-item-icon: var(--icon-05);
    --navigation-vertical-item-icon-md: var(--icon-05);
    --navigation-vertical-item-icon-sm: var(--icon-05);
    --navigation-vertical-item-inner-spacing: var(--tedi-dimensions-10);
    --navigation-vertical-item-inner-spacing-sm: var(--tedi-dimensions-10);
    --navigation-vertical-item-min-height-large: var(--tedi-dimensions-19);
    --navigation-vertical-item-min-height-medium: var(--tedi-dimensions-19);
    --navigation-vertical-item-min-height-small: var(--tedi-dimensions-19);
    --navigation-vertical-item-padding-left-level-1: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-left-level-2: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-right: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-x-sm: var(--tedi-dimensions-05);
    --navigation-vertical-item-padding-y: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-y-md: var(--tedi-dimensions-10);
    --navigation-vertical-item-padding-y-sm: var(--tedi-dimensions-10);
    --navigation-vertical-item-width-collapsed: 96px;
    --navigation-vertical-item-width-default: 320px;
    --navigation-vertical-text-size: var(--body-regular-size);
    --navigation-vertical-text-size-sm: var(--body-regular-size);
    --pagination-button-size: var(--tedi-dimensions-14);
    --pagination-padding-x: 14px;
    --pagination-padding-y: 12px;
    --popover-border-width-lg: var(--tedi-dimensions-03);
    --popover-border-width-md: var(--tedi-dimensions-01);
    --popover-padding-md: var(--card-padding-lg);
    --popover-padding-sm: var(--card-padding-md-default);
    --popover-padding-xs: var(--card-padding-xs);
    --popover-radius-rounded: var(--card-radius-rounded);
    --popover-radius-sharp: var(--card-radius-sharp);
    --popover-width-01: var(--tedi-containers-02);
    --popover-width-02: var(--tedi-containers-06);
    --popover-width-03: var(--tedi-containers-10);
    --progress-bar-height: var(--form-slider-height);
    --progress-bar-height-sm: var(--tedi-dimensions-03);
    --progress-bar-radius: var(--form-slider-radius);
    --separator-dot-size-lg: 15px;
    --separator-dot-size-md: 9px;
    --separator-dot-size-sm: var(--tedi-dimensions-03);
    --separator-dot-size-xs: var(--tedi-dimensions-02);
    --separator-dotted-line-width: var(--tedi-dimensions-01);
    --separator-spacing-x-01: var(--tedi-dimensions-04);
    --separator-spacing-x-02: var(--tedi-dimensions-07);
    --separator-spacing-x-03: var(--tedi-dimensions-13);
    --separator-spacing-y-01: var(--tedi-dimensions-03);
    --separator-spacing-y-02: var(--tedi-dimensions-05);
    --separator-spacing-y-03: var(--tedi-dimensions-10);
    --separator-spacing-y-04: var(--tedi-dimensions-13);
    --separator-thickness-lg: var(--tedi-dimensions-02);
    --separator-thickness-md: var(--tedi-dimensions-01);
    --separator-thickness-sm: 0.5px;
    --separator-thickness-xs: 0.25px;
    --separator-top-spacing-large-dot-sm: var(--tedi-dimensions-03);
    --sheet-body-padding-md: var(--sheet-header-padding-md);
    --sheet-body-padding-sm: var(--sheet-header-padding-sm);
    --sheet-footer-padding-x: var(--sheet-header-padding-md);
    --sheet-footer-padding-y: var(--sheet-header-padding-sm);
    --sheet-header-height: var(--tedi-dimensions-20);
    --sheet-header-padding-md: var(--tedi-dimensions-10);
    --sheet-header-padding-sm: var(--tedi-dimensions-05);
    --sheet-header-radius: var(--tedi-dimensions-13);
    --status-indicator-inner-spacing: var(--tedi-dimensions-05);
    --status-indicator-lg: var(--tedi-dimensions-07);
    --status-indicator-sm: var(--tedi-dimensions-05);
    --stepper-card-min-height: var(--tedi-dimensions-21);
    --stepper-item-horizontal-inner-spacing: var(--tedi-dimensions-05);
    --stepper-item-horizontal-min-height: var(--tedi-dimensions-17);
    --stepper-item-horizontal-padding-x: var(--tedi-dimensions-10);
    --stepper-item-horizontal-padding-y: var(--tedi-dimensions-05);
    --stepper-item-vertical-compact-inner-spacing: var(--tedi-dimensions-04);
    --stepper-item-vertical-compact-min-height: 40px;
    --stepper-item-vertical-compact-min-height-first-item: 32px;
    --stepper-item-vertical-compact-padding-top: 3px;
    --stepper-item-vertical-compact-sub-item-indicator-width: var(--tedi-dimensions-10);
    --stepper-item-vertical-lg-inner-spacing: var(--tedi-dimensions-05);
    --stepper-item-vertical-lg-min-height: 44px;
    --stepper-item-vertical-lg-min-height-first-item: 32px;
    --stepper-item-vertical-lg-padding-top: 10px;
    --stepper-item-vertical-lg-padding-top-collapse: 0;
    --stepper-item-vertical-lg-sub-item-indicator-width: var(--tedi-dimensions-13);
    --stepper-item-vertical-line-height: 6px;
    --stepper-item-vertical-padding-y-sm: 2px;
    --stepper-item-vertical-step-size-lg: 24px;
    --stepper-item-vertical-step-size-md: 16px;
    --stepper-item-vertical-step-size-sm: var(--separator-dot-size-md);
    --stepper-item-vertical-sub-line-bottom: 9px;
    --stepper-item-vertical-sub-line-top: 9.5px;
    --tab-icon: 18px;
    --tab-inner-spacing: var(--tedi-dimensions-05);
    --tab-spacing-x: var(--tedi-dimensions-10);
    --tab-spacing-y: var(--tedi-dimensions-07);
    --tab-top-radius: var(--card-radius-rounded);
    --table-data-padding-x: 14px;
    --table-data-padding-x-sm: 8px;
    --table-data-padding-y: 12px;
    --table-data-padding-y-sm: 4px;
    --table-header-min-height: 49px;
    --table-header-padding-x: 14px;
    --table-header-padding-x-sm: 8px;
    --table-header-padding-y: 12px;
    --table-header-padding-y-sm: 12px;
    --table-of-contents-active-item-border-width: 3px;
    --table-of-contents-padding-left-level-1: var(--tedi-dimensions-10);
    --table-of-contents-padding-left-level-2: var(--tedi-dimensions-14);
    --table-of-contents-padding-y: var(--tedi-dimensions-05);
    --table-of-contents-width: var(--tedi-containers-04);
    --table-radius: var(--tedi-radius-02-default);
    --tag-default-loader-padding-y: var(--tedi-dimensions-04);
    --tag-default-padding-sm: var(--tedi-dimensions-01);
    --tag-default-padding-x: var(--tedi-dimensions-03);
    --tag-default-padding-y: var(--tedi-dimensions-02);
    --tag-default-radius: var(--tedi-radius-02-default);
    --tag-status-icon-padding-x: var(--tedi-dimensions-03);
    --tag-status-icon-padding-y: var(--tedi-dimensions-03);
    --tag-status-large-min-width: var(--tedi-dimensions-22);
    --tag-status-large-padding-x: var(--tedi-dimensions-05);
    --tag-status-large-padding-y: var(--tedi-dimensions-05);
    --text-group-label-width-lg: 196px;
    --text-group-label-width-md: 164px;
    --text-group-label-width-sm: 132px;
    --text-group-value-icon-padding-top: var(--tedi-dimensions-03);
    --text-group-value-inner-spacing: var(--tedi-dimensions-04);
    --timeline-date-container-width: 105px;
    --timeline-padding-y: var(--tedi-dimensions-05);
    --timeline-text-min-height: var(--tedi-dimensions-13);
    --toast-inner-spacing-y: var(--alert-default-inner-spacing-y);
    --toast-margin-bottom: var(--tedi-dimensions-05);
    --toast-margin-left: var(--tedi-dimensions-05);
    --toast-margin-right: var(--tedi-dimensions-05);
    --toast-outer-spacing: var(--tedi-dimensions-00);
    --toast-padding-x: var(--alert-default-padding-x);
    --toast-padding-y: var(--alert-default-padding-y);
    --toast-width: var(--tedi-containers-03);
    --tooltip-max-width: var(--tedi-containers-02);
    --tooltip-padding-x: var(--card-padding-xs);
    --tooltip-padding-y: var(--tooltip-padding-x);
    --tooltip-radius: var(--card-radius-rounded);
  }
}

.tedi-theme--default,
:root {
  --family-default: var(--tedi-family-roboto);
  --family-heading: var(--tedi-family-roboto);
  --body-regular-weight: var(--tedi-weight-02);
  --body-regular-size: var(--tedi-size-02);
  --body-regular-line-height: var(--tedi-line-height-03);
  --heading-subtitle-regular-weight: var(--tedi-weight-04);
  --heading-subtitle-regular-size: var(--tedi-size-02);
  --heading-subtitle-regular-line-height: var(--tedi-line-height-03);
  --heading-h1-weight: var(--tedi-weight-01);
  --heading-h2-weight: var(--tedi-weight-02);
  --heading-h2-size: var(--tedi-size-07);
  --heading-h2-line-height: var(--tedi-line-height-08);
  --heading-h3-weight: var(--tedi-weight-02);
  --heading-h3-size: var(--tedi-size-06);
  --heading-h3-line-height: var(--tedi-line-height-07);
  --heading-h4-weight: var(--tedi-weight-02);
  --heading-h4-size: var(--tedi-size-04);
  --heading-h4-line-height: var(--tedi-line-height-04);
  --heading-h5-weight: var(--tedi-weight-02);
  --heading-h5-size: var(--tedi-size-03);
  --heading-h5-line-height: var(--tedi-line-height-03);
  --heading-h6-weight: var(--tedi-weight-04);
  --heading-h6-size: var(--tedi-size-02);
  --heading-h6-line-height: var(--tedi-line-height-03);
  --heading-h1-size: var(--tedi-size-09);
  --heading-h1-line-height: var(--tedi-line-height-10);
  --body-bold-weight: var(--tedi-weight-04);
  --body-bold-size: var(--tedi-size-02);
  --body-bold-line-height: var(--tedi-line-height-03);
  --body-small-regular-weight: var(--tedi-weight-02);
  --body-small-regular-size: var(--tedi-size-01);
  --body-small-regular-line-height: var(--tedi-line-height-01);
  --body-small-bold-weight: var(--tedi-weight-04);
  --body-extra-small-bold-size: var(--tedi-size-00);
  --body-extra-small-bold-weight: var(--tedi-weight-04);
  --body-extra-small-bold-line-height: var(--tedi-line-height-00);
  --body-small-bold-size: var(--tedi-size-01);
  --body-small-bold-line-height: var(--tedi-line-height-01);
  --heading-subtitle-small-weight: var(--tedi-weight-02);
  --heading-subtitle-small-size: var(--tedi-size-01);
  --heading-subtitle-small-line-height: var(--tedi-line-height-01);
  --body-extra-small-size: var(--tedi-size-00);
  --body-extra-small-weight: var(--tedi-weight-02);
  --body-extra-small-line-height: var(--tedi-line-height-00);
  --body-link-line-height: var(--body-regular-line-height);
  --body-link-size-small: var(--body-small-regular-size);
  --body-link-size-regular: var(--body-regular-size);
  --body-link-size-responsive: var(--body-small-regular-size);
}
@media (width < 48rem) {
  .tedi-theme--default,
  :root {
    --family-default: var(--tedi-family-roboto);
    --family-heading: var(--tedi-family-roboto);
    --body-regular-weight: var(--tedi-weight-02);
    --body-regular-size: var(--tedi-size-02);
    --body-regular-line-height: var(--tedi-line-height-03);
    --heading-subtitle-regular-weight: var(--tedi-weight-04);
    --heading-subtitle-regular-size: var(--tedi-size-02);
    --heading-subtitle-regular-line-height: var(--tedi-line-height-03);
    --heading-h1-weight: var(--tedi-weight-01);
    --heading-h2-weight: var(--tedi-weight-02);
    --heading-h2-size: var(--tedi-size-05);
    --heading-h2-line-height: var(--tedi-line-height-05);
    --heading-h3-weight: var(--tedi-weight-02);
    --heading-h3-size: var(--tedi-size-04);
    --heading-h3-line-height: var(--tedi-line-height-04);
    --heading-h4-weight: var(--tedi-weight-02);
    --heading-h4-size: var(--tedi-size-03);
    --heading-h4-line-height: var(--tedi-line-height-03);
    --heading-h5-weight: var(--tedi-weight-04);
    --heading-h5-size: var(--tedi-size-02);
    --heading-h5-line-height: var(--tedi-line-height-03);
    --heading-h6-weight: var(--tedi-weight-04);
    --heading-h6-size: var(--tedi-size-02);
    --heading-h6-line-height: var(--tedi-line-height-03);
    --heading-h1-size: var(--tedi-size-06);
    --heading-h1-line-height: var(--tedi-line-height-07);
    --body-bold-weight: var(--tedi-weight-04);
    --body-bold-size: var(--tedi-size-02);
    --body-bold-line-height: var(--tedi-line-height-03);
    --body-small-regular-weight: var(--tedi-weight-02);
    --body-small-regular-size: var(--tedi-size-01);
    --body-small-regular-line-height: var(--tedi-line-height-01);
    --body-small-bold-weight: var(--tedi-weight-04);
    --body-extra-small-bold-size: var(--tedi-size-00);
    --body-extra-small-bold-weight: var(--tedi-weight-04);
    --body-extra-small-bold-line-height: var(--tedi-line-height-00);
    --body-small-bold-size: var(--tedi-size-01);
    --body-small-bold-line-height: var(--tedi-line-height-01);
    --heading-subtitle-small-weight: var(--tedi-weight-02);
    --heading-subtitle-small-size: var(--tedi-size-01);
    --heading-subtitle-small-line-height: var(--tedi-line-height-01);
    --body-extra-small-size: var(--tedi-size-00);
    --body-extra-small-weight: var(--tedi-weight-02);
    --body-extra-small-line-height: var(--tedi-line-height-00);
    --body-link-line-height: var(--body-regular-line-height);
    --body-link-size-small: var(--body-small-regular-size);
    --body-link-size-regular: var(--body-regular-size);
    --body-link-size-responsive: var(--body-regular-size);
  }
}

:root {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
}

:root {
  --z-index-sticky: 1020;
  --z-index-sidenav: 1030;
  --z-index-bottom-header: 1040;
  --z-index-header: 1050;
  --z-index-feedback: 1060;
  --z-index-fixed: 1070;
  --z-index-modal: 1080;
  --z-index-tooltip: 1090;
  --z-index-dropdown: 1100;
}

html,
body {
  height: 100%;
  background-color: var(--tedi-neutral-300);
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-bottom-height, 0);
}

body {
  box-sizing: border-box;
  font-family: var(--family-default);
  font-size: var(--body-regular-size);
  line-height: var(--body-regular-line-height);
  color: var(--general-text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * To overwrite behavior of focus outline
 * Set '--global-outline-color' and '--global-outline-offset' inside component scope
 */
*:where(:focus) {
  outline: 2px solid var(--global-outline-color, var(--tedi-primary-600));
  outline-offset: var(--global-outline-offset, 1px);
  border-radius: 0.25rem;
}
html:not([data-whatintent=keyboard]) *:where(:focus) {
  outline: none;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
dl,
dd,
ul {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

ol,
ul {
  margin: 0.25rem 0;
  list-style-position: inside;
}

ol.public-DraftStyleDefault-ul,
ul.public-DraftStyleDefault-ul {
  list-style-position: outside;
}

button {
  font-family: inherit;
  font-size: inherit;
  line-height: 1.5;
}

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

a {
  color: var(--link-primary-default);
  text-decoration: underline;
}
a.link-white {
  color: var(--link-white-default);
}
a.no-underline {
  text-decoration: none;
}

input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
}

@media (max-width: 61.98rem) {
  .scroll-disabled {
    height: 100%;
    overflow-y: hidden;
  }
}

@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  src: url("./fonts/material-symbols-outlined.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  src: url("./fonts/material-symbols-rounded.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  src: url("./fonts/material-symbols-sharp.woff2") format("woff2");
  font-display: block;
}
.material-symbols {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: "liga";
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  overflow-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}
.material-symbols--outlined {
  font-family: "Material Symbols Outlined", sans-serif;
}
.material-symbols--rounded {
  font-family: "Material Symbols Rounded", sans-serif;
}
.material-symbols--sharp {
  font-family: "Material Symbols Sharp", sans-serif;
}

/* cyrillic-ext */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url("./fonts/roboto-v30-cyrillic-ext-300-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url("./fonts/roboto-v30-cyrillic-300-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url("./fonts/roboto-v30-latin-ext-300-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url("./fonts/roboto-v30-latin-300-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url("./fonts/roboto-v30-cyrillic-ext-400-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url("./fonts/roboto-v30-cyrillic-400-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url("./fonts/roboto-v30-latin-ext-400-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url("./fonts/roboto-v30-latin-400-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/roboto-v30-cyrillic-ext-700-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/roboto-v30-cyrillic-700-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/roboto-v30-latin-ext-700-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/roboto-v30-latin-700-italic.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/roboto-v30-cyrillic-ext-300.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/roboto-v30-cyrillic-300.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/roboto-v30-latin-ext-300.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/roboto-v30-latin-300.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/roboto-v30-cyrillic-ext-400.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/roboto-v30-cyrillic-400.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/roboto-v30-latin-ext-400.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/roboto-v30-latin-400.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/roboto-v30-cyrillic-ext-700.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/roboto-v30-cyrillic-700.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/roboto-v30-latin-ext-700.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/roboto-v30-latin-700.woff2") format("woff2");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1,
.h1,
.tedi-h1,
.text-h1,
.tedi-text--h1 {
  font-size: var(--heading-h1-size);
  font-weight: var(--heading-h1-weight);
  line-height: var(--heading-h1-line-height);
}

h2,
.h2,
.tedi-h2,
.text-h2,
.tedi-text--h2 {
  font-size: var(--heading-h2-size);
  font-weight: var(--heading-h2-weight);
  line-height: var(--heading-h2-line-height);
}

h3,
.h3,
.tedi-h3,
.text-h3,
.tedi-text--h3 {
  font-size: var(--heading-h3-size);
  font-weight: var(--heading-h3-weight);
  line-height: var(--heading-h3-line-height);
}

h4,
.h4,
.tedi-h4,
.text-h4,
.tedi-text--h4 {
  font-size: var(--heading-h4-size);
  font-weight: var(--heading-h4-weight);
  line-height: var(--heading-h4-line-height);
}

h5,
.h5,
.tedi-h5,
.text-h5,
.tedi-text--h5 {
  font-size: var(--heading-h5-size);
  font-weight: var(--heading-h5-weight);
  line-height: var(--heading-h5-line-height);
}

h6,
.h6,
.tedi-h6,
.text-h6,
.tedi-text--h6 {
  font-size: var(--heading-h6-size);
  font-weight: var(--heading-h6-weight);
  line-height: var(--heading-h6-line-height);
}

.tedi-text--h1 {
  font-size: var(--heading-h1-size);
  font-weight: var(--heading-h1-weight);
  line-height: var(--heading-h1-line-height);
}
.tedi-text--h2 {
  font-size: var(--heading-h2-size);
  font-weight: var(--heading-h2-weight);
  line-height: var(--heading-h2-line-height);
}
.tedi-text--h3 {
  font-size: var(--heading-h3-size);
  font-weight: var(--heading-h3-weight);
  line-height: var(--heading-h3-line-height);
}
.tedi-text--h4 {
  font-size: var(--heading-h4-size);
  font-weight: var(--heading-h4-weight);
  line-height: var(--heading-h4-line-height);
}
.tedi-text--h5 {
  font-size: var(--heading-h5-size);
  font-weight: var(--heading-h5-weight);
  line-height: var(--heading-h5-line-height);
}
.tedi-text--h6 {
  font-size: var(--heading-h6-size);
  font-weight: var(--heading-h6-weight);
  line-height: var(--heading-h6-line-height);
}
.tedi-text--default {
  font-family: var(--family-default);
  font-size: var(--body-regular-size);
  font-weight: var(--body-regular-weight);
  line-height: var(--body-regular-line-height);
  color: var(--general-text-primary);
}
.tedi-text--small {
  font-size: var(--body-small-regular-size);
  font-weight: var(--body-small-regular-weight);
  line-height: var(--body-small-regular-line-height);
}

.text-subtitle {
  font-size: var(--heading-subtitle-regular-size);
  font-weight: var(--heading-subtitle-regular-weight);
  line-height: var(--heading-subtitle-regular-line-height);
  text-transform: uppercase;
}
.text-subtitle.text-small {
  font-size: var(--heading-subtitle-small-size);
  font-weight: var(--heading-subtitle-small-weight);
  line-height: var(--heading-subtitle-small-line-height);
}

label {
  line-height: var(--body-regular-line-height);
  color: var(--general-text-secondary);
}

.text-normal {
  font-family: var(--family-default);
  font-size: var(--body-regular-size);
  font-weight: var(--body-regular-weight);
  line-height: var(--body-regular-line-height);
  color: var(--general-text-primary);
}

small,
.text-small {
  font-size: var(--body-small-regular-size);
  font-weight: var(--body-small-regular-weight);
  line-height: var(--body-small-regular-line-height);
}

.text-extra-small {
  font-size: var(--body-extra-small-size);
  font-weight: var(--body-extra-small-weight);
  line-height: var(--body-extra-small-line-height);
}

.tedi-text--default {
  color: var(--general-text-primary);
}

.tedi-text--primary {
  color: var(--general-text-primary);
}

.tedi-text--secondary {
  color: var(--general-text-secondary);
}

.tedi-text--tertiary {
  color: var(--general-text-tertiary);
}

.tedi-text--white {
  color: var(--general-text-white);
}

.tedi-text--disabled {
  color: var(--general-text-disabled);
}

.tedi-text--brand {
  color: var(--general-text-brand);
}

.tedi-text--success {
  color: var(--general-status-success-text);
}

.tedi-text--warning {
  color: var(--general-status-warning-text);
}

.tedi-text--danger {
  color: var(--general-status-danger-text);
}

.tedi-text--info {
  color: var(--general-status-info-text);
}

.tedi-text--neutral {
  color: var(--general-status-neutral-text);
}

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

.text-break-all {
  word-break: break-all;
}

.text-break-word {
  overflow-wrap: break-word;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-capitalize-first::first-letter {
  text-transform: capitalize;
}

.text-break-spaces {
  white-space: break-spaces;
}

.text-inline-block {
  display: inline-block;
}

.text-inline {
  display: inline;
}

b,
strong,
.text-bold {
  font-weight: 700;
}

.text-thin {
  font-weight: 300;
}

i,
.text-italic {
  font-style: italic;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-line-normal {
  line-height: normal;
}

.text-line-condensed {
  line-height: 1;
}

.text-default {
  color: var(--general-text-primary);
}

.text-primary {
  color: var(--general-text-brand);
  /* stylelint-disable no-invalid-position-declaration */
}
@media print {
  .text-primary {
    filter: grayscale(1);
  }
}

.text-muted {
  color: var(--general-text-secondary);
}

.text-subtle {
  color: var(--general-text-tertiary);
}

.text-disabled {
  color: var(--general-text-disabled);
}

.text-inverted {
  color: var(--general-text-white);
}

.text-positive {
  color: var(--general-status-success-text);
  /* stylelint-disable no-invalid-position-declaration */
}
@media print {
  .text-positive {
    filter: grayscale(1);
  }
}

.text-important {
  color: var(--general-status-danger-text);
  /* stylelint-disable no-invalid-position-declaration */
}
@media print {
  .text-important {
    filter: grayscale(1);
  }
}

.text-warning {
  color: var(--general-status-warning-text);
  /* stylelint-disable no-invalid-position-declaration */
}
@media print {
  .text-warning {
    filter: grayscale(1);
  }
}

.hidden,
[hidden] {
  display: none !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.flex {
  display: flex !important;
}

.screen-reader-only,
.visually-hidden,
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip-path: rect(0, 0, 0, 0);
}
.screen-reader-only.focusable:active, .screen-reader-only.focusable:focus,
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus,
.sr-only.focusable:active,
.sr-only.focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  white-space: inherit;
  clip-path: auto;
}

@media print {
  html {
    font-size: 14px;
  }
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-color: var(--tedi-neutral-100);
  }
  a {
    filter: grayscale(1);
  }
  .no-print:not(.show-print) {
    display: none !important;
  }
  .break-before-auto {
    break-before: auto;
  }
  .break-after-auto {
    break-after: auto;
  }
  .break-inside-auto {
    break-inside: auto;
  }
  .break-before-avoid {
    break-before: avoid;
  }
  .break-after-avoid {
    break-after: avoid;
  }
  .break-inside-avoid {
    break-inside: avoid;
  }
  .break-before-avoid-column {
    break-before: avoid-column;
  }
  .break-after-avoid-column {
    break-after: avoid-column;
  }
  .break-inside-avoid-column {
    break-inside: avoid-column;
  }
  .break-before-avoid-page {
    break-before: avoid-page;
  }
  .break-after-avoid-page {
    break-after: avoid-page;
  }
  .break-inside-avoid-page {
    break-inside: avoid-page;
  }
  .break-before-avoid-region {
    break-before: avoid-region;
  }
  .break-after-avoid-region {
    break-after: avoid-region;
  }
  .break-inside-avoid-region {
    break-inside: avoid-region;
  }
}
/* Used only in Vertical spacing components */
.tedi-vertical-spacing > * {
  margin-bottom: var(--vertical-spacing-internal, 0);
}
.tedi-vertical-spacing > :last-child {
  margin-bottom: 0;
}
.tedi-vertical-spacing > :first-of-type {
  margin-top: 0;
}

.tedi-vertical-spacing__item {
  margin-bottom: var(--vertical-spacing-internal, 0);
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container {
  z-index: var(--z-index-modal);
}