@property --shadow--lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --shadow--md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --shadow--sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --shadow--xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --app--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100dvh;
}
@property --app--modals {
  syntax: "<integer>";
  inherits: true;
  initial-value: 20;
}
@property --misc--scrim {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --shadow--2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --error--error {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --shadow--base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --font-size--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --font-size--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --font-size--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --font-size--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --spacing--huge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 6rem;
}
@property --spacing--tiny {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .25rem;
}
@property --color--primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --font-size--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --font-size--4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --font-size--5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --font-size--xxs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --spacing--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --spacing--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --spacing--xhuge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8rem;
}
@property --spacing--xtiny {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .125rem;
}
@property --brand--brand-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EDF7FC;
}
@property --color--disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --error--on-error {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size--base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --spacing--medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --spacing--xlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4rem;
}
@property --spacing--xsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --spacing--xxhuge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 12rem;
}
@property --brand--brand-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D7E9F9;
}
@property --brand--brand-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B7D7F5;
}
@property --brand--brand-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8ABEF0;
}
@property --brand--brand-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4F94E8;
}
@property --brand--brand-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1B5BDA;
}
@property --brand--brand-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2648B5;
}
@property --brand--brand-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #282F7B;
}
@property --brand--brand-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #252A5F;
}
@property --brand--brand-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1B1C3B;
}
@property --color--secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --container--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 23rem;
}
@property --spacing--regular {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --spacing--xxlarge {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 5rem;
}
@property --spacing--xxsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .5rem;
}
@property --app--nav-elements {
  syntax: "<integer>";
  inherits: true;
  initial-value: 10;
}
@property --color--on-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --container--lowest {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --container--margin {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --container--medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 32rem;
}
@property --font-weight--bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --font-weight--thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 100;
}
@property --spacing--xxxsmall {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.375rem;
}
@property --color--on-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-dim {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-base--red-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEE9E7;
}
@property --error--hover-error {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight--black {
  syntax: "<number>";
  inherits: true;
  initial-value: 900;
}
@property --font-weight--light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --app--padding-global {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --border-radius--full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 100rem;
}
@property --border-radius--tiny {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .25rem;
}
@property --color--on-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-base--blue-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EFF6FF;
}
@property --color-base--grey-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F5F5;
}
@property --color-base--lime-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F7FEE7;
}
@property --color-base--pink-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDF2F8;
}
@property --color-base--red-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDD3D0;
}
@property --color-base--red-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCB3AD;
}
@property --color-base--red-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F4776A;
}
@property --color-base--red-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC221F;
}
@property --color-base--red-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C00F0C;
}
@property --color-base--red-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #900B09;
}
@property --color-base--red-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #690807;
}
@property --color-base--red-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D0B0A;
}
@property --color-base--red-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #300603;
}
@property --color-base--teal-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F0FDFA;
}
@property --color-base--white-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff00;
}
@property --font-weight--bolder {
  syntax: "<number>";
  inherits: true;
  initial-value: 800;
}
@property --font-weight--normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --app--keyboard-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --border-radius--large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --border-radius--small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: .5rem;
}
@property --color--hover-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-base--blue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DBEAFE;
}
@property --color-base--blue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BFDBFE;
}
@property --color-base--blue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #93C5FD;
}
@property --color-base--blue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #60A5FA;
}
@property --color-base--blue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B82F6;
}
@property --color-base--blue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2563EB;
}
@property --color-base--blue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D4ED8;
}
@property --color-base--blue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E40AF;
}
@property --color-base--blue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E3A8A;
}
@property --color-base--green-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ECFDF5;
}
@property --color-base--grey-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E6E6E6;
}
@property --color-base--grey-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D9D9D9;
}
@property --color-base--grey-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3B3B3;
}
@property --color-base--grey-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #757575;
}
@property --color-base--grey-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #444444;
}
@property --color-base--grey-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #383838;
}
@property --color-base--grey-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2C2C2C;
}
@property --color-base--grey-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E1E1E;
}
@property --color-base--grey-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111111;
}
@property --color-base--lime-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ECFCCB;
}
@property --color-base--lime-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D9F99D;
}
@property --color-base--lime-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BEF264;
}
@property --color-base--lime-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A3E635;
}
@property --color-base--lime-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #84CC16;
}
@property --color-base--lime-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #65A30D;
}
@property --color-base--lime-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D7C0F;
}
@property --color-base--lime-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F6212;
}
@property --color-base--lime-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #365314;
}
@property --color-base--pink-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCE7F3;
}
@property --color-base--pink-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FBCFE8;
}
@property --color-base--pink-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F9A8D4;
}
@property --color-base--pink-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F472B6;
}
@property --color-base--pink-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC4899;
}
@property --color-base--pink-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DB2777;
}
@property --color-base--pink-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #BE185D;
}
@property --color-base--pink-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #9D174D;
}
@property --color-base--pink-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #831843;
}
@property --color-base--teal-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CCFBF1;
}
@property --color-base--teal-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #99F6E4;
}
@property --color-base--teal-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5EEAD4;
}
@property --color-base--teal-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2DD4BF;
}
@property --color-base--teal-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #14B8A6;
}
@property --color-base--teal-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D9488;
}
@property --color-base--teal-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0F766E;
}
@property --color-base--teal-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #115E59;
}
@property --color-base--teal-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #134E4A;
}
@property --color-base--white-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff0d;
}
@property --font-weight--lighter {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --font-weight--regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --border-radius--medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --color--hover-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-base--green-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D1FAE5;
}
@property --color-base--green-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A7F3D0;
}
@property --color-base--green-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6EE7B7;
}
@property --color-base--green-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #34D399;
}
@property --color-base--green-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #10B981;
}
@property --color-base--green-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #059669;
}
@property --color-base--green-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #047857;
}
@property --color-base--green-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #065F46;
}
@property --color-base--green-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #064E3B;
}
@property --color-base--purple-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F3FF;
}
@property --color-base--white-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff1a;
}
@property --color-base--white-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff33;
}
@property --color-base--white-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff66;
}
@property --color-base--white-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffb3;
}
@property --color-base--white-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffcc;
}
@property --color-base--white-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffd9;
}
@property --color-base--white-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffe6;
}
@property --color-base--white-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffffff2;
}
@property --color-base--white-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --color-base--yellow-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFBEB;
}
@property --border-radius--regular {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --color--hover-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--surface-variant {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color-base--purple-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EDE9FE;
}
@property --color-base--purple-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DDD6FE;
}
@property --color-base--purple-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C4B5FD;
}
@property --color-base--purple-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A78BFA;
}
@property --color-base--purple-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8B5CF6;
}
@property --color-base--purple-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7C3AED;
}
@property --color-base--purple-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6D28D9;
}
@property --color-base--purple-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5B21B6;
}
@property --color-base--purple-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4C1D95;
}
@property --color-base--yellow-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FEF3C7;
}
@property --color-base--yellow-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FDE68A;
}
@property --color-base--yellow-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FCD34D;
}
@property --color-base--yellow-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FBBF24;
}
@property --color-base--yellow-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F59E0B;
}
@property --color-base--yellow-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D97706;
}
@property --color-base--yellow-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B45309;
}
@property --color-base--yellow-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #92400E;
}
@property --color-base--yellow-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #78350F;
}
@property --error--error-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-weight--semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --error--on-error-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-surface-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--on-surface-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --error--hover-error-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}

  :host, :root {
  --shadow--lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow--md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow--sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --app--height: 100dvh;
  --app--modals: 20;
  --misc--scrim: #000000a1;
  --shadow--2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --error--error: var(--red-400);
  --shadow--base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --font-size--lg: 1.125rem;
  --font-size--sm: 0.875rem;
  --font-size--xl: 1.25rem;
  --font-size--xs: 0.75rem;
  --spacing--huge: 6rem;
  --spacing--tiny: .25rem;
  --color--primary: var(--brand--brand-700);
  --color--surface: var(--color-base--white-900);
  --font-size--2xl: 1.5rem;
  --font-size--3xl: 2rem;
  --font-size--4xl: 2.5rem;
  --font-size--5xl: 4rem;
  --font-size--xxs: 0.625rem;
  --spacing--large: 3rem;
  --spacing--small: 1rem;
  --spacing--xhuge: 8rem;
  --spacing--xtiny: .125rem;
  --brand--brand-50: #EDF7FC;
  --color--disabled: var(--color-base--grey-200);
  --color--tertiary: var(--color-base--white-0);
  --error--on-error: var(--red-50);
  --font-size--base: 1rem;
  --spacing--medium: 2rem;
  --spacing--xlarge: 4rem;
  --spacing--xsmall: 0.75rem;
  --spacing--xxhuge: 12rem;
  --brand--brand-100: #D7E9F9;
  --brand--brand-200: #B7D7F5;
  --brand--brand-300: #8ABEF0;
  --brand--brand-400: #4F94E8;
  --brand--brand-500: #1B5BDA;
  --brand--brand-600: #2648B5;
  --brand--brand-700: #282F7B;
  --brand--brand-800: #252A5F;
  --brand--brand-900: #1B1C3B;
  --color--secondary: var(--brand--brand-50);
  --container--small: 23rem;
  --spacing--regular: 1.5rem;
  --spacing--xxlarge: 5rem;
  --spacing--xxsmall: .5rem;
  --app--nav-elements: 10;
  --color--on-primary: var(--brand--brand-50);
  --color--on-surface: var(--color-base--grey-800);
  --container--lowest: var(--white-900);
  --container--margin: var(--font-size--base);
  --container--medium: 32rem;
  --font-weight--bold: 700;
  --font-weight--thin: 100;
  --spacing--xxxsmall: 0.375rem;
  --color--on-disabled: var(--color-base--grey-300);
  --color--on-tertiary: var(--brand--brand-800);
  --color--surface-dim: var(--color-base--grey-200);
  --color-base--red-50: #FEE9E7;
  --error--hover-error: var(--red-500);
  --font-weight--black: 900;
  --font-weight--light: 300;
  --app--padding-global: 1rem;
  --border-radius--full: 100rem;
  --border-radius--tiny: .25rem;
  --color--on-secondary: var(--brand--brand-800);
  --color-base--blue-50: #EFF6FF;
  --color-base--grey-50: #F5F5F5;
  --color-base--lime-50: #F7FEE7;
  --color-base--pink-50: #FDF2F8;
  --color-base--red-100: #FDD3D0;
  --color-base--red-200: #FCB3AD;
  --color-base--red-300: #F4776A;
  --color-base--red-400: #EC221F;
  --color-base--red-500: #C00F0C;
  --color-base--red-600: #900B09;
  --color-base--red-700: #690807;
  --color-base--red-800: #4D0B0A;
  --color-base--red-900: #300603;
  --color-base--teal-50: #F0FDFA;
  --color-base--white-0: #ffffff00;
  --font-weight--bolder: 800;
  --font-weight--normal: 500;
  --app--keyboard-height: 0px;
  --border-radius--large: 2rem;
  --border-radius--small: .5rem;
  --color--hover-primary: var(--brand--brand-800);
  --color-base--blue-100: #DBEAFE;
  --color-base--blue-200: #BFDBFE;
  --color-base--blue-300: #93C5FD;
  --color-base--blue-400: #60A5FA;
  --color-base--blue-500: #3B82F6;
  --color-base--blue-600: #2563EB;
  --color-base--blue-700: #1D4ED8;
  --color-base--blue-800: #1E40AF;
  --color-base--blue-900: #1E3A8A;
  --color-base--green-50: #ECFDF5;
  --color-base--grey-100: #E6E6E6;
  --color-base--grey-200: #D9D9D9;
  --color-base--grey-300: #B3B3B3;
  --color-base--grey-400: #757575;
  --color-base--grey-500: #444444;
  --color-base--grey-600: #383838;
  --color-base--grey-700: #2C2C2C;
  --color-base--grey-800: #1E1E1E;
  --color-base--grey-900: #111111;
  --color-base--lime-100: #ECFCCB;
  --color-base--lime-200: #D9F99D;
  --color-base--lime-300: #BEF264;
  --color-base--lime-400: #A3E635;
  --color-base--lime-500: #84CC16;
  --color-base--lime-600: #65A30D;
  --color-base--lime-700: #4D7C0F;
  --color-base--lime-800: #3F6212;
  --color-base--lime-900: #365314;
  --color-base--pink-100: #FCE7F3;
  --color-base--pink-200: #FBCFE8;
  --color-base--pink-300: #F9A8D4;
  --color-base--pink-400: #F472B6;
  --color-base--pink-500: #EC4899;
  --color-base--pink-600: #DB2777;
  --color-base--pink-700: #BE185D;
  --color-base--pink-800: #9D174D;
  --color-base--pink-900: #831843;
  --color-base--teal-100: #CCFBF1;
  --color-base--teal-200: #99F6E4;
  --color-base--teal-300: #5EEAD4;
  --color-base--teal-400: #2DD4BF;
  --color-base--teal-500: #14B8A6;
  --color-base--teal-600: #0D9488;
  --color-base--teal-700: #0F766E;
  --color-base--teal-800: #115E59;
  --color-base--teal-900: #134E4A;
  --color-base--white-50: #ffffff0d;
  --font-weight--lighter: 200;
  --font-weight--regular: 400;
  --border-radius--medium: 1.5rem;
  --color--hover-tertiary: var(--brand--brand-50);
  --color-base--green-100: #D1FAE5;
  --color-base--green-200: #A7F3D0;
  --color-base--green-300: #6EE7B7;
  --color-base--green-400: #34D399;
  --color-base--green-500: #10B981;
  --color-base--green-600: #059669;
  --color-base--green-700: #047857;
  --color-base--green-800: #065F46;
  --color-base--green-900: #064E3B;
  --color-base--purple-50: #F5F3FF;
  --color-base--white-100: #ffffff1a;
  --color-base--white-200: #ffffff33;
  --color-base--white-300: #ffffff66;
  --color-base--white-400: #ffffffb3;
  --color-base--white-500: #ffffffcc;
  --color-base--white-600: #ffffffd9;
  --color-base--white-700: #ffffffe6;
  --color-base--white-800: #fffffff2;
  --color-base--white-900: #ffffff;
  --color-base--yellow-50: #FFFBEB;
  --border-radius--regular: 1rem;
  --color--hover-secondary: var(--brand--brand-100);
  --color--surface-variant: var(--color-base--grey-50);
  --color-base--purple-100: #EDE9FE;
  --color-base--purple-200: #DDD6FE;
  --color-base--purple-300: #C4B5FD;
  --color-base--purple-400: #A78BFA;
  --color-base--purple-500: #8B5CF6;
  --color-base--purple-600: #7C3AED;
  --color-base--purple-700: #6D28D9;
  --color-base--purple-800: #5B21B6;
  --color-base--purple-900: #4C1D95;
  --color-base--yellow-100: #FEF3C7;
  --color-base--yellow-200: #FDE68A;
  --color-base--yellow-300: #FCD34D;
  --color-base--yellow-400: #FBBF24;
  --color-base--yellow-500: #F59E0B;
  --color-base--yellow-600: #D97706;
  --color-base--yellow-700: #B45309;
  --color-base--yellow-800: #92400E;
  --color-base--yellow-900: #78350F;
  --error--error-secondary: var(--red-100);
  --font-weight--semi-bold: 600;
  --error--on-error-secondary: var(--red-600);
  --color--on-surface-tertiary: var(--color-base--grey-300);
  --color--on-surface-secondary: var(--color-base--grey-400);
  --error--hover-error-secondary: var(--red-200);
}
  
  
  [data-nc-theme~="Default"] {
  --shadow--lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow--md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow--sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --app--height: 100dvh;
  --app--modals: 20;
  --misc--scrim: #000000a1;
  --shadow--2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --error--error: var(--red-400);
  --shadow--base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --font-size--lg: 1.125rem;
  --font-size--sm: 0.875rem;
  --font-size--xl: 1.25rem;
  --font-size--xs: 0.75rem;
  --spacing--huge: 6rem;
  --spacing--tiny: .25rem;
  --color--primary: var(--brand--brand-700);
  --color--surface: var(--color-base--white-900);
  --font-size--2xl: 1.5rem;
  --font-size--3xl: 2rem;
  --font-size--4xl: 2.5rem;
  --font-size--5xl: 4rem;
  --font-size--xxs: 0.625rem;
  --spacing--large: 3rem;
  --spacing--small: 1rem;
  --spacing--xhuge: 8rem;
  --spacing--xtiny: .125rem;
  --brand--brand-50: #EDF7FC;
  --color--disabled: var(--color-base--grey-200);
  --color--tertiary: var(--color-base--white-0);
  --error--on-error: var(--red-50);
  --font-size--base: 1rem;
  --spacing--medium: 2rem;
  --spacing--xlarge: 4rem;
  --spacing--xsmall: 0.75rem;
  --spacing--xxhuge: 12rem;
  --brand--brand-100: #D7E9F9;
  --brand--brand-200: #B7D7F5;
  --brand--brand-300: #8ABEF0;
  --brand--brand-400: #4F94E8;
  --brand--brand-500: #1B5BDA;
  --brand--brand-600: #2648B5;
  --brand--brand-700: #282F7B;
  --brand--brand-800: #252A5F;
  --brand--brand-900: #1B1C3B;
  --color--secondary: var(--brand--brand-50);
  --container--small: 23rem;
  --spacing--regular: 1.5rem;
  --spacing--xxlarge: 5rem;
  --spacing--xxsmall: .5rem;
  --app--nav-elements: 10;
  --color--on-primary: var(--brand--brand-50);
  --color--on-surface: var(--color-base--grey-800);
  --container--lowest: var(--white-900);
  --container--margin: var(--font-size--base);
  --container--medium: 32rem;
  --font-weight--bold: 700;
  --font-weight--thin: 100;
  --spacing--xxxsmall: 0.375rem;
  --color--on-disabled: var(--color-base--grey-300);
  --color--on-tertiary: var(--brand--brand-800);
  --color--surface-dim: var(--color-base--grey-200);
  --color-base--red-50: #FEE9E7;
  --error--hover-error: var(--red-500);
  --font-weight--black: 900;
  --font-weight--light: 300;
  --app--padding-global: 1rem;
  --border-radius--full: 100rem;
  --border-radius--tiny: .25rem;
  --color--on-secondary: var(--brand--brand-800);
  --color-base--blue-50: #EFF6FF;
  --color-base--grey-50: #F5F5F5;
  --color-base--lime-50: #F7FEE7;
  --color-base--pink-50: #FDF2F8;
  --color-base--red-100: #FDD3D0;
  --color-base--red-200: #FCB3AD;
  --color-base--red-300: #F4776A;
  --color-base--red-400: #EC221F;
  --color-base--red-500: #C00F0C;
  --color-base--red-600: #900B09;
  --color-base--red-700: #690807;
  --color-base--red-800: #4D0B0A;
  --color-base--red-900: #300603;
  --color-base--teal-50: #F0FDFA;
  --color-base--white-0: #ffffff00;
  --font-weight--bolder: 800;
  --font-weight--normal: 500;
  --app--keyboard-height: 0px;
  --border-radius--large: 2rem;
  --border-radius--small: .5rem;
  --color--hover-primary: var(--brand--brand-800);
  --color-base--blue-100: #DBEAFE;
  --color-base--blue-200: #BFDBFE;
  --color-base--blue-300: #93C5FD;
  --color-base--blue-400: #60A5FA;
  --color-base--blue-500: #3B82F6;
  --color-base--blue-600: #2563EB;
  --color-base--blue-700: #1D4ED8;
  --color-base--blue-800: #1E40AF;
  --color-base--blue-900: #1E3A8A;
  --color-base--green-50: #ECFDF5;
  --color-base--grey-100: #E6E6E6;
  --color-base--grey-200: #D9D9D9;
  --color-base--grey-300: #B3B3B3;
  --color-base--grey-400: #757575;
  --color-base--grey-500: #444444;
  --color-base--grey-600: #383838;
  --color-base--grey-700: #2C2C2C;
  --color-base--grey-800: #1E1E1E;
  --color-base--grey-900: #111111;
  --color-base--lime-100: #ECFCCB;
  --color-base--lime-200: #D9F99D;
  --color-base--lime-300: #BEF264;
  --color-base--lime-400: #A3E635;
  --color-base--lime-500: #84CC16;
  --color-base--lime-600: #65A30D;
  --color-base--lime-700: #4D7C0F;
  --color-base--lime-800: #3F6212;
  --color-base--lime-900: #365314;
  --color-base--pink-100: #FCE7F3;
  --color-base--pink-200: #FBCFE8;
  --color-base--pink-300: #F9A8D4;
  --color-base--pink-400: #F472B6;
  --color-base--pink-500: #EC4899;
  --color-base--pink-600: #DB2777;
  --color-base--pink-700: #BE185D;
  --color-base--pink-800: #9D174D;
  --color-base--pink-900: #831843;
  --color-base--teal-100: #CCFBF1;
  --color-base--teal-200: #99F6E4;
  --color-base--teal-300: #5EEAD4;
  --color-base--teal-400: #2DD4BF;
  --color-base--teal-500: #14B8A6;
  --color-base--teal-600: #0D9488;
  --color-base--teal-700: #0F766E;
  --color-base--teal-800: #115E59;
  --color-base--teal-900: #134E4A;
  --color-base--white-50: #ffffff0d;
  --font-weight--lighter: 200;
  --font-weight--regular: 400;
  --border-radius--medium: 1.5rem;
  --color--hover-tertiary: var(--brand--brand-50);
  --color-base--green-100: #D1FAE5;
  --color-base--green-200: #A7F3D0;
  --color-base--green-300: #6EE7B7;
  --color-base--green-400: #34D399;
  --color-base--green-500: #10B981;
  --color-base--green-600: #059669;
  --color-base--green-700: #047857;
  --color-base--green-800: #065F46;
  --color-base--green-900: #064E3B;
  --color-base--purple-50: #F5F3FF;
  --color-base--white-100: #ffffff1a;
  --color-base--white-200: #ffffff33;
  --color-base--white-300: #ffffff66;
  --color-base--white-400: #ffffffb3;
  --color-base--white-500: #ffffffcc;
  --color-base--white-600: #ffffffd9;
  --color-base--white-700: #ffffffe6;
  --color-base--white-800: #fffffff2;
  --color-base--white-900: #ffffff;
  --color-base--yellow-50: #FFFBEB;
  --border-radius--regular: 1rem;
  --color--hover-secondary: var(--brand--brand-100);
  --color--surface-variant: var(--color-base--grey-50);
  --color-base--purple-100: #EDE9FE;
  --color-base--purple-200: #DDD6FE;
  --color-base--purple-300: #C4B5FD;
  --color-base--purple-400: #A78BFA;
  --color-base--purple-500: #8B5CF6;
  --color-base--purple-600: #7C3AED;
  --color-base--purple-700: #6D28D9;
  --color-base--purple-800: #5B21B6;
  --color-base--purple-900: #4C1D95;
  --color-base--yellow-100: #FEF3C7;
  --color-base--yellow-200: #FDE68A;
  --color-base--yellow-300: #FCD34D;
  --color-base--yellow-400: #FBBF24;
  --color-base--yellow-500: #F59E0B;
  --color-base--yellow-600: #D97706;
  --color-base--yellow-700: #B45309;
  --color-base--yellow-800: #92400E;
  --color-base--yellow-900: #78350F;
  --error--error-secondary: var(--red-100);
  --font-weight--semi-bold: 600;
  --error--on-error-secondary: var(--red-600);
  --color--on-surface-tertiary: var(--color-base--grey-300);
  --color--on-surface-secondary: var(--color-base--grey-400);
  --error--hover-error-secondary: var(--red-200);
}
[data-nc-theme~="wohnschick"] {
  --brand--brand-50: #ffeff0;
  --brand--brand-100: #ffdcde;
  --brand--brand-200: #ffbfc3;
  --brand--brand-300: #ff9298;
  --brand--brand-400: #ff545e;
  --brand--brand-500: #ff1f2c;
  --brand--brand-600: #ff000e;
  --brand--brand-700: #db000c;
  --brand--brand-800: #c4000b;
  --brand--brand-900: #940810;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-inter: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .eKhatX {
      right:1.5rem;
      bottom:6.5rem;
      z-index:var(--nav-elements);
      position:fixed;
    }

    .bMLJEy {
      width:100vw;
      height:var(--app-height);
    }

    .bRPMXH {
      top:auto;
      width:100vw;
      bottom:0px;
      display:flex;
      z-index:var(--nav-elements);
      position:fixed;
      background:var(--surface-variant);
      align-items:center;
      flex-direction:row;
      padding-bottom:var(--spacing-small);
      justify-content:space-between;
    }

    .bWpTnd {
      width:fit-content;
      height:auto;
    }

    .nav-item\:root {
      flex:1;
    }

    .FDjKY {
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .FDjKY.16 {
      width:16px;
      height:16px;
    }

    .FDjKY.20 {
      width:20px;
      height:20px;
    }

    .FDjKY.24 {
      width:24px;
      height:24px;
    }

    .FDjKY.32 {
      width:32px;
      height:32px;
    }

    .FDjKY.40 {
      width:40px;
      height:40px;
    }

    .FDjKY.48 {
      width:48px;
      height:48px;
    }

    .bvDoAQ {
      width:0rem;
      height:2rem;
      display:flex;
      transition:all 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius--regular);
      border-top-right-radius:var(--border-radius--regular);
      border-bottom-left-radius:var(--border-radius--regular);
      border-bottom-right-radius:var(--border-radius--regular);
    }

    .bvDoAQ.active-tab {
      width:3.5rem;
      background:var(--color--hover-secondary);
    }

    .bdfVQa {
      color:var(--color--on-surface-secondary);
      width:100%;
      height:4rem;
      display:flex;
      transition:all 300ms ease;
      align-items:center;
      padding-top:var(--spacing--tiny);
      padding-left:var(--spacing--xxsmall);
      padding-right:var(--spacing--xxsmall);
      padding-bottom:var(--spacing--xxsmall);
      justify-content:space-between;
    }

    .bdfVQa.active-tab {
      color:var(--color--primary);
    }

    .dkDnic {
      font-size:var(--font-size--sm);
      font-weight:var(--font-weight--normal);
      line-height:140%;
      -webkit-line-clamp:;
    }

    .dkDnic.text-regular {
      font-size:var(--font-size--base);
      font-family:Inter;
      line-height:140%;
    }

    .dkDnic.text-small {
      font-size:var(--font-size--sm);
      font-family:Inter;
      line-height:140%;
    }

    .dkDnic.text-tiny {
      font-size:var(--font-size--xs);
      font-family:Inter;
      line-height:140%;
    }

    .dkDnic.weight-regular {
      font-weight:var(--font-weight--regular);
    }

    .dkDnic.weight-medium {
      font-weight:var(--font-weight--normal);
    }

    .dkDnic.weight-strong {
      font-weight:var(--font-weight--bold);
    }

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

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

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

    .dkDnic.uppercase {
      letter-spacing:.05rem;
      text-transform:uppercase;
    }

    .dkDnic.text-large {
      font-size:var(--font-size--xl);
      font-family:Inter;
    }

    .dkDnic.truncate {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--lines);
    }

    .ednEcW {
      top:0px;
      width:100vw;
      bottom:auto;
      height:4.5rem;
      display:flex;
      z-index:var(--app--nav-elements);
      position:fixed;
      background:var(--color--surface-variant);
      align-items:center;
      padding-left:var(--app--padding-global);
      padding-right:var(--app--padding-global);
      flex-direction:row;
      justify-content:space-between;
    }

    .ednEcW.no-background {
      background:#ffffff00;
    }

    .ftGpxS {
      width:fit-content;
      height:3rem;
      display:flex;
      row-gap:var(--spacing--xsmall);
      font-size:var(--font-size--base);
      column-gap:var(--spacing--xsmall);
      transition:all 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight--normal);
      line-height:100%;
      padding-left:var(--spacing--small);
      padding-right:var(--spacing--small);
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--border-radius--regular);
      border-top-right-radius:var(--border-radius--regular);
      border-bottom-left-radius:var(--border-radius--regular);
      border-bottom-right-radius:var(--border-radius--regular);
    }

    .ftGpxS.primary {
      color:var(--brand--brand-50);
      background:var(--brand--brand-600);
    }

    .ftGpxS.primary:active {
      color:var(--color--on-primary);
      background:var(--color--hover-primary);
    }

    .ftGpxS.secondary {
      color:var(--color-base--yellow-900);
      background:var(--color-base--yellow-200);
    }

    .ftGpxS.secondary:active {
      color:var(--color--on-secondary);
      background:var(--color--hover-secondary);
    }

    .ftGpxS.tertiary {
      color:var(--color--on-tertiary);
      background:var(--color--tertiary);
    }

    .ftGpxS.tertiary:active {
      color:var(--color--on-tertiary);
      background:var(--color--hover-tertiary);
    }

    .ftGpxS.normal {
      height:3rem;
      padding-left:var(--spacing--small);
      padding-right:var(--spacing--small);
    }

    .ftGpxS.small {
      height:2.5rem;
      padding-left:var(--spacing--xsmall);
      padding-right:var(--spacing--xsmall);
    }

    .ftGpxS.disabled {
      color:var(--color--on-disabled);
      background:var(--color--disabled);
    }

    .ftGpxS.error {
      color:var(--error--on-error);
      background:var(--error--error);
    }

    .ftGpxS.error:active {
      color:var(--error--on-error);
      background:var(--error--hover-error);
    }

    .ftGpxS.secondary-variant {
      color:var(--color--on-surface);
      background:var(--color--surface);
    }

    .ftGpxS.secondary-variant:active {
      color:var(--color--on-secondary);
      background:var(--color--hover-secondary);
    }

    .ftGpxS.tertiary-variant {
      color:var(--color--on-tertiary);
      background:var(--color--tertiary);
    }

    .ftGpxS.tertiary-variant:active {
      color:var(--color--on-tertiary);
      background:var(--color--hover-secondary);
    }

    .ftGpxS.stretch-content {
      width:100%;
    }

    .ftGpxS.error-secondary {
      color:var(--error--on-error-secondary);
      background:var(--error--error-secondary);
    }

    .ftGpxS.error-secondary:active {
      color:var(--error--on-error-secondary);
      background:var(--error--hover-error-secondary);
    }

    .ftGpxS.outline {
      color:var(--color--on-surface);
      background:transparent;
      border-color:var(--color--on-surface);
      border-style:solid;
      border-width:1px;
      border-top-left-radius:var(--border-radius--regular);
      border-top-right-radius:var(--border-radius--regular);
      border-bottom-left-radius:var(--border-radius--regular);
      border-bottom-right-radius:var(--border-radius--regular);
    }

    .zGuDe {
      display:flex;
      row-gap:var(--spacing-xxsmall);
      column-gap:var(--spacing-xxsmall);
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .cNUgUY {
      width:100vw;
      display:flex;
      row-gap:var(--spacing--large);
      background:var(--color--surface);
      column-gap:var(--spacing--large);
      min-height:calc(100svh - 16.5rem);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:stretch;
      padding-top:var(--spacing--small);
      padding-left:var(--app--padding-global);
      padding-right:var(--app--padding-global);
      padding-bottom:var(--spacing--medium);
      justify-content:flex-start;
      border-top-left-radius:var(--border-radius--large);
      border-top-right-radius:var(--border-radius--large);
    }

    .cNUgUY.align-left {
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .cNUgUY.align-right {
      display:flex;
      align-items:flex-end;
      justify-content:flex-start;
    }

    .cNUgUY.align-center {
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .cNUgUY.nav-bottom {
      padding-bottom:var(--spacing--huge);
    }

    .eIxSDO {
      display:flex;
      background:var(--color--surface-variant);
      flex-direction:column;
    }

    .eSTzsW {
      display:flex;
      row-gap:var(--spacing--small);
      background:var(--color--surface-variant);
      column-gap:var(--spacing--small);
      padding-top:var(--spacing--small);
      padding-left:var(--spacing--small);
      padding-right:var(--spacing--small);
      padding-bottom:var(--spacing--small);
      border-top-left-radius:var(--border-radius--regular);
      border-top-right-radius:var(--border-radius--regular);
      border-bottom-left-radius:var(--border-radius--regular);
      border-bottom-right-radius:var(--border-radius--regular);
    }

    .cRgPac {
      width:3rem;
      height:3rem;
      display:flex;
      font-size:var(--font-size--base);
      align-items:center;
      font-family:inherit;
      font-weight:var(--font-weight--normal);
      line-height:100%;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--border-radius--regular);
      border-top-right-radius:var(--border-radius--regular);
      border-bottom-left-radius:var(--border-radius--regular);
      border-bottom-right-radius:var(--border-radius--regular);
    }

    .cRgPac.primary {
      color:var(--color--on-primary);
      background:var(--color--primary);
    }

    .cRgPac.primary:active {
      color:var(--color--on-primary);
      background:var(--color--hover-primary);
    }

    .cRgPac.secondary {
      color:var(--color--on-secondary);
      background:var(--color--secondary);
    }

    .cRgPac.secondary:active {
      color:var(--color--on-secondary);
      background:var(--color--hover-secondary);
    }

    .cRgPac.tertiary {
      color:var(--color--pink-50);
      background:var(--color--pink-400);
    }

    .cRgPac.tertiary:active {
      color:var(--color--on-tertiary);
      background:var(--color--hover-tertiary);
    }

    .cRgPac.normal {
      width:3rem;
      height:3rem;
      padding-left:var(--spacing--small);
      padding-right:var(--spacing--small);
    }

    .cRgPac.small {
      width:2.5rem;
      height:2.5rem;
      padding-left:var(--spacing--xsmall);
      padding-right:var(--spacing--xsmall);
      border-top-left-radius:var(--border-radius--regular);
      border-top-right-radius:var(--border-radius--regular);
      border-bottom-left-radius:var(--border-radius--regular);
      border-bottom-right-radius:var(--border-radius--regular);
    }

    .cRgPac.large {
      width:4rem;
      height:4rem;
      border-top-left-radius:var(--border-radius--medium);
      border-top-right-radius:var(--border-radius--medium);
      border-bottom-left-radius:var(--border-radius--medium);
      border-bottom-right-radius:var(--border-radius--medium);
    }

    .cRgPac.disabled {
      color:var(--color--on-disabled);
      background:var(--color--disabled);
    }

    .cRgPac.secondary-variant {
      color:var(--color--on-surface);
      background:var(--color--surface);
    }

    .cRgPac.secondary-variant:active {
      color:var(--color--on-secondary);
      background:var(--color--hover-secondary);
    }

    .cRgPac.tertiary-variant {
      color:var(--color--on-tertiary);
      background:var(--color--tertiary);
    }

    .cRgPac.tertiary-variant:active {
      color:var(--color--on-tertiary);
      background:var(--color--hover-secondary);
    }

    .card-ansprechpartner\:PsZmdoAX_xAskwjVe80XG {
      top:0rem;
      left:auto;
      right:0rem;
      z-index:3;
      position:absolute;
    }

    .card-ansprechpartner\:W6WYj-ZLS80E8uL-WQwpx {
      flex:1;
    }

    .dQGwrl {
      height:6rem;
      overflow-x:hidden;
      overflow-y:hidden;
      aspect-ratio:1/1;
      border-top-left-radius:var(--border-radius--full);
      border-top-right-radius:var(--border-radius--full);
      border-bottom-left-radius:var(--border-radius--full);
      border-bottom-right-radius:var(--border-radius--full);
    }

    .fDDgLd {
      font-weight:var(--font-weight--bold);
    }

    .fDDgLd.huge {
      font-size:var(--font-size--4xl);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .fDDgLd.large {
      font-size:var(--font-size--3xl);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .fDDgLd.medium {
      font-size:var(--font-size--2xl);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .fDDgLd.regular {
      font-size:var(--font-size--xl);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .fDDgLd.small {
      font-size:var(--font-size--lg);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .fDDgLd.subheading {
      font-size:var(--font-size--base);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .fDDgLd.xsmall {
      font-size:var(--font-size--xl);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .card-ansprechpartner\:XcLDbgaC5Eu8D7UfjKuak {
      text-overflow:ellipsis;
    }

    .card-ansprechpartner\:g9cae20MW-ppknaVG_p_0 {
      flex:1;
    }

    .cngRaU {
      display:flex;
      row-gap:var(--spacing--xsmall);
      column-gap:var(--spacing--xsmall);
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .card-ansprechpartner\:lQ0mSr1T7vwi5sS97YzYe {
      color:var(--color--on-surface-secondary);
    }

    .bHjCPO {
      display:flex;
      row-gap:var(--spacing--xsmall);
      position:relative;
      column-gap:var(--spacing--xsmall);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .KOZgB {
      flex:1;
      display:flex;
      column-gap:var(--spacing--tiny);
      align-items:flex-start;
      flex-direction:column;
      justify-content:center;
    }

    .Avatar\:root {
      width:100%;
      height:auto;
      overflow-x:clip;
      overflow-y:clip;
      aspect-ratio:1/1;
      border-top-left-radius:var(--border-radius--full);
      border-top-right-radius:var(--border-radius--full);
      border-bottom-left-radius:var(--border-radius--full);
      border-bottom-right-radius:var(--border-radius--full);
    }

    .cSDEUo {
      display:flex;
      flex-direction:column;
    }

    .Avatar\:5BwALmwvSJr_U88gV7Dqd {
      color:var(--brand--brand-900);
      background:var(--brand--brand-400);
      font-weight:var(--font-weight-bold);
    }

    .fdPeqB {
      aspect-ratio:1;
    }

    .Avatar\:_ix9WxPbT_pI36cUphczM {
      width:100%;
      object-fit:cover;
    }

    .evwqMP {
      font-weight:var(--font-weight--bold);
    }

    .evwqMP.huge {
      font-size:var(--font-size--4xl);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .evwqMP.large {
      font-size:var(--font-size--3xl);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .evwqMP.regular {
      font-size:var(--font-size--2xl);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .evwqMP.small {
      font-size:var(--font-size--lg);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .evwqMP.subheading {
      font-size:var(--font-size--base);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .evwqMP.xsmall {
      font-size:var(--font-size--xl);
      font-family:Inter;
      font-weight:var(--font-weight--bold);
      line-height:120%;
    }

    .bQjbVk {
      display:flex;
      align-items:center;
      padding-top:var(--spacing--xsmall);
      flex-direction:row;
      padding-bottom:var(--spacing--xsmall);
      justify-content:space-between;
      border-bottom-color:var(--color--surface-dim);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .cXQQGw {
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .cfmKqi {
      display:flex;
      row-gap:var(--spacing--small);
      column-gap:var(--spacing--small);
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .bQTVEq {
      height:2rem;
      overflow-x:hidden;
      overflow-y:hidden;
      margin-left:calc(var(--spacing--xxsmall) * -1);
      aspect-ratio:1/1;
      outline-color:var(--color--surface);
      outline-style:solid;
      outline-width:3px;
      border-top-left-radius:var(--border-radius--full);
      border-top-right-radius:var(--border-radius--full);
      border-bottom-left-radius:var(--border-radius--full);
      border-bottom-right-radius:var(--border-radius--full);
    }

    .ansprechpartner\:dfrv0_hnFcva-UPX-vpl7 {
      width:100%;
    }

    .XefJl {
      display:flex;
      row-gap:var(--spacing--small);
      background:var(--color--surface);
      column-gap:var(--spacing--small);
      padding-top:var(--spacing--regular);
      padding-left:var(--app--padding-global);
      padding-right:var(--app--padding-global);
      padding-bottom:var(--spacing--regular);
      border-top-left-radius:var(--border-radius--medium);
      border-top-right-radius:var(--border-radius--medium);
    }

    .bXJvTS {
      display:flex;
      row-gap:var(--spacing--small);
      column-gap:var(--spacing--small);
      align-items:center;
      padding-top:var(--spacing--medium);
      padding-bottom:var(--spacing--medium);
      justify-content:flex-start;
    }

    .JfYhL {
      display:inline;
      font-size:var(--font-size--xl);
      font-family:inherit;
      font-weight:var(--font-weight--bold);
    }

    .dixpOJ {
      color:var(--color--on-surface-secondary);
      display:inline;
      font-size:var(--font-size--base);
      font-family:inherit;
      font-weight:var(--font-weight--regular);
    }

    .eVnJBW {
      width:4rem;
      height:4rem;
      display:flex;
      background:var(--color--surface);
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--border-radius--full);
      border-top-right-radius:var(--border-radius--full);
      border-bottom-left-radius:var(--border-radius--full);
      border-bottom-right-radius:var(--border-radius--full);
    }

    .taTYV {
      display:flex;
      row-gap:var(--spacing--tiny);
      column-gap:var(--spacing--tiny);
      text-align:center;
    }

    .cTeTYM {
      width:100vw;
      display:flex;
      row-gap:var(--spacing-regularisl);
      column-gap:var(--spacing-regularisl);
      align-items:flex-start;
      padding-top:var(--spacing--medium);
      padding-left:var(--app--padding-global);
      padding-right:var(--app--padding-global);
      padding-bottom:var(--spacing--regular);
      justify-content:flex-start;
    }

    .cTeTYM.align-left {
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .cTeTYM.align-right {
      display:flex;
      align-items:flex-end;
      justify-content:flex-start;
    }

    .cTeTYM.align-center {
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .cTeTYM.nav-top {
      align-items:flex-start;
      padding-top:4.5rem;
      justify-content:flex-start;
    }