@property --brand-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0F101B;
}
@property --brand-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #151625;
}
@property --brand-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #212247;
}
@property --brand-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2A2963;
}
@property --brand-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #333373;
}
@property --brand-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3D3E81;
}
@property --brand-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #494A95;
}
@property --brand-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5759B1;
}
@property --brand-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7C7EF3;
}
@property --accent-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --brand-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7171E5;
}
@property --brand-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A6ACFF;
}
@property --brand-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DCE0FE;
}
@property --accent-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accent-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #131314;
}
@property --neutral-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #171719;
}
@property --neutral-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E1E1F;
}
@property --neutral-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #262628;
}
@property --neutral-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2C2C2F;
}
@property --neutral-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #323236;
}
@property --neutral-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B3B3F;
}
@property --neutral-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #48484E;
}
@property --neutral-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #606068;
}
@property --neutral-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6E6E77;
}
@property --overlay-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff0a;
}
@property --overlay-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff14;
}
@property --overlay-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff1f;
}
@property --overlay-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff2e;
}
@property --overlay-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff4d;
}
@property --overlay-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff66;
}
@property --overlay-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff80;
}
@property --overlay-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff99;
}
@property --overlay-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffb3;
}
@property --shadow-lg {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --shadow-md {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --success-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111915;
}
@property --success-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #141E19;
}
@property --success-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #122F22;
}
@property --success-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0C3D29;
}
@property --success-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #104A33;
}
@property --success-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #18583E;
}
@property --success-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F694B;
}
@property --success-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #227D5A;
}
@property --success-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #10B981;
}
@property --warning-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16120C;
}
@property --warning-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D180F;
}
@property --warning-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #302008;
}
@property --warning-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F2700;
}
@property --warning-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D3000;
}
@property --warning-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5C3D05;
}
@property --warning-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #714F19;
}
@property --warning-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8F6424;
}
@property --warning-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC53D;
}
@property --critical-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #191111;
}
@property --critical-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #201314;
}
@property --critical-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B1219;
}
@property --critical-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #500F1C;
}
@property --critical-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #611623;
}
@property --critical-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #72232D;
}
@property --critical-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8C333A;
}
@property --critical-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B54548;
}
@property --critical-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E5484D;
}
@property --neutral-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7B7B84;
}
@property --neutral-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3B3BB;
}
@property --neutral-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEEEF0;
}
@property --overlay-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffcc;
}
@property --overlay-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffe6;
}
@property --overlay-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffffff2;
}
@property --success-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00AD76;
}
@property --success-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #43D59B;
}
@property --success-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A9F2CE;
}
@property --warning-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD60A;
}
@property --warning-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFCA16;
}
@property --warning-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE7B3;
}
@property --code--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --critical-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC5D5E;
}
@property --critical-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF9592;
}
@property --critical-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD1D9;
}
@property --highlight-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --font-size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@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 --highlight-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlight-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --loader--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --shadow-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --slider--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --card--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --font-size-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --font-size-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --font-size-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --font-size-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --form--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --list--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --loader--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --card--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --code--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --code--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --heading--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --line-height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --line-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --line-height-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --line-height-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --link--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --max-width-wide {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popup--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --tagline--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --banner--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-form--gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --indicator--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --line-height-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --line-height-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.75rem;
}
@property --line-height-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --line-height-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --popup--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --banner--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-icon--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --font-family-mono {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-family-sans {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --list--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --list-item--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --paragraph--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-icon--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --blockquote--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --card--shadow-blur {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --code--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --letter-spacing-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --link--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --screen-height-lvh {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tagline--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --text--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --tooltip--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tooltip--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --auto-grid--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--icon--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --card--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --code--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --code--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-weight-medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --letter-spacing-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.045rem;
}
@property --letter-spacing-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.0575rem;
}
@property --letter-spacing-6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.075rem;
}
@property --link--color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --overlay-inverted-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1212140d;
}
@property --overlay-inverted-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1212140d;
}
@property --overlay-inverted-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12121426;
}
@property --overlay-inverted-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: a4: #12121433;
}
@property --overlay-inverted-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1212144d;
}
@property --overlay-inverted-6 {
  syntax: "<color>";
  inherits: true;
  initial-value:  #12121466;
}
@property --overlay-inverted-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12121480;
}
@property --overlay-inverted-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12121499;
}
@property --overlay-inverted-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121214b3;
}
@property --popup--size-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--max-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --tooltip--max-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-benefits--gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-features--gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-icon--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--font-family {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --button--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --button-ghost--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--body--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --card--shadow-spread {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox-group--gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--label--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size-lg-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-md-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-sm-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-xs-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-weight-regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --indicator--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link--color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --logo-zenodev--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--margin {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --neutral-inverted-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-inverted-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --overlay-inverted-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121214cc;
}
@property --overlay-inverted-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121214e6;
}
@property --overlay-inverted-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121214f2;
}
@property --slider--range-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --slider--thumb-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --slider--track-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --strong--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --theme-card--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-icon--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-icon--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --blockquote--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button--loader--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--scale_active {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --code--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size-2xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-3xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-4xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-5xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-size-6xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --heading--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --heading--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --link--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --loader--stroke-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --slider--track-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --tagline--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --team-member--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--color-success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast--color-warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--logo-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --auto-grid--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --banner--button-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-image--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--scale_hovered {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --button-primary--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--shadow-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--button--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--hints--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--label--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --form--footer--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-simple--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-lg-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-md-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-sm-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-xs-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link--color-underline {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --list-item--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --loader--track-opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --mobile-menu--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--size-dot {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --ordered-list--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--color_accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section--shadow-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --sheet--portal-padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --tagline--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tagline--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --team-member--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --team-member--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--clip-path {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --theme-card--size-logo {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--color-critical {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tooltip--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tooltip--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --top-menu--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --top-menu--item--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --annotation--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--size-image {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-team--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--text-transform {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --button-ghost--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-tertiary--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--portal-padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-simple--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-2xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-3xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-4xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-5xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --line-height-6xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link--underline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --list-item--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --loader--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--color-dot {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --paragraph--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --popup--bg-color-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --presentation--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --slider--thumb-rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --slider--track-rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--color-logo {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--color-text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast-wrapper--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--item--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --banner--bg-color-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --benefit-card--size-icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-features--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-step--number-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --blockquote--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --button-secondary--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--shadow-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --code--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--button--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--label--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-config--size-dot {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-simple--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --heading--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --heading--text-transform {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --link-button--icon--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--max-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--max-width-wide {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tagline--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tagline--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--bg-color-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--color-user {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--width-line {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-indicator--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--bg-color-success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast--bg-color-warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --annotation--bg-color-max {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --annotation--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--typing--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --auto-grid--item--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --banner--button-inset-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --banner--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-heading--max-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-icon--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-icon--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --blockquote--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --blockquote--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--opacity_disabled {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --button-primary--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --code--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--container--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--hints--margin-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --footer-menu--color-label {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --footer-menu--item--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --heading--color-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --heading--word-spacing-h1 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --heading--word-spacing-h2 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --link-button--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --mobile-menu--item--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--padding-dot {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --ordered-list--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popup--max-width-content {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--bg-color-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section--layout--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--backdrop-bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --sheet--content--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --sheet--content--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --team-member--color-label {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--color-quote {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--size-avatar {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--color-button {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--spacing-text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-indicator--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--bg-color-critical {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--item--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --transition-duration-base {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --annotation--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --annotation--typing--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --benefit-card--size-corner {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-heading--margin-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-image--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-image--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button-tertiary--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--transition-duration {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --card--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --card--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--indicator--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--backdrop-bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--container--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--label--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --field--label--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --footer-menu--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --footer-menu--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --footer-menu--row-gap-list {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --letter-spacing-4xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --letter-spacing-5xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --letter-spacing-6xl-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --link--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --link--underline-thickness {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-layer--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-layer--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --list-item--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--item--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--row-gap-list {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --multi-form--step--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --multi-form--step--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --paragraph--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --parallax-effect--progress {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --popover--content--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popup--bg-color-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --popup--translate-x-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popup--translate-y-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--padding-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-separator--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --select--content--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--max-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --tagline--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--padding-user {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--color-heading {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--image-overlay {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--scale_hovered {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --theme-indicator--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-indicator--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --tooltip--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --tooltip--paragraph--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--item--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--item--icon-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--bg-color-franz {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --attention-marker--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --banner--bg-color-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --banner--button-inset-right {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --banner--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--spacing-text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-icon--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-rich-text--max-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --blockquote--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--link-layer--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox--bg-color-checked {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--max-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--container--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--label--color-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --field--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --field--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--padding-dot {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--size-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --highlighted-text--rotate-z {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}
@property --link-button--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button--scale_hovered {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --link-button-primary--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-layer--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --loader--animation-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --mobile-menu--bg-color-zeno {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --popover--content--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --popover--content--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--bg-color-end {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero--row-gap-text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--bg-color-line {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--bg-color-user {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--rounding-image {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --toast--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --toast--translate-y_closing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--item--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--popover--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--rounding-avatar {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --auto-grid--item--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --benefit-card--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--size-icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --button--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --button-ghost--bg-color_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-ghost--scale_hovered {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --card--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--link-layer--size-icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --code--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--scale_open {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --field--label--color_focused {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --footer-menu--item--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-simple--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-simple--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link--color-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button--text-transform {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --mobile-menu--bg-color-mango {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--color-controls {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--item--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--item--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popup--bg-color-highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radio-group--item--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radio-group--item--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--bg-color-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section--layout--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-separator--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --select--content--scale_open {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --slider--thumb-outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --slider--thumb-outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --tagline--link-layer_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tagline--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --team-member--bg-color-label {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --team-member--rounding-inner {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--spacing-avatar {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--bg-color-button {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--clip-path-image {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --theme-card--rounding-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--border-color-success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast--border-color-warning {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tooltip--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--min-width-popover {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--popover--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--popover--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--border-color-max {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --banner--bg-color-highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --benefit-card--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-benefits--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-image--max-width-small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --blockquote--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--container--icon--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--hints--message--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--label--color-critical {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--label--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--label--color-optional {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--label--padding-bottom {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-config--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link--color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link--color-underline_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link--outline-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--height-controls {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--item--icon-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popover--content--scale_open {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --popup--border-color_inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section--shadow-color-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero--bg-color-start {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero--rounding-image {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--row-gap-layout {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--item--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --sheet--content--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --sheet--content--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--opacity_open {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --slider--thumb-outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--color-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--rounding-avatar {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast--border-color-critical {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--item--outine-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--color-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-icon--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-image--max-width-medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --blockquote--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary--bg-color_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox-group--item--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox-group--item--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--opacity_open {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --dialog--content--scale_closed {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --field--container--icon--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field-multiline--input--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field-secret--toggle--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --footer-menu--column-gap-label {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--bg-color-mango {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-config--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-simple--logo-max-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link--color-underline_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-primary--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--item--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--padding-controls {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popup--max-width-content-wide {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--bg-color-highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-cta--height-separator {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --select--content--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--item--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--opacity_open {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --select--content--scale_closed {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --sheet--content--body--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--font-family-link {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --theme-indicator--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-indicator--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--item--bg-color_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--item--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--transition-duration {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --top-menu--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --annotation--border-color-franz {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --benefit-card--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--size-corner-icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-button-group--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-button-group--margin-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-features--indicator-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--color-handle {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--slider-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--width-handle {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--width-slider {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --blockquote--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--outline-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-ghost--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-ghost--bg-color_pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary-critical--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button-tertiary--bg-color_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--border-color_highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--shadow-color_highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--translate-short {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --context-theme--width-scrollbar {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--body--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--body--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--scale_closing {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --field--container--icon--margin {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--container--input--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field-number--buttons--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field-number--buttons--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field-secret--toggle--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --footer-menu--font-weight-label {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --footer-menu--item--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --footer-menu--item--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --header-config--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-config--rounding-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-simple--button-bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-simple--button-rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link--color-underline-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--bg-color-backdrop {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--bg-color-controls {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--column-gap-header {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--item--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --mobile-menu--item--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --mobile-menu--rounding-controls {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popover--content--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --popover--content--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popover--content--scale_closed {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --radio-group--item--label-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-cta--spacing-separator {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--height-separator {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--min-height-image {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--transition-delay {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --section-hero-home--padding-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--item--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--item--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--opacity_closed {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --tagline--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --team-member--font-weight-label {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --testimonial--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--border-color-image {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-card--border-width-image {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--item--color_inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--item--text-transform {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --accordion--item--content--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--trigger--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --benefit-card--color-description {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-features--indicator-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--color-caption {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--height-handle {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--offset-slider {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button--icon--correction-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button-primary--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary--bg-color_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-tertiary--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--transition-duration-hover {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --checkbox--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--opacity_closed {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --field--button--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field-multiline--input--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field-number--buttons--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--bg-color-bluebacca {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--rounding-theme-dot {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radio-group--item--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--shadow-color-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-cta--bg-color-separator {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-general--row-gap-column {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--column-gap-layout {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--bg-color-end {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--row-gap-text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-legal--padding-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--item--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--opacity_closed {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --sheet--content--footer--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--footer--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--header--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--header--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --team-member--border-color-label {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --team-member--border-width-label {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --theme-card--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --theme-card--translate-y_hovered {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-indicator--padding-avatar {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --toast-wrapper--max-width-region {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --tooltip--paragraph--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --top-menu--item--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--popover--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--popover--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-image--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-image--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --block-image--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button-primary--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary-critical--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-tertiary--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--link-layer--size-indicator {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox--bg-color-indeterminate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--outline-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --collapsible--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --collapsible--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --dialog--content--footer--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--footer--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--header--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--header--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--container--input--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--hints--message--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --footer-menu--item--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --footer-menu--item--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link--transition-duration_active {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --link-button--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --link-button--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --mobile-menu--column-gap-controls {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--item--bg-color_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-main--frame--header--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radio-group--item--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--padding-vertical-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--border-color-image {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero--border-width-image {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--margin-top-buttons {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-legal--spacing-text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--translate-y_open {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--bg-color-inverted-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--color-user-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --theme-indicator--bg-color-avatar {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast--transition-duration_close {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --top-menu--item--bg-color_current {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--item--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--content--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --accordion--item--trigger--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--padding-corner-icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--padding-description {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --benefit-card--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --benefit-card--translate-y_hovered {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-icon--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--rounding-handle {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--rounding-slider {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --blockquote--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary-critical--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-tertiary--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--link-layer--color-indicator {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-checked_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox-group--item--label-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--translate-y_open {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--label--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --field--label--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --field-multiline--input--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field-multiline--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --footer-menu--item--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --form--footer--button-back--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --form--footer--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --form--footer--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --form--footer--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--bg-color-bluebacca {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-config--rounding-container {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--rounding-theme-dot {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --highlighted-text--underline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlighted-text--width-underline {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--footer--row-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popup--outline-color-button-close {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radio-group--item--indicator-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--shadow-color-highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero--scale-image_initial {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --section-hero--transition-duration {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --section-hero--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --section-hero-home--bg-color-start {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --sheet--content--body--text--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--color-quote-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tooltip--transition-duration-open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --accordion--item--content--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--content--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --accordion--item--trigger--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--trigger--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --benefit-card--bg-color-description {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-heading--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-heading--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --block-heading--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-image--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--bg-color-caption {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button--transition-duration_active {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --button-secondary--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-tertiary--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-checked_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--body--text--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--button--outline-color-error {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--bg-color_focused {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--input--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--hints--error-message--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--hints--message--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --field--hints--message--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --field--hints--message--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --highlighted-text--bottom-underline {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--color-controls_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--item--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--size-dot-theme-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--footer--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --popover--content--translate-top-in {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --presentation--outline-color-button {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radio-group--item--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section--layout--column--min-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-general--column-gap-column {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--footer--margin-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--translate-y_closed {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--company-button-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--bg-color-button_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --toast-wrapper--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --toast-wrapper--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --top-menu--item--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--transition-duration-long {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --top-menu--translate-x-list_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--translate-x-logo_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--typing--animation-delay {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-split-view--width-slider-area {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --blocks--item--margin-top-additional {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button-secondary--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary-critical--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--footer--button-group--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --card--link-layer--padding-indicator {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --checkbox--bg-color-checked-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--bg-color-highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--footer--margin-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--translate-y_closed {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--container--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field-multiline--input--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --field-multiline--input--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --field-multiline--input--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field-search--button-clear--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --footer-menu--item--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --footer-menu--item--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --footer-menu--padding-vertical-label {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --form--footer--button-submit--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-simple--button-outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-simple--button-outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button--outline-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-primary--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popover--content--translate-top-out {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--progress {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --section-hero-home--transition-delay {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --select--content--translate-y_closed {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --team-member--padding-vertical-label {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--bg-color-line-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--bg-color-user-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--company-button-padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --theme-card--bg-color-button_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--item--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --top-menu--item--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --accordion--item--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --accordion--item--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --accordion--item--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-rich-text--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-rich-text--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --block-rich-text--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--bg-color-indicator {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--link-layer--bg-color-indicator {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--color-scrollbar-thumb {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--color-scrollbar-track {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--translate-y_closing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--button--outline-color_focused {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--button--outline-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--button--outline-width_focused {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--button--outline-width_hovered {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--container--input--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --field--container--input--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --field--label--color-inverted_focused {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field-search--button-clear--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--color_active-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-config--size-dot-theme-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-simple--button-outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button--icon--correction-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button-primary--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--button-menu--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--footer--color-logo {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--footer--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-legal--transition-delay {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --select--content--item--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --select--content--item--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --sheet--content--header--button--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--header--title--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--color-quote_highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--popover--bg-color_inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-benefits--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--translate-x_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--header--button--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--header--title--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--outline-color-error {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --field--container--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --field--hints--message--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--label--color-critical-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--label--color-optional-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --footer-menu--item--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--outline-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link--color-underline-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-primary--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--bg-color-controls_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--item--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --mobile-menu--transition-duration_open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --page-main--frame--button-menu--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popover--content--translate-bottom-in {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popup--bg-color-highlighted-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radio-group--item--indicator-bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radio-group--item--indicator-rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--margin-top-buttons {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-separator--translate-x_inital {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--item--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --team-member--padding-horizontal-label {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--border-color_highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --testimonial--color-secondary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--content--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--content--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --annotation--typing--animation-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --banner--bg-color-highlighted-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --benefit-card--bg-color-overlay_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --benefit-card--color-secondary-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--border-color-caption {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--border-width-caption {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button-primary--bg-color-inverted_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary-critical--bg-color_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary--border-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--icon--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--hints--error-message--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field-multiline--input--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --footer-menu--item--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --footer-menu--item--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --header-config--roundin-popover-content {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-simple--button-padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link--color-underline-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-primary--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popover--content--translate-bottom-out {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero--translate-y-text_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --section-hero-legal--margin-top-buttons {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--item--bg-color_open-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--popover--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-button-group--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-button-group--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --block-button-group--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button-secondary--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary-critical--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary-critical--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button-tertiary--bg-color-inverted_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--border-color-inverted_highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--shadow-color-inverted_highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-indeterminate_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--input--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--outline-color_focused {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--outline-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--outline-width_focused {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--container--outline-width_hovered {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--bg-color_active-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button--transition-duration_active {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --link-button-secondary--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--transition-duration_closed {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --page-main--frame--button-menu--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--button-menu--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--label-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section--bg-color-highlighted-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero--transition-duration-image {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --section-hero--translate-y-image_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-legal--transition-duration {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --section-hero-legal--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --select--content--item--bg-color_checked {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --select--content--item--bg-color_focused {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--content--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--trigger--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--trigger--text-transform {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --block-features--indicator-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary--bg-color-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary-critical--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary--bg-color-inverted_open {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-indeterminate_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--roundness-scrollbar-thumb {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --context-theme--roundness-scrollbar-track {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field--button--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--hints--error-message--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --field--hints--error-message--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --field--hints--error-message--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --header-config--bg-color_hovered-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-simple--button-padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button-secondary--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--button-menu--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--footer--min-width-menu {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--scale_initial {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --section-hero-home--device--switch--width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--backdrop-transition-duration_open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --sheet--backdrop-transition-function_open {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --sheet--content--header--button--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --sheet--content--header--title--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--transition-duration_open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --sheet--content--transition-function_open {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --top-menu--item--bg-color_active-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--popover--border-color_inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-primary-critical--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-tertiary--bg-color-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-indeterminate-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--backdrop-transition-duration_open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --dialog--backdrop-transition-function_open {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --dialog--content--header--button--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--header--title--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--transition-duration_open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --dialog--content--transition-function_open {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --field-multiline--input--color-placeholder {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--transition-duration-backdrop {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --page-main--frame--button-menu--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--footer--color-paragraph {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--bg-color-accent {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --radio-group--item--outline-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero--translate-y-buttons_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--device--switch--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--transition-duration_open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --top-menu--item--bg-color_hovered-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--trigger--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --block-split-view--padding-vertical-caption {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --button-secondary--bg-color-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary-critical--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-tertiary--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--footer--button-group__button--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --card--link-layer--color-indicator-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-checked-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox-group--item--label-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--footer--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--header--link-skip--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --popover--content--transition-duration_open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --popover--content--transition-function_open {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --section-hero-home--device--switch--padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--backdrop-transition-duration_closed {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --sheet--backdrop-transition-function_closed {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --sheet--content--header--title--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --sheet--content--header--title--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --sheet--content--header--title--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--transition-duration_closed {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --sheet--content--transition-function_closed {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --accordion--item--content--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--trigger--bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --benefit-card--padding-description-container {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-form--item--info--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-form--item--info--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --block-form--item--info--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--transition-duration-slide {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-split-view--transition-function-slide {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --button-secondary--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary-critical--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-checked-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--color-scrollbar-thumb_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--color-scrollbar-track_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--backdrop-transition-duration_closed {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --dialog--backdrop-transition-function_closed {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --dialog--content--header--title--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --dialog--content--header--title--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --dialog--content--header--title--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --dialog--content--transition-duration_closed {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --dialog--content--transition-function_closed {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --field--button--outline-color-error-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--bg-color-inverted_focused {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--hints--error-message--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--border-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--button-menu--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--button-menu--border-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--bg-color-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section--shadow-color-highlighted-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--switch--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--switch--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--padding-vertical-content {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--transition-duration-long {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --section-hero-home--translate-y-text_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --select--content--transition-duration_closed {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --top-menu--popover--transition-duration_open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-split-view--padding-horizontal-caption {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --card--footer--button-group__button--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --card--link-layer--bg-color-indicator_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--color-scrollbar-thumb_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --context-theme--color-scrollbar-track_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--bg-color-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --popover--content--transition-duration_closed {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --popover--content--transition-function_closed {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --radio-group--item--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--switch--size-icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--transition-duration-short {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --section-hero-legal--padding-vertical-content {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-legal--translate-y-text_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --block-split-view--transition-duration-caption {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --card--link-layer--bg-color-indicator-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--button--outline-color-inverted_focused {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-primary--bg-color-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--animation--translate-y_open {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--button-menu--padding-bottom {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--header--link-skip--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--header--transition-duration {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --page-main--frame--header--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-main--frame--header--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--device--switch--color-icon {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--switch--column-gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--color-quote-inverted_highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --top-menu--popover--transition-duration_closed {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-split-view--transition-duration-slide-in {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --block-split-view--transition-function-slide-in {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --field--container--outline-color-error-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --header-config--padding-horizontal-theme-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --link-button-primary--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--footer--margin-top-copyright {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--header--bg-color-highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--link-skip--font-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radio-group--item--indicator-bg-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --section-hero-home--device--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --section-hero-home--device--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--translate-y-buttons_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --testimonial--border-color-inverted_highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--content--border-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary--border-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --button-secondary-critical--border-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--bg-color-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--border-color_scrolled {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--link-skip--margin-top {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-legal--translate-y-buttons_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--header--button--bg-color_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --checkbox--bg-color-indeterminate-inverted_active {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--outline-color-inverted_focused {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --field--container--outline-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --link-button-secondary--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--animation--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --page-main--frame--animation--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-main--frame--header--link-skip--font-family {
  syntax: "<custom-ident> | <string>";
  inherits: true;
  initial-value: sans-serif;
}
@property --page-main--frame--header--link-skip--font-weight {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --page-main--frame--header--link-skip--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--device--switch--rounding-item {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --sheet--content--header--button--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--footer--button-group__button--scale_hovered {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --checkbox--bg-color-indeterminate-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--header--button--bg-color_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --dialog--content--header--button--bg-color_pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--item--transition-duration-group_open {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --mobile-menu--item--transition-function-group_open {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-main--frame--button-menu--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --accordion--item--trigger--transition-duration-icon {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --accordion--item--trigger--transition-function-icon {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --field-multiline--input--color-placeholder-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--button-menu--transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --page-main--frame--button-menu--transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-main--frame--header--link-skip--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--link-skip--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --accordion--item--trigger--bg-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --mobile-menu--item--transition-duration-group_closed {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --mobile-menu--item--transition-function-group_closed {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --page-main--frame--header--link-skip--color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --accordion--item--content-wrapper-transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --accordion--item--content-wrapper-transition-function {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --link-button-secondary--border-color-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --card--link-layer--bg-color-indicator-inverted_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--link-skip--padding-vertical {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section-hero-home--device--switch--color-icon_pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--switch--outline-color-item {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--switch--outline-width-item {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--header--link-skip--padding-horizontal {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--button-menu--padding-horizontal-button {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --page-main--frame--header--bg-color-highlighted-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--border-color_scrolled-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--switch--bg-color-item_hovered {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-hero-home--device--switch--bg-color-item_pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}

  :host, :root {
  --brand-1: oklch(99.4% 0.0032 280);
  --brand-2: oklch(98.1% 0.0116 280);
  --brand-3: oklch(96.1% 0.022 280);
  --brand-4: oklch(93.5% 0.0444 280);
  --brand-5: oklch(90.4% 0.0662 280);
  --brand-6: oklch(86.5% 0.0876 280);
  --brand-7: oklch(80.8% 0.1113 280);
  --brand-8: oklch(72.9% 0.1488 280);
  --brand-9: oklch(46.8% 0.2343 280);
  --accent-1: oklch(99.4% 0.0068 322.1);
  --accent-2: oklch(98.3% 0.0141 322.1);
  --accent-3: oklch(95.6% 0.0416 322.1);
  --accent-4: oklch(92.8% 0.0651 322.1);
  --accent-5: oklch(89.7% 0.0853 322.1);
  --accent-6: oklch(85.9% 0.1067 322.1);
  --accent-7: oklch(80.9% 0.1342 322.1);
  --accent-8: oklch(74.5% 0.1745 322.1);
  --accent-9: oklch(66.7% 0.2944 322.1);
  --brand-10: oklch(41.5% 0.2343 280);
  --brand-11: oklch(51% 0.2181 280);
  --brand-12: oklch(31.5% 0.1244 280);
  --accent-10: oklch(62.8% 0.2944 322.1);
  --accent-11: oklch(53.4% 0.2785 322.1);
  --accent-12: oklch(34.2% 0.1913 322.1);
  --neutral-0: oklch(100% 0% 68deg);
  --neutral-1: oklch(99.1% 0.0007 285.9);
  --neutral-2: oklch(98.2% 0.0016 285.9);
  --neutral-3: oklch(95.6% 0.0024 285.9);
  --neutral-4: oklch(93.1% 0.0033 285.9);
  --neutral-5: oklch(91% 0.0041 285.9);
  --neutral-6: oklch(88.7% 0.005 285.9);
  --neutral-7: oklch(85.3% 0.0064 285.9);
  --neutral-8: oklch(79.4% 0.0088 285.9);
  --neutral-9: oklch(64.4% 0.0089 285.9);
  --overlay-1: oklch(24% 2% 286deg / 4%);
  --overlay-2: oklch(24% 2% 286deg / 8%);
  --overlay-3: oklch(24% 2% 286deg / 12%);
  --overlay-4: oklch(24% 2% 286deg / 18%);
  --overlay-5: oklch(24% 2% 286deg / 30%);
  --overlay-6: oklch(24% 2% 286deg / 40%);
  --overlay-7: oklch(24% 2% 286deg / 50%);
  --overlay-8: oklch(24% 2% 286deg / 60%);
  --overlay-9: oklch(24% 2% 286deg / 90%);
  --shadow-lg: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 35%, transparent),     1.5px 3px 3.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     2.8px 5.7px 7.1px color-mix(in oklch, var(--shadow-color) 35%, transparent),     4.7px 9.4px 11.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     7.5px 15px 18.9px color-mix(in oklch, var(--shadow-color) 35%, transparent),     11.7px 23.4px 29.4px color-mix(in oklch, var(--shadow-color) 35%, transparent),     17.8px 35.6px 44.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     26.3px 52.5px 66.1px color-mix(in oklch, var(--shadow-color) 35%, transparent);
  --shadow-md: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 38%, transparent),     0.8px 1.7px 2.1px color-mix(in oklch, var(--shadow-color) 38%, transparent),     2.1px 4.2px 5.3px color-mix(in oklch, var(--shadow-color) 38%, transparent),     5.1px 10.3px 12.9px color-mix(in oklch, var(--shadow-color) 38%, transparent);
  --shadow-sm: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 36%, transparent),     0.4px 0.8px 1px color-mix(in oklch, var(--shadow-color) 36%, transparent),     1px 2.1px 2.6px color-mix(in oklch, var(--shadow-color) 36%, transparent);
  --success-1: oklch(99.4% 0.0064 160.2);
  --success-2: oklch(98.2% 0.0116 160.2);
  --success-3: oklch(96% 0.0291 160.2);
  --success-4: oklch(93.4% 0.0464 160.2);
  --success-5: oklch(90.1% 0.0657 160.2);
  --success-6: oklch(85.8% 0.088 160.2);
  --success-7: oklch(79.8% 0.1166 160.2);
  --success-8: oklch(71.6% 0.1589 160.2);
  --success-9: oklch(70.5% 0.1589 160.2);
  --warning-1: oklch(99.3% 0.0027 64.86);
  --warning-2: oklch(98.4% 0.0217 64.86);
  --warning-3: oklch(96.6% 0.0607 64.86);
  --warning-4: oklch(93.8% 0.0992 64.86);
  --warning-5: oklch(91% 0.1271 64.86);
  --warning-6: oklch(87.4% 0.1207 64.86);
  --warning-7: oklch(82.1% 0.1207 64.86);
  --warning-8: oklch(75.4% 0.1408 64.86);
  --warning-9: oklch(77.1% 0.1731 64.86);
  --critical-1: oklch(99.4% 0.0038 28.55);
  --critical-2: oklch(98.4% 0.0091 28.55);
  --critical-3: oklch(95.5% 0.0259 28.55);
  --critical-4: oklch(92.7% 0.0566 28.55);
  --critical-5: oklch(89.4% 0.0749 28.55);
  --critical-6: oklch(85.4% 0.0914 28.55);
  --critical-7: oklch(80.4% 0.1111 28.55);
  --critical-8: oklch(74.3% 0.1399 28.55);
  --critical-9: oklch(58.3% 0.2387 28.55);
  --neutral-10: oklch(60.9% 0.0088 285.9);
  --neutral-11: oklch(44% 3% 283deg);
  --neutral-12: oklch(17% 1% 279deg);
  --overlay-10: oklch(24% 2% 286deg / 80%);
  --overlay-11: oklch(24% 2% 286deg / 90%);
  --overlay-12: oklch(24% 2% 286deg / 95%);
  --success-10: oklch(66.7% 0.1589 160.2);
  --success-11: oklch(52.7% 0.1589 160.2);
  --success-12: oklch(32.6% 0.0655 160.2);
  --warning-10: oklch(73.6% 0.1408 64.86);
  --warning-11: oklch(57.6% 0.159 64.86);
  --warning-12: oklch(35.1% 0.0559 64.86);
  --code--color: var(--brand-12);
  --critical-10: oklch(53.9% 0.2387 28.55);
  --critical-11: oklch(56.3% 0.2387 28.55);
  --critical-12: oklch(34.3% 0.1092 28.55);
  --highlight-1: oklch(99.3% 0.0034 240.9);
  --highlight-2: oklch(98.1% 0.0089 240.9);
  --highlight-3: oklch(95.9% 0.0217 240.9);
  --highlight-4: oklch(93.5% 0.0374 240.9);
  --highlight-5: oklch(90.4% 0.0515 240.9);
  --highlight-6: oklch(86.2% 0.0651 240.9);
  --highlight-7: oklch(80.7% 0.083 240.9);
  --highlight-8: oklch(73.2% 0.1136 240.9);
  --highlight-9: oklch(69% 0.1604 240.9);
  --link--color: var(--brand-10);
  --text--color: var(--neutral-12);
  --font-size-lg: 1.125rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --highlight-10: oklch(65.2% 0.152 240.9);
  --highlight-11: oklch(55.1% 0.1604 240.9);
  --highlight-12: oklch(32.7% 0.0755 240.9);
  --loader--size: 1.75rem;
  --page-padding: 16px;
  --shadow-color: color-mix(in oklch, var(--neutral-12) 40%, transparent);
  --slider--size: 1.5rem;
  --toast--color: var(--neutral-12);
  --card--padding: 20px;
  --card--spacing: 32px;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --form--spacing: 24px;
  --list--row-gap: 8px;
  --loader--color: var(--neutral-12);
  --button--height: 3.5rem;
  --card--bg-color: var(--neutral-1);
  --card--rounding: 22px;
  --code--bg-color: var(--brand-4);
  --code--rounding: 4px;
  --field--padding: 4px;
  --heading--color: var(--neutral-12);
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --link--rounding: 4px;
  --popup--padding: 20px;
  --tagline--color: var(--neutral-12);
  --toast--padding: 12px;
  --toast--spacing: 12px;
  --banner--spacing: 16px;
  --block-form--gap: 24px;
  --button--padding: 24px;
  --button--spacing: 10px;
  --checkbox--color: var(--neutral-0);
  --indicator--size: 0.5rem;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --popup--bg-color: var(--section--bg-color);
  --toast--bg-color: var(--neutral-1);
  --toast--rounding: 12px;
  --banner--bg-color: var(--neutral-2);
  --block-icon--size: 2.5rem;
  --button--rounding: 14px;
  --checkbox--height: 1.5rem;
  --font-family-mono: "DM Mono";
  --font-family-sans: "DM Sans";
  --font-weight-bold: 600;
  --font-weight-thin: 300;
  --list--column-gap: 8px;
  --list-item--color: var(--neutral-11);
  --paragraph--color: var(--neutral-11);
  --section--row-gap: 56px;
  --annotation--color: var(--neutral-12);
  --block-icon--color: var(--neutral-12);
  --blockquote--color: var(--brand-11);
  --button--font-size: var(--font-size-md);
  --card--shadow-blur: 8px;
  --code--font-family: var(--font-family-mono);
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --link--font-weight: var(--font-weight-medium);
  --screen-height-lvh: 100vh;
  --section--bg-color: var(--neutral-0);
  --tagline--rounding: 4px;
  --text--font-family: var(--font-family-sans);
  --text--font-weight: var(--font-weight-regular);
  --tooltip--bg-color: var(--brand-10);
  --tooltip--rounding: 8px;
  --auto-grid--row-gap: 20px;
  --button--icon--size: 1.25rem;
  --card--border-color: var(--neutral-6);
  --card--border-width: 1px;
  --checkbox--bg-color: var(--neutral-0);
  --checkbox--rounding: 6px;
  --code--border-color: var(--brand-6);
  --code--border-width: 1px;
  --font-weight-medium: 500;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --link--color_active: var(--brand-11);
  --neutral-inverted-0: oklch(15.5% 0.0042 286);
  --neutral-inverted-1: oklch(17.8% 0.0058 286);
  --neutral-inverted-2: oklch(21.3% 0.006 286);
  --neutral-inverted-3: oklch(25.3% 0.0084 286);
  --neutral-inverted-4: oklch(28.3% 0.009 286);
  --neutral-inverted-5: oklch(31.1% 0.009 286);
  --neutral-inverted-6: oklch(34.6% 0.009 286);
  --neutral-inverted-7: oklch(39.8% 0.009 286);
  --neutral-inverted-8: oklch(49% 0.009 286);
  --neutral-inverted-9: oklch(53.7% 0.009 286);
  --overlay-inverted-1: oklch(100% 0% 90deg / 4%);
  --overlay-inverted-2: oklch(100% 0% 90deg / 8%);
  --overlay-inverted-3: oklch(100% 0% 90deg / 12%);
  --overlay-inverted-4: oklch(100% 0% 90deg / 18%);
  --overlay-inverted-5: oklch(100% 0% 90deg / 30%);
  --overlay-inverted-6: oklch(100% 0% 90deg / 40%);
  --overlay-inverted-7: oklch(100% 0% 90deg / 50%);
  --overlay-inverted-8: oklch(100% 0% 90deg / 60%);
  --overlay-inverted-9: oklch(100% 0% 90deg / 70%);
  --popup--size-button: 2.5rem;
  --section--max-width: 75rem;
  --tooltip--max-width: 14rem;
  --annotation--padding: 4px;
  --annotation--row-gap: 4px;
  --benefit-card--color: var(--neutral-12);
  --block-benefits--gap: 1px;
  --block-features--gap: 8px;
  --block-icon--padding: 20px;
  --button--font-family: var(--font-family-sans);
  --button--font-weight: var(--font-weight-medium);
  --button-ghost--color: var(--neutral-12);
  --card--body--spacing: 8px;
  --card--shadow-spread: 4px;
  --checkbox-group--gap: 4px;
  --field--label--color: var(--neutral-11);
  --font-size-lg-mobile: 1.125rem;
  --font-size-md-mobile: 1rem;
  --font-size-sm-mobile: 0.875rem;
  --font-size-xl-mobile: 1.25rem;
  --font-size-xs-mobile: 0.75rem;
  --font-weight-regular: 400;
  --indicator--rounding: 9999px;
  --link--color_hovered: var(--brand-8);
  --link--outline-color: var(--neutral-12);
  --link--outline-width: 2px;
  --link-button--height: var(--button--height);
  --logo-zenodev--color: var(--neutral-12);
  --mobile-menu--margin: 16px;
  --neutral-inverted-10: oklch(58.3% 0.009 286);
  --neutral-inverted-11: oklch(76.8% 0.009 286);
  --neutral-inverted-12: oklch(94.9% 0.0041 286);
  --overlay-inverted-10: oklch(100% 0% 90deg / 80%);
  --overlay-inverted-11: oklch(100% 0% 90deg / 90%);
  --overlay-inverted-12: oklch(100% 0% 90deg / 95%);
  --slider--range-color: var(--brand-9);
  --slider--thumb-color: var(--brand-9);
  --slider--track-color: var(--neutral-6);
  --strong--font-weight: var(--font-weight-bold);
  --theme-card--padding: 12px;
  --theme-card--spacing: 24px;
  --toast--border-color: var(--neutral-6);
  --toast--border-width: 1px;
  --top-menu--font-size: var(--font-size-md);
  --annotation--rounding: 8px;
  --block-icon--bg-color: var(--overlay-2);
  --block-icon--rounding: 6px;
  --blockquote--bg-color: var(--brand-2);
  --button--loader--size: 2rem;
  --button--scale_active: 1.05;
  --code--color-inverted: var(--brand-5);
  --font-size-2xl-mobile: 1.5rem;
  --font-size-3xl-mobile: 1.875rem;
  --font-size-4xl-mobile: 2.25rem;
  --font-size-5xl-mobile: 2.5rem;
  --font-size-6xl-mobile: 3rem;
  --header-config--color: var(--neutral-12);
  --heading--font-family: var(--font-family-sans);
  --heading--font-weight: var(--font-weight-bold);
  --link--color-inverted: var(--brand-5);
  --link--outline-offset: 2px;
  --link-button--padding: var(--button--padding);
  --link-button--spacing: var(--button--spacing);
  --loader--stroke-width: 0.25rem;
  --mobile-menu--padding: 8px;
  --mobile-menu--row-gap: 16px;
  --radio-group--spacing: 8px;
  --slider--track-height: 4px;
  --tagline--font-weight: var(--font-weight-thin);
  --team-member--padding: 8px;
  --testimonial--padding: 32px;
  --testimonial--spacing: 24px;
  --text--color-inverted: var(--neutral-inverted-12);
  --theme-card--bg-color: var(--neutral-1);
  --theme-card--rounding: 20px;
  --toast--color-success: var(--success-11);
  --toast--color-warning: var(--warning-11);
  --top-menu--column-gap: 16px;
  --top-menu--logo-width: 140px;
  --auto-grid--column-gap: 20px;
  --banner--button-height: 2rem;
  --benefit-card--spacing: 32px;
  --block-image--rounding: 6px;
  --button--outline-color: var(--neutral-12);
  --button--outline-width: 2px;
  --button--scale_hovered: 1.05;
  --button-primary--color: var(--neutral-0);
  --card--shadow-vertical: 0px;
  --field--button--height: var(--field--container--height);
  --field--hints--spacing: 4px;
  --field--label--spacing: 8px;
  --form--footer--spacing: 16px;
  --header-simple--height: 4rem;
  --line-height-lg-mobile: 1.75rem;
  --line-height-md-mobile: 1.5rem;
  --line-height-sm-mobile: 1.25rem;
  --line-height-xl-mobile: 1.875rem;
  --line-height-xs-mobile: 1.125rem;
  --link--color-underline: var(--brand-7);
  --link-button--rounding: var(--button--rounding);
  --list-item--column-gap: 8px;
  --loader--track-opacity: 0.3;
  --mobile-menu--bg-color: var(--neutral-0);
  --mobile-menu--rounding: 14px;
  --mobile-menu--size-dot: 1.5rem;
  --ordered-list--row-gap: 8px;
  --section--color_accent: var(--neutral-12);
  --section--shadow-color: var(--neutral-12);
  --sheet--portal-padding: 20px;
  --tagline--border-color: var(--neutral-12);
  --tagline--border-width: 0px;
  --team-member--bg-color: var(--overlay-3);
  --team-member--rounding: 24px;
  --testimonial--bg-color: var(--overlay-1);
  --testimonial--rounding: 16px;
  --theme-card--clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  --theme-card--size-logo: 3.5rem;
  --toast--color-critical: var(--critical-11);
  --tooltip--border-color: var(--neutral-0);
  --tooltip--border-width: 2px;
  --top-menu--font-family: var(--font-family-sans);
  --top-menu--font-weight: var(--font-weight-medium);
  --top-menu--item--color: var(--neutral-12);
  --annotation--column-gap: 12px;
  --annotation--size-image: 36px;
  --block-team--column-gap: var(--block-button-group--column-gap);
  --button--outline-offset: 2px;
  --button--text-transform: none;
  --button-ghost--bg-color: #ffffff00;
  --button-tertiary--color: var(--neutral-12);
  --card--bg-color_hovered: var(--overlay-1);
  --checkbox--border-color: var(--neutral-6);
  --checkbox--border-width: 1px;
  --dialog--portal-padding: calc(var(--popup--size-button) / 2);
  --header-config--padding: 4px;
  --header-simple--spacing: 16px;
  --line-height-2xl-mobile: 2rem;
  --line-height-3xl-mobile: 2.375rem;
  --line-height-4xl-mobile: 2.75rem;
  --line-height-5xl-mobile: 3rem;
  --line-height-6xl-mobile: 3.5rem;
  --link--underline-offset: 6px;
  --link-button--font-size: var(--button--font-size);
  --list-item--font-family: var(--font-family-sans);
  --loader--color-inverted: var(--neutral-inverted-12);
  --mobile-menu--color-dot: var(--neutral-0);
  --paragraph--font-weight: var(--font-weight-regular);
  --popup--bg-color-accent: var(--section--bg-color-accent);
  --presentation--rounding: 9999px;
  --slider--thumb-rounding: 9999px;
  --slider--track-rounding: 2px;
  --theme-card--color-logo: var(--overlay-inverted-6);
  --theme-card--color-text: var(--neutral-11);
  --toast-wrapper--padding: 20px;
  --top-menu--item--height: calc(var(--line-height-md) + 2 * 6px);
  --annotation--font-weight: var(--font-weight-medium);
  --banner--bg-color-accent: var(--brand-5);
  --benefit-card--size-icon: 2rem;
  --block-features--spacing: 16px;
  --block-step--number-size: 4rem;
  --blockquote--font-family: var(--font-family-sans);
  --button-secondary--color: var(--neutral-12);
  --card--bg-color-inverted: var(--neutral-inverted-2);
  --card--shadow-horizontal: 0px;
  --checkbox--outline-color: var(--brand-8);
  --checkbox--outline-width: 2px;
  --code--bg-color-inverted: transparent;
  --context-theme--bg-color: var(--neutral-0);
  --field--button--rounding: var(--field--container--rounding);
  --field--label--font-size: var(--font-size-md);
  --header-config--bg-color: var(--overlay-2);
  --header-config--size-dot: 1.5rem;
  --header-simple--bg-color: var(--neutral-0);
  --heading--color-inverted: var(--neutral-inverted-12);
  --heading--text-transform: uppercase;
  --link-button--icon--size: var(--button--icon--size);
  --mobile-menu--max-height: 90dvh;
  --radio-group--item--size: 1.5rem;
  --section--max-width-wide: 95rem;
  --section-hero-home--text: var(--neutral-11);
  --tagline--color-inverted: var(--neutral-0);
  --tagline--letter-spacing: 2px;
  --testimonial--bg-color-2: var(--overlay-inverted-10);
  --testimonial--color-user: var(--neutral-10);
  --testimonial--width-line: 40px;
  --toast--bg-color-success: var(--success-2);
  --toast--bg-color-warning: var(--warning-2);
  --annotation--bg-color-max: var(--accent-5);
  --annotation--border-width: 1px;
  --annotation--typing--size: 4px;
  --auto-grid--item--row-gap: 16px;
  --banner--button-inset-top: 8px;
  --banner--padding-vertical: 8px;
  --block-heading--max-width: 150ch;
  --block-icon--border-color: transparent;
  --block-icon--border-width: 0px;
  --blockquote--border-color: var(--brand-11);
  --blockquote--border-width: 4px;
  --button--opacity_disabled: 0.6;
  --button-primary--bg-color: var(--neutral-12);
  --checkbox--color-inverted: var(--neutral-12);
  --checkbox--outline-offset: 1px;
  --code--padding-horizontal: 4px;
  --field--container--height: 3rem;
  --field--hints--margin-top: 6px;
  --footer-menu--color-label: var(--neutral-12);
  --footer-menu--item--color: var(--neutral-12);
  --heading--color-secondary: var(--neutral-11);
  --link-button--font-family: var(--button--font-family);
  --link-button--font-weight: var(--button--font-weight);
  --mobile-menu--item--color: var(--neutral-12);
  --mobile-menu--padding-dot: 2px;
  --ordered-list--column-gap: 8px;
  --popup--max-width-content: 38rem;
  --section--bg-color-accent: var(--brand-7);
  --section--layout--row-gap: 56px;
  --select--content--padding: 8px;
  --select--content--spacing: 4px;
  --sheet--backdrop-bg-color: var(--overlay-7);
  --sheet--content--bg-color: var(--neutral-0);
  --sheet--content--rounding: 18px;
  --team-member--color-label: var(--neutral-inverted-12);
  --testimonial--color-quote: var(--neutral-12);
  --testimonial--size-avatar: 5rem;
  --theme-card--border-color: transparent;
  --theme-card--border-width: 0px;
  --theme-card--color-button: var(--neutral-0);
  --theme-card--spacing-text: 8px;
  --toast--bg-color-critical: var(--critical-2);
  --top-menu--item--rounding: 8px;
  --transition-duration-base: 100ms;
  --annotation--outline-color: var(--brand-8);
  --annotation--typing--color: var(--neutral-12);
  --benefit-card--size-corner: 50px;
  --block-heading--margin-top: 16px;
  --block-image--border-color: var(--neutral-3);
  --block-image--border-width: 1px;
  --button-tertiary--bg-color: var(--neutral-3);
  --card--transition-duration: 4;
  --card--transition-function: ease;
  --card--translate-y_initial: 40px;
  --checkbox--bg-color_active: var(--neutral-2);
  --checkbox--indicator--size: 1rem;
  --dialog--backdrop-bg-color: var(--overlay-8);
  --dialog--content--bg-color: var(--neutral-0);
  --dialog--content--rounding: 14px;
  --field--container--spacing: 2px;
  --field--label--font-family: var(--font-family-sans);
  --field--label--font-weight: var(--font-weight-medium);
  --footer-menu--border-color: var(--neutral-7);
  --footer-menu--border-width: 1px;
  --footer-menu--row-gap-list: 4px;
  --header-config--column-gap: 8px;
  --letter-spacing-4xl-mobile: 0rem;
  --letter-spacing-5xl-mobile: 0rem;
  --letter-spacing-6xl-mobile: 0rem;
  --link--transition-duration: 150ms;
  --link--transition-function: ease;
  --link--underline-thickness: 1px;
  --link-layer--outline-color: var(--brand-8);
  --link-layer--outline-width: 2px;
  --list-item--color-inverted: var(--neutral-inverted-11);
  --mobile-menu--item--height: 3.5rem;
  --mobile-menu--row-gap-list: 8px;
  --multi-form--step--padding: 2px;
  --multi-form--step--spacing: 24px;
  --paragraph--color-inverted: var(--neutral-inverted-11);
  --popover--content--padding: 8px;
  --popup--bg-color-alternate: var(--section--bg-color-alternate);
  --popup--translate-x-button: 50%;
  --popup--translate-y-button: -50%;
  --section--padding-vertical: 120px;
  --section-hero--padding-top: 3rem;
  --section-separator--height: 100px;
  --select--content--bg-color: var(--neutral-0);
  --select--content--rounding: 6px;
  --sheet--content--max-width: 26rem;
  --tagline--padding-vertical: 0px;
  --testimonial--border-color: transparent;
  --testimonial--border-width: 1px;
  --testimonial--padding-user: 16px;
  --theme-card--color-heading: var(--neutral-12);
  --theme-card--image-overlay: var(--overlay-4);
  --theme-card--scale_hovered: 1.05;
  --tooltip--padding-vertical: 8px;
  --tooltip--paragraph--color: var(--neutral-0);
  --top-menu--item--font-size: var(--font-size-md);
  --top-menu--item--icon-size: 1.25rem;
  --annotation--bg-color-franz: var(--highlight-5);
  --attention-marker--bg-color: var(--accent-9);
  --banner--bg-color-alternate: var(--neutral-3);
  --banner--button-inset-right: 16px;
  --banner--padding-horizontal: calc(40px + var(--banner--button-height));
  --benefit-card--spacing-text: 16px;
  --block-icon--color-inverted: var(--neutral-inverted-12);
  --block-rich-text--max-width: 85ch;
  --block-split-view--rounding: 12px;
  --blockquote--color-inverted: var(--brand-4);
  --button-secondary--bg-color: var(--neutral-3);
  --card--link-layer--rounding: var(--card--rounding);
  --checkbox--bg-color-checked: var(--brand-10);
  --checkbox--bg-color_hovered: var(--neutral-2);
  --dialog--content--max-width: 26rem;
  --field--container--bg-color: var(--neutral-3);
  --field--container--rounding: 6px;
  --field--label--color-strong: var(--neutral-12);
  --field--transition-duration: var(--block-heading--transition-duration);
  --field--transition-function: ease;
  --field--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--padding-dot: 2px;
  --header-config--size-button: 2.125rem;
  --highlighted-text--rotate-z: 0deg;
  --link-button--outline-color: var(--button--outline-color);
  --link-button--outline-width: var(--button--outline-width);
  --link-button--scale_hovered: var(--button--scale_hovered);
  --link-button-primary--color: var(--button-primary--color);
  --link-layer--outline-offset: 1px;
  --loader--animation-duration: 1000ms;
  --mobile-menu--bg-color-zeno: var(--neutral-12);
  --popover--content--bg-color: var(--neutral-0);
  --popover--content--rounding: 6px;
  --radio-group--item--spacing: 8px;
  --section-hero--bg-color-end: var(--neutral-3);
  --section-hero--row-gap-text: 16px;
  --testimonial--bg-color-line: var(--neutral-3);
  --testimonial--bg-color-user: var(--overlay-2);
  --theme-card--rounding-image: 8px;
  --toast--transition-duration: 250ms;
  --toast--transition-function: ease;
  --toast--translate-y_closing: -16px;
  --toast--translate-y_initial: 16px;
  --top-menu--item--column-gap: 8px;
  --top-menu--popover--padding: 8px;
  --annotation--rounding-avatar: 4px;
  --auto-grid--item--column-gap: 16px;
  --benefit-card--outline-color: var(--brand-8);
  --benefit-card--outline-width: 2px;
  --block-split-view--size-icon: 24px;
  --button--transition-duration: 200ms;
  --button--transition-function: ease;
  --button-ghost--bg-color_open: var(--overlay-2);
  --button-ghost--scale_hovered: 1;
  --card--border-color-inverted: var(--neutral-inverted-6);
  --card--link-layer--size-icon: 28px;
  --checkbox--bg-color-inverted: var(--overlay-inverted-3);
  --code--border-color-inverted: var(--brand-8);
  --dialog--content--scale_open: 1;
  --field--label--color_focused: var(--neutral-12);
  --footer-menu--item--rounding: 0px;
  --header-config--color_active: var(--neutral-12);
  --header-simple--border-color: var(--neutral-6);
  --header-simple--border-width: 1px;
  --link--color-inverted_active: var(--brand-6);
  --link-button--outline-offset: var(--button--outline-offset);
  --link-button--text-transform: var(--button--text-transform);
  --mobile-menu--bg-color-mango: var(--header-config--bg-color-mango);
  --mobile-menu--color-controls: var(--neutral-12);
  --mobile-menu--item--bg-color: transparent;
  --mobile-menu--item--rounding: 8px;
  --popup--bg-color-highlighted: var(--section--bg-color-highlighted);
  --radio-group--item--bg-color: var(--neutral-0);
  --radio-group--item--rounding: 9999px;
  --section--bg-color-alternate: var(--neutral-1);
  --section--layout--column-gap: 32px;
  --section--padding-horizontal: var(--page-padding);
  --section-separator--bg-color: var(--brand-7);
  --select--content--scale_open: 1;
  --slider--thumb-outline-color: var(--brand-8);
  --slider--thumb-outline-width: 2px;
  --tagline--link-layer_hovered: var(--overlay-2);
  --tagline--padding-horizontal: 0px;
  --team-member--bg-color-label: var(--neutral-inverted-0);
  --team-member--rounding-inner: 16px;
  --testimonial--spacing-avatar: 16px;
  --theme-card--bg-color-button: var(--neutral-12);
  --theme-card--clip-path-image: polygon(0 0, calc(100% - 35px) 0, 100% 35px, 100% 100%, 0 100%);
  --theme-card--rounding-button: 8px;
  --toast--border-color-success: var(--success-8);
  --toast--border-color-warning: var(--warning-8);
  --tooltip--padding-horizontal: 12px;
  --top-menu--min-width-popover: 10rem;
  --top-menu--popover--bg-color: var(--neutral-0);
  --top-menu--popover--rounding: 14px;
  --annotation--border-color-max: var(--accent-10);
  --banner--bg-color-highlighted: var(--neutral-inverted-2);
  --benefit-card--color-inverted: var(--neutral-inverted-12);
  --block-benefits--border-color: var(--neutral-4);
  --block-image--max-width-small: 320px;
  --blockquote--padding-vertical: 8px;
  --field--container--icon--size: 1.25rem;
  --field--hints--message--color: var(--neutral-10);
  --field--label--color-critical: var(--critical-9);
  --field--label--color-inverted: var(--neutral-3);
  --field--label--color-optional: var(--neutral-10);
  --field--label--padding-bottom: 8px;
  --header-config--outline-color: var(--neutral-12);
  --header-config--outline-width: 2px;
  --link--color-inverted_hovered: var(--brand-7);
  --link--color-underline_active: var(--brand-11);
  --link--outline-color-inverted: var(--neutral-inverted-12);
  --link-button-secondary--color: var(--button-secondary--color);
  --mobile-menu--height-controls: var(--button--height);
  --mobile-menu--item--icon-size: 1.25rem;
  --popover--content--scale_open: 1;
  --popup--border-color_inverted: var(--neutral-inverted-5);
  --section--shadow-color-accent: var(--brand-12);
  --section-hero--bg-color-start: var(--neutral-0);
  --section-hero--rounding-image: 14px;
  --section-hero--row-gap-layout: 0px;
  --select--content--item--color: var(--neutral-12);
  --sheet--content--border-color: var(--neutral-6);
  --sheet--content--border-width: 1px;
  --sheet--content--opacity_open: 1;
  --slider--thumb-outline-offset: 1px;
  --testimonial--color-secondary: var(--neutral-11);
  --testimonial--rounding-avatar: 6px;
  --toast--border-color-critical: var(--critical-8);
  --top-menu--item--outine-width: 2px;
  --benefit-card--color-secondary: var(--neutral-11);
  --block-icon--bg-color-inverted: var(--overlay-inverted-3);
  --block-image--max-width-medium: 640px;
  --blockquote--bg-color-inverted: var(--overlay-inverted-2);
  --button-primary--bg-color_open: var(--neutral-11);
  --checkbox-group--item--padding: 0px;
  --checkbox-group--item--spacing: 8px;
  --dialog--content--border-color: var(--neutral-6);
  --dialog--content--border-width: 1px;
  --dialog--content--opacity_open: 1;
  --dialog--content--scale_closed: 0.9;
  --field--container--icon--color: var(--neutral-12);
  --field-multiline--input--color: var(--field--container--input--color);
  --field-secret--toggle--padding: 6px;
  --footer-menu--column-gap-label: 8px;
  --header-config--bg-color-mango: oklch(70.5% 0.1926 39.23);
  --header-config--color-inverted: var(--neutral-inverted-12);
  --header-simple--logo-max-width: 140px;
  --link--color-underline_hovered: var(--brand-8);
  --link-button-primary--bg-color: var(--button-primary--bg-color);
  --mobile-menu--item--column-gap: var(--button--spacing);
  --mobile-menu--padding-controls: 4px;
  --popup--max-width-content-wide: 44rem;
  --section--bg-color-highlighted: var(--neutral-inverted-0);
  --section-cta--height-separator: 16px;
  --select--content--border-color: var(--neutral-6);
  --select--content--border-width: 1px;
  --select--content--item--height: 2.5rem;
  --select--content--opacity_open: 1;
  --select--content--scale_closed: 0.95;
  --sheet--content--body--padding: 16px;
  --testimonial--font-family-link: var(--font-family-sans);
  --top-menu--item--bg-color_open: var(--overlay-2);
  --top-menu--item--outline-color: var(--brand-8);
  --top-menu--transition-duration: var(--section-hero-home--transition-duration-short);
  --top-menu--transition-function: var(--section-hero-home--transition-function);
  --annotation--border-color-franz: var(--highlight-10);
  --benefit-card--padding-vertical: 40px;
  --benefit-card--size-corner-icon: 36px;
  --block-button-group--column-gap: 12px;
  --block-button-group--margin-top: 20px;
  --block-features--indicator-size: var(--line-height-lg);
  --block-split-view--color-handle: var(--neutral-12);
  --block-split-view--slider-color: var(--brand-8);
  --block-split-view--width-handle: 48px;
  --block-split-view--width-slider: 8px;
  --blockquote--padding-horizontal: 16px;
  --button--outline-color-inverted: var(--neutral-inverted-12);
  --button-ghost--bg-color_hovered: var(--overlay-2);
  --button-ghost--bg-color_pressed: var(--overlay-2);
  --button-primary--color-inverted: var(--neutral-12);
  --button-primary-critical--color: var(--neutral-0);
  --button-secondary--border-color: var(--neutral-5);
  --button-secondary--border-width: 1px;
  --button-tertiary--bg-color_open: var(--neutral-4);
  --card--border-color_highlighted: var(--neutral-6);
  --card--shadow-color_highlighted: var(--brand-6);
  --context-theme--translate-short: 0px;
  --context-theme--width-scrollbar: 8px;
  --dialog--content--body--padding: 16px;
  --dialog--content--body--row-gap: 32px;
  --dialog--content--scale_closing: 1;
  --field--container--icon--margin: 10px;
  --field--container--input--color: var(--neutral-12);
  --field-number--buttons--padding: 6px;
  --field-number--buttons--spacing: 4px;
  --field-secret--toggle--rounding: 4px;
  --footer-menu--font-weight-label: var(--font-weight-bold);
  --footer-menu--item--font-family: var(--font-family-sans);
  --footer-menu--item--font-weight: var(--font-weight-medium);
  --header-config--bg-color_active: var(--overlay-inverted-11);
  --header-config--rounding-button: 6px;
  --header-simple--button-bg-color: var(--neutral-0);
  --header-simple--button-rounding: 6px;
  --link--color-underline-inverted: var(--brand-7);
  --mobile-menu--bg-color-backdrop: var(--neutral-12);
  --mobile-menu--bg-color-controls: var(--overlay-inverted-8);
  --mobile-menu--column-gap-header: 8px;
  --mobile-menu--item--font-family: var(--font-family-sans);
  --mobile-menu--item--font-weight: var(--font-weight-medium);
  --mobile-menu--rounding-controls: var(--button--rounding);
  --popover--content--border-color: var(--neutral-6);
  --popover--content--border-width: 1px;
  --popover--content--scale_closed: 0.95;
  --radio-group--item--label-color: var(--neutral-12);
  --section-cta--spacing-separator: 10px;
  --section-hero--height-separator: var(--section-separator--height);
  --section-hero--min-height-image: 240px;
  --section-hero--transition-delay: 4;
  --section-hero-home--padding-top: 3rem;
  --select--content--item--padding: 12px;
  --select--content--item--spacing: 8px;
  --sheet--content--opacity_closed: 0;
  --tagline--border-color-inverted: var(--neutral-0);
  --team-member--font-weight-label: var(--font-weight-medium);
  --testimonial--bg-color-inverted: var(--overlay-10);
  --theme-card--border-color-image: transparent;
  --theme-card--border-width-image: 0px;
  --top-menu--item--color_inverted: var(--neutral-inverted-12);
  --top-menu--item--text-transform: none;
  --accordion--item--content--color: var(--neutral-12);
  --accordion--item--trigger--color: var(--neutral-inverted-12);
  --benefit-card--color-description: var(--neutral-12);
  --block-features--indicator-color: var(--neutral-11);
  --block-split-view--color-caption: var(--neutral-inverted-12);
  --block-split-view--height-handle: 40px;
  --block-split-view--offset-slider: 8px;
  --block-split-view--outline-color: var(--brand-2);
  --block-split-view--outline-width: 2px;
  --button--icon--correction-offset: -2px;
  --button-primary--bg-color_active: var(--neutral-11);
  --button-secondary--bg-color_open: var(--neutral-2);
  --button-tertiary--color-inverted: var(--neutral-0);
  --card--bg-color-inverted_hovered: var(--overlay-inverted-1);
  --card--transition-duration-hover: 1.5;
  --checkbox--border-color-inverted: var(--neutral-9);
  --dialog--content--opacity_closed: 0;
  --field--button--bg-color_hovered: var(--neutral-2);
  --field-multiline--input--padding: 10px;
  --field-number--buttons--rounding: 4px;
  --header-config--bg-color_hovered: var(--overlay-inverted-7);
  --link-button-secondary--bg-color: var(--button-secondary--bg-color);
  --mobile-menu--bg-color-bluebacca: var(--header-config--bg-color-bluebacca);
  --mobile-menu--rounding-theme-dot: 9999px;
  --radio-group--item--border-color: var(--neutral-6);
  --radio-group--item--border-width: 1px;
  --section--shadow-color-alternate: var(--neutral-12);
  --section-cta--bg-color-separator: var(--brand-7);
  --section-general--row-gap-column: 12px;
  --section-hero--column-gap-layout: 32px;
  --section-hero-home--bg-color-end: var(--neutral-3);
  --section-hero-home--row-gap-text: 16px;
  --section-hero-legal--padding-top: 3rem;
  --select--content--item--rounding: 6px;
  --select--content--opacity_closed: 0;
  --sheet--content--footer--padding: 16px;
  --sheet--content--footer--spacing: 8px;
  --sheet--content--header--padding: 16px;
  --sheet--content--header--spacing: 8px;
  --team-member--border-color-label: var(--neutral-inverted-6);
  --team-member--border-width-label: 1px;
  --theme-card--transition-duration: 250ms;
  --theme-card--transition-function: ease;
  --theme-card--translate-y_hovered: -4px;
  --toast-wrapper--max-width-region: 360px;
  --tooltip--paragraph--font-weight: var(--font-weight-medium);
  --top-menu--item--bg-color_active: var(--overlay-2);
  --top-menu--popover--border-color: var(--neutral-5);
  --top-menu--popover--border-width: 1px;
  --benefit-card--padding-horizontal: 32px;
  --block-image--transition-duration: var(--block-heading--transition-duration);
  --block-image--transition-function: var(--block-heading--transition-function);
  --block-image--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--outline-offset: 0px;
  --button-primary--bg-color_hovered: var(--neutral-12);
  --button-secondary--color-inverted: var(--neutral-0);
  --button-secondary-critical--color: var(--critical-11);
  --button-tertiary--bg-color_active: var(--neutral-3);
  --card--link-layer--size-indicator: 70px;
  --checkbox--bg-color-indeterminate: var(--brand-10);
  --checkbox--outline-color-inverted: var(--brand-8);
  --collapsible--transition-duration: 150ms;
  --collapsible--transition-function: ease;
  --dialog--content--footer--padding: 16px;
  --dialog--content--footer--spacing: 8px;
  --dialog--content--header--padding: 16px;
  --dialog--content--header--spacing: 8px;
  --field--container--input--padding: 10px;
  --field--hints--message--font-size: var(--font-size-sm);
  --footer-menu--item--outline-color: var(--brand-8);
  --footer-menu--item--outline-width: 2px;
  --header-config--bg-color-inverted: var(--overlay-inverted-2);
  --link--transition-duration_active: 20ms;
  --link-button--transition-duration: var(--button--transition-duration);
  --link-button--transition-function: var(--button--transition-function);
  --mobile-menu--column-gap-controls: 4px;
  --mobile-menu--item--bg-color_open: var(--overlay-1);
  --mobile-menu--transition-function: ease;
  --page-main--frame--header--height: 4.5rem;
  --radio-group--item--outline-color: var(--brand-8);
  --radio-group--item--outline-width: 2px;
  --section--padding-vertical-mobile: 80px;
  --section-hero--border-color-image: var(--neutral-6);
  --section-hero--border-width-image: 1px;
  --section-hero--margin-top-buttons: 40px;
  --section-hero-legal--spacing-text: 16px;
  --sheet--content--translate-y_open: 0px;
  --testimonial--bg-color-inverted-2: var(--overlay-inverted-2);
  --testimonial--color-user-inverted: var(--neutral-inverted-10);
  --toast--transition-duration_close: 150ms;
  --top-menu--item--bg-color_current: var(--brand-7);
  --top-menu--item--bg-color_hovered: var(--overlay-2);
  --accordion--item--content--padding: 16px;
  --accordion--item--trigger--padding: 16px;
  --benefit-card--padding-corner-icon: 6px;
  --benefit-card--padding-description: 28px;
  --benefit-card--transition-duration: 300ms;
  --benefit-card--transition-function: ease;
  --benefit-card--translate-y_hovered: -4px;
  --block-icon--border-color-inverted: transparent;
  --block-split-view--rounding-handle: 12px;
  --block-split-view--rounding-slider: 0px;
  --blockquote--border-color-inverted: var(--brand-4);
  --button-primary--bg-color-inverted: var(--neutral-0);
  --button-primary-critical--bg-color: var(--critical-9);
  --button-secondary--bg-color_active: var(--neutral-1);
  --button-tertiary--bg-color_hovered: var(--neutral-4);
  --card--link-layer--color-indicator: var(--neutral-11);
  --checkbox--bg-color-checked_active: var(--brand-9);
  --checkbox-group--item--label-color: var(--neutral-12);
  --dialog--content--translate-y_open: 0px;
  --field--label--transition-duration: 150ms;
  --field--label--transition-function: ease;
  --field-multiline--input--font-size: var(--font-size-md);
  --field-multiline--padding-vertical: calc((var(--field--container--height) - var(--field-multiline--input--line-height))/ 2);
  --footer-menu--item--outline-offset: 1px;
  --form--footer--button-back--height: 3rem;
  --form--footer--transition-duration: var(--block-heading--transition-duration);
  --form--footer--transition-function: var(--block-heading--transition-function);
  --form--footer--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--bg-color-bluebacca: oklch(69.6% 0.1288 239.6);
  --header-config--rounding-container: 10px;
  --header-config--rounding-theme-dot: 9999px;
  --highlighted-text--underline-color: var(--brand-8);
  --highlighted-text--width-underline: 6px;
  --page-main--frame--footer--row-gap: 16px;
  --popup--outline-color-button-close: var(--brand-8);
  --radio-group--item--indicator-size: 0.75rem;
  --radio-group--item--outline-offset: 1px;
  --section--shadow-color-highlighted: var(--neutral-12);
  --section-hero--scale-image_initial: 0.90;
  --section-hero--transition-duration: 9;
  --section-hero--transition-function: ease;
  --section-hero-home--bg-color-start: var(--neutral-0);
  --sheet--content--body--text--color: var(--neutral-12);
  --testimonial--color-quote-inverted: var(--neutral-inverted-12);
  --tooltip--transition-duration-open: 250ms;
  --accordion--item--content--bg-color: var(--neutral-0);
  --accordion--item--content--rounding: 2px;
  --accordion--item--trigger--bg-color: var(--neutral-inverted-2);
  --accordion--item--trigger--rounding: 2px;
  --benefit-card--bg-color-description: var(--neutral-1);
  --block-heading--transition-duration: 400ms;
  --block-heading--transition-function: ease;
  --block-heading--translate-y_initial: 40px;
  --block-image--border-color-inverted: var(--neutral-inverted-3);
  --block-split-view--bg-color-caption: var(--overlay-12);
  --button--transition-duration_active: 20ms;
  --button-secondary--bg-color_hovered: var(--neutral-3);
  --button-tertiary--bg-color-inverted: var(--overlay-inverted-3);
  --checkbox--bg-color-checked_hovered: var(--brand-9);
  --checkbox--bg-color-inverted_active: var(--overlay-inverted-4);
  --dialog--content--body--text--color: var(--neutral-12);
  --field--button--outline-color-error: var(--critical-9);
  --field--container--bg-color_focused: var(--neutral-2);
  --field--container--bg-color_hovered: var(--neutral-2);
  --field--container--input--font-size: var(--font-size-md);
  --field--hints--error-message--color: var(--critical-9);
  --field--hints--message--font-family: var(--font-family-sans);
  --field--hints--message--font-weight: var(--font-weight-regular);
  --field--hints--message--line-height: var(--line-height-sm);
  --highlighted-text--bottom-underline: 4px;
  --mobile-menu--color-controls_active: var(--neutral-12);
  --mobile-menu--item--bg-color_active: var(--overlay-1);
  --mobile-menu--size-dot-theme-button: 1rem;
  --page-main--frame--footer--bg-color: var(--neutral-0);
  --page-main--frame--header--bg-color: var(--section--bg-color);
  --popover--content--translate-top-in: 8px;
  --presentation--outline-color-button: var(--brand-8);
  --radio-group--item--bg-color_active: var(--neutral-2);
  --section--layout--column--min-width: 16rem;
  --section-general--column-gap-column: 32px;
  --sheet--content--footer--margin-top: 1rem;
  --sheet--content--translate-y_closed: 100%;
  --testimonial--border-color-inverted: transparent;
  --testimonial--company-button-height: 2rem;
  --theme-card--bg-color-button_active: var(--neutral-11);
  --toast-wrapper--transition-duration: 150ms;
  --toast-wrapper--transition-function: ease;
  --top-menu--item--padding-horizontal: 16px;
  --top-menu--transition-duration-long: 1000ms;
  --top-menu--translate-x-list_initial: -25%;
  --top-menu--translate-x-logo_initial: -25%;
  --annotation--typing--animation-delay: 200ms;
  --block-split-view--width-slider-area: 40px;
  --blocks--item--margin-top-additional: 20px;
  --button-secondary--bg-color-inverted: var(--overlay-inverted-2);
  --button-secondary-critical--bg-color: var(--critical-2);
  --card--footer--button-group--spacing: 16px;
  --card--link-layer--padding-indicator: 8px;
  --checkbox--bg-color-checked-inverted: var(--neutral-0);
  --checkbox--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --context-theme--bg-color-highlighted: var(--neutral-inverted-0);
  --dialog--content--footer--margin-top: 0rem;
  --dialog--content--translate-y_closed: 24px;
  --field--container--bg-color-inverted: var(--overlay-inverted-3);
  --field-multiline--input--font-family: var(--font-family-sans);
  --field-multiline--input--font-weight: var(--font-weight-regular);
  --field-multiline--input--line-height: var(--line-height-md);
  --field-search--button-clear--padding: 6px;
  --footer-menu--item--bg-color_hovered: var(--overlay-2);
  --footer-menu--item--padding-vertical: 8px;
  --footer-menu--padding-vertical-label: 12px;
  --form--footer--button-submit--height: 3rem;
  --header-simple--button-outline-color: var(--brand-8);
  --header-simple--button-outline-width: 2px;
  --link-button--outline-color-inverted: var(--button--outline-color-inverted);
  --link-button-primary--color-inverted: var(--button-primary--color-inverted);
  --link-button-secondary--border-color: var(--button-secondary--border-color);
  --link-button-secondary--border-width: var(--button-secondary--border-width);
  --popover--content--translate-top-out: 8px;
  --radio-group--item--bg-color_hovered: var(--neutral-4);
  --section-hero-home--device--bg-color: #383838;
  --section-hero-home--device--progress: 0;
  --section-hero-home--transition-delay: 3;
  --select--content--translate-y_closed: 8px;
  --team-member--padding-vertical-label: 4px;
  --testimonial--bg-color-line-inverted: var(--neutral-inverted-3);
  --testimonial--bg-color-user-inverted: var(--overlay-inverted-2);
  --testimonial--company-button-padding: 8px;
  --theme-card--bg-color-button_hovered: var(--neutral-12);
  --top-menu--item--transition-duration: 200ms;
  --top-menu--item--transition-function: ease;
  --accordion--item--transition-duration: var(--block-heading--transition-duration);
  --accordion--item--transition-function: var(--block-heading--transition-function);
  --accordion--item--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-rich-text--transition-duration: var(--block-heading--transition-duration);
  --block-rich-text--transition-function: var(--block-heading--transition-function);
  --block-rich-text--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--bg-color-indicator: var(--brand-8);
  --card--link-layer--bg-color-indicator: var(--overlay-2);
  --context-theme--color-scrollbar-thumb: var(--neutral-inverted-9);
  --context-theme--color-scrollbar-track: var(--neutral-inverted-2);
  --dialog--content--translate-y_closing: 0px;
  --field--button--outline-color_focused: var(--neutral-12);
  --field--button--outline-color_hovered: var(--neutral-6);
  --field--button--outline-width_focused: 2px;
  --field--button--outline-width_hovered: 1px;
  --field--container--input--font-family: var(--font-family-sans);
  --field--container--input--font-weight: var(--font-weight-regular);
  --field--label--color-inverted_focused: var(--neutral-0);
  --field-search--button-clear--rounding: 4px;
  --header-config--color_active-inverted: var(--neutral-inverted-12);
  --header-config--size-dot-theme-button: 1rem;
  --header-simple--button-outline-offset: 1px;
  --link-button--icon--correction-offset: var(--button--icon--correction-offset);
  --link-button-primary--bg-color_active: var(--button-primary--bg-color_active);
  --page-main--frame--button-menu--color: var(--neutral-12);
  --page-main--frame--footer--color-logo: var(--neutral-3);
  --page-main--frame--footer--column-gap: 36px;
  --radio-group--item--bg-color-inverted: var(--overlay-inverted-3);
  --section-hero-legal--transition-delay: 300ms;
  --select--content--item--outline-color: var(--brand-8);
  --select--content--item--outline-width: 2px;
  --select--content--transition-function: ease-out;
  --sheet--content--header--button--size: 2rem;
  --sheet--content--header--title--color: var(--neutral-12);
  --testimonial--color-quote_highlighted: var(--brand-11);
  --top-menu--popover--bg-color_inverted: var(--neutral-inverted-0);
  --block-benefits--border-color-inverted: var(--neutral-inverted-4);
  --block-split-view--translate-x_initial: -140px;
  --dialog--content--header--button--size: 2rem;
  --dialog--content--header--title--color: var(--neutral-12);
  --field--container--outline-color-error: var(--critical-9);
  --field--container--transition-duration: 150ms;
  --field--container--transition-function: ease;
  --field--hints--message--color-inverted: var(--neutral-3);
  --field--label--color-critical-inverted: var(--critical-7);
  --field--label--color-optional-inverted: var(--neutral-6);
  --footer-menu--item--padding-horizontal: 12px;
  --header-config--outline-color-inverted: var(--neutral-inverted-12);
  --link--color-underline-inverted_active: var(--brand-8);
  --link-button-primary--bg-color_hovered: var(--button-primary--bg-color_hovered);
  --link-button-secondary--color-inverted: var(--button-secondary--color-inverted);
  --mobile-menu--bg-color-controls_active: var(--overlay-inverted-10);
  --mobile-menu--item--padding-horizontal: 16px;
  --mobile-menu--transition-duration_open: 300ms;
  --page-main--frame--button-menu--height: 3.25rem;
  --popover--content--translate-bottom-in: -8px;
  --popup--bg-color-highlighted-alternate: var(--section--bg-color-highlighted-alternate);
  --radio-group--item--indicator-bg-color: var(--brand-10);
  --radio-group--item--indicator-rounding: 9999px;
  --section-hero-home--margin-top-buttons: 40px;
  --section-separator--translate-x_inital: 200px;
  --select--content--item--outline-offset: 1px;
  --team-member--padding-horizontal-label: 12px;
  --testimonial--border-color_highlighted: var(--brand-7);
  --testimonial--color-secondary-inverted: var(--neutral-inverted-11);
  --accordion--item--content--border-color: var(--neutral-inverted-3);
  --accordion--item--content--border-width: 1px;
  --annotation--typing--animation-duration: 1600ms;
  --banner--bg-color-highlighted-alternate: var(--neutral-inverted-3);
  --benefit-card--bg-color-overlay_hovered: var(--overlay-inverted-1);
  --benefit-card--color-secondary-inverted: var(--neutral-inverted-11);
  --block-split-view--border-color-caption: var(--neutral-inverted-5);
  --block-split-view--border-width-caption: 2px;
  --button-primary--bg-color-inverted_open: var(--neutral-3);
  --button-primary-critical--bg-color_open: var(--critical-10);
  --button-secondary--border-color_hovered: var(--neutral-6);
  --field--container--icon--color-inverted: var(--neutral-0);
  --field--hints--error-message--font-size: var(--font-size-sm);
  --field-multiline--input--color-inverted: var(--field--container--input--color-inverted);
  --footer-menu--item--transition-duration: 200ms;
  --footer-menu--item--transition-function: ease;
  --header-config--roundin-popover-content: 6px;
  --header-simple--button-padding-vertical: 4px;
  --link--color-underline-inverted_hovered: var(--brand-8);
  --link-button-primary--bg-color-inverted: var(--button-primary--bg-color-inverted);
  --link-button-secondary--bg-color_active: var(--button-secondary--bg-color_active);
  --page-main--frame--header--border-width: 1px;
  --popover--content--translate-bottom-out: -8px;
  --section-hero--translate-y-text_initial: 120px;
  --section-hero-home--transition-function: ease;
  --section-hero-legal--margin-top-buttons: 40px;
  --top-menu--item--bg-color_open-inverted: var(--overlay-inverted-2);
  --top-menu--popover--translate-y_initial: 16px;
  --block-button-group--transition-duration: var(--block-heading--transition-duration);
  --block-button-group--transition-function: var(--block-heading--transition-function);
  --block-button-group--translate-y_initial: var(--block-heading--translate-y_initial);
  --button-secondary--border-color-inverted: var(--neutral-inverted-5);
  --button-secondary-critical--border-color: var(--critical-6);
  --button-secondary-critical--border-width: 1px;
  --button-tertiary--bg-color-inverted_open: var(--overlay-inverted-4);
  --card--border-color-inverted_highlighted: var(--neutral-inverted-6);
  --card--shadow-color-inverted_highlighted: var(--brand-8);
  --checkbox--bg-color-indeterminate_active: var(--brand-9);
  --field--container--input--color-inverted: var(--neutral-0);
  --field--container--outline-color_focused: var(--neutral-12);
  --field--container--outline-color_hovered: var(--neutral-6);
  --field--container--outline-width_focused: 2px;
  --field--container--outline-width_hovered: 1px;
  --header-config--bg-color_active-inverted: var(--overlay-inverted-4);
  --link-button--transition-duration_active: var(--button--transition-duration_active);
  --link-button-secondary--bg-color_hovered: var(--button-secondary--bg-color_hovered);
  --mobile-menu--transition-duration_closed: 300ms;
  --page-main--frame--button-menu--bg-color: var(--neutral-0);
  --page-main--frame--button-menu--rounding: 9999px;
  --radio-group--item--label-color-inverted: var(--neutral-0);
  --section--bg-color-highlighted-alternate: var(--neutral-inverted-2);
  --section-hero--transition-duration-image: 12;
  --section-hero--translate-y-image_initial: 60px;
  --section-hero-legal--transition-duration: 6;
  --section-hero-legal--transition-function: ease;
  --select--content--item--bg-color_checked: var(--overlay-2);
  --select--content--item--bg-color_focused: var(--brand-4);
  --accordion--item--content--color-inverted: var(--neutral-inverted-12);
  --accordion--item--trigger--color-inverted: var(--neutral-inverted-12);
  --accordion--item--trigger--text-transform: none;
  --block-features--indicator-color-inverted: var(--neutral-inverted-11);
  --button-primary--bg-color-inverted_active: var(--neutral-2);
  --button-primary-critical--bg-color_active: var(--critical-10);
  --button-secondary--bg-color-inverted_open: var(--overlay-inverted-3);
  --checkbox--bg-color-indeterminate_hovered: var(--brand-9);
  --context-theme--roundness-scrollbar-thumb: 2px;
  --context-theme--roundness-scrollbar-track: 0px;
  --field--button--bg-color-inverted_hovered: var(--overlay-inverted-4);
  --field--hints--error-message--font-family: var(--font-family-sans);
  --field--hints--error-message--font-weight: var(--font-weight-regular);
  --field--hints--error-message--line-height: var(--line-height-sm);
  --header-config--bg-color_hovered-inverted: var(--overlay-inverted-2);
  --header-simple--button-padding-horizontal: 8px;
  --link-button-secondary--bg-color-inverted: var(--button-secondary--bg-color-inverted);
  --page-main--frame--button-menu--font-size: var(--button--font-size);
  --page-main--frame--footer--min-width-menu: 12rem;
  --radio-group--item--border-color-inverted: var(--neutral-9);
  --section-hero-home--device--scale_initial: 0.85;
  --section-hero-home--device--switch--width: 7rem;
  --sheet--backdrop-transition-duration_open: 340ms;
  --sheet--backdrop-transition-function_open: ease;
  --sheet--content--header--button--bg-color: var(--neutral-1);
  --sheet--content--header--title--font-size: var(--font-size-xl);
  --sheet--content--transition-duration_open: 260ms;
  --sheet--content--transition-function_open: ease;
  --top-menu--item--bg-color_active-inverted: var(--overlay-inverted-2);
  --top-menu--popover--border-color_inverted: var(--neutral-inverted-5);
  --button-primary--bg-color-inverted_hovered: var(--neutral-4);
  --button-primary-critical--bg-color_hovered: var(--critical-9);
  --button-tertiary--bg-color-inverted_active: var(--overlay-inverted-4);
  --checkbox--bg-color-indeterminate-inverted: var(--neutral-0);
  --dialog--backdrop-transition-duration_open: 340ms;
  --dialog--backdrop-transition-function_open: ease;
  --dialog--content--header--button--bg-color: var(--neutral-1);
  --dialog--content--header--title--font-size: var(--font-size-xl);
  --dialog--content--transition-duration_open: 260ms;
  --dialog--content--transition-function_open: ease;
  --field-multiline--input--color-placeholder: var(--neutral-10);
  --mobile-menu--transition-duration-backdrop: 300ms;
  --page-main--frame--button-menu--column-gap: 8px;
  --page-main--frame--footer--color-paragraph: var(--neutral-11);
  --page-main--frame--header--bg-color-accent: var(--section--bg-color-highlighted);
  --radio-group--item--outline-color-inverted: var(--brand-8);
  --section-hero--translate-y-buttons_initial: 60px;
  --section-hero-home--device--switch--height: 4rem;
  --select--content--transition-duration_open: 150ms;
  --top-menu--item--bg-color_hovered-inverted: var(--overlay-inverted-3);
  --accordion--item--trigger--bg-color_hovered: var(--neutral-inverted-3);
  --block-split-view--padding-vertical-caption: 8px;
  --button-secondary--bg-color-inverted_active: var(--overlay-inverted-3);
  --button-secondary-critical--bg-color_active: var(--critical-2);
  --button-tertiary--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --card--footer--button-group__button--height: 3rem;
  --card--link-layer--color-indicator-inverted: var(--neutral-inverted-11);
  --checkbox--bg-color-checked-inverted_active: var(--neutral-1);
  --checkbox-group--item--label-color-inverted: var(--neutral-0);
  --page-main--frame--footer--padding-vertical: 40px;
  --page-main--frame--header--link-skip--color: var(--neutral-12);
  --page-main--frame--header--padding-vertical: 12px;
  --popover--content--transition-duration_open: 150ms;
  --popover--content--transition-function_open: ease;
  --section-hero-home--device--switch--padding: 4px;
  --sheet--backdrop-transition-duration_closed: 300ms;
  --sheet--backdrop-transition-function_closed: ease;
  --sheet--content--header--title--font-family: var(--font-family-sans);
  --sheet--content--header--title--font-weight: var(--font-weight-bold);
  --sheet--content--header--title--line-height: var(--line-height-xl);
  --sheet--content--transition-duration_closed: 200ms;
  --sheet--content--transition-function_closed: ease;
  --accordion--item--content--bg-color-inverted: var(--neutral-inverted-1);
  --accordion--item--trigger--bg-color-inverted: var(--neutral-inverted-5);
  --benefit-card--padding-description-container: 2px;
  --block-form--item--info--transition-duration: var(--block-heading--transition-duration);
  --block-form--item--info--transition-function: var(--block-heading--transition-function);
  --block-form--item--info--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--transition-duration-slide: 100ms;
  --block-split-view--transition-function-slide: linear;
  --button-secondary--bg-color-inverted_hovered: var(--overlay-inverted-2);
  --button-secondary-critical--bg-color_hovered: var(--critical-1);
  --checkbox--bg-color-checked-inverted_hovered: var(--neutral-2);
  --context-theme--color-scrollbar-thumb_active: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_active: var(--neutral-inverted-3);
  --dialog--backdrop-transition-duration_closed: 300ms;
  --dialog--backdrop-transition-function_closed: ease;
  --dialog--content--header--title--font-family: var(--font-family-sans);
  --dialog--content--header--title--font-weight: var(--font-weight-bold);
  --dialog--content--header--title--line-height: var(--line-height-xl);
  --dialog--content--transition-duration_closed: 200ms;
  --dialog--content--transition-function_closed: ease;
  --field--button--outline-color-error-inverted: var(--critical-8);
  --field--container--bg-color-inverted_focused: var(--overlay-inverted-3);
  --field--container--bg-color-inverted_hovered: var(--overlay-inverted-4);
  --field--hints--error-message--color-inverted: var(--critical-7);
  --link-button-secondary--border-color_hovered: var(--button-secondary--border-color_hovered);
  --page-main--frame--button-menu--border-color: transparent;
  --page-main--frame--button-menu--border-width: 1px;
  --radio-group--item--bg-color-inverted_active: var(--overlay-inverted-4);
  --section--shadow-color-highlighted-alternate: var(--neutral-12);
  --section-hero-home--device--switch--bg-color: var(--overlay-2);
  --section-hero-home--device--switch--rounding: 12px;
  --section-hero-home--padding-vertical-content: 64px;
  --section-hero-home--transition-duration-long: 12;
  --section-hero-home--translate-y-text_initial: 120px;
  --select--content--transition-duration_closed: 50ms;
  --top-menu--popover--transition-duration_open: 400ms;
  --block-split-view--padding-horizontal-caption: 12px;
  --card--footer--button-group__button--rounding: 6px;
  --card--link-layer--bg-color-indicator_hovered: var(--overlay-3);
  --context-theme--color-scrollbar-thumb_hovered: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_hovered: var(--neutral-inverted-3);
  --link-button-secondary--border-color-inverted: var(--button-secondary--border-color-inverted);
  --page-main--frame--header--bg-color-alternate: var(--section--bg-color);
  --popover--content--transition-duration_closed: 100ms;
  --popover--content--transition-function_closed: ease;
  --radio-group--item--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --section-hero-home--device--switch--size-icon: 1.5rem;
  --section-hero-home--transition-duration-short: 9;
  --section-hero-legal--padding-vertical-content: 48px;
  --section-hero-legal--translate-y-text_initial: 120px;
  --block-split-view--transition-duration-caption: 200ms;
  --card--link-layer--bg-color-indicator-inverted: var(--overlay-inverted-3);
  --field--button--outline-color-inverted_focused: var(--neutral-0);
  --link-button-primary--bg-color-inverted_active: var(--button-primary--bg-color-inverted_active);
  --page-main--frame--animation--translate-y_open: -60px;
  --page-main--frame--button-menu--padding-bottom: 24px;
  --page-main--frame--header--link-skip--rounding: 8px;
  --page-main--frame--header--transition-duration: 3;
  --page-main--frame--header--transition-function: ease;
  --page-main--frame--header--translate-y_initial: -10px;
  --section-hero-home--device--switch--color-icon: var(--neutral-12);
  --section-hero-home--device--switch--column-gap: 4px;
  --testimonial--color-quote-inverted_highlighted: var(--brand-7);
  --top-menu--popover--transition-duration_closed: 250ms;
  --block-split-view--transition-duration-slide-in: 600ms;
  --block-split-view--transition-function-slide-in: ease;
  --field--container--outline-color-error-inverted: var(--critical-8);
  --header-config--padding-horizontal-theme-button: 8px;
  --link-button-primary--bg-color-inverted_hovered: var(--button-primary--bg-color-inverted_hovered);
  --page-main--frame--footer--margin-top-copyright: 16px;
  --page-main--frame--header--bg-color-highlighted: var(--section--bg-color-highlighted);
  --page-main--frame--header--link-skip--font-size: var(--font-size-md);
  --radio-group--item--indicator-bg-color-inverted: var(--neutral-0);
  --section-hero-home--device--transition-duration: 400ms;
  --section-hero-home--device--transition-function: ease;
  --section-hero-home--device--translate-y_initial: 40%;
  --section-hero-home--translate-y-buttons_initial: 80px;
  --testimonial--border-color-inverted_highlighted: var(--brand-12);
  --accordion--item--content--border-color-inverted: var(--neutral-inverted-6);
  --button-secondary--border-color-inverted_hovered: var(--neutral-inverted-7);
  --button-secondary-critical--border-color_hovered: var(--critical-7);
  --link-button-secondary--bg-color-inverted_active: var(--button-secondary--bg-color-inverted_active);
  --page-main--frame--header--border-color_scrolled: var(--neutral-5);
  --page-main--frame--header--link-skip--margin-top: 16px;
  --section-hero-legal--translate-y-buttons_initial: 80px;
  --sheet--content--header--button--bg-color_active: var(--neutral-3);
  --checkbox--bg-color-indeterminate-inverted_active: var(--neutral-1);
  --field--container--outline-color-inverted_focused: var(--neutral-0);
  --field--container--outline-color-inverted_hovered: var(--neutral-8);
  --link-button-secondary--bg-color-inverted_hovered: var(--button-secondary--bg-color-inverted_hovered);
  --page-main--frame--animation--transition-duration: 300ms;
  --page-main--frame--animation--transition-function: ease;
  --page-main--frame--header--link-skip--font-family: var(--font-family-sans);
  --page-main--frame--header--link-skip--font-weight: var(--font-weight-medium);
  --page-main--frame--header--link-skip--line-height: var(--line-height-md);
  --section-hero-home--device--switch--rounding-item: 8px;
  --sheet--content--header--button--bg-color_hovered: var(--neutral-3);
  --card--footer--button-group__button--scale_hovered: 1 1 1;
  --checkbox--bg-color-indeterminate-inverted_hovered: var(--neutral-2);
  --dialog--content--header--button--bg-color_hovered: var(--neutral-3);
  --dialog--content--header--button--bg-color_pressed: var(--neutral-1);
  --mobile-menu--item--transition-duration-group_open: 300ms;
  --mobile-menu--item--transition-function-group_open: ease;
  --page-main--frame--button-menu--padding-horizontal: var(--page-padding);
  --accordion--item--trigger--transition-duration-icon: var(--accordion--item--content-wrapper-transition-duration);
  --accordion--item--trigger--transition-function-icon: var(--accordion--item--content-wrapper-transition-function);
  --field-multiline--input--color-placeholder-inverted: var(--neutral-8);
  --page-main--frame--button-menu--transition-duration: 300ms;
  --page-main--frame--button-menu--transition-function: ease;
  --page-main--frame--header--link-skip--outline-color: var(--brand-8);
  --page-main--frame--header--link-skip--outline-width: 2px;
  --accordion--item--trigger--bg-color-inverted_hovered: var(--neutral-inverted-7);
  --mobile-menu--item--transition-duration-group_closed: 200ms;
  --mobile-menu--item--transition-function-group_closed: ease;
  --page-main--frame--header--link-skip--color-inverted: var(--neutral-inverted-12);
  --accordion--item--content-wrapper-transition-duration: 250ms;
  --accordion--item--content-wrapper-transition-function: ease;
  --link-button-secondary--border-color-inverted_hovered: var(--button-secondary--border-color-inverted_hovered);
  --card--link-layer--bg-color-indicator-inverted_hovered: var(--overlay-inverted-4);
  --page-main--frame--header--link-skip--padding-vertical: 8px;
  --section-hero-home--device--switch--color-icon_pressed: var(--neutral-12);
  --section-hero-home--device--switch--outline-color-item: var(--brand-9);
  --section-hero-home--device--switch--outline-width-item: 2px;
  --page-main--frame--header--link-skip--padding-horizontal: 16px;
  --page-main--frame--button-menu--padding-horizontal-button: 20px;
  --page-main--frame--header--bg-color-highlighted-alternate: var(--section--bg-color-highlighted);
  --page-main--frame--header--border-color_scrolled-inverted: var(--neutral-inverted-5);
  --section-hero-home--device--switch--bg-color-item_hovered: var(--overlay-inverted-4);
  --section-hero-home--device--switch--bg-color-item_pressed: var(--overlay-inverted-8);
}
  
  @media (prefers-color-scheme: light) {
      :host, :root {
  --brand-1: oklch(99.4% 0.0032 280);
  --brand-2: oklch(98.1% 0.0116 280);
  --brand-3: oklch(96.1% 0.022 280);
  --brand-4: oklch(93.5% 0.0444 280);
  --brand-5: oklch(90.4% 0.0662 280);
  --brand-6: oklch(86.5% 0.0876 280);
  --brand-7: oklch(80.8% 0.1113 280);
  --brand-8: oklch(72.9% 0.1488 280);
  --brand-9: oklch(46.8% 0.2343 280);
  --accent-1: oklch(99.4% 0.0068 322.1);
  --accent-2: oklch(98.3% 0.0141 322.1);
  --accent-3: oklch(95.6% 0.0416 322.1);
  --accent-4: oklch(92.8% 0.0651 322.1);
  --accent-5: oklch(89.7% 0.0853 322.1);
  --accent-6: oklch(85.9% 0.1067 322.1);
  --accent-7: oklch(80.9% 0.1342 322.1);
  --accent-8: oklch(74.5% 0.1745 322.1);
  --accent-9: oklch(66.7% 0.2944 322.1);
  --brand-10: oklch(41.5% 0.2343 280);
  --brand-11: oklch(51% 0.2181 280);
  --brand-12: oklch(31.5% 0.1244 280);
  --accent-10: oklch(62.8% 0.2944 322.1);
  --accent-11: oklch(53.4% 0.2785 322.1);
  --accent-12: oklch(34.2% 0.1913 322.1);
  --neutral-0: oklch(100% 0% 68deg);
  --neutral-1: oklch(99.1% 0.0007 285.9);
  --neutral-2: oklch(98.2% 0.0016 285.9);
  --neutral-3: oklch(95.6% 0.0024 285.9);
  --neutral-4: oklch(93.1% 0.0033 285.9);
  --neutral-5: oklch(91% 0.0041 285.9);
  --neutral-6: oklch(88.7% 0.005 285.9);
  --neutral-7: oklch(85.3% 0.0064 285.9);
  --neutral-8: oklch(79.4% 0.0088 285.9);
  --neutral-9: oklch(64.4% 0.0089 285.9);
  --overlay-1: oklch(24% 2% 286deg / 4%);
  --overlay-2: oklch(24% 2% 286deg / 8%);
  --overlay-3: oklch(24% 2% 286deg / 12%);
  --overlay-4: oklch(24% 2% 286deg / 18%);
  --overlay-5: oklch(24% 2% 286deg / 30%);
  --overlay-6: oklch(24% 2% 286deg / 40%);
  --overlay-7: oklch(24% 2% 286deg / 50%);
  --overlay-8: oklch(24% 2% 286deg / 60%);
  --overlay-9: oklch(24% 2% 286deg / 90%);
  --shadow-lg: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 35%, transparent),     1.5px 3px 3.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     2.8px 5.7px 7.1px color-mix(in oklch, var(--shadow-color) 35%, transparent),     4.7px 9.4px 11.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     7.5px 15px 18.9px color-mix(in oklch, var(--shadow-color) 35%, transparent),     11.7px 23.4px 29.4px color-mix(in oklch, var(--shadow-color) 35%, transparent),     17.8px 35.6px 44.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     26.3px 52.5px 66.1px color-mix(in oklch, var(--shadow-color) 35%, transparent);
  --shadow-md: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 38%, transparent),     0.8px 1.7px 2.1px color-mix(in oklch, var(--shadow-color) 38%, transparent),     2.1px 4.2px 5.3px color-mix(in oklch, var(--shadow-color) 38%, transparent),     5.1px 10.3px 12.9px color-mix(in oklch, var(--shadow-color) 38%, transparent);
  --shadow-sm: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 36%, transparent),     0.4px 0.8px 1px color-mix(in oklch, var(--shadow-color) 36%, transparent),     1px 2.1px 2.6px color-mix(in oklch, var(--shadow-color) 36%, transparent);
  --success-1: oklch(99.4% 0.0064 160.2);
  --success-2: oklch(98.2% 0.0116 160.2);
  --success-3: oklch(96% 0.0291 160.2);
  --success-4: oklch(93.4% 0.0464 160.2);
  --success-5: oklch(90.1% 0.0657 160.2);
  --success-6: oklch(85.8% 0.088 160.2);
  --success-7: oklch(79.8% 0.1166 160.2);
  --success-8: oklch(71.6% 0.1589 160.2);
  --success-9: oklch(70.5% 0.1589 160.2);
  --warning-1: oklch(99.3% 0.0027 64.86);
  --warning-2: oklch(98.4% 0.0217 64.86);
  --warning-3: oklch(96.6% 0.0607 64.86);
  --warning-4: oklch(93.8% 0.0992 64.86);
  --warning-5: oklch(91% 0.1271 64.86);
  --warning-6: oklch(87.4% 0.1207 64.86);
  --warning-7: oklch(82.1% 0.1207 64.86);
  --warning-8: oklch(75.4% 0.1408 64.86);
  --warning-9: oklch(77.1% 0.1731 64.86);
  --critical-1: oklch(99.4% 0.0038 28.55);
  --critical-2: oklch(98.4% 0.0091 28.55);
  --critical-3: oklch(95.5% 0.0259 28.55);
  --critical-4: oklch(92.7% 0.0566 28.55);
  --critical-5: oklch(89.4% 0.0749 28.55);
  --critical-6: oklch(85.4% 0.0914 28.55);
  --critical-7: oklch(80.4% 0.1111 28.55);
  --critical-8: oklch(74.3% 0.1399 28.55);
  --critical-9: oklch(58.3% 0.2387 28.55);
  --neutral-10: oklch(60.9% 0.0088 285.9);
  --neutral-11: oklch(44% 3% 283deg);
  --neutral-12: oklch(17% 1% 279deg);
  --overlay-10: oklch(24% 2% 286deg / 80%);
  --overlay-11: oklch(24% 2% 286deg / 90%);
  --overlay-12: oklch(24% 2% 286deg / 95%);
  --success-10: oklch(66.7% 0.1589 160.2);
  --success-11: oklch(52.7% 0.1589 160.2);
  --success-12: oklch(32.6% 0.0655 160.2);
  --warning-10: oklch(73.6% 0.1408 64.86);
  --warning-11: oklch(57.6% 0.159 64.86);
  --warning-12: oklch(35.1% 0.0559 64.86);
  --code--color: var(--brand-12);
  --critical-10: oklch(53.9% 0.2387 28.55);
  --critical-11: oklch(56.3% 0.2387 28.55);
  --critical-12: oklch(34.3% 0.1092 28.55);
  --highlight-1: oklch(99.3% 0.0034 240.9);
  --highlight-2: oklch(98.1% 0.0089 240.9);
  --highlight-3: oklch(95.9% 0.0217 240.9);
  --highlight-4: oklch(93.5% 0.0374 240.9);
  --highlight-5: oklch(90.4% 0.0515 240.9);
  --highlight-6: oklch(86.2% 0.0651 240.9);
  --highlight-7: oklch(80.7% 0.083 240.9);
  --highlight-8: oklch(73.2% 0.1136 240.9);
  --highlight-9: oklch(69% 0.1604 240.9);
  --link--color: var(--brand-10);
  --text--color: var(--neutral-12);
  --font-size-lg: 1.125rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --highlight-10: oklch(65.2% 0.152 240.9);
  --highlight-11: oklch(55.1% 0.1604 240.9);
  --highlight-12: oklch(32.7% 0.0755 240.9);
  --loader--size: 1.75rem;
  --page-padding: 16px;
  --shadow-color: color-mix(in oklch, var(--neutral-12) 40%, transparent);
  --slider--size: 1.5rem;
  --toast--color: var(--neutral-12);
  --card--padding: 20px;
  --card--spacing: 32px;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --form--spacing: 24px;
  --list--row-gap: 8px;
  --loader--color: var(--neutral-12);
  --button--height: 3.5rem;
  --card--bg-color: var(--neutral-1);
  --card--rounding: 22px;
  --code--bg-color: var(--brand-4);
  --code--rounding: 4px;
  --field--padding: 4px;
  --heading--color: var(--neutral-12);
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --link--rounding: 4px;
  --popup--padding: 20px;
  --tagline--color: var(--neutral-12);
  --toast--padding: 12px;
  --toast--spacing: 12px;
  --banner--spacing: 16px;
  --block-form--gap: 24px;
  --button--padding: 24px;
  --button--spacing: 10px;
  --checkbox--color: var(--neutral-0);
  --indicator--size: 0.5rem;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --popup--bg-color: var(--section--bg-color);
  --toast--bg-color: var(--neutral-1);
  --toast--rounding: 12px;
  --banner--bg-color: var(--neutral-2);
  --block-icon--size: 2.5rem;
  --button--rounding: 14px;
  --checkbox--height: 1.5rem;
  --font-family-mono: "DM Mono";
  --font-family-sans: "DM Sans";
  --font-weight-bold: 600;
  --font-weight-thin: 300;
  --list--column-gap: 8px;
  --list-item--color: var(--neutral-11);
  --paragraph--color: var(--neutral-11);
  --section--row-gap: 56px;
  --annotation--color: var(--neutral-12);
  --block-icon--color: var(--neutral-12);
  --blockquote--color: var(--brand-11);
  --button--font-size: var(--font-size-md);
  --card--shadow-blur: 8px;
  --code--font-family: var(--font-family-mono);
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --link--font-weight: var(--font-weight-medium);
  --screen-height-lvh: 100vh;
  --section--bg-color: var(--neutral-0);
  --tagline--rounding: 4px;
  --text--font-family: var(--font-family-sans);
  --text--font-weight: var(--font-weight-regular);
  --tooltip--bg-color: var(--brand-10);
  --tooltip--rounding: 8px;
  --auto-grid--row-gap: 20px;
  --button--icon--size: 1.25rem;
  --card--border-color: var(--neutral-6);
  --card--border-width: 1px;
  --checkbox--bg-color: var(--neutral-0);
  --checkbox--rounding: 6px;
  --code--border-color: var(--brand-6);
  --code--border-width: 1px;
  --font-weight-medium: 500;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --link--color_active: var(--brand-11);
  --neutral-inverted-0: oklch(15.5% 0.0042 286);
  --neutral-inverted-1: oklch(17.8% 0.0058 286);
  --neutral-inverted-2: oklch(21.3% 0.006 286);
  --neutral-inverted-3: oklch(25.3% 0.0084 286);
  --neutral-inverted-4: oklch(28.3% 0.009 286);
  --neutral-inverted-5: oklch(31.1% 0.009 286);
  --neutral-inverted-6: oklch(34.6% 0.009 286);
  --neutral-inverted-7: oklch(39.8% 0.009 286);
  --neutral-inverted-8: oklch(49% 0.009 286);
  --neutral-inverted-9: oklch(53.7% 0.009 286);
  --overlay-inverted-1: oklch(100% 0% 90deg / 4%);
  --overlay-inverted-2: oklch(100% 0% 90deg / 8%);
  --overlay-inverted-3: oklch(100% 0% 90deg / 12%);
  --overlay-inverted-4: oklch(100% 0% 90deg / 18%);
  --overlay-inverted-5: oklch(100% 0% 90deg / 30%);
  --overlay-inverted-6: oklch(100% 0% 90deg / 40%);
  --overlay-inverted-7: oklch(100% 0% 90deg / 50%);
  --overlay-inverted-8: oklch(100% 0% 90deg / 60%);
  --overlay-inverted-9: oklch(100% 0% 90deg / 70%);
  --popup--size-button: 2.5rem;
  --section--max-width: 75rem;
  --tooltip--max-width: 14rem;
  --annotation--padding: 4px;
  --annotation--row-gap: 4px;
  --benefit-card--color: var(--neutral-12);
  --block-benefits--gap: 1px;
  --block-features--gap: 8px;
  --block-icon--padding: 20px;
  --button--font-family: var(--font-family-sans);
  --button--font-weight: var(--font-weight-medium);
  --button-ghost--color: var(--neutral-12);
  --card--body--spacing: 8px;
  --card--shadow-spread: 4px;
  --checkbox-group--gap: 4px;
  --field--label--color: var(--neutral-11);
  --font-size-lg-mobile: 1.125rem;
  --font-size-md-mobile: 1rem;
  --font-size-sm-mobile: 0.875rem;
  --font-size-xl-mobile: 1.25rem;
  --font-size-xs-mobile: 0.75rem;
  --font-weight-regular: 400;
  --indicator--rounding: 9999px;
  --link--color_hovered: var(--brand-8);
  --link--outline-color: var(--neutral-12);
  --link--outline-width: 2px;
  --link-button--height: var(--button--height);
  --logo-zenodev--color: var(--neutral-12);
  --mobile-menu--margin: 16px;
  --neutral-inverted-10: oklch(58.3% 0.009 286);
  --neutral-inverted-11: oklch(76.8% 0.009 286);
  --neutral-inverted-12: oklch(94.9% 0.0041 286);
  --overlay-inverted-10: oklch(100% 0% 90deg / 80%);
  --overlay-inverted-11: oklch(100% 0% 90deg / 90%);
  --overlay-inverted-12: oklch(100% 0% 90deg / 95%);
  --slider--range-color: var(--brand-9);
  --slider--thumb-color: var(--brand-9);
  --slider--track-color: var(--neutral-6);
  --strong--font-weight: var(--font-weight-bold);
  --theme-card--padding: 12px;
  --theme-card--spacing: 24px;
  --toast--border-color: var(--neutral-6);
  --toast--border-width: 1px;
  --top-menu--font-size: var(--font-size-md);
  --annotation--rounding: 8px;
  --block-icon--bg-color: var(--overlay-2);
  --block-icon--rounding: 6px;
  --blockquote--bg-color: var(--brand-2);
  --button--loader--size: 2rem;
  --button--scale_active: 1.05;
  --code--color-inverted: var(--brand-5);
  --font-size-2xl-mobile: 1.5rem;
  --font-size-3xl-mobile: 1.875rem;
  --font-size-4xl-mobile: 2.25rem;
  --font-size-5xl-mobile: 2.5rem;
  --font-size-6xl-mobile: 3rem;
  --header-config--color: var(--neutral-12);
  --heading--font-family: var(--font-family-sans);
  --heading--font-weight: var(--font-weight-bold);
  --link--color-inverted: var(--brand-5);
  --link--outline-offset: 2px;
  --link-button--padding: var(--button--padding);
  --link-button--spacing: var(--button--spacing);
  --loader--stroke-width: 0.25rem;
  --mobile-menu--padding: 8px;
  --mobile-menu--row-gap: 16px;
  --radio-group--spacing: 8px;
  --slider--track-height: 4px;
  --tagline--font-weight: var(--font-weight-thin);
  --team-member--padding: 8px;
  --testimonial--padding: 32px;
  --testimonial--spacing: 24px;
  --text--color-inverted: var(--neutral-inverted-12);
  --theme-card--bg-color: var(--neutral-1);
  --theme-card--rounding: 20px;
  --toast--color-success: var(--success-11);
  --toast--color-warning: var(--warning-11);
  --top-menu--column-gap: 16px;
  --top-menu--logo-width: 140px;
  --auto-grid--column-gap: 20px;
  --banner--button-height: 2rem;
  --benefit-card--spacing: 32px;
  --block-image--rounding: 6px;
  --button--outline-color: var(--neutral-12);
  --button--outline-width: 2px;
  --button--scale_hovered: 1.05;
  --button-primary--color: var(--neutral-0);
  --card--shadow-vertical: 0px;
  --field--button--height: var(--field--container--height);
  --field--hints--spacing: 4px;
  --field--label--spacing: 8px;
  --form--footer--spacing: 16px;
  --header-simple--height: 4rem;
  --line-height-lg-mobile: 1.75rem;
  --line-height-md-mobile: 1.5rem;
  --line-height-sm-mobile: 1.25rem;
  --line-height-xl-mobile: 1.875rem;
  --line-height-xs-mobile: 1.125rem;
  --link--color-underline: var(--brand-7);
  --link-button--rounding: var(--button--rounding);
  --list-item--column-gap: 8px;
  --loader--track-opacity: 0.3;
  --mobile-menu--bg-color: var(--neutral-0);
  --mobile-menu--rounding: 14px;
  --mobile-menu--size-dot: 1.5rem;
  --ordered-list--row-gap: 8px;
  --section--color_accent: var(--neutral-12);
  --section--shadow-color: var(--neutral-12);
  --sheet--portal-padding: 20px;
  --tagline--border-color: var(--neutral-12);
  --tagline--border-width: 0px;
  --team-member--bg-color: var(--overlay-3);
  --team-member--rounding: 24px;
  --testimonial--bg-color: var(--overlay-1);
  --testimonial--rounding: 16px;
  --theme-card--clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  --theme-card--size-logo: 3.5rem;
  --toast--color-critical: var(--critical-11);
  --tooltip--border-color: var(--neutral-0);
  --tooltip--border-width: 2px;
  --top-menu--font-family: var(--font-family-sans);
  --top-menu--font-weight: var(--font-weight-medium);
  --top-menu--item--color: var(--neutral-12);
  --annotation--column-gap: 12px;
  --annotation--size-image: 36px;
  --block-team--column-gap: var(--block-button-group--column-gap);
  --button--outline-offset: 2px;
  --button--text-transform: none;
  --button-ghost--bg-color: #ffffff00;
  --button-tertiary--color: var(--neutral-12);
  --card--bg-color_hovered: var(--overlay-1);
  --checkbox--border-color: var(--neutral-6);
  --checkbox--border-width: 1px;
  --dialog--portal-padding: calc(var(--popup--size-button) / 2);
  --header-config--padding: 4px;
  --header-simple--spacing: 16px;
  --line-height-2xl-mobile: 2rem;
  --line-height-3xl-mobile: 2.375rem;
  --line-height-4xl-mobile: 2.75rem;
  --line-height-5xl-mobile: 3rem;
  --line-height-6xl-mobile: 3.5rem;
  --link--underline-offset: 6px;
  --link-button--font-size: var(--button--font-size);
  --list-item--font-family: var(--font-family-sans);
  --loader--color-inverted: var(--neutral-inverted-12);
  --mobile-menu--color-dot: var(--neutral-0);
  --paragraph--font-weight: var(--font-weight-regular);
  --popup--bg-color-accent: var(--section--bg-color-accent);
  --presentation--rounding: 9999px;
  --slider--thumb-rounding: 9999px;
  --slider--track-rounding: 2px;
  --theme-card--color-logo: var(--overlay-inverted-6);
  --theme-card--color-text: var(--neutral-11);
  --toast-wrapper--padding: 20px;
  --top-menu--item--height: calc(var(--line-height-md) + 2 * 6px);
  --annotation--font-weight: var(--font-weight-medium);
  --banner--bg-color-accent: var(--brand-5);
  --benefit-card--size-icon: 2rem;
  --block-features--spacing: 16px;
  --block-step--number-size: 4rem;
  --blockquote--font-family: var(--font-family-sans);
  --button-secondary--color: var(--neutral-12);
  --card--bg-color-inverted: var(--neutral-inverted-2);
  --card--shadow-horizontal: 0px;
  --checkbox--outline-color: var(--brand-8);
  --checkbox--outline-width: 2px;
  --code--bg-color-inverted: transparent;
  --context-theme--bg-color: var(--neutral-0);
  --field--button--rounding: var(--field--container--rounding);
  --field--label--font-size: var(--font-size-md);
  --header-config--bg-color: var(--overlay-2);
  --header-config--size-dot: 1.5rem;
  --header-simple--bg-color: var(--neutral-0);
  --heading--color-inverted: var(--neutral-inverted-12);
  --heading--text-transform: uppercase;
  --link-button--icon--size: var(--button--icon--size);
  --mobile-menu--max-height: 90dvh;
  --radio-group--item--size: 1.5rem;
  --section--max-width-wide: 95rem;
  --section-hero-home--text: var(--neutral-11);
  --tagline--color-inverted: var(--neutral-0);
  --tagline--letter-spacing: 2px;
  --testimonial--bg-color-2: var(--overlay-inverted-10);
  --testimonial--color-user: var(--neutral-10);
  --testimonial--width-line: 40px;
  --toast--bg-color-success: var(--success-2);
  --toast--bg-color-warning: var(--warning-2);
  --annotation--bg-color-max: var(--accent-5);
  --annotation--border-width: 1px;
  --annotation--typing--size: 4px;
  --auto-grid--item--row-gap: 16px;
  --banner--button-inset-top: 8px;
  --banner--padding-vertical: 8px;
  --block-heading--max-width: 150ch;
  --block-icon--border-color: transparent;
  --block-icon--border-width: 0px;
  --blockquote--border-color: var(--brand-11);
  --blockquote--border-width: 4px;
  --button--opacity_disabled: 0.6;
  --button-primary--bg-color: var(--neutral-12);
  --checkbox--color-inverted: var(--neutral-12);
  --checkbox--outline-offset: 1px;
  --code--padding-horizontal: 4px;
  --field--container--height: 3rem;
  --field--hints--margin-top: 6px;
  --footer-menu--color-label: var(--neutral-12);
  --footer-menu--item--color: var(--neutral-12);
  --heading--color-secondary: var(--neutral-11);
  --link-button--font-family: var(--button--font-family);
  --link-button--font-weight: var(--button--font-weight);
  --mobile-menu--item--color: var(--neutral-12);
  --mobile-menu--padding-dot: 2px;
  --ordered-list--column-gap: 8px;
  --popup--max-width-content: 38rem;
  --section--bg-color-accent: var(--brand-7);
  --section--layout--row-gap: 56px;
  --select--content--padding: 8px;
  --select--content--spacing: 4px;
  --sheet--backdrop-bg-color: var(--overlay-7);
  --sheet--content--bg-color: var(--neutral-0);
  --sheet--content--rounding: 18px;
  --team-member--color-label: var(--neutral-inverted-12);
  --testimonial--color-quote: var(--neutral-12);
  --testimonial--size-avatar: 5rem;
  --theme-card--border-color: transparent;
  --theme-card--border-width: 0px;
  --theme-card--color-button: var(--neutral-0);
  --theme-card--spacing-text: 8px;
  --toast--bg-color-critical: var(--critical-2);
  --top-menu--item--rounding: 8px;
  --transition-duration-base: 100ms;
  --annotation--outline-color: var(--brand-8);
  --annotation--typing--color: var(--neutral-12);
  --benefit-card--size-corner: 50px;
  --block-heading--margin-top: 16px;
  --block-image--border-color: var(--neutral-3);
  --block-image--border-width: 1px;
  --button-tertiary--bg-color: var(--neutral-3);
  --card--transition-duration: 4;
  --card--transition-function: ease;
  --card--translate-y_initial: 40px;
  --checkbox--bg-color_active: var(--neutral-2);
  --checkbox--indicator--size: 1rem;
  --dialog--backdrop-bg-color: var(--overlay-8);
  --dialog--content--bg-color: var(--neutral-0);
  --dialog--content--rounding: 14px;
  --field--container--spacing: 2px;
  --field--label--font-family: var(--font-family-sans);
  --field--label--font-weight: var(--font-weight-medium);
  --footer-menu--border-color: var(--neutral-7);
  --footer-menu--border-width: 1px;
  --footer-menu--row-gap-list: 4px;
  --header-config--column-gap: 8px;
  --letter-spacing-4xl-mobile: 0rem;
  --letter-spacing-5xl-mobile: 0rem;
  --letter-spacing-6xl-mobile: 0rem;
  --link--transition-duration: 150ms;
  --link--transition-function: ease;
  --link--underline-thickness: 1px;
  --link-layer--outline-color: var(--brand-8);
  --link-layer--outline-width: 2px;
  --list-item--color-inverted: var(--neutral-inverted-11);
  --mobile-menu--item--height: 3.5rem;
  --mobile-menu--row-gap-list: 8px;
  --multi-form--step--padding: 2px;
  --multi-form--step--spacing: 24px;
  --paragraph--color-inverted: var(--neutral-inverted-11);
  --popover--content--padding: 8px;
  --popup--bg-color-alternate: var(--section--bg-color-alternate);
  --popup--translate-x-button: 50%;
  --popup--translate-y-button: -50%;
  --section--padding-vertical: 120px;
  --section-hero--padding-top: 3rem;
  --section-separator--height: 100px;
  --select--content--bg-color: var(--neutral-0);
  --select--content--rounding: 6px;
  --sheet--content--max-width: 26rem;
  --tagline--padding-vertical: 0px;
  --testimonial--border-color: transparent;
  --testimonial--border-width: 1px;
  --testimonial--padding-user: 16px;
  --theme-card--color-heading: var(--neutral-12);
  --theme-card--image-overlay: var(--overlay-4);
  --theme-card--scale_hovered: 1.05;
  --tooltip--padding-vertical: 8px;
  --tooltip--paragraph--color: var(--neutral-0);
  --top-menu--item--font-size: var(--font-size-md);
  --top-menu--item--icon-size: 1.25rem;
  --annotation--bg-color-franz: var(--highlight-5);
  --attention-marker--bg-color: var(--accent-9);
  --banner--bg-color-alternate: var(--neutral-3);
  --banner--button-inset-right: 16px;
  --banner--padding-horizontal: calc(40px + var(--banner--button-height));
  --benefit-card--spacing-text: 16px;
  --block-icon--color-inverted: var(--neutral-inverted-12);
  --block-rich-text--max-width: 85ch;
  --block-split-view--rounding: 12px;
  --blockquote--color-inverted: var(--brand-4);
  --button-secondary--bg-color: var(--neutral-3);
  --card--link-layer--rounding: var(--card--rounding);
  --checkbox--bg-color-checked: var(--brand-10);
  --checkbox--bg-color_hovered: var(--neutral-2);
  --dialog--content--max-width: 26rem;
  --field--container--bg-color: var(--neutral-3);
  --field--container--rounding: 6px;
  --field--label--color-strong: var(--neutral-12);
  --field--transition-duration: var(--block-heading--transition-duration);
  --field--transition-function: ease;
  --field--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--padding-dot: 2px;
  --header-config--size-button: 2.125rem;
  --highlighted-text--rotate-z: 0deg;
  --link-button--outline-color: var(--button--outline-color);
  --link-button--outline-width: var(--button--outline-width);
  --link-button--scale_hovered: var(--button--scale_hovered);
  --link-button-primary--color: var(--button-primary--color);
  --link-layer--outline-offset: 1px;
  --loader--animation-duration: 1000ms;
  --mobile-menu--bg-color-zeno: var(--neutral-12);
  --popover--content--bg-color: var(--neutral-0);
  --popover--content--rounding: 6px;
  --radio-group--item--spacing: 8px;
  --section-hero--bg-color-end: var(--neutral-3);
  --section-hero--row-gap-text: 16px;
  --testimonial--bg-color-line: var(--neutral-3);
  --testimonial--bg-color-user: var(--overlay-2);
  --theme-card--rounding-image: 8px;
  --toast--transition-duration: 250ms;
  --toast--transition-function: ease;
  --toast--translate-y_closing: -16px;
  --toast--translate-y_initial: 16px;
  --top-menu--item--column-gap: 8px;
  --top-menu--popover--padding: 8px;
  --annotation--rounding-avatar: 4px;
  --auto-grid--item--column-gap: 16px;
  --benefit-card--outline-color: var(--brand-8);
  --benefit-card--outline-width: 2px;
  --block-split-view--size-icon: 24px;
  --button--transition-duration: 200ms;
  --button--transition-function: ease;
  --button-ghost--bg-color_open: var(--overlay-2);
  --button-ghost--scale_hovered: 1;
  --card--border-color-inverted: var(--neutral-inverted-6);
  --card--link-layer--size-icon: 28px;
  --checkbox--bg-color-inverted: var(--overlay-inverted-3);
  --code--border-color-inverted: var(--brand-8);
  --dialog--content--scale_open: 1;
  --field--label--color_focused: var(--neutral-12);
  --footer-menu--item--rounding: 0px;
  --header-config--color_active: var(--neutral-12);
  --header-simple--border-color: var(--neutral-6);
  --header-simple--border-width: 1px;
  --link--color-inverted_active: var(--brand-6);
  --link-button--outline-offset: var(--button--outline-offset);
  --link-button--text-transform: var(--button--text-transform);
  --mobile-menu--bg-color-mango: var(--header-config--bg-color-mango);
  --mobile-menu--color-controls: var(--neutral-12);
  --mobile-menu--item--bg-color: transparent;
  --mobile-menu--item--rounding: 8px;
  --popup--bg-color-highlighted: var(--section--bg-color-highlighted);
  --radio-group--item--bg-color: var(--neutral-0);
  --radio-group--item--rounding: 9999px;
  --section--bg-color-alternate: var(--neutral-1);
  --section--layout--column-gap: 32px;
  --section--padding-horizontal: var(--page-padding);
  --section-separator--bg-color: var(--brand-7);
  --select--content--scale_open: 1;
  --slider--thumb-outline-color: var(--brand-8);
  --slider--thumb-outline-width: 2px;
  --tagline--link-layer_hovered: var(--overlay-2);
  --tagline--padding-horizontal: 0px;
  --team-member--bg-color-label: var(--neutral-inverted-0);
  --team-member--rounding-inner: 16px;
  --testimonial--spacing-avatar: 16px;
  --theme-card--bg-color-button: var(--neutral-12);
  --theme-card--clip-path-image: polygon(0 0, calc(100% - 35px) 0, 100% 35px, 100% 100%, 0 100%);
  --theme-card--rounding-button: 8px;
  --toast--border-color-success: var(--success-8);
  --toast--border-color-warning: var(--warning-8);
  --tooltip--padding-horizontal: 12px;
  --top-menu--min-width-popover: 10rem;
  --top-menu--popover--bg-color: var(--neutral-0);
  --top-menu--popover--rounding: 14px;
  --annotation--border-color-max: var(--accent-10);
  --banner--bg-color-highlighted: var(--neutral-inverted-2);
  --benefit-card--color-inverted: var(--neutral-inverted-12);
  --block-benefits--border-color: var(--neutral-4);
  --block-image--max-width-small: 320px;
  --blockquote--padding-vertical: 8px;
  --field--container--icon--size: 1.25rem;
  --field--hints--message--color: var(--neutral-10);
  --field--label--color-critical: var(--critical-9);
  --field--label--color-inverted: var(--neutral-3);
  --field--label--color-optional: var(--neutral-10);
  --field--label--padding-bottom: 8px;
  --header-config--outline-color: var(--neutral-12);
  --header-config--outline-width: 2px;
  --link--color-inverted_hovered: var(--brand-7);
  --link--color-underline_active: var(--brand-11);
  --link--outline-color-inverted: var(--neutral-inverted-12);
  --link-button-secondary--color: var(--button-secondary--color);
  --mobile-menu--height-controls: var(--button--height);
  --mobile-menu--item--icon-size: 1.25rem;
  --popover--content--scale_open: 1;
  --popup--border-color_inverted: var(--neutral-inverted-5);
  --section--shadow-color-accent: var(--brand-12);
  --section-hero--bg-color-start: var(--neutral-0);
  --section-hero--rounding-image: 14px;
  --section-hero--row-gap-layout: 0px;
  --select--content--item--color: var(--neutral-12);
  --sheet--content--border-color: var(--neutral-6);
  --sheet--content--border-width: 1px;
  --sheet--content--opacity_open: 1;
  --slider--thumb-outline-offset: 1px;
  --testimonial--color-secondary: var(--neutral-11);
  --testimonial--rounding-avatar: 6px;
  --toast--border-color-critical: var(--critical-8);
  --top-menu--item--outine-width: 2px;
  --benefit-card--color-secondary: var(--neutral-11);
  --block-icon--bg-color-inverted: var(--overlay-inverted-3);
  --block-image--max-width-medium: 640px;
  --blockquote--bg-color-inverted: var(--overlay-inverted-2);
  --button-primary--bg-color_open: var(--neutral-11);
  --checkbox-group--item--padding: 0px;
  --checkbox-group--item--spacing: 8px;
  --dialog--content--border-color: var(--neutral-6);
  --dialog--content--border-width: 1px;
  --dialog--content--opacity_open: 1;
  --dialog--content--scale_closed: 0.9;
  --field--container--icon--color: var(--neutral-12);
  --field-multiline--input--color: var(--field--container--input--color);
  --field-secret--toggle--padding: 6px;
  --footer-menu--column-gap-label: 8px;
  --header-config--bg-color-mango: oklch(70.5% 0.1926 39.23);
  --header-config--color-inverted: var(--neutral-inverted-12);
  --header-simple--logo-max-width: 140px;
  --link--color-underline_hovered: var(--brand-8);
  --link-button-primary--bg-color: var(--button-primary--bg-color);
  --mobile-menu--item--column-gap: var(--button--spacing);
  --mobile-menu--padding-controls: 4px;
  --popup--max-width-content-wide: 44rem;
  --section--bg-color-highlighted: var(--neutral-inverted-0);
  --section-cta--height-separator: 16px;
  --select--content--border-color: var(--neutral-6);
  --select--content--border-width: 1px;
  --select--content--item--height: 2.5rem;
  --select--content--opacity_open: 1;
  --select--content--scale_closed: 0.95;
  --sheet--content--body--padding: 16px;
  --testimonial--font-family-link: var(--font-family-sans);
  --top-menu--item--bg-color_open: var(--overlay-2);
  --top-menu--item--outline-color: var(--brand-8);
  --top-menu--transition-duration: var(--section-hero-home--transition-duration-short);
  --top-menu--transition-function: var(--section-hero-home--transition-function);
  --annotation--border-color-franz: var(--highlight-10);
  --benefit-card--padding-vertical: 40px;
  --benefit-card--size-corner-icon: 36px;
  --block-button-group--column-gap: 12px;
  --block-button-group--margin-top: 20px;
  --block-features--indicator-size: var(--line-height-lg);
  --block-split-view--color-handle: var(--neutral-12);
  --block-split-view--slider-color: var(--brand-8);
  --block-split-view--width-handle: 48px;
  --block-split-view--width-slider: 8px;
  --blockquote--padding-horizontal: 16px;
  --button--outline-color-inverted: var(--neutral-inverted-12);
  --button-ghost--bg-color_hovered: var(--overlay-2);
  --button-ghost--bg-color_pressed: var(--overlay-2);
  --button-primary--color-inverted: var(--neutral-12);
  --button-primary-critical--color: var(--neutral-0);
  --button-secondary--border-color: var(--neutral-5);
  --button-secondary--border-width: 1px;
  --button-tertiary--bg-color_open: var(--neutral-4);
  --card--border-color_highlighted: var(--neutral-6);
  --card--shadow-color_highlighted: var(--brand-6);
  --context-theme--translate-short: 0px;
  --context-theme--width-scrollbar: 8px;
  --dialog--content--body--padding: 16px;
  --dialog--content--body--row-gap: 32px;
  --dialog--content--scale_closing: 1;
  --field--container--icon--margin: 10px;
  --field--container--input--color: var(--neutral-12);
  --field-number--buttons--padding: 6px;
  --field-number--buttons--spacing: 4px;
  --field-secret--toggle--rounding: 4px;
  --footer-menu--font-weight-label: var(--font-weight-bold);
  --footer-menu--item--font-family: var(--font-family-sans);
  --footer-menu--item--font-weight: var(--font-weight-medium);
  --header-config--bg-color_active: var(--overlay-inverted-11);
  --header-config--rounding-button: 6px;
  --header-simple--button-bg-color: var(--neutral-0);
  --header-simple--button-rounding: 6px;
  --link--color-underline-inverted: var(--brand-7);
  --mobile-menu--bg-color-backdrop: var(--neutral-12);
  --mobile-menu--bg-color-controls: var(--overlay-inverted-8);
  --mobile-menu--column-gap-header: 8px;
  --mobile-menu--item--font-family: var(--font-family-sans);
  --mobile-menu--item--font-weight: var(--font-weight-medium);
  --mobile-menu--rounding-controls: var(--button--rounding);
  --popover--content--border-color: var(--neutral-6);
  --popover--content--border-width: 1px;
  --popover--content--scale_closed: 0.95;
  --radio-group--item--label-color: var(--neutral-12);
  --section-cta--spacing-separator: 10px;
  --section-hero--height-separator: var(--section-separator--height);
  --section-hero--min-height-image: 240px;
  --section-hero--transition-delay: 4;
  --section-hero-home--padding-top: 3rem;
  --select--content--item--padding: 12px;
  --select--content--item--spacing: 8px;
  --sheet--content--opacity_closed: 0;
  --tagline--border-color-inverted: var(--neutral-0);
  --team-member--font-weight-label: var(--font-weight-medium);
  --testimonial--bg-color-inverted: var(--overlay-10);
  --theme-card--border-color-image: transparent;
  --theme-card--border-width-image: 0px;
  --top-menu--item--color_inverted: var(--neutral-inverted-12);
  --top-menu--item--text-transform: none;
  --accordion--item--content--color: var(--neutral-12);
  --accordion--item--trigger--color: var(--neutral-inverted-12);
  --benefit-card--color-description: var(--neutral-12);
  --block-features--indicator-color: var(--neutral-11);
  --block-split-view--color-caption: var(--neutral-inverted-12);
  --block-split-view--height-handle: 40px;
  --block-split-view--offset-slider: 8px;
  --block-split-view--outline-color: var(--brand-2);
  --block-split-view--outline-width: 2px;
  --button--icon--correction-offset: -2px;
  --button-primary--bg-color_active: var(--neutral-11);
  --button-secondary--bg-color_open: var(--neutral-2);
  --button-tertiary--color-inverted: var(--neutral-0);
  --card--bg-color-inverted_hovered: var(--overlay-inverted-1);
  --card--transition-duration-hover: 1.5;
  --checkbox--border-color-inverted: var(--neutral-9);
  --dialog--content--opacity_closed: 0;
  --field--button--bg-color_hovered: var(--neutral-2);
  --field-multiline--input--padding: 10px;
  --field-number--buttons--rounding: 4px;
  --header-config--bg-color_hovered: var(--overlay-inverted-7);
  --link-button-secondary--bg-color: var(--button-secondary--bg-color);
  --mobile-menu--bg-color-bluebacca: var(--header-config--bg-color-bluebacca);
  --mobile-menu--rounding-theme-dot: 9999px;
  --radio-group--item--border-color: var(--neutral-6);
  --radio-group--item--border-width: 1px;
  --section--shadow-color-alternate: var(--neutral-12);
  --section-cta--bg-color-separator: var(--brand-7);
  --section-general--row-gap-column: 12px;
  --section-hero--column-gap-layout: 32px;
  --section-hero-home--bg-color-end: var(--neutral-3);
  --section-hero-home--row-gap-text: 16px;
  --section-hero-legal--padding-top: 3rem;
  --select--content--item--rounding: 6px;
  --select--content--opacity_closed: 0;
  --sheet--content--footer--padding: 16px;
  --sheet--content--footer--spacing: 8px;
  --sheet--content--header--padding: 16px;
  --sheet--content--header--spacing: 8px;
  --team-member--border-color-label: var(--neutral-inverted-6);
  --team-member--border-width-label: 1px;
  --theme-card--transition-duration: 250ms;
  --theme-card--transition-function: ease;
  --theme-card--translate-y_hovered: -4px;
  --toast-wrapper--max-width-region: 360px;
  --tooltip--paragraph--font-weight: var(--font-weight-medium);
  --top-menu--item--bg-color_active: var(--overlay-2);
  --top-menu--popover--border-color: var(--neutral-5);
  --top-menu--popover--border-width: 1px;
  --benefit-card--padding-horizontal: 32px;
  --block-image--transition-duration: var(--block-heading--transition-duration);
  --block-image--transition-function: var(--block-heading--transition-function);
  --block-image--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--outline-offset: 0px;
  --button-primary--bg-color_hovered: var(--neutral-12);
  --button-secondary--color-inverted: var(--neutral-0);
  --button-secondary-critical--color: var(--critical-11);
  --button-tertiary--bg-color_active: var(--neutral-3);
  --card--link-layer--size-indicator: 70px;
  --checkbox--bg-color-indeterminate: var(--brand-10);
  --checkbox--outline-color-inverted: var(--brand-8);
  --collapsible--transition-duration: 150ms;
  --collapsible--transition-function: ease;
  --dialog--content--footer--padding: 16px;
  --dialog--content--footer--spacing: 8px;
  --dialog--content--header--padding: 16px;
  --dialog--content--header--spacing: 8px;
  --field--container--input--padding: 10px;
  --field--hints--message--font-size: var(--font-size-sm);
  --footer-menu--item--outline-color: var(--brand-8);
  --footer-menu--item--outline-width: 2px;
  --header-config--bg-color-inverted: var(--overlay-inverted-2);
  --link--transition-duration_active: 20ms;
  --link-button--transition-duration: var(--button--transition-duration);
  --link-button--transition-function: var(--button--transition-function);
  --mobile-menu--column-gap-controls: 4px;
  --mobile-menu--item--bg-color_open: var(--overlay-1);
  --mobile-menu--transition-function: ease;
  --page-main--frame--header--height: 4.5rem;
  --radio-group--item--outline-color: var(--brand-8);
  --radio-group--item--outline-width: 2px;
  --section--padding-vertical-mobile: 80px;
  --section-hero--border-color-image: var(--neutral-6);
  --section-hero--border-width-image: 1px;
  --section-hero--margin-top-buttons: 40px;
  --section-hero-legal--spacing-text: 16px;
  --sheet--content--translate-y_open: 0px;
  --testimonial--bg-color-inverted-2: var(--overlay-inverted-2);
  --testimonial--color-user-inverted: var(--neutral-inverted-10);
  --toast--transition-duration_close: 150ms;
  --top-menu--item--bg-color_current: var(--brand-7);
  --top-menu--item--bg-color_hovered: var(--overlay-2);
  --accordion--item--content--padding: 16px;
  --accordion--item--trigger--padding: 16px;
  --benefit-card--padding-corner-icon: 6px;
  --benefit-card--padding-description: 28px;
  --benefit-card--transition-duration: 300ms;
  --benefit-card--transition-function: ease;
  --benefit-card--translate-y_hovered: -4px;
  --block-icon--border-color-inverted: transparent;
  --block-split-view--rounding-handle: 12px;
  --block-split-view--rounding-slider: 0px;
  --blockquote--border-color-inverted: var(--brand-4);
  --button-primary--bg-color-inverted: var(--neutral-0);
  --button-primary-critical--bg-color: var(--critical-9);
  --button-secondary--bg-color_active: var(--neutral-1);
  --button-tertiary--bg-color_hovered: var(--neutral-4);
  --card--link-layer--color-indicator: var(--neutral-11);
  --checkbox--bg-color-checked_active: var(--brand-9);
  --checkbox-group--item--label-color: var(--neutral-12);
  --dialog--content--translate-y_open: 0px;
  --field--label--transition-duration: 150ms;
  --field--label--transition-function: ease;
  --field-multiline--input--font-size: var(--font-size-md);
  --field-multiline--padding-vertical: calc((var(--field--container--height) - var(--field-multiline--input--line-height))/ 2);
  --footer-menu--item--outline-offset: 1px;
  --form--footer--button-back--height: 3rem;
  --form--footer--transition-duration: var(--block-heading--transition-duration);
  --form--footer--transition-function: var(--block-heading--transition-function);
  --form--footer--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--bg-color-bluebacca: oklch(69.6% 0.1288 239.6);
  --header-config--rounding-container: 10px;
  --header-config--rounding-theme-dot: 9999px;
  --highlighted-text--underline-color: var(--brand-8);
  --highlighted-text--width-underline: 6px;
  --page-main--frame--footer--row-gap: 16px;
  --popup--outline-color-button-close: var(--brand-8);
  --radio-group--item--indicator-size: 0.75rem;
  --radio-group--item--outline-offset: 1px;
  --section--shadow-color-highlighted: var(--neutral-12);
  --section-hero--scale-image_initial: 0.90;
  --section-hero--transition-duration: 9;
  --section-hero--transition-function: ease;
  --section-hero-home--bg-color-start: var(--neutral-0);
  --sheet--content--body--text--color: var(--neutral-12);
  --testimonial--color-quote-inverted: var(--neutral-inverted-12);
  --tooltip--transition-duration-open: 250ms;
  --accordion--item--content--bg-color: var(--neutral-0);
  --accordion--item--content--rounding: 2px;
  --accordion--item--trigger--bg-color: var(--neutral-inverted-2);
  --accordion--item--trigger--rounding: 2px;
  --benefit-card--bg-color-description: var(--neutral-1);
  --block-heading--transition-duration: 400ms;
  --block-heading--transition-function: ease;
  --block-heading--translate-y_initial: 40px;
  --block-image--border-color-inverted: var(--neutral-inverted-3);
  --block-split-view--bg-color-caption: var(--overlay-12);
  --button--transition-duration_active: 20ms;
  --button-secondary--bg-color_hovered: var(--neutral-3);
  --button-tertiary--bg-color-inverted: var(--overlay-inverted-3);
  --checkbox--bg-color-checked_hovered: var(--brand-9);
  --checkbox--bg-color-inverted_active: var(--overlay-inverted-4);
  --dialog--content--body--text--color: var(--neutral-12);
  --field--button--outline-color-error: var(--critical-9);
  --field--container--bg-color_focused: var(--neutral-2);
  --field--container--bg-color_hovered: var(--neutral-2);
  --field--container--input--font-size: var(--font-size-md);
  --field--hints--error-message--color: var(--critical-9);
  --field--hints--message--font-family: var(--font-family-sans);
  --field--hints--message--font-weight: var(--font-weight-regular);
  --field--hints--message--line-height: var(--line-height-sm);
  --highlighted-text--bottom-underline: 4px;
  --mobile-menu--color-controls_active: var(--neutral-12);
  --mobile-menu--item--bg-color_active: var(--overlay-1);
  --mobile-menu--size-dot-theme-button: 1rem;
  --page-main--frame--footer--bg-color: var(--neutral-0);
  --page-main--frame--header--bg-color: var(--section--bg-color);
  --popover--content--translate-top-in: 8px;
  --presentation--outline-color-button: var(--brand-8);
  --radio-group--item--bg-color_active: var(--neutral-2);
  --section--layout--column--min-width: 16rem;
  --section-general--column-gap-column: 32px;
  --sheet--content--footer--margin-top: 1rem;
  --sheet--content--translate-y_closed: 100%;
  --testimonial--border-color-inverted: transparent;
  --testimonial--company-button-height: 2rem;
  --theme-card--bg-color-button_active: var(--neutral-11);
  --toast-wrapper--transition-duration: 150ms;
  --toast-wrapper--transition-function: ease;
  --top-menu--item--padding-horizontal: 16px;
  --top-menu--transition-duration-long: 1000ms;
  --top-menu--translate-x-list_initial: -25%;
  --top-menu--translate-x-logo_initial: -25%;
  --annotation--typing--animation-delay: 200ms;
  --block-split-view--width-slider-area: 40px;
  --blocks--item--margin-top-additional: 20px;
  --button-secondary--bg-color-inverted: var(--overlay-inverted-2);
  --button-secondary-critical--bg-color: var(--critical-2);
  --card--footer--button-group--spacing: 16px;
  --card--link-layer--padding-indicator: 8px;
  --checkbox--bg-color-checked-inverted: var(--neutral-0);
  --checkbox--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --context-theme--bg-color-highlighted: var(--neutral-inverted-0);
  --dialog--content--footer--margin-top: 0rem;
  --dialog--content--translate-y_closed: 24px;
  --field--container--bg-color-inverted: var(--overlay-inverted-3);
  --field-multiline--input--font-family: var(--font-family-sans);
  --field-multiline--input--font-weight: var(--font-weight-regular);
  --field-multiline--input--line-height: var(--line-height-md);
  --field-search--button-clear--padding: 6px;
  --footer-menu--item--bg-color_hovered: var(--overlay-2);
  --footer-menu--item--padding-vertical: 8px;
  --footer-menu--padding-vertical-label: 12px;
  --form--footer--button-submit--height: 3rem;
  --header-simple--button-outline-color: var(--brand-8);
  --header-simple--button-outline-width: 2px;
  --link-button--outline-color-inverted: var(--button--outline-color-inverted);
  --link-button-primary--color-inverted: var(--button-primary--color-inverted);
  --link-button-secondary--border-color: var(--button-secondary--border-color);
  --link-button-secondary--border-width: var(--button-secondary--border-width);
  --popover--content--translate-top-out: 8px;
  --radio-group--item--bg-color_hovered: var(--neutral-4);
  --section-hero-home--device--bg-color: #383838;
  --section-hero-home--device--progress: 0;
  --section-hero-home--transition-delay: 3;
  --select--content--translate-y_closed: 8px;
  --team-member--padding-vertical-label: 4px;
  --testimonial--bg-color-line-inverted: var(--neutral-inverted-3);
  --testimonial--bg-color-user-inverted: var(--overlay-inverted-2);
  --testimonial--company-button-padding: 8px;
  --theme-card--bg-color-button_hovered: var(--neutral-12);
  --top-menu--item--transition-duration: 200ms;
  --top-menu--item--transition-function: ease;
  --accordion--item--transition-duration: var(--block-heading--transition-duration);
  --accordion--item--transition-function: var(--block-heading--transition-function);
  --accordion--item--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-rich-text--transition-duration: var(--block-heading--transition-duration);
  --block-rich-text--transition-function: var(--block-heading--transition-function);
  --block-rich-text--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--bg-color-indicator: var(--brand-8);
  --card--link-layer--bg-color-indicator: var(--overlay-2);
  --context-theme--color-scrollbar-thumb: var(--neutral-inverted-9);
  --context-theme--color-scrollbar-track: var(--neutral-inverted-2);
  --dialog--content--translate-y_closing: 0px;
  --field--button--outline-color_focused: var(--neutral-12);
  --field--button--outline-color_hovered: var(--neutral-6);
  --field--button--outline-width_focused: 2px;
  --field--button--outline-width_hovered: 1px;
  --field--container--input--font-family: var(--font-family-sans);
  --field--container--input--font-weight: var(--font-weight-regular);
  --field--label--color-inverted_focused: var(--neutral-0);
  --field-search--button-clear--rounding: 4px;
  --header-config--color_active-inverted: var(--neutral-inverted-12);
  --header-config--size-dot-theme-button: 1rem;
  --header-simple--button-outline-offset: 1px;
  --link-button--icon--correction-offset: var(--button--icon--correction-offset);
  --link-button-primary--bg-color_active: var(--button-primary--bg-color_active);
  --page-main--frame--button-menu--color: var(--neutral-12);
  --page-main--frame--footer--color-logo: var(--neutral-3);
  --page-main--frame--footer--column-gap: 36px;
  --radio-group--item--bg-color-inverted: var(--overlay-inverted-3);
  --section-hero-legal--transition-delay: 300ms;
  --select--content--item--outline-color: var(--brand-8);
  --select--content--item--outline-width: 2px;
  --select--content--transition-function: ease-out;
  --sheet--content--header--button--size: 2rem;
  --sheet--content--header--title--color: var(--neutral-12);
  --testimonial--color-quote_highlighted: var(--brand-11);
  --top-menu--popover--bg-color_inverted: var(--neutral-inverted-0);
  --block-benefits--border-color-inverted: var(--neutral-inverted-4);
  --block-split-view--translate-x_initial: -140px;
  --dialog--content--header--button--size: 2rem;
  --dialog--content--header--title--color: var(--neutral-12);
  --field--container--outline-color-error: var(--critical-9);
  --field--container--transition-duration: 150ms;
  --field--container--transition-function: ease;
  --field--hints--message--color-inverted: var(--neutral-3);
  --field--label--color-critical-inverted: var(--critical-7);
  --field--label--color-optional-inverted: var(--neutral-6);
  --footer-menu--item--padding-horizontal: 12px;
  --header-config--outline-color-inverted: var(--neutral-inverted-12);
  --link--color-underline-inverted_active: var(--brand-8);
  --link-button-primary--bg-color_hovered: var(--button-primary--bg-color_hovered);
  --link-button-secondary--color-inverted: var(--button-secondary--color-inverted);
  --mobile-menu--bg-color-controls_active: var(--overlay-inverted-10);
  --mobile-menu--item--padding-horizontal: 16px;
  --mobile-menu--transition-duration_open: 300ms;
  --page-main--frame--button-menu--height: 3.25rem;
  --popover--content--translate-bottom-in: -8px;
  --popup--bg-color-highlighted-alternate: var(--section--bg-color-highlighted-alternate);
  --radio-group--item--indicator-bg-color: var(--brand-10);
  --radio-group--item--indicator-rounding: 9999px;
  --section-hero-home--margin-top-buttons: 40px;
  --section-separator--translate-x_inital: 200px;
  --select--content--item--outline-offset: 1px;
  --team-member--padding-horizontal-label: 12px;
  --testimonial--border-color_highlighted: var(--brand-7);
  --testimonial--color-secondary-inverted: var(--neutral-inverted-11);
  --accordion--item--content--border-color: var(--neutral-inverted-3);
  --accordion--item--content--border-width: 1px;
  --annotation--typing--animation-duration: 1600ms;
  --banner--bg-color-highlighted-alternate: var(--neutral-inverted-3);
  --benefit-card--bg-color-overlay_hovered: var(--overlay-inverted-1);
  --benefit-card--color-secondary-inverted: var(--neutral-inverted-11);
  --block-split-view--border-color-caption: var(--neutral-inverted-5);
  --block-split-view--border-width-caption: 2px;
  --button-primary--bg-color-inverted_open: var(--neutral-3);
  --button-primary-critical--bg-color_open: var(--critical-10);
  --button-secondary--border-color_hovered: var(--neutral-6);
  --field--container--icon--color-inverted: var(--neutral-0);
  --field--hints--error-message--font-size: var(--font-size-sm);
  --field-multiline--input--color-inverted: var(--field--container--input--color-inverted);
  --footer-menu--item--transition-duration: 200ms;
  --footer-menu--item--transition-function: ease;
  --header-config--roundin-popover-content: 6px;
  --header-simple--button-padding-vertical: 4px;
  --link--color-underline-inverted_hovered: var(--brand-8);
  --link-button-primary--bg-color-inverted: var(--button-primary--bg-color-inverted);
  --link-button-secondary--bg-color_active: var(--button-secondary--bg-color_active);
  --page-main--frame--header--border-width: 1px;
  --popover--content--translate-bottom-out: -8px;
  --section-hero--translate-y-text_initial: 120px;
  --section-hero-home--transition-function: ease;
  --section-hero-legal--margin-top-buttons: 40px;
  --top-menu--item--bg-color_open-inverted: var(--overlay-inverted-2);
  --top-menu--popover--translate-y_initial: 16px;
  --block-button-group--transition-duration: var(--block-heading--transition-duration);
  --block-button-group--transition-function: var(--block-heading--transition-function);
  --block-button-group--translate-y_initial: var(--block-heading--translate-y_initial);
  --button-secondary--border-color-inverted: var(--neutral-inverted-5);
  --button-secondary-critical--border-color: var(--critical-6);
  --button-secondary-critical--border-width: 1px;
  --button-tertiary--bg-color-inverted_open: var(--overlay-inverted-4);
  --card--border-color-inverted_highlighted: var(--neutral-inverted-6);
  --card--shadow-color-inverted_highlighted: var(--brand-8);
  --checkbox--bg-color-indeterminate_active: var(--brand-9);
  --field--container--input--color-inverted: var(--neutral-0);
  --field--container--outline-color_focused: var(--neutral-12);
  --field--container--outline-color_hovered: var(--neutral-6);
  --field--container--outline-width_focused: 2px;
  --field--container--outline-width_hovered: 1px;
  --header-config--bg-color_active-inverted: var(--overlay-inverted-4);
  --link-button--transition-duration_active: var(--button--transition-duration_active);
  --link-button-secondary--bg-color_hovered: var(--button-secondary--bg-color_hovered);
  --mobile-menu--transition-duration_closed: 300ms;
  --page-main--frame--button-menu--bg-color: var(--neutral-0);
  --page-main--frame--button-menu--rounding: 9999px;
  --radio-group--item--label-color-inverted: var(--neutral-0);
  --section--bg-color-highlighted-alternate: var(--neutral-inverted-2);
  --section-hero--transition-duration-image: 12;
  --section-hero--translate-y-image_initial: 60px;
  --section-hero-legal--transition-duration: 6;
  --section-hero-legal--transition-function: ease;
  --select--content--item--bg-color_checked: var(--overlay-2);
  --select--content--item--bg-color_focused: var(--brand-4);
  --accordion--item--content--color-inverted: var(--neutral-inverted-12);
  --accordion--item--trigger--color-inverted: var(--neutral-inverted-12);
  --accordion--item--trigger--text-transform: none;
  --block-features--indicator-color-inverted: var(--neutral-inverted-11);
  --button-primary--bg-color-inverted_active: var(--neutral-2);
  --button-primary-critical--bg-color_active: var(--critical-10);
  --button-secondary--bg-color-inverted_open: var(--overlay-inverted-3);
  --checkbox--bg-color-indeterminate_hovered: var(--brand-9);
  --context-theme--roundness-scrollbar-thumb: 2px;
  --context-theme--roundness-scrollbar-track: 0px;
  --field--button--bg-color-inverted_hovered: var(--overlay-inverted-4);
  --field--hints--error-message--font-family: var(--font-family-sans);
  --field--hints--error-message--font-weight: var(--font-weight-regular);
  --field--hints--error-message--line-height: var(--line-height-sm);
  --header-config--bg-color_hovered-inverted: var(--overlay-inverted-2);
  --header-simple--button-padding-horizontal: 8px;
  --link-button-secondary--bg-color-inverted: var(--button-secondary--bg-color-inverted);
  --page-main--frame--button-menu--font-size: var(--button--font-size);
  --page-main--frame--footer--min-width-menu: 12rem;
  --radio-group--item--border-color-inverted: var(--neutral-9);
  --section-hero-home--device--scale_initial: 0.85;
  --section-hero-home--device--switch--width: 7rem;
  --sheet--backdrop-transition-duration_open: 340ms;
  --sheet--backdrop-transition-function_open: ease;
  --sheet--content--header--button--bg-color: var(--neutral-1);
  --sheet--content--header--title--font-size: var(--font-size-xl);
  --sheet--content--transition-duration_open: 260ms;
  --sheet--content--transition-function_open: ease;
  --top-menu--item--bg-color_active-inverted: var(--overlay-inverted-2);
  --top-menu--popover--border-color_inverted: var(--neutral-inverted-5);
  --button-primary--bg-color-inverted_hovered: var(--neutral-4);
  --button-primary-critical--bg-color_hovered: var(--critical-9);
  --button-tertiary--bg-color-inverted_active: var(--overlay-inverted-4);
  --checkbox--bg-color-indeterminate-inverted: var(--neutral-0);
  --dialog--backdrop-transition-duration_open: 340ms;
  --dialog--backdrop-transition-function_open: ease;
  --dialog--content--header--button--bg-color: var(--neutral-1);
  --dialog--content--header--title--font-size: var(--font-size-xl);
  --dialog--content--transition-duration_open: 260ms;
  --dialog--content--transition-function_open: ease;
  --field-multiline--input--color-placeholder: var(--neutral-10);
  --mobile-menu--transition-duration-backdrop: 300ms;
  --page-main--frame--button-menu--column-gap: 8px;
  --page-main--frame--footer--color-paragraph: var(--neutral-11);
  --page-main--frame--header--bg-color-accent: var(--section--bg-color-highlighted);
  --radio-group--item--outline-color-inverted: var(--brand-8);
  --section-hero--translate-y-buttons_initial: 60px;
  --section-hero-home--device--switch--height: 4rem;
  --select--content--transition-duration_open: 150ms;
  --top-menu--item--bg-color_hovered-inverted: var(--overlay-inverted-3);
  --accordion--item--trigger--bg-color_hovered: var(--neutral-inverted-3);
  --block-split-view--padding-vertical-caption: 8px;
  --button-secondary--bg-color-inverted_active: var(--overlay-inverted-3);
  --button-secondary-critical--bg-color_active: var(--critical-2);
  --button-tertiary--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --card--footer--button-group__button--height: 3rem;
  --card--link-layer--color-indicator-inverted: var(--neutral-inverted-11);
  --checkbox--bg-color-checked-inverted_active: var(--neutral-1);
  --checkbox-group--item--label-color-inverted: var(--neutral-0);
  --page-main--frame--footer--padding-vertical: 40px;
  --page-main--frame--header--link-skip--color: var(--neutral-12);
  --page-main--frame--header--padding-vertical: 12px;
  --popover--content--transition-duration_open: 150ms;
  --popover--content--transition-function_open: ease;
  --section-hero-home--device--switch--padding: 4px;
  --sheet--backdrop-transition-duration_closed: 300ms;
  --sheet--backdrop-transition-function_closed: ease;
  --sheet--content--header--title--font-family: var(--font-family-sans);
  --sheet--content--header--title--font-weight: var(--font-weight-bold);
  --sheet--content--header--title--line-height: var(--line-height-xl);
  --sheet--content--transition-duration_closed: 200ms;
  --sheet--content--transition-function_closed: ease;
  --accordion--item--content--bg-color-inverted: var(--neutral-inverted-1);
  --accordion--item--trigger--bg-color-inverted: var(--neutral-inverted-5);
  --benefit-card--padding-description-container: 2px;
  --block-form--item--info--transition-duration: var(--block-heading--transition-duration);
  --block-form--item--info--transition-function: var(--block-heading--transition-function);
  --block-form--item--info--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--transition-duration-slide: 100ms;
  --block-split-view--transition-function-slide: linear;
  --button-secondary--bg-color-inverted_hovered: var(--overlay-inverted-2);
  --button-secondary-critical--bg-color_hovered: var(--critical-1);
  --checkbox--bg-color-checked-inverted_hovered: var(--neutral-2);
  --context-theme--color-scrollbar-thumb_active: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_active: var(--neutral-inverted-3);
  --dialog--backdrop-transition-duration_closed: 300ms;
  --dialog--backdrop-transition-function_closed: ease;
  --dialog--content--header--title--font-family: var(--font-family-sans);
  --dialog--content--header--title--font-weight: var(--font-weight-bold);
  --dialog--content--header--title--line-height: var(--line-height-xl);
  --dialog--content--transition-duration_closed: 200ms;
  --dialog--content--transition-function_closed: ease;
  --field--button--outline-color-error-inverted: var(--critical-8);
  --field--container--bg-color-inverted_focused: var(--overlay-inverted-3);
  --field--container--bg-color-inverted_hovered: var(--overlay-inverted-4);
  --field--hints--error-message--color-inverted: var(--critical-7);
  --link-button-secondary--border-color_hovered: var(--button-secondary--border-color_hovered);
  --page-main--frame--button-menu--border-color: transparent;
  --page-main--frame--button-menu--border-width: 1px;
  --radio-group--item--bg-color-inverted_active: var(--overlay-inverted-4);
  --section--shadow-color-highlighted-alternate: var(--neutral-12);
  --section-hero-home--device--switch--bg-color: var(--overlay-2);
  --section-hero-home--device--switch--rounding: 12px;
  --section-hero-home--padding-vertical-content: 64px;
  --section-hero-home--transition-duration-long: 12;
  --section-hero-home--translate-y-text_initial: 120px;
  --select--content--transition-duration_closed: 50ms;
  --top-menu--popover--transition-duration_open: 400ms;
  --block-split-view--padding-horizontal-caption: 12px;
  --card--footer--button-group__button--rounding: 6px;
  --card--link-layer--bg-color-indicator_hovered: var(--overlay-3);
  --context-theme--color-scrollbar-thumb_hovered: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_hovered: var(--neutral-inverted-3);
  --link-button-secondary--border-color-inverted: var(--button-secondary--border-color-inverted);
  --page-main--frame--header--bg-color-alternate: var(--section--bg-color);
  --popover--content--transition-duration_closed: 100ms;
  --popover--content--transition-function_closed: ease;
  --radio-group--item--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --section-hero-home--device--switch--size-icon: 1.5rem;
  --section-hero-home--transition-duration-short: 9;
  --section-hero-legal--padding-vertical-content: 48px;
  --section-hero-legal--translate-y-text_initial: 120px;
  --block-split-view--transition-duration-caption: 200ms;
  --card--link-layer--bg-color-indicator-inverted: var(--overlay-inverted-3);
  --field--button--outline-color-inverted_focused: var(--neutral-0);
  --link-button-primary--bg-color-inverted_active: var(--button-primary--bg-color-inverted_active);
  --page-main--frame--animation--translate-y_open: -60px;
  --page-main--frame--button-menu--padding-bottom: 24px;
  --page-main--frame--header--link-skip--rounding: 8px;
  --page-main--frame--header--transition-duration: 3;
  --page-main--frame--header--transition-function: ease;
  --page-main--frame--header--translate-y_initial: -10px;
  --section-hero-home--device--switch--color-icon: var(--neutral-12);
  --section-hero-home--device--switch--column-gap: 4px;
  --testimonial--color-quote-inverted_highlighted: var(--brand-7);
  --top-menu--popover--transition-duration_closed: 250ms;
  --block-split-view--transition-duration-slide-in: 600ms;
  --block-split-view--transition-function-slide-in: ease;
  --field--container--outline-color-error-inverted: var(--critical-8);
  --header-config--padding-horizontal-theme-button: 8px;
  --link-button-primary--bg-color-inverted_hovered: var(--button-primary--bg-color-inverted_hovered);
  --page-main--frame--footer--margin-top-copyright: 16px;
  --page-main--frame--header--bg-color-highlighted: var(--section--bg-color-highlighted);
  --page-main--frame--header--link-skip--font-size: var(--font-size-md);
  --radio-group--item--indicator-bg-color-inverted: var(--neutral-0);
  --section-hero-home--device--transition-duration: 400ms;
  --section-hero-home--device--transition-function: ease;
  --section-hero-home--device--translate-y_initial: 40%;
  --section-hero-home--translate-y-buttons_initial: 80px;
  --testimonial--border-color-inverted_highlighted: var(--brand-12);
  --accordion--item--content--border-color-inverted: var(--neutral-inverted-6);
  --button-secondary--border-color-inverted_hovered: var(--neutral-inverted-7);
  --button-secondary-critical--border-color_hovered: var(--critical-7);
  --link-button-secondary--bg-color-inverted_active: var(--button-secondary--bg-color-inverted_active);
  --page-main--frame--header--border-color_scrolled: var(--neutral-5);
  --page-main--frame--header--link-skip--margin-top: 16px;
  --section-hero-legal--translate-y-buttons_initial: 80px;
  --sheet--content--header--button--bg-color_active: var(--neutral-3);
  --checkbox--bg-color-indeterminate-inverted_active: var(--neutral-1);
  --field--container--outline-color-inverted_focused: var(--neutral-0);
  --field--container--outline-color-inverted_hovered: var(--neutral-8);
  --link-button-secondary--bg-color-inverted_hovered: var(--button-secondary--bg-color-inverted_hovered);
  --page-main--frame--animation--transition-duration: 300ms;
  --page-main--frame--animation--transition-function: ease;
  --page-main--frame--header--link-skip--font-family: var(--font-family-sans);
  --page-main--frame--header--link-skip--font-weight: var(--font-weight-medium);
  --page-main--frame--header--link-skip--line-height: var(--line-height-md);
  --section-hero-home--device--switch--rounding-item: 8px;
  --sheet--content--header--button--bg-color_hovered: var(--neutral-3);
  --card--footer--button-group__button--scale_hovered: 1 1 1;
  --checkbox--bg-color-indeterminate-inverted_hovered: var(--neutral-2);
  --dialog--content--header--button--bg-color_hovered: var(--neutral-3);
  --dialog--content--header--button--bg-color_pressed: var(--neutral-1);
  --mobile-menu--item--transition-duration-group_open: 300ms;
  --mobile-menu--item--transition-function-group_open: ease;
  --page-main--frame--button-menu--padding-horizontal: var(--page-padding);
  --accordion--item--trigger--transition-duration-icon: var(--accordion--item--content-wrapper-transition-duration);
  --accordion--item--trigger--transition-function-icon: var(--accordion--item--content-wrapper-transition-function);
  --field-multiline--input--color-placeholder-inverted: var(--neutral-8);
  --page-main--frame--button-menu--transition-duration: 300ms;
  --page-main--frame--button-menu--transition-function: ease;
  --page-main--frame--header--link-skip--outline-color: var(--brand-8);
  --page-main--frame--header--link-skip--outline-width: 2px;
  --accordion--item--trigger--bg-color-inverted_hovered: var(--neutral-inverted-7);
  --mobile-menu--item--transition-duration-group_closed: 200ms;
  --mobile-menu--item--transition-function-group_closed: ease;
  --page-main--frame--header--link-skip--color-inverted: var(--neutral-inverted-12);
  --accordion--item--content-wrapper-transition-duration: 250ms;
  --accordion--item--content-wrapper-transition-function: ease;
  --link-button-secondary--border-color-inverted_hovered: var(--button-secondary--border-color-inverted_hovered);
  --card--link-layer--bg-color-indicator-inverted_hovered: var(--overlay-inverted-4);
  --page-main--frame--header--link-skip--padding-vertical: 8px;
  --section-hero-home--device--switch--color-icon_pressed: var(--neutral-12);
  --section-hero-home--device--switch--outline-color-item: var(--brand-9);
  --section-hero-home--device--switch--outline-width-item: 2px;
  --page-main--frame--header--link-skip--padding-horizontal: 16px;
  --page-main--frame--button-menu--padding-horizontal-button: 20px;
  --page-main--frame--header--bg-color-highlighted-alternate: var(--section--bg-color-highlighted);
  --page-main--frame--header--border-color_scrolled-inverted: var(--neutral-inverted-5);
  --section-hero-home--device--switch--bg-color-item_hovered: var(--overlay-inverted-4);
  --section-hero-home--device--switch--bg-color-item_pressed: var(--overlay-inverted-8);
}
    }
  [data-nc-theme~="zeno"] {
  --brand-1: oklch(99.4% 0.0032 280);
  --brand-2: oklch(98.1% 0.0116 280);
  --brand-3: oklch(96.1% 0.022 280);
  --brand-4: oklch(93.5% 0.0444 280);
  --brand-5: oklch(90.4% 0.0662 280);
  --brand-6: oklch(86.5% 0.0876 280);
  --brand-7: oklch(80.8% 0.1113 280);
  --brand-8: oklch(72.9% 0.1488 280);
  --brand-9: oklch(46.8% 0.2343 280);
  --accent-1: oklch(99.4% 0.0068 322.1);
  --accent-2: oklch(98.3% 0.0141 322.1);
  --accent-3: oklch(95.6% 0.0416 322.1);
  --accent-4: oklch(92.8% 0.0651 322.1);
  --accent-5: oklch(89.7% 0.0853 322.1);
  --accent-6: oklch(85.9% 0.1067 322.1);
  --accent-7: oklch(80.9% 0.1342 322.1);
  --accent-8: oklch(74.5% 0.1745 322.1);
  --accent-9: oklch(66.7% 0.2944 322.1);
  --brand-10: oklch(41.5% 0.2343 280);
  --brand-11: oklch(51% 0.2181 280);
  --brand-12: oklch(31.5% 0.1244 280);
  --accent-10: oklch(62.8% 0.2944 322.1);
  --accent-11: oklch(53.4% 0.2785 322.1);
  --accent-12: oklch(34.2% 0.1913 322.1);
  --neutral-0: oklch(100% 0% 68deg);
  --neutral-1: oklch(99.1% 0.0007 285.9);
  --neutral-2: oklch(98.2% 0.0016 285.9);
  --neutral-3: oklch(95.6% 0.0024 285.9);
  --neutral-4: oklch(93.1% 0.0033 285.9);
  --neutral-5: oklch(91% 0.0041 285.9);
  --neutral-6: oklch(88.7% 0.005 285.9);
  --neutral-7: oklch(85.3% 0.0064 285.9);
  --neutral-8: oklch(79.4% 0.0088 285.9);
  --neutral-9: oklch(64.4% 0.0089 285.9);
  --overlay-1: oklch(24% 2% 286deg / 4%);
  --overlay-2: oklch(24% 2% 286deg / 8%);
  --overlay-3: oklch(24% 2% 286deg / 12%);
  --overlay-4: oklch(24% 2% 286deg / 18%);
  --overlay-5: oklch(24% 2% 286deg / 30%);
  --overlay-6: oklch(24% 2% 286deg / 40%);
  --overlay-7: oklch(24% 2% 286deg / 50%);
  --overlay-8: oklch(24% 2% 286deg / 60%);
  --overlay-9: oklch(24% 2% 286deg / 90%);
  --shadow-lg: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 35%, transparent),     1.5px 3px 3.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     2.8px 5.7px 7.1px color-mix(in oklch, var(--shadow-color) 35%, transparent),     4.7px 9.4px 11.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     7.5px 15px 18.9px color-mix(in oklch, var(--shadow-color) 35%, transparent),     11.7px 23.4px 29.4px color-mix(in oklch, var(--shadow-color) 35%, transparent),     17.8px 35.6px 44.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     26.3px 52.5px 66.1px color-mix(in oklch, var(--shadow-color) 35%, transparent);
  --shadow-md: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 38%, transparent),     0.8px 1.7px 2.1px color-mix(in oklch, var(--shadow-color) 38%, transparent),     2.1px 4.2px 5.3px color-mix(in oklch, var(--shadow-color) 38%, transparent),     5.1px 10.3px 12.9px color-mix(in oklch, var(--shadow-color) 38%, transparent);
  --shadow-sm: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 36%, transparent),     0.4px 0.8px 1px color-mix(in oklch, var(--shadow-color) 36%, transparent),     1px 2.1px 2.6px color-mix(in oklch, var(--shadow-color) 36%, transparent);
  --success-1: oklch(99.4% 0.0064 160.2);
  --success-2: oklch(98.2% 0.0116 160.2);
  --success-3: oklch(96% 0.0291 160.2);
  --success-4: oklch(93.4% 0.0464 160.2);
  --success-5: oklch(90.1% 0.0657 160.2);
  --success-6: oklch(85.8% 0.088 160.2);
  --success-7: oklch(79.8% 0.1166 160.2);
  --success-8: oklch(71.6% 0.1589 160.2);
  --success-9: oklch(70.5% 0.1589 160.2);
  --warning-1: oklch(99.3% 0.0027 64.86);
  --warning-2: oklch(98.4% 0.0217 64.86);
  --warning-3: oklch(96.6% 0.0607 64.86);
  --warning-4: oklch(93.8% 0.0992 64.86);
  --warning-5: oklch(91% 0.1271 64.86);
  --warning-6: oklch(87.4% 0.1207 64.86);
  --warning-7: oklch(82.1% 0.1207 64.86);
  --warning-8: oklch(75.4% 0.1408 64.86);
  --warning-9: oklch(77.1% 0.1731 64.86);
  --critical-1: oklch(99.4% 0.0038 28.55);
  --critical-2: oklch(98.4% 0.0091 28.55);
  --critical-3: oklch(95.5% 0.0259 28.55);
  --critical-4: oklch(92.7% 0.0566 28.55);
  --critical-5: oklch(89.4% 0.0749 28.55);
  --critical-6: oklch(85.4% 0.0914 28.55);
  --critical-7: oklch(80.4% 0.1111 28.55);
  --critical-8: oklch(74.3% 0.1399 28.55);
  --critical-9: oklch(58.3% 0.2387 28.55);
  --neutral-10: oklch(60.9% 0.0088 285.9);
  --neutral-11: oklch(44% 3% 283deg);
  --neutral-12: oklch(17% 1% 279deg);
  --overlay-10: oklch(24% 2% 286deg / 80%);
  --overlay-11: oklch(24% 2% 286deg / 90%);
  --overlay-12: oklch(24% 2% 286deg / 95%);
  --success-10: oklch(66.7% 0.1589 160.2);
  --success-11: oklch(52.7% 0.1589 160.2);
  --success-12: oklch(32.6% 0.0655 160.2);
  --warning-10: oklch(73.6% 0.1408 64.86);
  --warning-11: oklch(57.6% 0.159 64.86);
  --warning-12: oklch(35.1% 0.0559 64.86);
  --code--color: var(--brand-12);
  --critical-10: oklch(53.9% 0.2387 28.55);
  --critical-11: oklch(56.3% 0.2387 28.55);
  --critical-12: oklch(34.3% 0.1092 28.55);
  --highlight-1: oklch(99.3% 0.0034 240.9);
  --highlight-2: oklch(98.1% 0.0089 240.9);
  --highlight-3: oklch(95.9% 0.0217 240.9);
  --highlight-4: oklch(93.5% 0.0374 240.9);
  --highlight-5: oklch(90.4% 0.0515 240.9);
  --highlight-6: oklch(86.2% 0.0651 240.9);
  --highlight-7: oklch(80.7% 0.083 240.9);
  --highlight-8: oklch(73.2% 0.1136 240.9);
  --highlight-9: oklch(69% 0.1604 240.9);
  --link--color: var(--brand-10);
  --text--color: var(--neutral-12);
  --font-size-lg: 1.125rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.25rem;
  --font-size-xs: 0.75rem;
  --highlight-10: oklch(65.2% 0.152 240.9);
  --highlight-11: oklch(55.1% 0.1604 240.9);
  --highlight-12: oklch(32.7% 0.0755 240.9);
  --loader--size: 1.75rem;
  --page-padding: 16px;
  --shadow-color: color-mix(in oklch, var(--neutral-12) 40%, transparent);
  --slider--size: 1.5rem;
  --toast--color: var(--neutral-12);
  --card--padding: 20px;
  --card--spacing: 32px;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --form--spacing: 24px;
  --list--row-gap: 8px;
  --loader--color: var(--neutral-12);
  --button--height: 3.5rem;
  --card--bg-color: var(--neutral-1);
  --card--rounding: 22px;
  --code--bg-color: var(--brand-4);
  --code--rounding: 4px;
  --field--padding: 4px;
  --heading--color: var(--neutral-12);
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --link--rounding: 4px;
  --popup--padding: 20px;
  --tagline--color: var(--neutral-12);
  --toast--padding: 12px;
  --toast--spacing: 12px;
  --banner--spacing: 16px;
  --block-form--gap: 24px;
  --button--padding: 24px;
  --button--spacing: 10px;
  --checkbox--color: var(--neutral-0);
  --indicator--size: 0.5rem;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --popup--bg-color: var(--section--bg-color);
  --toast--bg-color: var(--neutral-1);
  --toast--rounding: 12px;
  --banner--bg-color: var(--neutral-2);
  --block-icon--size: 2.5rem;
  --button--rounding: 14px;
  --checkbox--height: 1.5rem;
  --font-family-mono: "DM Mono";
  --font-family-sans: "DM Sans";
  --font-weight-bold: 600;
  --font-weight-thin: 300;
  --list--column-gap: 8px;
  --list-item--color: var(--neutral-11);
  --paragraph--color: var(--neutral-11);
  --section--row-gap: 56px;
  --annotation--color: var(--neutral-12);
  --block-icon--color: var(--neutral-12);
  --blockquote--color: var(--brand-11);
  --button--font-size: var(--font-size-md);
  --card--shadow-blur: 8px;
  --code--font-family: var(--font-family-mono);
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --link--font-weight: var(--font-weight-medium);
  --screen-height-lvh: 100vh;
  --section--bg-color: var(--neutral-0);
  --tagline--rounding: 4px;
  --text--font-family: var(--font-family-sans);
  --text--font-weight: var(--font-weight-regular);
  --tooltip--bg-color: var(--brand-10);
  --tooltip--rounding: 8px;
  --auto-grid--row-gap: 20px;
  --button--icon--size: 1.25rem;
  --card--border-color: var(--neutral-6);
  --card--border-width: 1px;
  --checkbox--bg-color: var(--neutral-0);
  --checkbox--rounding: 6px;
  --code--border-color: var(--brand-6);
  --code--border-width: 1px;
  --font-weight-medium: 500;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --link--color_active: var(--brand-11);
  --neutral-inverted-0: oklch(15.5% 0.0042 286);
  --neutral-inverted-1: oklch(17.8% 0.0058 286);
  --neutral-inverted-2: oklch(21.3% 0.006 286);
  --neutral-inverted-3: oklch(25.3% 0.0084 286);
  --neutral-inverted-4: oklch(28.3% 0.009 286);
  --neutral-inverted-5: oklch(31.1% 0.009 286);
  --neutral-inverted-6: oklch(34.6% 0.009 286);
  --neutral-inverted-7: oklch(39.8% 0.009 286);
  --neutral-inverted-8: oklch(49% 0.009 286);
  --neutral-inverted-9: oklch(53.7% 0.009 286);
  --overlay-inverted-1: oklch(100% 0% 90deg / 4%);
  --overlay-inverted-2: oklch(100% 0% 90deg / 8%);
  --overlay-inverted-3: oklch(100% 0% 90deg / 12%);
  --overlay-inverted-4: oklch(100% 0% 90deg / 18%);
  --overlay-inverted-5: oklch(100% 0% 90deg / 30%);
  --overlay-inverted-6: oklch(100% 0% 90deg / 40%);
  --overlay-inverted-7: oklch(100% 0% 90deg / 50%);
  --overlay-inverted-8: oklch(100% 0% 90deg / 60%);
  --overlay-inverted-9: oklch(100% 0% 90deg / 70%);
  --popup--size-button: 2.5rem;
  --section--max-width: 75rem;
  --tooltip--max-width: 14rem;
  --annotation--padding: 4px;
  --annotation--row-gap: 4px;
  --benefit-card--color: var(--neutral-12);
  --block-benefits--gap: 1px;
  --block-features--gap: 8px;
  --block-icon--padding: 20px;
  --button--font-family: var(--font-family-sans);
  --button--font-weight: var(--font-weight-medium);
  --button-ghost--color: var(--neutral-12);
  --card--body--spacing: 8px;
  --card--shadow-spread: 4px;
  --checkbox-group--gap: 4px;
  --field--label--color: var(--neutral-11);
  --font-size-lg-mobile: 1.125rem;
  --font-size-md-mobile: 1rem;
  --font-size-sm-mobile: 0.875rem;
  --font-size-xl-mobile: 1.25rem;
  --font-size-xs-mobile: 0.75rem;
  --font-weight-regular: 400;
  --indicator--rounding: 9999px;
  --link--color_hovered: var(--brand-8);
  --link--outline-color: var(--neutral-12);
  --link--outline-width: 2px;
  --link-button--height: var(--button--height);
  --logo-zenodev--color: var(--neutral-12);
  --mobile-menu--margin: 16px;
  --neutral-inverted-10: oklch(58.3% 0.009 286);
  --neutral-inverted-11: oklch(76.8% 0.009 286);
  --neutral-inverted-12: oklch(94.9% 0.0041 286);
  --overlay-inverted-10: oklch(100% 0% 90deg / 80%);
  --overlay-inverted-11: oklch(100% 0% 90deg / 90%);
  --overlay-inverted-12: oklch(100% 0% 90deg / 95%);
  --slider--range-color: var(--brand-9);
  --slider--thumb-color: var(--brand-9);
  --slider--track-color: var(--neutral-6);
  --strong--font-weight: var(--font-weight-bold);
  --theme-card--padding: 12px;
  --theme-card--spacing: 24px;
  --toast--border-color: var(--neutral-6);
  --toast--border-width: 1px;
  --top-menu--font-size: var(--font-size-md);
  --annotation--rounding: 8px;
  --block-icon--bg-color: var(--overlay-2);
  --block-icon--rounding: 6px;
  --blockquote--bg-color: var(--brand-2);
  --button--loader--size: 2rem;
  --button--scale_active: 1.05;
  --code--color-inverted: var(--brand-5);
  --font-size-2xl-mobile: 1.5rem;
  --font-size-3xl-mobile: 1.875rem;
  --font-size-4xl-mobile: 2.25rem;
  --font-size-5xl-mobile: 2.5rem;
  --font-size-6xl-mobile: 3rem;
  --header-config--color: var(--neutral-12);
  --heading--font-family: var(--font-family-sans);
  --heading--font-weight: var(--font-weight-bold);
  --link--color-inverted: var(--brand-5);
  --link--outline-offset: 2px;
  --link-button--padding: var(--button--padding);
  --link-button--spacing: var(--button--spacing);
  --loader--stroke-width: 0.25rem;
  --mobile-menu--padding: 8px;
  --mobile-menu--row-gap: 16px;
  --radio-group--spacing: 8px;
  --slider--track-height: 4px;
  --tagline--font-weight: var(--font-weight-thin);
  --team-member--padding: 8px;
  --testimonial--padding: 32px;
  --testimonial--spacing: 24px;
  --text--color-inverted: var(--neutral-inverted-12);
  --theme-card--bg-color: var(--neutral-1);
  --theme-card--rounding: 20px;
  --toast--color-success: var(--success-11);
  --toast--color-warning: var(--warning-11);
  --top-menu--column-gap: 16px;
  --top-menu--logo-width: 140px;
  --auto-grid--column-gap: 20px;
  --banner--button-height: 2rem;
  --benefit-card--spacing: 32px;
  --block-image--rounding: 6px;
  --button--outline-color: var(--neutral-12);
  --button--outline-width: 2px;
  --button--scale_hovered: 1.05;
  --button-primary--color: var(--neutral-0);
  --card--shadow-vertical: 0px;
  --field--button--height: var(--field--container--height);
  --field--hints--spacing: 4px;
  --field--label--spacing: 8px;
  --form--footer--spacing: 16px;
  --header-simple--height: 4rem;
  --line-height-lg-mobile: 1.75rem;
  --line-height-md-mobile: 1.5rem;
  --line-height-sm-mobile: 1.25rem;
  --line-height-xl-mobile: 1.875rem;
  --line-height-xs-mobile: 1.125rem;
  --link--color-underline: var(--brand-7);
  --link-button--rounding: var(--button--rounding);
  --list-item--column-gap: 8px;
  --loader--track-opacity: 0.3;
  --mobile-menu--bg-color: var(--neutral-0);
  --mobile-menu--rounding: 14px;
  --mobile-menu--size-dot: 1.5rem;
  --ordered-list--row-gap: 8px;
  --section--color_accent: var(--neutral-12);
  --section--shadow-color: var(--neutral-12);
  --sheet--portal-padding: 20px;
  --tagline--border-color: var(--neutral-12);
  --tagline--border-width: 0px;
  --team-member--bg-color: var(--overlay-3);
  --team-member--rounding: 24px;
  --testimonial--bg-color: var(--overlay-1);
  --testimonial--rounding: 16px;
  --theme-card--clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  --theme-card--size-logo: 3.5rem;
  --toast--color-critical: var(--critical-11);
  --tooltip--border-color: var(--neutral-0);
  --tooltip--border-width: 2px;
  --top-menu--font-family: var(--font-family-sans);
  --top-menu--font-weight: var(--font-weight-medium);
  --top-menu--item--color: var(--neutral-12);
  --annotation--column-gap: 12px;
  --annotation--size-image: 36px;
  --block-team--column-gap: var(--block-button-group--column-gap);
  --button--outline-offset: 2px;
  --button--text-transform: none;
  --button-ghost--bg-color: #ffffff00;
  --button-tertiary--color: var(--neutral-12);
  --card--bg-color_hovered: var(--overlay-1);
  --checkbox--border-color: var(--neutral-6);
  --checkbox--border-width: 1px;
  --dialog--portal-padding: calc(var(--popup--size-button) / 2);
  --header-config--padding: 4px;
  --header-simple--spacing: 16px;
  --line-height-2xl-mobile: 2rem;
  --line-height-3xl-mobile: 2.375rem;
  --line-height-4xl-mobile: 2.75rem;
  --line-height-5xl-mobile: 3rem;
  --line-height-6xl-mobile: 3.5rem;
  --link--underline-offset: 6px;
  --link-button--font-size: var(--button--font-size);
  --list-item--font-family: var(--font-family-sans);
  --loader--color-inverted: var(--neutral-inverted-12);
  --mobile-menu--color-dot: var(--neutral-0);
  --paragraph--font-weight: var(--font-weight-regular);
  --popup--bg-color-accent: var(--section--bg-color-accent);
  --presentation--rounding: 9999px;
  --slider--thumb-rounding: 9999px;
  --slider--track-rounding: 2px;
  --theme-card--color-logo: var(--overlay-inverted-6);
  --theme-card--color-text: var(--neutral-11);
  --toast-wrapper--padding: 20px;
  --top-menu--item--height: calc(var(--line-height-md) + 2 * 6px);
  --annotation--font-weight: var(--font-weight-medium);
  --banner--bg-color-accent: var(--brand-5);
  --benefit-card--size-icon: 2rem;
  --block-features--spacing: 16px;
  --block-step--number-size: 4rem;
  --blockquote--font-family: var(--font-family-sans);
  --button-secondary--color: var(--neutral-12);
  --card--bg-color-inverted: var(--neutral-inverted-2);
  --card--shadow-horizontal: 0px;
  --checkbox--outline-color: var(--brand-8);
  --checkbox--outline-width: 2px;
  --code--bg-color-inverted: transparent;
  --context-theme--bg-color: var(--neutral-0);
  --field--button--rounding: var(--field--container--rounding);
  --field--label--font-size: var(--font-size-md);
  --header-config--bg-color: var(--overlay-2);
  --header-config--size-dot: 1.5rem;
  --header-simple--bg-color: var(--neutral-0);
  --heading--color-inverted: var(--neutral-inverted-12);
  --heading--text-transform: uppercase;
  --link-button--icon--size: var(--button--icon--size);
  --mobile-menu--max-height: 90dvh;
  --radio-group--item--size: 1.5rem;
  --section--max-width-wide: 95rem;
  --section-hero-home--text: var(--neutral-11);
  --tagline--color-inverted: var(--neutral-0);
  --tagline--letter-spacing: 2px;
  --testimonial--bg-color-2: var(--overlay-inverted-10);
  --testimonial--color-user: var(--neutral-10);
  --testimonial--width-line: 40px;
  --toast--bg-color-success: var(--success-2);
  --toast--bg-color-warning: var(--warning-2);
  --annotation--bg-color-max: var(--accent-5);
  --annotation--border-width: 1px;
  --annotation--typing--size: 4px;
  --auto-grid--item--row-gap: 16px;
  --banner--button-inset-top: 8px;
  --banner--padding-vertical: 8px;
  --block-heading--max-width: 150ch;
  --block-icon--border-color: transparent;
  --block-icon--border-width: 0px;
  --blockquote--border-color: var(--brand-11);
  --blockquote--border-width: 4px;
  --button--opacity_disabled: 0.6;
  --button-primary--bg-color: var(--neutral-12);
  --checkbox--color-inverted: var(--neutral-12);
  --checkbox--outline-offset: 1px;
  --code--padding-horizontal: 4px;
  --field--container--height: 3rem;
  --field--hints--margin-top: 6px;
  --footer-menu--color-label: var(--neutral-12);
  --footer-menu--item--color: var(--neutral-12);
  --heading--color-secondary: var(--neutral-11);
  --link-button--font-family: var(--button--font-family);
  --link-button--font-weight: var(--button--font-weight);
  --mobile-menu--item--color: var(--neutral-12);
  --mobile-menu--padding-dot: 2px;
  --ordered-list--column-gap: 8px;
  --popup--max-width-content: 38rem;
  --section--bg-color-accent: var(--brand-7);
  --section--layout--row-gap: 56px;
  --select--content--padding: 8px;
  --select--content--spacing: 4px;
  --sheet--backdrop-bg-color: var(--overlay-7);
  --sheet--content--bg-color: var(--neutral-0);
  --sheet--content--rounding: 18px;
  --team-member--color-label: var(--neutral-inverted-12);
  --testimonial--color-quote: var(--neutral-12);
  --testimonial--size-avatar: 5rem;
  --theme-card--border-color: transparent;
  --theme-card--border-width: 0px;
  --theme-card--color-button: var(--neutral-0);
  --theme-card--spacing-text: 8px;
  --toast--bg-color-critical: var(--critical-2);
  --top-menu--item--rounding: 8px;
  --transition-duration-base: 100ms;
  --annotation--outline-color: var(--brand-8);
  --annotation--typing--color: var(--neutral-12);
  --benefit-card--size-corner: 50px;
  --block-heading--margin-top: 16px;
  --block-image--border-color: var(--neutral-3);
  --block-image--border-width: 1px;
  --button-tertiary--bg-color: var(--neutral-3);
  --card--transition-duration: 4;
  --card--transition-function: ease;
  --card--translate-y_initial: 40px;
  --checkbox--bg-color_active: var(--neutral-2);
  --checkbox--indicator--size: 1rem;
  --dialog--backdrop-bg-color: var(--overlay-8);
  --dialog--content--bg-color: var(--neutral-0);
  --dialog--content--rounding: 14px;
  --field--container--spacing: 2px;
  --field--label--font-family: var(--font-family-sans);
  --field--label--font-weight: var(--font-weight-medium);
  --footer-menu--border-color: var(--neutral-7);
  --footer-menu--border-width: 1px;
  --footer-menu--row-gap-list: 4px;
  --header-config--column-gap: 8px;
  --letter-spacing-4xl-mobile: 0rem;
  --letter-spacing-5xl-mobile: 0rem;
  --letter-spacing-6xl-mobile: 0rem;
  --link--transition-duration: 150ms;
  --link--transition-function: ease;
  --link--underline-thickness: 1px;
  --link-layer--outline-color: var(--brand-8);
  --link-layer--outline-width: 2px;
  --list-item--color-inverted: var(--neutral-inverted-11);
  --mobile-menu--item--height: 3.5rem;
  --mobile-menu--row-gap-list: 8px;
  --multi-form--step--padding: 2px;
  --multi-form--step--spacing: 24px;
  --paragraph--color-inverted: var(--neutral-inverted-11);
  --popover--content--padding: 8px;
  --popup--bg-color-alternate: var(--section--bg-color-alternate);
  --popup--translate-x-button: 50%;
  --popup--translate-y-button: -50%;
  --section--padding-vertical: 120px;
  --section-hero--padding-top: 3rem;
  --section-separator--height: 100px;
  --select--content--bg-color: var(--neutral-0);
  --select--content--rounding: 6px;
  --sheet--content--max-width: 26rem;
  --tagline--padding-vertical: 0px;
  --testimonial--border-color: transparent;
  --testimonial--border-width: 1px;
  --testimonial--padding-user: 16px;
  --theme-card--color-heading: var(--neutral-12);
  --theme-card--image-overlay: var(--overlay-4);
  --theme-card--scale_hovered: 1.05;
  --tooltip--padding-vertical: 8px;
  --tooltip--paragraph--color: var(--neutral-0);
  --top-menu--item--font-size: var(--font-size-md);
  --top-menu--item--icon-size: 1.25rem;
  --annotation--bg-color-franz: var(--highlight-5);
  --attention-marker--bg-color: var(--accent-9);
  --banner--bg-color-alternate: var(--neutral-3);
  --banner--button-inset-right: 16px;
  --banner--padding-horizontal: calc(40px + var(--banner--button-height));
  --benefit-card--spacing-text: 16px;
  --block-icon--color-inverted: var(--neutral-inverted-12);
  --block-rich-text--max-width: 85ch;
  --block-split-view--rounding: 12px;
  --blockquote--color-inverted: var(--brand-4);
  --button-secondary--bg-color: var(--neutral-3);
  --card--link-layer--rounding: var(--card--rounding);
  --checkbox--bg-color-checked: var(--brand-10);
  --checkbox--bg-color_hovered: var(--neutral-2);
  --dialog--content--max-width: 26rem;
  --field--container--bg-color: var(--neutral-3);
  --field--container--rounding: 6px;
  --field--label--color-strong: var(--neutral-12);
  --field--transition-duration: var(--block-heading--transition-duration);
  --field--transition-function: ease;
  --field--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--padding-dot: 2px;
  --header-config--size-button: 2.125rem;
  --highlighted-text--rotate-z: 0deg;
  --link-button--outline-color: var(--button--outline-color);
  --link-button--outline-width: var(--button--outline-width);
  --link-button--scale_hovered: var(--button--scale_hovered);
  --link-button-primary--color: var(--button-primary--color);
  --link-layer--outline-offset: 1px;
  --loader--animation-duration: 1000ms;
  --mobile-menu--bg-color-zeno: var(--neutral-12);
  --popover--content--bg-color: var(--neutral-0);
  --popover--content--rounding: 6px;
  --radio-group--item--spacing: 8px;
  --section-hero--bg-color-end: var(--neutral-3);
  --section-hero--row-gap-text: 16px;
  --testimonial--bg-color-line: var(--neutral-3);
  --testimonial--bg-color-user: var(--overlay-2);
  --theme-card--rounding-image: 8px;
  --toast--transition-duration: 250ms;
  --toast--transition-function: ease;
  --toast--translate-y_closing: -16px;
  --toast--translate-y_initial: 16px;
  --top-menu--item--column-gap: 8px;
  --top-menu--popover--padding: 8px;
  --annotation--rounding-avatar: 4px;
  --auto-grid--item--column-gap: 16px;
  --benefit-card--outline-color: var(--brand-8);
  --benefit-card--outline-width: 2px;
  --block-split-view--size-icon: 24px;
  --button--transition-duration: 200ms;
  --button--transition-function: ease;
  --button-ghost--bg-color_open: var(--overlay-2);
  --button-ghost--scale_hovered: 1;
  --card--border-color-inverted: var(--neutral-inverted-6);
  --card--link-layer--size-icon: 28px;
  --checkbox--bg-color-inverted: var(--overlay-inverted-3);
  --code--border-color-inverted: var(--brand-8);
  --dialog--content--scale_open: 1;
  --field--label--color_focused: var(--neutral-12);
  --footer-menu--item--rounding: 0px;
  --header-config--color_active: var(--neutral-12);
  --header-simple--border-color: var(--neutral-6);
  --header-simple--border-width: 1px;
  --link--color-inverted_active: var(--brand-6);
  --link-button--outline-offset: var(--button--outline-offset);
  --link-button--text-transform: var(--button--text-transform);
  --mobile-menu--bg-color-mango: var(--header-config--bg-color-mango);
  --mobile-menu--color-controls: var(--neutral-12);
  --mobile-menu--item--bg-color: transparent;
  --mobile-menu--item--rounding: 8px;
  --popup--bg-color-highlighted: var(--section--bg-color-highlighted);
  --radio-group--item--bg-color: var(--neutral-0);
  --radio-group--item--rounding: 9999px;
  --section--bg-color-alternate: var(--neutral-1);
  --section--layout--column-gap: 32px;
  --section--padding-horizontal: var(--page-padding);
  --section-separator--bg-color: var(--brand-7);
  --select--content--scale_open: 1;
  --slider--thumb-outline-color: var(--brand-8);
  --slider--thumb-outline-width: 2px;
  --tagline--link-layer_hovered: var(--overlay-2);
  --tagline--padding-horizontal: 0px;
  --team-member--bg-color-label: var(--neutral-inverted-0);
  --team-member--rounding-inner: 16px;
  --testimonial--spacing-avatar: 16px;
  --theme-card--bg-color-button: var(--neutral-12);
  --theme-card--clip-path-image: polygon(0 0, calc(100% - 35px) 0, 100% 35px, 100% 100%, 0 100%);
  --theme-card--rounding-button: 8px;
  --toast--border-color-success: var(--success-8);
  --toast--border-color-warning: var(--warning-8);
  --tooltip--padding-horizontal: 12px;
  --top-menu--min-width-popover: 10rem;
  --top-menu--popover--bg-color: var(--neutral-0);
  --top-menu--popover--rounding: 14px;
  --annotation--border-color-max: var(--accent-10);
  --banner--bg-color-highlighted: var(--neutral-inverted-2);
  --benefit-card--color-inverted: var(--neutral-inverted-12);
  --block-benefits--border-color: var(--neutral-4);
  --block-image--max-width-small: 320px;
  --blockquote--padding-vertical: 8px;
  --field--container--icon--size: 1.25rem;
  --field--hints--message--color: var(--neutral-10);
  --field--label--color-critical: var(--critical-9);
  --field--label--color-inverted: var(--neutral-3);
  --field--label--color-optional: var(--neutral-10);
  --field--label--padding-bottom: 8px;
  --header-config--outline-color: var(--neutral-12);
  --header-config--outline-width: 2px;
  --link--color-inverted_hovered: var(--brand-7);
  --link--color-underline_active: var(--brand-11);
  --link--outline-color-inverted: var(--neutral-inverted-12);
  --link-button-secondary--color: var(--button-secondary--color);
  --mobile-menu--height-controls: var(--button--height);
  --mobile-menu--item--icon-size: 1.25rem;
  --popover--content--scale_open: 1;
  --popup--border-color_inverted: var(--neutral-inverted-5);
  --section--shadow-color-accent: var(--brand-12);
  --section-hero--bg-color-start: var(--neutral-0);
  --section-hero--rounding-image: 14px;
  --section-hero--row-gap-layout: 0px;
  --select--content--item--color: var(--neutral-12);
  --sheet--content--border-color: var(--neutral-6);
  --sheet--content--border-width: 1px;
  --sheet--content--opacity_open: 1;
  --slider--thumb-outline-offset: 1px;
  --testimonial--color-secondary: var(--neutral-11);
  --testimonial--rounding-avatar: 6px;
  --toast--border-color-critical: var(--critical-8);
  --top-menu--item--outine-width: 2px;
  --benefit-card--color-secondary: var(--neutral-11);
  --block-icon--bg-color-inverted: var(--overlay-inverted-3);
  --block-image--max-width-medium: 640px;
  --blockquote--bg-color-inverted: var(--overlay-inverted-2);
  --button-primary--bg-color_open: var(--neutral-11);
  --checkbox-group--item--padding: 0px;
  --checkbox-group--item--spacing: 8px;
  --dialog--content--border-color: var(--neutral-6);
  --dialog--content--border-width: 1px;
  --dialog--content--opacity_open: 1;
  --dialog--content--scale_closed: 0.9;
  --field--container--icon--color: var(--neutral-12);
  --field-multiline--input--color: var(--field--container--input--color);
  --field-secret--toggle--padding: 6px;
  --footer-menu--column-gap-label: 8px;
  --header-config--bg-color-mango: oklch(70.5% 0.1926 39.23);
  --header-config--color-inverted: var(--neutral-inverted-12);
  --header-simple--logo-max-width: 140px;
  --link--color-underline_hovered: var(--brand-8);
  --link-button-primary--bg-color: var(--button-primary--bg-color);
  --mobile-menu--item--column-gap: var(--button--spacing);
  --mobile-menu--padding-controls: 4px;
  --popup--max-width-content-wide: 44rem;
  --section--bg-color-highlighted: var(--neutral-inverted-0);
  --section-cta--height-separator: 16px;
  --select--content--border-color: var(--neutral-6);
  --select--content--border-width: 1px;
  --select--content--item--height: 2.5rem;
  --select--content--opacity_open: 1;
  --select--content--scale_closed: 0.95;
  --sheet--content--body--padding: 16px;
  --testimonial--font-family-link: var(--font-family-sans);
  --top-menu--item--bg-color_open: var(--overlay-2);
  --top-menu--item--outline-color: var(--brand-8);
  --top-menu--transition-duration: var(--section-hero-home--transition-duration-short);
  --top-menu--transition-function: var(--section-hero-home--transition-function);
  --annotation--border-color-franz: var(--highlight-10);
  --benefit-card--padding-vertical: 40px;
  --benefit-card--size-corner-icon: 36px;
  --block-button-group--column-gap: 12px;
  --block-button-group--margin-top: 20px;
  --block-features--indicator-size: var(--line-height-lg);
  --block-split-view--color-handle: var(--neutral-12);
  --block-split-view--slider-color: var(--brand-8);
  --block-split-view--width-handle: 48px;
  --block-split-view--width-slider: 8px;
  --blockquote--padding-horizontal: 16px;
  --button--outline-color-inverted: var(--neutral-inverted-12);
  --button-ghost--bg-color_hovered: var(--overlay-2);
  --button-ghost--bg-color_pressed: var(--overlay-2);
  --button-primary--color-inverted: var(--neutral-12);
  --button-primary-critical--color: var(--neutral-0);
  --button-secondary--border-color: var(--neutral-5);
  --button-secondary--border-width: 1px;
  --button-tertiary--bg-color_open: var(--neutral-4);
  --card--border-color_highlighted: var(--neutral-6);
  --card--shadow-color_highlighted: var(--brand-6);
  --context-theme--translate-short: 0px;
  --context-theme--width-scrollbar: 8px;
  --dialog--content--body--padding: 16px;
  --dialog--content--body--row-gap: 32px;
  --dialog--content--scale_closing: 1;
  --field--container--icon--margin: 10px;
  --field--container--input--color: var(--neutral-12);
  --field-number--buttons--padding: 6px;
  --field-number--buttons--spacing: 4px;
  --field-secret--toggle--rounding: 4px;
  --footer-menu--font-weight-label: var(--font-weight-bold);
  --footer-menu--item--font-family: var(--font-family-sans);
  --footer-menu--item--font-weight: var(--font-weight-medium);
  --header-config--bg-color_active: var(--overlay-inverted-11);
  --header-config--rounding-button: 6px;
  --header-simple--button-bg-color: var(--neutral-0);
  --header-simple--button-rounding: 6px;
  --link--color-underline-inverted: var(--brand-7);
  --mobile-menu--bg-color-backdrop: var(--neutral-12);
  --mobile-menu--bg-color-controls: var(--overlay-inverted-8);
  --mobile-menu--column-gap-header: 8px;
  --mobile-menu--item--font-family: var(--font-family-sans);
  --mobile-menu--item--font-weight: var(--font-weight-medium);
  --mobile-menu--rounding-controls: var(--button--rounding);
  --popover--content--border-color: var(--neutral-6);
  --popover--content--border-width: 1px;
  --popover--content--scale_closed: 0.95;
  --radio-group--item--label-color: var(--neutral-12);
  --section-cta--spacing-separator: 10px;
  --section-hero--height-separator: var(--section-separator--height);
  --section-hero--min-height-image: 240px;
  --section-hero--transition-delay: 4;
  --section-hero-home--padding-top: 3rem;
  --select--content--item--padding: 12px;
  --select--content--item--spacing: 8px;
  --sheet--content--opacity_closed: 0;
  --tagline--border-color-inverted: var(--neutral-0);
  --team-member--font-weight-label: var(--font-weight-medium);
  --testimonial--bg-color-inverted: var(--overlay-10);
  --theme-card--border-color-image: transparent;
  --theme-card--border-width-image: 0px;
  --top-menu--item--color_inverted: var(--neutral-inverted-12);
  --top-menu--item--text-transform: none;
  --accordion--item--content--color: var(--neutral-12);
  --accordion--item--trigger--color: var(--neutral-inverted-12);
  --benefit-card--color-description: var(--neutral-12);
  --block-features--indicator-color: var(--neutral-11);
  --block-split-view--color-caption: var(--neutral-inverted-12);
  --block-split-view--height-handle: 40px;
  --block-split-view--offset-slider: 8px;
  --block-split-view--outline-color: var(--brand-2);
  --block-split-view--outline-width: 2px;
  --button--icon--correction-offset: -2px;
  --button-primary--bg-color_active: var(--neutral-11);
  --button-secondary--bg-color_open: var(--neutral-2);
  --button-tertiary--color-inverted: var(--neutral-0);
  --card--bg-color-inverted_hovered: var(--overlay-inverted-1);
  --card--transition-duration-hover: 1.5;
  --checkbox--border-color-inverted: var(--neutral-9);
  --dialog--content--opacity_closed: 0;
  --field--button--bg-color_hovered: var(--neutral-2);
  --field-multiline--input--padding: 10px;
  --field-number--buttons--rounding: 4px;
  --header-config--bg-color_hovered: var(--overlay-inverted-7);
  --link-button-secondary--bg-color: var(--button-secondary--bg-color);
  --mobile-menu--bg-color-bluebacca: var(--header-config--bg-color-bluebacca);
  --mobile-menu--rounding-theme-dot: 9999px;
  --radio-group--item--border-color: var(--neutral-6);
  --radio-group--item--border-width: 1px;
  --section--shadow-color-alternate: var(--neutral-12);
  --section-cta--bg-color-separator: var(--brand-7);
  --section-general--row-gap-column: 12px;
  --section-hero--column-gap-layout: 32px;
  --section-hero-home--bg-color-end: var(--neutral-3);
  --section-hero-home--row-gap-text: 16px;
  --section-hero-legal--padding-top: 3rem;
  --select--content--item--rounding: 6px;
  --select--content--opacity_closed: 0;
  --sheet--content--footer--padding: 16px;
  --sheet--content--footer--spacing: 8px;
  --sheet--content--header--padding: 16px;
  --sheet--content--header--spacing: 8px;
  --team-member--border-color-label: var(--neutral-inverted-6);
  --team-member--border-width-label: 1px;
  --theme-card--transition-duration: 250ms;
  --theme-card--transition-function: ease;
  --theme-card--translate-y_hovered: -4px;
  --toast-wrapper--max-width-region: 360px;
  --tooltip--paragraph--font-weight: var(--font-weight-medium);
  --top-menu--item--bg-color_active: var(--overlay-2);
  --top-menu--popover--border-color: var(--neutral-5);
  --top-menu--popover--border-width: 1px;
  --benefit-card--padding-horizontal: 32px;
  --block-image--transition-duration: var(--block-heading--transition-duration);
  --block-image--transition-function: var(--block-heading--transition-function);
  --block-image--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--outline-offset: 0px;
  --button-primary--bg-color_hovered: var(--neutral-12);
  --button-secondary--color-inverted: var(--neutral-0);
  --button-secondary-critical--color: var(--critical-11);
  --button-tertiary--bg-color_active: var(--neutral-3);
  --card--link-layer--size-indicator: 70px;
  --checkbox--bg-color-indeterminate: var(--brand-10);
  --checkbox--outline-color-inverted: var(--brand-8);
  --collapsible--transition-duration: 150ms;
  --collapsible--transition-function: ease;
  --dialog--content--footer--padding: 16px;
  --dialog--content--footer--spacing: 8px;
  --dialog--content--header--padding: 16px;
  --dialog--content--header--spacing: 8px;
  --field--container--input--padding: 10px;
  --field--hints--message--font-size: var(--font-size-sm);
  --footer-menu--item--outline-color: var(--brand-8);
  --footer-menu--item--outline-width: 2px;
  --header-config--bg-color-inverted: var(--overlay-inverted-2);
  --link--transition-duration_active: 20ms;
  --link-button--transition-duration: var(--button--transition-duration);
  --link-button--transition-function: var(--button--transition-function);
  --mobile-menu--column-gap-controls: 4px;
  --mobile-menu--item--bg-color_open: var(--overlay-1);
  --mobile-menu--transition-function: ease;
  --page-main--frame--header--height: 4.5rem;
  --radio-group--item--outline-color: var(--brand-8);
  --radio-group--item--outline-width: 2px;
  --section--padding-vertical-mobile: 80px;
  --section-hero--border-color-image: var(--neutral-6);
  --section-hero--border-width-image: 1px;
  --section-hero--margin-top-buttons: 40px;
  --section-hero-legal--spacing-text: 16px;
  --sheet--content--translate-y_open: 0px;
  --testimonial--bg-color-inverted-2: var(--overlay-inverted-2);
  --testimonial--color-user-inverted: var(--neutral-inverted-10);
  --toast--transition-duration_close: 150ms;
  --top-menu--item--bg-color_current: var(--brand-7);
  --top-menu--item--bg-color_hovered: var(--overlay-2);
  --accordion--item--content--padding: 16px;
  --accordion--item--trigger--padding: 16px;
  --benefit-card--padding-corner-icon: 6px;
  --benefit-card--padding-description: 28px;
  --benefit-card--transition-duration: 300ms;
  --benefit-card--transition-function: ease;
  --benefit-card--translate-y_hovered: -4px;
  --block-icon--border-color-inverted: transparent;
  --block-split-view--rounding-handle: 12px;
  --block-split-view--rounding-slider: 0px;
  --blockquote--border-color-inverted: var(--brand-4);
  --button-primary--bg-color-inverted: var(--neutral-0);
  --button-primary-critical--bg-color: var(--critical-9);
  --button-secondary--bg-color_active: var(--neutral-1);
  --button-tertiary--bg-color_hovered: var(--neutral-4);
  --card--link-layer--color-indicator: var(--neutral-11);
  --checkbox--bg-color-checked_active: var(--brand-9);
  --checkbox-group--item--label-color: var(--neutral-12);
  --dialog--content--translate-y_open: 0px;
  --field--label--transition-duration: 150ms;
  --field--label--transition-function: ease;
  --field-multiline--input--font-size: var(--font-size-md);
  --field-multiline--padding-vertical: calc((var(--field--container--height) - var(--field-multiline--input--line-height))/ 2);
  --footer-menu--item--outline-offset: 1px;
  --form--footer--button-back--height: 3rem;
  --form--footer--transition-duration: var(--block-heading--transition-duration);
  --form--footer--transition-function: var(--block-heading--transition-function);
  --form--footer--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--bg-color-bluebacca: oklch(69.6% 0.1288 239.6);
  --header-config--rounding-container: 10px;
  --header-config--rounding-theme-dot: 9999px;
  --highlighted-text--underline-color: var(--brand-8);
  --highlighted-text--width-underline: 6px;
  --page-main--frame--footer--row-gap: 16px;
  --popup--outline-color-button-close: var(--brand-8);
  --radio-group--item--indicator-size: 0.75rem;
  --radio-group--item--outline-offset: 1px;
  --section--shadow-color-highlighted: var(--neutral-12);
  --section-hero--scale-image_initial: 0.90;
  --section-hero--transition-duration: 9;
  --section-hero--transition-function: ease;
  --section-hero-home--bg-color-start: var(--neutral-0);
  --sheet--content--body--text--color: var(--neutral-12);
  --testimonial--color-quote-inverted: var(--neutral-inverted-12);
  --tooltip--transition-duration-open: 250ms;
  --accordion--item--content--bg-color: var(--neutral-0);
  --accordion--item--content--rounding: 2px;
  --accordion--item--trigger--bg-color: var(--neutral-inverted-2);
  --accordion--item--trigger--rounding: 2px;
  --benefit-card--bg-color-description: var(--neutral-1);
  --block-heading--transition-duration: 400ms;
  --block-heading--transition-function: ease;
  --block-heading--translate-y_initial: 40px;
  --block-image--border-color-inverted: var(--neutral-inverted-3);
  --block-split-view--bg-color-caption: var(--overlay-12);
  --button--transition-duration_active: 20ms;
  --button-secondary--bg-color_hovered: var(--neutral-3);
  --button-tertiary--bg-color-inverted: var(--overlay-inverted-3);
  --checkbox--bg-color-checked_hovered: var(--brand-9);
  --checkbox--bg-color-inverted_active: var(--overlay-inverted-4);
  --dialog--content--body--text--color: var(--neutral-12);
  --field--button--outline-color-error: var(--critical-9);
  --field--container--bg-color_focused: var(--neutral-2);
  --field--container--bg-color_hovered: var(--neutral-2);
  --field--container--input--font-size: var(--font-size-md);
  --field--hints--error-message--color: var(--critical-9);
  --field--hints--message--font-family: var(--font-family-sans);
  --field--hints--message--font-weight: var(--font-weight-regular);
  --field--hints--message--line-height: var(--line-height-sm);
  --highlighted-text--bottom-underline: 4px;
  --mobile-menu--color-controls_active: var(--neutral-12);
  --mobile-menu--item--bg-color_active: var(--overlay-1);
  --mobile-menu--size-dot-theme-button: 1rem;
  --page-main--frame--footer--bg-color: var(--neutral-0);
  --page-main--frame--header--bg-color: var(--section--bg-color);
  --popover--content--translate-top-in: 8px;
  --presentation--outline-color-button: var(--brand-8);
  --radio-group--item--bg-color_active: var(--neutral-2);
  --section--layout--column--min-width: 16rem;
  --section-general--column-gap-column: 32px;
  --sheet--content--footer--margin-top: 1rem;
  --sheet--content--translate-y_closed: 100%;
  --testimonial--border-color-inverted: transparent;
  --testimonial--company-button-height: 2rem;
  --theme-card--bg-color-button_active: var(--neutral-11);
  --toast-wrapper--transition-duration: 150ms;
  --toast-wrapper--transition-function: ease;
  --top-menu--item--padding-horizontal: 16px;
  --top-menu--transition-duration-long: 1000ms;
  --top-menu--translate-x-list_initial: -25%;
  --top-menu--translate-x-logo_initial: -25%;
  --annotation--typing--animation-delay: 200ms;
  --block-split-view--width-slider-area: 40px;
  --blocks--item--margin-top-additional: 20px;
  --button-secondary--bg-color-inverted: var(--overlay-inverted-2);
  --button-secondary-critical--bg-color: var(--critical-2);
  --card--footer--button-group--spacing: 16px;
  --card--link-layer--padding-indicator: 8px;
  --checkbox--bg-color-checked-inverted: var(--neutral-0);
  --checkbox--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --context-theme--bg-color-highlighted: var(--neutral-inverted-0);
  --dialog--content--footer--margin-top: 0rem;
  --dialog--content--translate-y_closed: 24px;
  --field--container--bg-color-inverted: var(--overlay-inverted-3);
  --field-multiline--input--font-family: var(--font-family-sans);
  --field-multiline--input--font-weight: var(--font-weight-regular);
  --field-multiline--input--line-height: var(--line-height-md);
  --field-search--button-clear--padding: 6px;
  --footer-menu--item--bg-color_hovered: var(--overlay-2);
  --footer-menu--item--padding-vertical: 8px;
  --footer-menu--padding-vertical-label: 12px;
  --form--footer--button-submit--height: 3rem;
  --header-simple--button-outline-color: var(--brand-8);
  --header-simple--button-outline-width: 2px;
  --link-button--outline-color-inverted: var(--button--outline-color-inverted);
  --link-button-primary--color-inverted: var(--button-primary--color-inverted);
  --link-button-secondary--border-color: var(--button-secondary--border-color);
  --link-button-secondary--border-width: var(--button-secondary--border-width);
  --popover--content--translate-top-out: 8px;
  --radio-group--item--bg-color_hovered: var(--neutral-4);
  --section-hero-home--device--bg-color: #383838;
  --section-hero-home--device--progress: 0;
  --section-hero-home--transition-delay: 3;
  --select--content--translate-y_closed: 8px;
  --team-member--padding-vertical-label: 4px;
  --testimonial--bg-color-line-inverted: var(--neutral-inverted-3);
  --testimonial--bg-color-user-inverted: var(--overlay-inverted-2);
  --testimonial--company-button-padding: 8px;
  --theme-card--bg-color-button_hovered: var(--neutral-12);
  --top-menu--item--transition-duration: 200ms;
  --top-menu--item--transition-function: ease;
  --accordion--item--transition-duration: var(--block-heading--transition-duration);
  --accordion--item--transition-function: var(--block-heading--transition-function);
  --accordion--item--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-rich-text--transition-duration: var(--block-heading--transition-duration);
  --block-rich-text--transition-function: var(--block-heading--transition-function);
  --block-rich-text--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--bg-color-indicator: var(--brand-8);
  --card--link-layer--bg-color-indicator: var(--overlay-2);
  --context-theme--color-scrollbar-thumb: var(--neutral-inverted-9);
  --context-theme--color-scrollbar-track: var(--neutral-inverted-2);
  --dialog--content--translate-y_closing: 0px;
  --field--button--outline-color_focused: var(--neutral-12);
  --field--button--outline-color_hovered: var(--neutral-6);
  --field--button--outline-width_focused: 2px;
  --field--button--outline-width_hovered: 1px;
  --field--container--input--font-family: var(--font-family-sans);
  --field--container--input--font-weight: var(--font-weight-regular);
  --field--label--color-inverted_focused: var(--neutral-0);
  --field-search--button-clear--rounding: 4px;
  --header-config--color_active-inverted: var(--neutral-inverted-12);
  --header-config--size-dot-theme-button: 1rem;
  --header-simple--button-outline-offset: 1px;
  --link-button--icon--correction-offset: var(--button--icon--correction-offset);
  --link-button-primary--bg-color_active: var(--button-primary--bg-color_active);
  --page-main--frame--button-menu--color: var(--neutral-12);
  --page-main--frame--footer--color-logo: var(--neutral-3);
  --page-main--frame--footer--column-gap: 36px;
  --radio-group--item--bg-color-inverted: var(--overlay-inverted-3);
  --section-hero-legal--transition-delay: 300ms;
  --select--content--item--outline-color: var(--brand-8);
  --select--content--item--outline-width: 2px;
  --select--content--transition-function: ease-out;
  --sheet--content--header--button--size: 2rem;
  --sheet--content--header--title--color: var(--neutral-12);
  --testimonial--color-quote_highlighted: var(--brand-11);
  --top-menu--popover--bg-color_inverted: var(--neutral-inverted-0);
  --block-benefits--border-color-inverted: var(--neutral-inverted-4);
  --block-split-view--translate-x_initial: -140px;
  --dialog--content--header--button--size: 2rem;
  --dialog--content--header--title--color: var(--neutral-12);
  --field--container--outline-color-error: var(--critical-9);
  --field--container--transition-duration: 150ms;
  --field--container--transition-function: ease;
  --field--hints--message--color-inverted: var(--neutral-3);
  --field--label--color-critical-inverted: var(--critical-7);
  --field--label--color-optional-inverted: var(--neutral-6);
  --footer-menu--item--padding-horizontal: 12px;
  --header-config--outline-color-inverted: var(--neutral-inverted-12);
  --link--color-underline-inverted_active: var(--brand-8);
  --link-button-primary--bg-color_hovered: var(--button-primary--bg-color_hovered);
  --link-button-secondary--color-inverted: var(--button-secondary--color-inverted);
  --mobile-menu--bg-color-controls_active: var(--overlay-inverted-10);
  --mobile-menu--item--padding-horizontal: 16px;
  --mobile-menu--transition-duration_open: 300ms;
  --page-main--frame--button-menu--height: 3.25rem;
  --popover--content--translate-bottom-in: -8px;
  --popup--bg-color-highlighted-alternate: var(--section--bg-color-highlighted-alternate);
  --radio-group--item--indicator-bg-color: var(--brand-10);
  --radio-group--item--indicator-rounding: 9999px;
  --section-hero-home--margin-top-buttons: 40px;
  --section-separator--translate-x_inital: 200px;
  --select--content--item--outline-offset: 1px;
  --team-member--padding-horizontal-label: 12px;
  --testimonial--border-color_highlighted: var(--brand-7);
  --testimonial--color-secondary-inverted: var(--neutral-inverted-11);
  --accordion--item--content--border-color: var(--neutral-inverted-3);
  --accordion--item--content--border-width: 1px;
  --annotation--typing--animation-duration: 1600ms;
  --banner--bg-color-highlighted-alternate: var(--neutral-inverted-3);
  --benefit-card--bg-color-overlay_hovered: var(--overlay-inverted-1);
  --benefit-card--color-secondary-inverted: var(--neutral-inverted-11);
  --block-split-view--border-color-caption: var(--neutral-inverted-5);
  --block-split-view--border-width-caption: 2px;
  --button-primary--bg-color-inverted_open: var(--neutral-3);
  --button-primary-critical--bg-color_open: var(--critical-10);
  --button-secondary--border-color_hovered: var(--neutral-6);
  --field--container--icon--color-inverted: var(--neutral-0);
  --field--hints--error-message--font-size: var(--font-size-sm);
  --field-multiline--input--color-inverted: var(--field--container--input--color-inverted);
  --footer-menu--item--transition-duration: 200ms;
  --footer-menu--item--transition-function: ease;
  --header-config--roundin-popover-content: 6px;
  --header-simple--button-padding-vertical: 4px;
  --link--color-underline-inverted_hovered: var(--brand-8);
  --link-button-primary--bg-color-inverted: var(--button-primary--bg-color-inverted);
  --link-button-secondary--bg-color_active: var(--button-secondary--bg-color_active);
  --page-main--frame--header--border-width: 1px;
  --popover--content--translate-bottom-out: -8px;
  --section-hero--translate-y-text_initial: 120px;
  --section-hero-home--transition-function: ease;
  --section-hero-legal--margin-top-buttons: 40px;
  --top-menu--item--bg-color_open-inverted: var(--overlay-inverted-2);
  --top-menu--popover--translate-y_initial: 16px;
  --block-button-group--transition-duration: var(--block-heading--transition-duration);
  --block-button-group--transition-function: var(--block-heading--transition-function);
  --block-button-group--translate-y_initial: var(--block-heading--translate-y_initial);
  --button-secondary--border-color-inverted: var(--neutral-inverted-5);
  --button-secondary-critical--border-color: var(--critical-6);
  --button-secondary-critical--border-width: 1px;
  --button-tertiary--bg-color-inverted_open: var(--overlay-inverted-4);
  --card--border-color-inverted_highlighted: var(--neutral-inverted-6);
  --card--shadow-color-inverted_highlighted: var(--brand-8);
  --checkbox--bg-color-indeterminate_active: var(--brand-9);
  --field--container--input--color-inverted: var(--neutral-0);
  --field--container--outline-color_focused: var(--neutral-12);
  --field--container--outline-color_hovered: var(--neutral-6);
  --field--container--outline-width_focused: 2px;
  --field--container--outline-width_hovered: 1px;
  --header-config--bg-color_active-inverted: var(--overlay-inverted-4);
  --link-button--transition-duration_active: var(--button--transition-duration_active);
  --link-button-secondary--bg-color_hovered: var(--button-secondary--bg-color_hovered);
  --mobile-menu--transition-duration_closed: 300ms;
  --page-main--frame--button-menu--bg-color: var(--neutral-0);
  --page-main--frame--button-menu--rounding: 9999px;
  --radio-group--item--label-color-inverted: var(--neutral-0);
  --section--bg-color-highlighted-alternate: var(--neutral-inverted-2);
  --section-hero--transition-duration-image: 12;
  --section-hero--translate-y-image_initial: 60px;
  --section-hero-legal--transition-duration: 6;
  --section-hero-legal--transition-function: ease;
  --select--content--item--bg-color_checked: var(--overlay-2);
  --select--content--item--bg-color_focused: var(--brand-4);
  --accordion--item--content--color-inverted: var(--neutral-inverted-12);
  --accordion--item--trigger--color-inverted: var(--neutral-inverted-12);
  --accordion--item--trigger--text-transform: none;
  --block-features--indicator-color-inverted: var(--neutral-inverted-11);
  --button-primary--bg-color-inverted_active: var(--neutral-2);
  --button-primary-critical--bg-color_active: var(--critical-10);
  --button-secondary--bg-color-inverted_open: var(--overlay-inverted-3);
  --checkbox--bg-color-indeterminate_hovered: var(--brand-9);
  --context-theme--roundness-scrollbar-thumb: 2px;
  --context-theme--roundness-scrollbar-track: 0px;
  --field--button--bg-color-inverted_hovered: var(--overlay-inverted-4);
  --field--hints--error-message--font-family: var(--font-family-sans);
  --field--hints--error-message--font-weight: var(--font-weight-regular);
  --field--hints--error-message--line-height: var(--line-height-sm);
  --header-config--bg-color_hovered-inverted: var(--overlay-inverted-2);
  --header-simple--button-padding-horizontal: 8px;
  --link-button-secondary--bg-color-inverted: var(--button-secondary--bg-color-inverted);
  --page-main--frame--button-menu--font-size: var(--button--font-size);
  --page-main--frame--footer--min-width-menu: 12rem;
  --radio-group--item--border-color-inverted: var(--neutral-9);
  --section-hero-home--device--scale_initial: 0.85;
  --section-hero-home--device--switch--width: 7rem;
  --sheet--backdrop-transition-duration_open: 340ms;
  --sheet--backdrop-transition-function_open: ease;
  --sheet--content--header--button--bg-color: var(--neutral-1);
  --sheet--content--header--title--font-size: var(--font-size-xl);
  --sheet--content--transition-duration_open: 260ms;
  --sheet--content--transition-function_open: ease;
  --top-menu--item--bg-color_active-inverted: var(--overlay-inverted-2);
  --top-menu--popover--border-color_inverted: var(--neutral-inverted-5);
  --button-primary--bg-color-inverted_hovered: var(--neutral-4);
  --button-primary-critical--bg-color_hovered: var(--critical-9);
  --button-tertiary--bg-color-inverted_active: var(--overlay-inverted-4);
  --checkbox--bg-color-indeterminate-inverted: var(--neutral-0);
  --dialog--backdrop-transition-duration_open: 340ms;
  --dialog--backdrop-transition-function_open: ease;
  --dialog--content--header--button--bg-color: var(--neutral-1);
  --dialog--content--header--title--font-size: var(--font-size-xl);
  --dialog--content--transition-duration_open: 260ms;
  --dialog--content--transition-function_open: ease;
  --field-multiline--input--color-placeholder: var(--neutral-10);
  --mobile-menu--transition-duration-backdrop: 300ms;
  --page-main--frame--button-menu--column-gap: 8px;
  --page-main--frame--footer--color-paragraph: var(--neutral-11);
  --page-main--frame--header--bg-color-accent: var(--section--bg-color-highlighted);
  --radio-group--item--outline-color-inverted: var(--brand-8);
  --section-hero--translate-y-buttons_initial: 60px;
  --section-hero-home--device--switch--height: 4rem;
  --select--content--transition-duration_open: 150ms;
  --top-menu--item--bg-color_hovered-inverted: var(--overlay-inverted-3);
  --accordion--item--trigger--bg-color_hovered: var(--neutral-inverted-3);
  --block-split-view--padding-vertical-caption: 8px;
  --button-secondary--bg-color-inverted_active: var(--overlay-inverted-3);
  --button-secondary-critical--bg-color_active: var(--critical-2);
  --button-tertiary--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --card--footer--button-group__button--height: 3rem;
  --card--link-layer--color-indicator-inverted: var(--neutral-inverted-11);
  --checkbox--bg-color-checked-inverted_active: var(--neutral-1);
  --checkbox-group--item--label-color-inverted: var(--neutral-0);
  --page-main--frame--footer--padding-vertical: 40px;
  --page-main--frame--header--link-skip--color: var(--neutral-12);
  --page-main--frame--header--padding-vertical: 12px;
  --popover--content--transition-duration_open: 150ms;
  --popover--content--transition-function_open: ease;
  --section-hero-home--device--switch--padding: 4px;
  --sheet--backdrop-transition-duration_closed: 300ms;
  --sheet--backdrop-transition-function_closed: ease;
  --sheet--content--header--title--font-family: var(--font-family-sans);
  --sheet--content--header--title--font-weight: var(--font-weight-bold);
  --sheet--content--header--title--line-height: var(--line-height-xl);
  --sheet--content--transition-duration_closed: 200ms;
  --sheet--content--transition-function_closed: ease;
  --accordion--item--content--bg-color-inverted: var(--neutral-inverted-1);
  --accordion--item--trigger--bg-color-inverted: var(--neutral-inverted-5);
  --benefit-card--padding-description-container: 2px;
  --block-form--item--info--transition-duration: var(--block-heading--transition-duration);
  --block-form--item--info--transition-function: var(--block-heading--transition-function);
  --block-form--item--info--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--transition-duration-slide: 100ms;
  --block-split-view--transition-function-slide: linear;
  --button-secondary--bg-color-inverted_hovered: var(--overlay-inverted-2);
  --button-secondary-critical--bg-color_hovered: var(--critical-1);
  --checkbox--bg-color-checked-inverted_hovered: var(--neutral-2);
  --context-theme--color-scrollbar-thumb_active: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_active: var(--neutral-inverted-3);
  --dialog--backdrop-transition-duration_closed: 300ms;
  --dialog--backdrop-transition-function_closed: ease;
  --dialog--content--header--title--font-family: var(--font-family-sans);
  --dialog--content--header--title--font-weight: var(--font-weight-bold);
  --dialog--content--header--title--line-height: var(--line-height-xl);
  --dialog--content--transition-duration_closed: 200ms;
  --dialog--content--transition-function_closed: ease;
  --field--button--outline-color-error-inverted: var(--critical-8);
  --field--container--bg-color-inverted_focused: var(--overlay-inverted-3);
  --field--container--bg-color-inverted_hovered: var(--overlay-inverted-4);
  --field--hints--error-message--color-inverted: var(--critical-7);
  --link-button-secondary--border-color_hovered: var(--button-secondary--border-color_hovered);
  --page-main--frame--button-menu--border-color: transparent;
  --page-main--frame--button-menu--border-width: 1px;
  --radio-group--item--bg-color-inverted_active: var(--overlay-inverted-4);
  --section--shadow-color-highlighted-alternate: var(--neutral-12);
  --section-hero-home--device--switch--bg-color: var(--overlay-2);
  --section-hero-home--device--switch--rounding: 12px;
  --section-hero-home--padding-vertical-content: 64px;
  --section-hero-home--transition-duration-long: 12;
  --section-hero-home--translate-y-text_initial: 120px;
  --select--content--transition-duration_closed: 50ms;
  --top-menu--popover--transition-duration_open: 400ms;
  --block-split-view--padding-horizontal-caption: 12px;
  --card--footer--button-group__button--rounding: 6px;
  --card--link-layer--bg-color-indicator_hovered: var(--overlay-3);
  --context-theme--color-scrollbar-thumb_hovered: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_hovered: var(--neutral-inverted-3);
  --link-button-secondary--border-color-inverted: var(--button-secondary--border-color-inverted);
  --page-main--frame--header--bg-color-alternate: var(--section--bg-color);
  --popover--content--transition-duration_closed: 100ms;
  --popover--content--transition-function_closed: ease;
  --radio-group--item--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --section-hero-home--device--switch--size-icon: 1.5rem;
  --section-hero-home--transition-duration-short: 9;
  --section-hero-legal--padding-vertical-content: 48px;
  --section-hero-legal--translate-y-text_initial: 120px;
  --block-split-view--transition-duration-caption: 200ms;
  --card--link-layer--bg-color-indicator-inverted: var(--overlay-inverted-3);
  --field--button--outline-color-inverted_focused: var(--neutral-0);
  --link-button-primary--bg-color-inverted_active: var(--button-primary--bg-color-inverted_active);
  --page-main--frame--animation--translate-y_open: -60px;
  --page-main--frame--button-menu--padding-bottom: 24px;
  --page-main--frame--header--link-skip--rounding: 8px;
  --page-main--frame--header--transition-duration: 3;
  --page-main--frame--header--transition-function: ease;
  --page-main--frame--header--translate-y_initial: -10px;
  --section-hero-home--device--switch--color-icon: var(--neutral-12);
  --section-hero-home--device--switch--column-gap: 4px;
  --testimonial--color-quote-inverted_highlighted: var(--brand-7);
  --top-menu--popover--transition-duration_closed: 250ms;
  --block-split-view--transition-duration-slide-in: 600ms;
  --block-split-view--transition-function-slide-in: ease;
  --field--container--outline-color-error-inverted: var(--critical-8);
  --header-config--padding-horizontal-theme-button: 8px;
  --link-button-primary--bg-color-inverted_hovered: var(--button-primary--bg-color-inverted_hovered);
  --page-main--frame--footer--margin-top-copyright: 16px;
  --page-main--frame--header--bg-color-highlighted: var(--section--bg-color-highlighted);
  --page-main--frame--header--link-skip--font-size: var(--font-size-md);
  --radio-group--item--indicator-bg-color-inverted: var(--neutral-0);
  --section-hero-home--device--transition-duration: 400ms;
  --section-hero-home--device--transition-function: ease;
  --section-hero-home--device--translate-y_initial: 40%;
  --section-hero-home--translate-y-buttons_initial: 80px;
  --testimonial--border-color-inverted_highlighted: var(--brand-12);
  --accordion--item--content--border-color-inverted: var(--neutral-inverted-6);
  --button-secondary--border-color-inverted_hovered: var(--neutral-inverted-7);
  --button-secondary-critical--border-color_hovered: var(--critical-7);
  --link-button-secondary--bg-color-inverted_active: var(--button-secondary--bg-color-inverted_active);
  --page-main--frame--header--border-color_scrolled: var(--neutral-5);
  --page-main--frame--header--link-skip--margin-top: 16px;
  --section-hero-legal--translate-y-buttons_initial: 80px;
  --sheet--content--header--button--bg-color_active: var(--neutral-3);
  --checkbox--bg-color-indeterminate-inverted_active: var(--neutral-1);
  --field--container--outline-color-inverted_focused: var(--neutral-0);
  --field--container--outline-color-inverted_hovered: var(--neutral-8);
  --link-button-secondary--bg-color-inverted_hovered: var(--button-secondary--bg-color-inverted_hovered);
  --page-main--frame--animation--transition-duration: 300ms;
  --page-main--frame--animation--transition-function: ease;
  --page-main--frame--header--link-skip--font-family: var(--font-family-sans);
  --page-main--frame--header--link-skip--font-weight: var(--font-weight-medium);
  --page-main--frame--header--link-skip--line-height: var(--line-height-md);
  --section-hero-home--device--switch--rounding-item: 8px;
  --sheet--content--header--button--bg-color_hovered: var(--neutral-3);
  --card--footer--button-group__button--scale_hovered: 1 1 1;
  --checkbox--bg-color-indeterminate-inverted_hovered: var(--neutral-2);
  --dialog--content--header--button--bg-color_hovered: var(--neutral-3);
  --dialog--content--header--button--bg-color_pressed: var(--neutral-1);
  --mobile-menu--item--transition-duration-group_open: 300ms;
  --mobile-menu--item--transition-function-group_open: ease;
  --page-main--frame--button-menu--padding-horizontal: var(--page-padding);
  --accordion--item--trigger--transition-duration-icon: var(--accordion--item--content-wrapper-transition-duration);
  --accordion--item--trigger--transition-function-icon: var(--accordion--item--content-wrapper-transition-function);
  --field-multiline--input--color-placeholder-inverted: var(--neutral-8);
  --page-main--frame--button-menu--transition-duration: 300ms;
  --page-main--frame--button-menu--transition-function: ease;
  --page-main--frame--header--link-skip--outline-color: var(--brand-8);
  --page-main--frame--header--link-skip--outline-width: 2px;
  --accordion--item--trigger--bg-color-inverted_hovered: var(--neutral-inverted-7);
  --mobile-menu--item--transition-duration-group_closed: 200ms;
  --mobile-menu--item--transition-function-group_closed: ease;
  --page-main--frame--header--link-skip--color-inverted: var(--neutral-inverted-12);
  --accordion--item--content-wrapper-transition-duration: 250ms;
  --accordion--item--content-wrapper-transition-function: ease;
  --link-button-secondary--border-color-inverted_hovered: var(--button-secondary--border-color-inverted_hovered);
  --card--link-layer--bg-color-indicator-inverted_hovered: var(--overlay-inverted-4);
  --page-main--frame--header--link-skip--padding-vertical: 8px;
  --section-hero-home--device--switch--color-icon_pressed: var(--neutral-12);
  --section-hero-home--device--switch--outline-color-item: var(--brand-9);
  --section-hero-home--device--switch--outline-width-item: 2px;
  --page-main--frame--header--link-skip--padding-horizontal: 16px;
  --page-main--frame--button-menu--padding-horizontal-button: 20px;
  --page-main--frame--header--bg-color-highlighted-alternate: var(--section--bg-color-highlighted);
  --page-main--frame--header--border-color_scrolled-inverted: var(--neutral-inverted-5);
  --section-hero-home--device--switch--bg-color-item_hovered: var(--overlay-inverted-4);
  --section-hero-home--device--switch--bg-color-item_pressed: var(--overlay-inverted-8);
}
[data-nc-theme~="mango"] {
  --brand-1: oklch(99.2% 0.0027 39.23);
  --brand-2: oklch(97.9% 0.0155 39.23);
  --brand-3: oklch(95.8% 0.0371 39.23);
  --brand-4: oklch(92% 0.0817 39.23);
  --brand-5: oklch(89% 0.1074 39.23);
  --brand-6: oklch(85.7% 0.1108 39.23);
  --brand-7: oklch(80.5% 0.1135 39.23);
  --brand-8: oklch(74.5% 0.1332 39.23);
  --brand-9: oklch(70.5% 0.1926 39.23);
  --accent-1: oklch(99.4% 0.0068 322.1);
  --accent-2: oklch(98.3% 0.0141 322.1);
  --accent-3: oklch(95.6% 0.0416 322.1);
  --accent-4: oklch(92.8% 0.0651 322.1);
  --accent-5: oklch(89.7% 0.0853 322.1);
  --accent-6: oklch(85.9% 0.1067 322.1);
  --accent-7: oklch(80.9% 0.1342 322.1);
  --accent-8: oklch(74.5% 0.1745 322.1);
  --accent-9: oklch(66.7% 0.2944 322.1);
  --brand-10: oklch(66.7% 0.196 39.23);
  --brand-11: oklch(59.2% 0.1875 39.23);
  --brand-12: oklch(35% 0.0692 39.23);
  --accent-10: oklch(62.8% 0.2944 322.1);
  --accent-11: oklch(53.4% 0.2785 322.1);
  --accent-12: oklch(34.2% 0.1913 322.1);
  --neutral-0: oklch(100% 0% 68deg);
  --neutral-1: oklch(99.1% 0.0007 285.9);
  --neutral-2: oklch(98.2% 0.0016 285.9);
  --neutral-3: oklch(95.6% 0.0024 285.9);
  --neutral-4: oklch(93.1% 0.0033 285.9);
  --neutral-5: oklch(91% 0.0041 285.9);
  --neutral-6: oklch(88.7% 0.005 285.9);
  --neutral-7: oklch(85.3% 0.0064 285.9);
  --neutral-8: oklch(79.4% 0.0088 285.9);
  --neutral-9: oklch(64.4% 0.0089 285.9);
  --overlay-1: oklch(24% 2% 286deg / 4%);
  --overlay-2: oklch(24% 2% 286deg / 8%);
  --overlay-3: oklch(24% 2% 286deg / 12%);
  --overlay-4: oklch(24% 2% 286deg / 18%);
  --overlay-5: oklch(24% 2% 286deg / 30%);
  --overlay-6: oklch(24% 2% 286deg / 40%);
  --overlay-7: oklch(24% 2% 286deg / 50%);
  --overlay-8: oklch(24% 2% 286deg / 60%);
  --overlay-9: oklch(24% 2% 286deg / 90%);
  --shadow-lg: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 35%, transparent),     1.5px 3px 3.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     2.8px 5.7px 7.1px color-mix(in oklch, var(--shadow-color) 35%, transparent),     4.7px 9.4px 11.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     7.5px 15px 18.9px color-mix(in oklch, var(--shadow-color) 35%, transparent),     11.7px 23.4px 29.4px color-mix(in oklch, var(--shadow-color) 35%, transparent),     17.8px 35.6px 44.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     26.3px 52.5px 66.1px color-mix(in oklch, var(--shadow-color) 35%, transparent);
  --shadow-md: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 38%, transparent),     0.8px 1.7px 2.1px color-mix(in oklch, var(--shadow-color) 38%, transparent),     2.1px 4.2px 5.3px color-mix(in oklch, var(--shadow-color) 38%, transparent),     5.1px 10.3px 12.9px color-mix(in oklch, var(--shadow-color) 38%, transparent);
  --shadow-sm: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 36%, transparent),     0.4px 0.8px 1px color-mix(in oklch, var(--shadow-color) 36%, transparent),     1px 2.1px 2.6px color-mix(in oklch, var(--shadow-color) 36%, transparent);
  --success-1: oklch(99.4% 0.0064 160.2);
  --success-2: oklch(98.2% 0.0116 160.2);
  --success-3: oklch(96% 0.0291 160.2);
  --success-4: oklch(93.4% 0.0464 160.2);
  --success-5: oklch(90.1% 0.0657 160.2);
  --success-6: oklch(85.8% 0.088 160.2);
  --success-7: oklch(79.8% 0.1166 160.2);
  --success-8: oklch(71.6% 0.1589 160.2);
  --success-9: oklch(70.5% 0.1589 160.2);
  --warning-1: oklch(99.3% 0.0027 64.86);
  --warning-2: oklch(98.4% 0.0217 64.86);
  --warning-3: oklch(96.6% 0.0607 64.86);
  --warning-4: oklch(93.8% 0.0992 64.86);
  --warning-5: oklch(91% 0.1271 64.86);
  --warning-6: oklch(87.4% 0.1207 64.86);
  --warning-7: oklch(82.1% 0.1207 64.86);
  --warning-8: oklch(75.4% 0.1408 64.86);
  --warning-9: oklch(77.1% 0.1731 64.86);
  --critical-1: oklch(99.4% 0.0038 28.55);
  --critical-2: oklch(98.4% 0.0091 28.55);
  --critical-3: oklch(95.5% 0.0259 28.55);
  --critical-4: oklch(92.7% 0.0566 28.55);
  --critical-5: oklch(89.4% 0.0749 28.55);
  --critical-6: oklch(85.4% 0.0914 28.55);
  --critical-7: oklch(80.4% 0.1111 28.55);
  --critical-8: oklch(74.3% 0.1399 28.55);
  --critical-9: oklch(58.3% 0.2387 28.55);
  --neutral-10: oklch(60.9% 0.0088 285.9);
  --neutral-11: oklch(44% 3% 283deg);
  --neutral-12: oklch(17% 1% 279deg);
  --overlay-10: oklch(24% 2% 286deg / 80%);
  --overlay-11: oklch(24% 2% 286deg / 90%);
  --overlay-12: oklch(24% 2% 286deg / 95%);
  --success-10: oklch(66.7% 0.1589 160.2);
  --success-11: oklch(52.7% 0.1589 160.2);
  --success-12: oklch(32.6% 0.0655 160.2);
  --warning-10: oklch(73.6% 0.1408 64.86);
  --warning-11: oklch(57.6% 0.159 64.86);
  --warning-12: oklch(35.1% 0.0559 64.86);
  --code--color: var(--brand-12);
  --critical-10: oklch(53.9% 0.2387 28.55);
  --critical-11: oklch(56.3% 0.2387 28.55);
  --critical-12: oklch(34.3% 0.1092 28.55);
  --highlight-1: oklch(99.3% 0.0034 240.9);
  --highlight-2: oklch(98.1% 0.0089 240.9);
  --highlight-3: oklch(95.9% 0.0217 240.9);
  --highlight-4: oklch(93.5% 0.0374 240.9);
  --highlight-5: oklch(90.4% 0.0515 240.9);
  --highlight-6: oklch(86.2% 0.0651 240.9);
  --highlight-7: oklch(80.7% 0.083 240.9);
  --highlight-8: oklch(73.2% 0.1136 240.9);
  --highlight-9: oklch(69% 0.1604 240.9);
  --link--color: var(--brand-10);
  --text--color: var(--neutral-12);
  --font-size-lg: 1.5rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.75rem;
  --font-size-xs: 0.75rem;
  --highlight-10: oklch(65.2% 0.152 240.9);
  --highlight-11: oklch(55.1% 0.1604 240.9);
  --highlight-12: oklch(32.7% 0.0755 240.9);
  --loader--size: 1.75rem;
  --page-padding: 16px;
  --shadow-color: color-mix(in oklch, var(--neutral-12) 40%, transparent);
  --slider--size: 1.5rem;
  --toast--color: var(--neutral-12);
  --card--padding: 20px;
  --card--spacing: 32px;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 3rem;
  --font-size-5xl: 6rem;
  --font-size-6xl: 8rem;
  --form--spacing: 24px;
  --list--row-gap: 8px;
  --loader--color: var(--neutral-12);
  --button--height: 4.25rem;
  --card--bg-color: var(--neutral-1);
  --card--rounding: 0px;
  --code--bg-color: var(--brand-4);
  --code--rounding: 4px;
  --field--padding: 4px;
  --heading--color: var(--neutral-12);
  --line-height-lg: 2.5rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 2.5rem;
  --line-height-xs: 1.125rem;
  --link--rounding: 0px;
  --popup--padding: 20px;
  --tagline--color: var(--neutral-12);
  --toast--padding: 12px;
  --toast--spacing: 12px;
  --banner--spacing: 16px;
  --block-form--gap: 24px;
  --button--padding: 32px;
  --button--spacing: 10px;
  --checkbox--color: var(--neutral-0);
  --indicator--size: 0.5rem;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 4rem;
  --line-height-5xl: 7rem;
  --line-height-6xl: 8.5rem;
  --popup--bg-color: var(--section--bg-color);
  --toast--bg-color: var(--neutral-1);
  --toast--rounding: 12px;
  --banner--bg-color: var(--neutral-2);
  --block-icon--size: 6rem;
  --button--rounding: 0px;
  --checkbox--height: 1.5rem;
  --font-family-mono: "DM Mono";
  --font-family-sans: "Poppins";
  --font-weight-bold: 800;
  --font-weight-thin: 400;
  --list--column-gap: 8px;
  --list-item--color: var(--neutral-11);
  --paragraph--color: var(--neutral-11);
  --section--row-gap: 56px;
  --annotation--color: var(--neutral-12);
  --block-icon--color: var(--neutral-12);
  --blockquote--color: var(--brand-11);
  --button--font-size: var(--font-size-lg);
  --card--shadow-blur: 0px;
  --code--font-family: var(--font-family-mono);
  --letter-spacing-lg: -0.02rem;
  --letter-spacing-md: -0.02rem;
  --letter-spacing-sm: -0.02rem;
  --letter-spacing-xl: -0.02rem;
  --letter-spacing-xs: -0.05rem;
  --link--font-weight: var(--font-weight-medium);
  --screen-height-lvh: 100vh;
  --section--bg-color: var(--neutral-0);
  --tagline--rounding: 4px;
  --text--font-family: var(--font-family-sans);
  --text--font-weight: var(--font-weight-regular);
  --tooltip--bg-color: var(--brand-10);
  --tooltip--rounding: 0px;
  --auto-grid--row-gap: 20px;
  --button--icon--size: 2rem;
  --card--border-color: var(--neutral-6);
  --card--border-width: 4px;
  --checkbox--bg-color: var(--neutral-0);
  --checkbox--rounding: 6px;
  --code--border-color: var(--brand-6);
  --code--border-width: 1px;
  --font-weight-medium: 600;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: 0rem;
  --letter-spacing-5xl: -0.15rem;
  --letter-spacing-6xl: -0.075rem;
  --link--color_active: var(--brand-11);
  --neutral-inverted-0: oklch(15.5% 0.0042 286);
  --neutral-inverted-1: oklch(17.8% 0.0058 286);
  --neutral-inverted-2: oklch(21.3% 0.006 286);
  --neutral-inverted-3: oklch(25.3% 0.0084 286);
  --neutral-inverted-4: oklch(28.3% 0.009 286);
  --neutral-inverted-5: oklch(31.1% 0.009 286);
  --neutral-inverted-6: oklch(34.6% 0.009 286);
  --neutral-inverted-7: oklch(39.8% 0.009 286);
  --neutral-inverted-8: oklch(49% 0.009 286);
  --neutral-inverted-9: oklch(53.7% 0.009 286);
  --overlay-inverted-1: oklch(100% 0% 90deg / 4%);
  --overlay-inverted-2: oklch(100% 0% 90deg / 8%);
  --overlay-inverted-3: oklch(100% 0% 90deg / 12%);
  --overlay-inverted-4: oklch(100% 0% 90deg / 18%);
  --overlay-inverted-5: oklch(100% 0% 90deg / 30%);
  --overlay-inverted-6: oklch(100% 0% 90deg / 40%);
  --overlay-inverted-7: oklch(100% 0% 90deg / 50%);
  --overlay-inverted-8: oklch(100% 0% 90deg / 60%);
  --overlay-inverted-9: oklch(100% 0% 90deg / 70%);
  --popup--size-button: 2.5rem;
  --section--max-width: 75rem;
  --tooltip--max-width: 14rem;
  --annotation--padding: 0px;
  --annotation--row-gap: 4px;
  --benefit-card--color: var(--brand-9);
  --block-benefits--gap: 4px;
  --block-features--gap: 8px;
  --block-icon--padding: 20px;
  --button--font-family: var(--font-family-sans);
  --button--font-weight: var(--font-weight-medium);
  --button-ghost--color: var(--neutral-12);
  --card--body--spacing: 8px;
  --card--shadow-spread: 0px;
  --checkbox-group--gap: 4px;
  --field--label--color: var(--neutral-11);
  --font-size-lg-mobile: 1.25rem;
  --font-size-md-mobile: 1rem;
  --font-size-sm-mobile: 0.875rem;
  --font-size-xl-mobile: 1.5rem;
  --font-size-xs-mobile: 0.75rem;
  --font-weight-regular: 500;
  --indicator--rounding: 9999px;
  --link--color_hovered: var(--brand-8);
  --link--outline-color: var(--neutral-12);
  --link--outline-width: 4px;
  --link-button--height: var(--button--height);
  --logo-zenodev--color: var(--neutral-12);
  --mobile-menu--margin: 16px;
  --neutral-inverted-10: oklch(58.3% 0.009 286);
  --neutral-inverted-11: oklch(76.8% 0.009 286);
  --neutral-inverted-12: oklch(94.9% 0.0041 286);
  --overlay-inverted-10: oklch(100% 0% 90deg / 80%);
  --overlay-inverted-11: oklch(100% 0% 90deg / 90%);
  --overlay-inverted-12: oklch(100% 0% 90deg / 95%);
  --slider--range-color: var(--brand-9);
  --slider--thumb-color: var(--brand-9);
  --slider--track-color: var(--neutral-6);
  --strong--font-weight: var(--font-weight-bold);
  --theme-card--padding: 20px;
  --theme-card--spacing: 24px;
  --toast--border-color: var(--neutral-6);
  --toast--border-width: 1px;
  --top-menu--font-size: var(--font-size-md);
  --annotation--rounding: 0px;
  --block-icon--bg-color: var(--neutral-0);
  --block-icon--rounding: 0px;
  --blockquote--bg-color: var(--brand-2);
  --button--loader--size: 2rem;
  --button--scale_active: 1.05;
  --code--color-inverted: var(--brand-5);
  --font-size-2xl-mobile: 1.75rem;
  --font-size-3xl-mobile: 1.875rem;
  --font-size-4xl-mobile: 2.5rem;
  --font-size-5xl-mobile: 4rem;
  --font-size-6xl-mobile: 4.25rem;
  --header-config--color: var(--neutral-0);
  --heading--font-family: var(--font-family-sans);
  --heading--font-weight: var(--font-weight-bold);
  --link--color-inverted: var(--brand-5);
  --link--outline-offset: 2px;
  --link-button--padding: var(--button--padding);
  --link-button--spacing: var(--button--spacing);
  --loader--stroke-width: 0.25rem;
  --mobile-menu--padding: 0px;
  --mobile-menu--row-gap: 0px;
  --radio-group--spacing: 8px;
  --slider--track-height: 4px;
  --tagline--font-weight: var(--font-weight-thin);
  --team-member--padding: 2px;
  --testimonial--padding: 32px;
  --testimonial--spacing: 24px;
  --text--color-inverted: var(--neutral-inverted-12);
  --theme-card--bg-color: var(--brand-9);
  --theme-card--rounding: 0px;
  --toast--color-success: var(--success-11);
  --toast--color-warning: var(--warning-11);
  --top-menu--column-gap: 16px;
  --top-menu--logo-width: 140px;
  --auto-grid--column-gap: 20px;
  --banner--button-height: 2rem;
  --benefit-card--spacing: 32px;
  --block-image--rounding: 0px;
  --button--outline-color: var(--neutral-12);
  --button--outline-width: 4px;
  --button--scale_hovered: 1.05;
  --button-primary--color: var(--neutral-0);
  --card--shadow-vertical: 6px;
  --field--button--height: var(--field--container--height);
  --field--hints--spacing: 4px;
  --field--label--spacing: 8px;
  --form--footer--spacing: 16px;
  --header-simple--height: 4rem;
  --line-height-lg-mobile: 2rem;
  --line-height-md-mobile: 1.5rem;
  --line-height-sm-mobile: 1.25rem;
  --line-height-xl-mobile: 1.875rem;
  --line-height-xs-mobile: 1.125rem;
  --link--color-underline: var(--brand-7);
  --link-button--rounding: var(--button--rounding);
  --list-item--column-gap: 8px;
  --loader--track-opacity: 0.3;
  --mobile-menu--bg-color: var(--neutral-0);
  --mobile-menu--rounding: 0px;
  --mobile-menu--size-dot: 1.5rem;
  --ordered-list--row-gap: 8px;
  --section--color_accent: var(--neutral-12);
  --section--shadow-color: var(--neutral-12);
  --sheet--portal-padding: 20px;
  --tagline--border-color: var(--neutral-12);
  --tagline--border-width: 0px;
  --team-member--bg-color: var(--neutral-12);
  --team-member--rounding: 0px;
  --testimonial--bg-color: var(--overlay-3);
  --testimonial--rounding: 0px;
  --theme-card--clip-path: none;
  --theme-card--size-logo: 3.5rem;
  --toast--color-critical: var(--critical-11);
  --tooltip--border-color: var(--neutral-0);
  --tooltip--border-width: 4px;
  --top-menu--font-family: var(--font-family-sans);
  --top-menu--font-weight: var(--font-weight-medium);
  --top-menu--item--color: var(--neutral-12);
  --annotation--column-gap: 12px;
  --annotation--size-image: 36px;
  --block-team--column-gap: var(--block-button-group--column-gap);
  --button--outline-offset: 2px;
  --button--text-transform: uppercase;
  --button-ghost--bg-color: #ffffff00;
  --button-tertiary--color: var(--neutral-12);
  --card--bg-color_hovered: var(--overlay-1);
  --checkbox--border-color: var(--neutral-6);
  --checkbox--border-width: 1px;
  --dialog--portal-padding: calc(var(--popup--size-button) / 2);
  --header-config--padding: 4px;
  --header-simple--spacing: 16px;
  --line-height-2xl-mobile: 2rem;
  --line-height-3xl-mobile: 2.375rem;
  --line-height-4xl-mobile: 3.5rem;
  --line-height-5xl-mobile: 5rem;
  --line-height-6xl-mobile: 4.75rem;
  --link--underline-offset: 6px;
  --link-button--font-size: var(--button--font-size);
  --list-item--font-family: var(--font-family-sans);
  --loader--color-inverted: var(--neutral-inverted-12);
  --mobile-menu--color-dot: var(--neutral-0);
  --paragraph--font-weight: var(--font-weight-regular);
  --popup--bg-color-accent: var(--section--bg-color-accent);
  --presentation--rounding: 0px;
  --slider--thumb-rounding: 9999px;
  --slider--track-rounding: 2px;
  --theme-card--color-logo: var(--overlay-inverted-6);
  --theme-card--color-text: var(--neutral-12);
  --toast-wrapper--padding: 20px;
  --top-menu--item--height: calc(var(--line-height-lg) + 2 * 6px);
  --annotation--font-weight: var(--font-weight-medium);
  --banner--bg-color-accent: var(--brand-5);
  --benefit-card--size-icon: 6rem;
  --block-features--spacing: 16px;
  --block-step--number-size: 4rem;
  --blockquote--font-family: var(--font-family-sans);
  --button-secondary--color: var(--neutral-12);
  --card--bg-color-inverted: var(--neutral-inverted-2);
  --card--shadow-horizontal: 6px;
  --checkbox--outline-color: var(--brand-8);
  --checkbox--outline-width: 2px;
  --code--bg-color-inverted: transparent;
  --context-theme--bg-color: var(--neutral-0);
  --field--button--rounding: var(--field--container--rounding);
  --field--label--font-size: var(--font-size-lg);
  --header-config--bg-color: var(--neutral-12);
  --header-config--size-dot: 1.5rem;
  --header-simple--bg-color: var(--neutral-0);
  --heading--color-inverted: var(--neutral-inverted-12);
  --heading--text-transform: uppercase;
  --link-button--icon--size: var(--button--icon--size);
  --mobile-menu--max-height: 90dvh;
  --radio-group--item--size: 1.5rem;
  --section--max-width-wide: 95rem;
  --section-hero-home--text: var(--neutral-11);
  --tagline--color-inverted: var(--neutral-0);
  --tagline--letter-spacing: 2px;
  --testimonial--bg-color-2: var(--overlay-3);
  --testimonial--color-user: var(--neutral-11);
  --testimonial--width-line: 0px;
  --theme-indicator--height: var(--page-main--frame--button-menu--height);
  --toast--bg-color-success: var(--success-2);
  --toast--bg-color-warning: var(--warning-2);
  --annotation--bg-color-max: var(--accent-6);
  --annotation--border-width: 2px;
  --annotation--typing--size: 4px;
  --auto-grid--item--row-gap: 16px;
  --banner--button-inset-top: 8px;
  --banner--padding-vertical: 8px;
  --block-heading--max-width: 160ch;
  --block-icon--border-color: var(--neutral-6);
  --block-icon--border-width: 4px;
  --blockquote--border-color: var(--brand-11);
  --blockquote--border-width: 4px;
  --button--opacity_disabled: 0.6;
  --button-primary--bg-color: var(--neutral-12);
  --checkbox--color-inverted: var(--neutral-12);
  --checkbox--outline-offset: 1px;
  --code--padding-horizontal: 4px;
  --field--container--height: 3rem;
  --field--hints--margin-top: 6px;
  --footer-menu--color-label: var(--neutral-12);
  --footer-menu--item--color: var(--neutral-12);
  --heading--color-secondary: var(--neutral-11);
  --heading--word-spacing-h1: 0.5em;
  --heading--word-spacing-h2: 0.5em;
  --link-button--font-family: var(--button--font-family);
  --link-button--font-weight: var(--button--font-weight);
  --mobile-menu--item--color: var(--neutral-12);
  --mobile-menu--padding-dot: 2px;
  --ordered-list--column-gap: 8px;
  --popup--max-width-content: 38rem;
  --section--bg-color-accent: var(--brand-9);
  --section--layout--row-gap: 56px;
  --select--content--padding: 8px;
  --select--content--spacing: 4px;
  --sheet--backdrop-bg-color: var(--overlay-7);
  --sheet--content--bg-color: var(--neutral-0);
  --sheet--content--rounding: 18px;
  --team-member--color-label: var(--neutral-inverted-12);
  --testimonial--color-quote: var(--neutral-12);
  --testimonial--size-avatar: 5rem;
  --theme-card--border-color: var(--neutral-12);
  --theme-card--border-width: 4px;
  --theme-card--color-button: var(--neutral-0);
  --theme-card--spacing-text: 8px;
  --theme-indicator--spacing: 8px;
  --toast--bg-color-critical: var(--critical-2);
  --top-menu--item--rounding: 0px;
  --transition-duration-base: 100ms;
  --annotation--outline-color: var(--brand-9);
  --annotation--typing--color: var(--neutral-12);
  --benefit-card--size-corner: 0px;
  --block-image--border-width: 0px;
  --button-tertiary--bg-color: var(--neutral-3);
  --card--transition-duration: 4;
  --card--transition-function: ease;
  --card--translate-y_initial: 40px;
  --checkbox--bg-color_active: var(--neutral-2);
  --checkbox--indicator--size: 1rem;
  --dialog--backdrop-bg-color: var(--overlay-8);
  --dialog--content--bg-color: var(--neutral-0);
  --dialog--content--rounding: 0px;
  --field--container--spacing: 2px;
  --field--label--font-family: var(--font-family-sans);
  --field--label--font-weight: var(--font-weight-medium);
  --footer-menu--border-color: var(--neutral-10);
  --footer-menu--border-width: 4px;
  --footer-menu--row-gap-list: 4px;
  --header-config--column-gap: 8px;
  --letter-spacing-4xl-mobile: 0rem;
  --letter-spacing-5xl-mobile: -0.15rem;
  --letter-spacing-6xl-mobile: -0.2rem;
  --link--transition-duration: 150ms;
  --link--transition-function: ease;
  --link--underline-thickness: 1px;
  --link-layer--outline-color: var(--brand-8);
  --link-layer--outline-width: 2px;
  --list-item--color-inverted: var(--neutral-inverted-11);
  --mobile-menu--item--height: 3.5rem;
  --mobile-menu--row-gap-list: 0px;
  --multi-form--step--padding: 2px;
  --multi-form--step--spacing: 24px;
  --paragraph--color-inverted: var(--neutral-inverted-11);
  --popover--content--padding: 0px;
  --popup--bg-color-alternate: var(--section--bg-color-alternate);
  --popup--translate-x-button: 50%;
  --popup--translate-y-button: -50%;
  --section--padding-vertical: 160px;
  --section-hero--padding-top: 3rem;
  --section-separator--height: 100px;
  --select--content--bg-color: var(--neutral-0);
  --select--content--rounding: 6px;
  --sheet--content--max-width: 26rem;
  --tagline--padding-vertical: 0px;
  --testimonial--border-color: var(--neutral-6);
  --testimonial--border-width: 6px;
  --testimonial--padding-user: 16px;
  --theme-card--color-heading: var(--neutral-12);
  --theme-card--image-overlay: var(--overlay-4);
  --theme-card--scale_hovered: 1.15;
  --theme-indicator--bg-color: var(--neutral-0);
  --theme-indicator--rounding: var(--button--rounding);
  --tooltip--padding-vertical: 16px;
  --tooltip--paragraph--color: var(--neutral-0);
  --top-menu--item--font-size: var(--font-size-lg);
  --top-menu--item--icon-size: 1.25rem;
  --annotation--bg-color-franz: var(--highlight-6);
  --attention-marker--bg-color: var(--accent-9);
  --banner--bg-color-alternate: var(--neutral-3);
  --banner--button-inset-right: 16px;
  --banner--padding-horizontal: calc(40px + var(--banner--button-height));
  --benefit-card--spacing-text: 16px;
  --block-icon--color-inverted: var(--neutral-inverted-12);
  --block-rich-text--max-width: 95ch;
  --block-split-view--rounding: 0px;
  --blockquote--color-inverted: var(--brand-4);
  --button-secondary--bg-color: var(--neutral-3);
  --card--link-layer--rounding: var(--card--rounding);
  --checkbox--bg-color-checked: var(--brand-10);
  --checkbox--bg-color_hovered: var(--neutral-2);
  --dialog--content--max-width: 26rem;
  --field--container--bg-color: var(--neutral-3);
  --field--container--rounding: 0px;
  --field--label--color-strong: var(--neutral-12);
  --field--transition-duration: var(--block-heading--transition-duration);
  --field--transition-function: ease;
  --field--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--padding-dot: 2px;
  --header-config--size-button: 2.125rem;
  --highlighted-text--rotate-z: -3deg;
  --link-button--outline-color: var(--button--outline-color);
  --link-button--outline-width: var(--button--outline-width);
  --link-button--scale_hovered: var(--button--scale_hovered);
  --link-button-primary--color: var(--button-primary--color);
  --link-layer--outline-offset: 1px;
  --loader--animation-duration: 1000ms;
  --mobile-menu--bg-color-zeno: var(--neutral-12);
  --popover--content--bg-color: var(--neutral-0);
  --popover--content--rounding: 6px;
  --radio-group--item--spacing: 8px;
  --section-hero--bg-color-end: var(--neutral-0);
  --section-hero--row-gap-text: 16px;
  --testimonial--bg-color-line: var(--brand-5);
  --testimonial--bg-color-user: var(--overlay-2);
  --theme-card--rounding-image: 0px;
  --toast--transition-duration: 250ms;
  --toast--transition-function: ease;
  --toast--translate-y_closing: -16px;
  --toast--translate-y_initial: 16px;
  --top-menu--item--column-gap: 8px;
  --top-menu--popover--padding: 8px;
  --annotation--rounding-avatar: 0px;
  --auto-grid--item--column-gap: 16px;
  --benefit-card--outline-color: var(--brand-9);
  --benefit-card--outline-width: 4px;
  --block-split-view--size-icon: 32px;
  --button--transition-duration: 200ms;
  --button--transition-function: ease;
  --button-ghost--bg-color_open: var(--overlay-2);
  --card--border-color-inverted: var(--neutral-inverted-6);
  --card--link-layer--size-icon: 28px;
  --checkbox--bg-color-inverted: var(--overlay-inverted-3);
  --code--border-color-inverted: var(--brand-8);
  --dialog--content--scale_open: 1;
  --field--label--color_focused: var(--neutral-12);
  --footer-menu--item--rounding: 0px;
  --header-config--color_active: var(--neutral-12);
  --header-simple--border-color: var(--neutral-6);
  --header-simple--border-width: 1px;
  --link--color-inverted_active: var(--brand-6);
  --link-button--outline-offset: var(--button--outline-offset);
  --mobile-menu--bg-color-mango: var(--header-config--bg-color-mango);
  --mobile-menu--color-controls: var(--neutral-0);
  --mobile-menu--item--bg-color: transparent;
  --mobile-menu--item--rounding: 0px;
  --popup--bg-color-highlighted: var(--section--bg-color-highlighted);
  --radio-group--item--bg-color: var(--neutral-0);
  --radio-group--item--rounding: 9999px;
  --section--bg-color-alternate: var(--neutral-1);
  --section--layout--column-gap: 32px;
  --section--padding-horizontal: var(--page-padding);
  --section-separator--bg-color: var(--brand-7);
  --select--content--scale_open: 1;
  --slider--thumb-outline-color: var(--brand-8);
  --slider--thumb-outline-width: 2px;
  --tagline--link-layer_hovered: var(--overlay-2);
  --tagline--padding-horizontal: 0px;
  --team-member--bg-color-label: var(--neutral-inverted-0);
  --team-member--rounding-inner: 0px;
  --testimonial--spacing-avatar: 16px;
  --theme-card--bg-color-button: var(--neutral-inverted-0);
  --theme-card--clip-path-image: none;
  --theme-card--rounding-button: 0px;
  --toast--border-color-success: var(--success-8);
  --toast--border-color-warning: var(--warning-8);
  --tooltip--padding-horizontal: 16px;
  --top-menu--min-width-popover: 10rem;
  --top-menu--popover--bg-color: var(--neutral-0);
  --top-menu--popover--rounding: 0px;
  --annotation--border-color-max: var(--accent-10);
  --banner--bg-color-highlighted: var(--neutral-inverted-2);
  --benefit-card--color-inverted: var(--brand-9);
  --block-benefits--border-color: var(--neutral-12);
  --block-image--max-width-small: 320px;
  --blockquote--padding-vertical: 8px;
  --field--container--icon--size: 1.25rem;
  --field--hints--message--color: var(--neutral-10);
  --field--label--color-critical: var(--critical-9);
  --field--label--color-inverted: var(--neutral-3);
  --field--label--color-optional: var(--neutral-10);
  --field--label--padding-bottom: 8px;
  --header-config--outline-color: var(--brand-9);
  --header-config--outline-width: 4px;
  --link--color-inverted_hovered: var(--brand-7);
  --link--color-underline_active: var(--brand-11);
  --link--outline-color-inverted: var(--brand-11);
  --link-button-secondary--color: var(--button-secondary--color);
  --mobile-menu--height-controls: var(--button--height);
  --mobile-menu--item--icon-size: 1.25rem;
  --popover--content--scale_open: 1;
  --popup--border-color_inverted: var(--neutral-inverted-5);
  --section--shadow-color-accent: var(--brand-12);
  --section-hero--bg-color-start: var(--neutral-0);
  --section-hero--rounding-image: 0px;
  --section-hero--row-gap-layout: 0px;
  --select--content--item--color: var(--neutral-12);
  --sheet--content--border-color: var(--neutral-6);
  --sheet--content--border-width: 1px;
  --sheet--content--opacity_open: 1;
  --slider--thumb-outline-offset: 1px;
  --testimonial--color-secondary: var(--neutral-11);
  --testimonial--rounding-avatar: 0px;
  --toast--border-color-critical: var(--critical-8);
  --top-menu--item--outine-width: 4px;
  --benefit-card--color-secondary: var(--neutral-11);
  --block-icon--bg-color-inverted: var(--neutral-inverted-0);
  --block-image--max-width-medium: 640px;
  --blockquote--bg-color-inverted: var(--overlay-inverted-2);
  --button-primary--bg-color_open: var(--neutral-11);
  --checkbox-group--item--padding: 0px;
  --checkbox-group--item--spacing: 8px;
  --dialog--content--border-color: var(--neutral-6);
  --dialog--content--border-width: 1px;
  --dialog--content--opacity_open: 1;
  --dialog--content--scale_closed: 0.9;
  --field--container--icon--color: var(--neutral-12);
  --field-multiline--input--color: var(--field--container--input--color);
  --field-secret--toggle--padding: 6px;
  --footer-menu--column-gap-label: 8px;
  --header-config--bg-color-mango: var(--brand-9);
  --header-config--color-inverted: var(--neutral-12);
  --header-simple--logo-max-width: 140px;
  --link--color-underline_hovered: var(--brand-8);
  --link-button-primary--bg-color: var(--button-primary--bg-color);
  --mobile-menu--item--column-gap: var(--button--spacing);
  --mobile-menu--padding-controls: 8px;
  --popup--max-width-content-wide: 44rem;
  --section--bg-color-highlighted: var(--neutral-inverted-0);
  --section-cta--height-separator: 16px;
  --select--content--border-color: var(--neutral-6);
  --select--content--border-width: 1px;
  --select--content--item--height: 2.5rem;
  --select--content--opacity_open: 1;
  --select--content--scale_closed: 0.95;
  --sheet--content--body--padding: 16px;
  --testimonial--font-family-link: var(--font-family-sans);
  --theme-indicator--border-color: var(--neutral-12);
  --theme-indicator--border-width: 2px;
  --top-menu--item--bg-color_open: var(--overlay-2);
  --top-menu--item--outline-color: var(--brand-9);
  --top-menu--transition-duration: var(--section-hero-home--transition-duration-short);
  --top-menu--transition-function: var(--section-hero-home--transition-function);
  --annotation--border-color-franz: var(--highlight-10);
  --benefit-card--padding-vertical: 60px;
  --benefit-card--size-corner-icon: 36px;
  --block-button-group--column-gap: 12px;
  --block-button-group--margin-top: 20px;
  --block-features--indicator-size: var(--line-height-lg);
  --block-split-view--color-handle: var(--neutral-12);
  --block-split-view--slider-color: var(--brand-9);
  --block-split-view--width-handle: 60px;
  --block-split-view--width-slider: 12px;
  --blockquote--padding-horizontal: 16px;
  --button--outline-color-inverted: var(--brand-11);
  --button-ghost--bg-color_hovered: var(--overlay-2);
  --button-ghost--bg-color_pressed: var(--overlay-2);
  --button-primary--color-inverted: var(--neutral-12);
  --button-primary-critical--color: var(--neutral-0);
  --button-secondary--border-color: var(--neutral-inverted-0);
  --button-secondary--border-width: 4px;
  --button-tertiary--bg-color_open: var(--neutral-4);
  --card--border-color_highlighted: var(--neutral-6);
  --card--shadow-color_highlighted: var(--brand-9);
  --context-theme--translate-short: 0px;
  --context-theme--width-scrollbar: 8px;
  --dialog--content--body--padding: 16px;
  --dialog--content--body--row-gap: 32px;
  --dialog--content--scale_closing: 1;
  --field--container--icon--margin: 10px;
  --field--container--input--color: var(--neutral-12);
  --field-number--buttons--padding: 6px;
  --field-number--buttons--spacing: 4px;
  --field-secret--toggle--rounding: 4px;
  --footer-menu--font-weight-label: var(--font-weight-bold);
  --footer-menu--item--font-family: var(--font-family-sans);
  --footer-menu--item--font-weight: var(--font-weight-medium);
  --header-config--bg-color_active: var(--neutral-0);
  --header-config--rounding-button: 0px;
  --header-simple--button-bg-color: var(--neutral-0);
  --header-simple--button-rounding: 6px;
  --link--color-underline-inverted: var(--brand-7);
  --mobile-menu--bg-color-backdrop: var(--neutral-12);
  --mobile-menu--bg-color-controls: var(--neutral-12);
  --mobile-menu--column-gap-header: 16px;
  --mobile-menu--item--font-family: var(--font-family-sans);
  --mobile-menu--item--font-weight: var(--font-weight-medium);
  --mobile-menu--rounding-controls: 0px;
  --popover--content--border-color: var(--neutral-6);
  --popover--content--border-width: 1px;
  --popover--content--scale_closed: 0.95;
  --radio-group--item--label-color: var(--neutral-12);
  --section-cta--spacing-separator: 0px;
  --section-hero--height-separator: 32px;
  --section-hero--min-height-image: 240px;
  --section-hero--transition-delay: 4;
  --section-hero-home--padding-top: 3rem;
  --select--content--item--padding: 12px;
  --select--content--item--spacing: 8px;
  --sheet--content--opacity_closed: 0;
  --tagline--border-color-inverted: var(--neutral-0);
  --team-member--font-weight-label: var(--font-weight-medium);
  --testimonial--bg-color-inverted: var(--overlay-inverted-3);
  --theme-card--border-color-image: var(--neutral-12);
  --theme-card--border-width-image: 4px;
  --top-menu--item--color_inverted: var(--neutral-inverted-12);
  --top-menu--item--text-transform: uppercase;
  --accordion--item--content--color: var(--neutral-12);
  --accordion--item--trigger--color: var(--neutral-inverted-12);
  --benefit-card--color-description: var(--neutral-12);
  --block-features--indicator-color: var(--neutral-11);
  --block-split-view--color-caption: var(--brand-9);
  --block-split-view--height-handle: 60px;
  --block-split-view--offset-slider: 8px;
  --block-split-view--outline-color: var(--brand-2);
  --block-split-view--outline-width: 2px;
  --button--icon--correction-offset: -2px;
  --button-primary--bg-color_active: var(--neutral-11);
  --button-secondary--bg-color_open: var(--neutral-2);
  --button-tertiary--color-inverted: var(--neutral-0);
  --card--bg-color-inverted_hovered: var(--overlay-inverted-1);
  --card--transition-duration-hover: 1.5;
  --checkbox--border-color-inverted: var(--neutral-9);
  --dialog--content--opacity_closed: 0;
  --field--button--bg-color_hovered: var(--neutral-2);
  --field-multiline--input--padding: 10px;
  --field-number--buttons--rounding: 4px;
  --header-config--bg-color_hovered: var(--neutral-11);
  --link-button-secondary--bg-color: var(--button-secondary--bg-color);
  --mobile-menu--bg-color-bluebacca: var(--header-config--bg-color-bluebacca);
  --mobile-menu--rounding-theme-dot: 0px;
  --radio-group--item--border-color: var(--neutral-6);
  --radio-group--item--border-width: 1px;
  --section--shadow-color-alternate: var(--neutral-12);
  --section-cta--bg-color-separator: var(--brand-9);
  --section-general--row-gap-column: 12px;
  --section-hero--column-gap-layout: 32px;
  --section-hero-home--bg-color-end: var(--neutral-0);
  --section-hero-home--row-gap-text: 48px;
  --section-hero-legal--padding-top: 3rem;
  --select--content--item--rounding: 6px;
  --select--content--opacity_closed: 0;
  --sheet--content--footer--padding: 16px;
  --sheet--content--footer--spacing: 8px;
  --sheet--content--header--padding: 16px;
  --sheet--content--header--spacing: 8px;
  --team-member--border-color-label: var(--neutral-inverted-6);
  --team-member--border-width-label: 0px;
  --theme-card--transition-duration: 250ms;
  --theme-card--transition-function: ease;
  --theme-card--translate-y_hovered: -4px;
  --theme-indicator--padding-avatar: 0px;
  --toast-wrapper--max-width-region: 360px;
  --tooltip--paragraph--font-weight: var(--font-weight-medium);
  --top-menu--item--bg-color_active: var(--overlay-2);
  --top-menu--popover--border-color: var(--neutral-5);
  --top-menu--popover--border-width: 1px;
  --benefit-card--padding-horizontal: 40px;
  --block-image--transition-duration: var(--block-heading--transition-duration);
  --block-image--transition-function: var(--block-heading--transition-function);
  --block-image--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--outline-offset: 0px;
  --button-primary--bg-color_hovered: var(--neutral-12);
  --button-secondary--color-inverted: var(--neutral-0);
  --button-secondary-critical--color: var(--critical-11);
  --button-tertiary--bg-color_active: var(--neutral-3);
  --card--link-layer--size-indicator: 70px;
  --checkbox--bg-color-indeterminate: var(--brand-10);
  --checkbox--outline-color-inverted: var(--brand-8);
  --collapsible--transition-duration: 150ms;
  --collapsible--transition-function: ease;
  --dialog--content--footer--padding: 16px;
  --dialog--content--footer--spacing: 8px;
  --dialog--content--header--padding: 16px;
  --dialog--content--header--spacing: 8px;
  --field--container--input--padding: 10px;
  --field--hints--message--font-size: var(--font-size-sm);
  --footer-menu--item--outline-color: var(--brand-9);
  --footer-menu--item--outline-width: 4px;
  --header-config--bg-color-inverted: var(--neutral-0);
  --link--transition-duration_active: 20ms;
  --link-button--transition-duration: var(--button--transition-duration);
  --link-button--transition-function: var(--button--transition-function);
  --mobile-menu--column-gap-controls: 4px;
  --mobile-menu--item--bg-color_open: var(--overlay-1);
  --mobile-menu--transition-function: ease;
  --page-main--frame--header--height: 4.5rem;
  --radio-group--item--outline-color: var(--brand-8);
  --radio-group--item--outline-width: 2px;
  --section--padding-vertical-mobile: 100px;
  --section-hero--border-color-image: var(--neutral-12);
  --section-hero--border-width-image: 10px;
  --section-hero--margin-top-buttons: 40px;
  --section-hero-legal--spacing-text: 16px;
  --sheet--content--translate-y_open: 0px;
  --testimonial--bg-color-inverted-2: var(--overlay-inverted-3);
  --testimonial--color-user-inverted: var(--neutral-inverted-11);
  --theme-indicator--bg-color-avatar: var(--brand-9);
  --toast--transition-duration_close: 150ms;
  --top-menu--item--bg-color_current: var(--brand-7);
  --top-menu--item--bg-color_hovered: var(--overlay-2);
  --accordion--item--content--padding: 16px;
  --accordion--item--trigger--padding: 16px;
  --benefit-card--padding-corner-icon: 6px;
  --benefit-card--padding-description: 32px;
  --benefit-card--transition-duration: 200ms;
  --benefit-card--transition-function: ease;
  --benefit-card--translate-y_hovered: -40px;
  --block-icon--border-color-inverted: var(--neutral-inverted-6);
  --block-split-view--rounding-handle: 0px;
  --block-split-view--rounding-slider: 0px;
  --blockquote--border-color-inverted: var(--brand-4);
  --button-primary--bg-color-inverted: var(--neutral-0);
  --button-primary-critical--bg-color: var(--critical-9);
  --button-secondary--bg-color_active: var(--neutral-1);
  --button-tertiary--bg-color_hovered: var(--neutral-4);
  --card--link-layer--color-indicator: var(--neutral-11);
  --checkbox--bg-color-checked_active: var(--brand-9);
  --checkbox-group--item--label-color: var(--neutral-12);
  --dialog--content--translate-y_open: 0px;
  --field--label--transition-duration: 150ms;
  --field--label--transition-function: ease;
  --field-multiline--input--font-size: var(--font-size-md);
  --field-multiline--padding-vertical: calc((var(--field--container--height) - var(--field-multiline--input--line-height))/ 2);
  --footer-menu--item--outline-offset: 1px;
  --form--footer--button-back--height: 3rem;
  --form--footer--transition-duration: var(--block-heading--transition-duration);
  --form--footer--transition-function: var(--block-heading--transition-function);
  --form--footer--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--rounding-container: 0px;
  --header-config--rounding-theme-dot: 0px;
  --highlighted-text--underline-color: var(--brand-9);
  --highlighted-text--width-underline: 6em;
  --page-main--frame--footer--row-gap: 16px;
  --popup--outline-color-button-close: var(--brand-9);
  --radio-group--item--indicator-size: 0.75rem;
  --radio-group--item--outline-offset: 1px;
  --section--shadow-color-highlighted: var(--neutral-12);
  --section-hero--scale-image_initial: 0.90;
  --section-hero--transition-duration: 9;
  --section-hero--transition-function: ease;
  --section-hero-home--bg-color-start: var(--neutral-0);
  --sheet--content--body--text--color: var(--neutral-12);
  --testimonial--color-quote-inverted: var(--neutral-inverted-12);
  --tooltip--transition-duration-open: 250ms;
  --accordion--item--content--bg-color: var(--neutral-0);
  --accordion--item--content--rounding: 0px;
  --accordion--item--trigger--bg-color: var(--neutral-inverted-2);
  --accordion--item--trigger--rounding: 0px;
  --benefit-card--bg-color-description: var(--neutral-1);
  --block-heading--transition-duration: 400ms;
  --block-heading--transition-function: ease;
  --block-heading--translate-y_initial: 40px;
  --button--transition-duration_active: 20ms;
  --button-secondary--bg-color_hovered: var(--neutral-3);
  --button-tertiary--bg-color-inverted: var(--overlay-inverted-3);
  --checkbox--bg-color-checked_hovered: var(--brand-9);
  --checkbox--bg-color-inverted_active: var(--overlay-inverted-4);
  --dialog--content--body--text--color: var(--neutral-12);
  --field--button--outline-color-error: var(--critical-9);
  --field--container--bg-color_focused: var(--neutral-2);
  --field--container--bg-color_hovered: var(--neutral-2);
  --field--container--input--font-size: var(--font-size-md);
  --field--hints--error-message--color: var(--critical-9);
  --field--hints--message--font-family: var(--font-family-sans);
  --field--hints--message--font-weight: var(--font-weight-regular);
  --field--hints--message--line-height: var(--line-height-sm);
  --highlighted-text--bottom-underline: 10px;
  --mobile-menu--color-controls_active: var(--neutral-12);
  --mobile-menu--item--bg-color_active: var(--overlay-1);
  --mobile-menu--size-dot-theme-button: 1rem;
  --page-main--frame--footer--bg-color: var(--neutral-0);
  --page-main--frame--header--bg-color: var(--section--bg-color);
  --popover--content--translate-top-in: 8px;
  --presentation--outline-color-button: var(--brand-9);
  --radio-group--item--bg-color_active: var(--neutral-2);
  --section--layout--column--min-width: 16rem;
  --section-general--column-gap-column: 32px;
  --sheet--content--footer--margin-top: 1rem;
  --sheet--content--translate-y_closed: 100%;
  --testimonial--border-color-inverted: var(--neutral-inverted-6);
  --testimonial--company-button-height: 2rem;
  --theme-card--bg-color-button_active: var(--neutral-inverted-5);
  --toast-wrapper--transition-duration: 150ms;
  --toast-wrapper--transition-function: ease;
  --top-menu--item--padding-horizontal: 16px;
  --top-menu--transition-duration-long: 1000ms;
  --top-menu--translate-x-list_initial: -25%;
  --top-menu--translate-x-logo_initial: -25%;
  --annotation--typing--animation-delay: 200ms;
  --block-split-view--width-slider-area: 40px;
  --blocks--item--margin-top-additional: 20px;
  --button-secondary--bg-color-inverted: var(--overlay-inverted-2);
  --button-secondary-critical--bg-color: var(--critical-2);
  --card--footer--button-group--spacing: 16px;
  --card--link-layer--padding-indicator: 8px;
  --checkbox--bg-color-checked-inverted: var(--neutral-0);
  --checkbox--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --context-theme--bg-color-highlighted: var(--neutral-inverted-0);
  --dialog--content--footer--margin-top: 1rem;
  --dialog--content--translate-y_closed: 24px;
  --field--container--bg-color-inverted: var(--overlay-inverted-3);
  --field-multiline--input--font-family: var(--font-family-sans);
  --field-multiline--input--font-weight: var(--font-weight-regular);
  --field-multiline--input--line-height: var(--line-height-md);
  --field-search--button-clear--padding: 6px;
  --footer-menu--item--bg-color_hovered: var(--overlay-2);
  --footer-menu--item--padding-vertical: 8px;
  --footer-menu--padding-vertical-label: 12px;
  --form--footer--button-submit--height: 3rem;
  --header-simple--button-outline-color: var(--brand-8);
  --header-simple--button-outline-width: 2px;
  --link-button--outline-color-inverted: var(--button--outline-color-inverted);
  --link-button-primary--color-inverted: var(--button-primary--color-inverted);
  --link-button-secondary--border-color: var(--button-secondary--border-color);
  --link-button-secondary--border-width: var(--button-secondary--border-width);
  --popover--content--translate-top-out: 8px;
  --radio-group--item--bg-color_hovered: var(--neutral-4);
  --section-hero-home--device--bg-color: var(--brand-10);
  --section-hero-home--device--progress: 0;
  --section-hero-home--transition-delay: 3;
  --select--content--translate-y_closed: 8px;
  --team-member--padding-vertical-label: 4px;
  --testimonial--bg-color-line-inverted: var(--brand-12);
  --testimonial--bg-color-user-inverted: var(--overlay-inverted-2);
  --testimonial--company-button-padding: 8px;
  --theme-card--bg-color-button_hovered: var(--neutral-inverted-0);
  --top-menu--item--transition-duration: 200ms;
  --top-menu--item--transition-function: ease;
  --accordion--item--transition-duration: var(--block-heading--transition-duration);
  --accordion--item--transition-function: var(--block-heading--transition-function);
  --accordion--item--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-rich-text--transition-duration: var(--block-heading--transition-duration);
  --block-rich-text--transition-function: var(--block-heading--transition-function);
  --block-rich-text--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--bg-color-indicator: var(--brand-9);
  --card--link-layer--bg-color-indicator: var(--overlay-2);
  --context-theme--color-scrollbar-thumb: var(--neutral-inverted-9);
  --context-theme--color-scrollbar-track: var(--neutral-inverted-2);
  --dialog--content--translate-y_closing: 0px;
  --field--button--outline-color_focused: var(--neutral-12);
  --field--button--outline-color_hovered: var(--neutral-6);
  --field--button--outline-width_focused: 2px;
  --field--button--outline-width_hovered: 1px;
  --field--container--input--font-family: var(--font-family-sans);
  --field--container--input--font-weight: var(--font-weight-regular);
  --field--label--color-inverted_focused: var(--neutral-0);
  --field-search--button-clear--rounding: 4px;
  --header-config--color_active-inverted: var(--neutral-0);
  --header-config--size-dot-theme-button: 1rem;
  --header-simple--button-outline-offset: 1px;
  --link-button--icon--correction-offset: var(--button--icon--correction-offset);
  --link-button-primary--bg-color_active: var(--button-primary--bg-color_active);
  --page-main--frame--button-menu--color: var(--neutral-12);
  --page-main--frame--footer--color-logo: var(--neutral-3);
  --page-main--frame--footer--column-gap: 36px;
  --radio-group--item--bg-color-inverted: var(--overlay-inverted-3);
  --section-hero-legal--transition-delay: 300ms;
  --select--content--item--outline-color: var(--brand-8);
  --select--content--item--outline-width: 2px;
  --select--content--transition-function: ease-out;
  --sheet--content--header--button--size: 2rem;
  --sheet--content--header--title--color: var(--neutral-12);
  --testimonial--color-quote_highlighted: var(--brand-9);
  --top-menu--popover--bg-color_inverted: var(--neutral-inverted-0);
  --block-benefits--border-color-inverted: var(--neutral-0);
  --block-split-view--translate-x_initial: -140px;
  --dialog--content--header--button--size: 2rem;
  --dialog--content--header--title--color: var(--neutral-12);
  --field--container--outline-color-error: var(--critical-9);
  --field--container--transition-duration: 150ms;
  --field--container--transition-function: ease;
  --field--hints--message--color-inverted: var(--neutral-3);
  --field--label--color-critical-inverted: var(--critical-7);
  --field--label--color-optional-inverted: var(--neutral-6);
  --footer-menu--item--padding-horizontal: 12px;
  --header-config--outline-color-inverted: var(--neutral-inverted-12);
  --link--color-underline-inverted_active: var(--brand-8);
  --link-button-primary--bg-color_hovered: var(--button-primary--bg-color_hovered);
  --link-button-secondary--color-inverted: var(--button-secondary--color-inverted);
  --mobile-menu--bg-color-controls_active: var(--neutral-0);
  --mobile-menu--item--padding-horizontal: 16px;
  --mobile-menu--transition-duration_open: 300ms;
  --page-main--frame--button-menu--height: 3.25rem;
  --popover--content--translate-bottom-in: -8px;
  --popup--bg-color-highlighted-alternate: var(--section--bg-color-highlighted-alternate);
  --radio-group--item--indicator-bg-color: var(--brand-10);
  --radio-group--item--indicator-rounding: 9999px;
  --section-hero-home--margin-top-buttons: 40px;
  --section-separator--translate-x_inital: 200px;
  --select--content--item--outline-offset: 1px;
  --team-member--padding-horizontal-label: 12px;
  --testimonial--border-color_highlighted: var(--brand-11);
  --testimonial--color-secondary-inverted: var(--neutral-inverted-11);
  --accordion--item--content--border-color: var(--neutral-inverted-3);
  --accordion--item--content--border-width: 4px;
  --annotation--typing--animation-duration: 1600ms;
  --banner--bg-color-highlighted-alternate: var(--neutral-inverted-3);
  --benefit-card--bg-color-overlay_hovered: var(--overlay-inverted-1);
  --benefit-card--color-secondary-inverted: var(--neutral-inverted-11);
  --block-split-view--border-color-caption: var(--brand-9);
  --button-primary--bg-color-inverted_open: var(--neutral-3);
  --button-primary-critical--bg-color_open: var(--critical-10);
  --button-secondary--border-color_hovered: var(--neutral-inverted-3);
  --field--container--icon--color-inverted: var(--neutral-0);
  --field--hints--error-message--font-size: var(--font-size-sm);
  --field-multiline--input--color-inverted: var(--field--container--input--color-inverted);
  --footer-menu--item--transition-duration: 200ms;
  --footer-menu--item--transition-function: ease;
  --header-config--roundin-popover-content: 0px;
  --header-simple--button-padding-vertical: 4px;
  --link--color-underline-inverted_hovered: var(--brand-8);
  --link-button-primary--bg-color-inverted: var(--button-primary--bg-color-inverted);
  --link-button-secondary--bg-color_active: var(--button-secondary--bg-color_active);
  --page-main--frame--header--border-width: 1px;
  --popover--content--translate-bottom-out: -8px;
  --section-hero--translate-y-text_initial: 120px;
  --section-hero-home--transition-function: ease;
  --section-hero-legal--margin-top-buttons: 40px;
  --top-menu--item--bg-color_open-inverted: var(--overlay-inverted-2);
  --top-menu--popover--translate-y_initial: 16px;
  --block-button-group--transition-duration: var(--block-heading--transition-duration);
  --block-button-group--transition-function: var(--block-heading--transition-function);
  --block-button-group--translate-y_initial: var(--block-heading--translate-y_initial);
  --button-secondary--border-color-inverted: var(--neutral-inverted-11);
  --button-secondary-critical--border-color: var(--critical-6);
  --button-secondary-critical--border-width: 1px;
  --button-tertiary--bg-color-inverted_open: var(--overlay-inverted-4);
  --card--border-color-inverted_highlighted: var(--neutral-inverted-6);
  --card--shadow-color-inverted_highlighted: var(--brand-9);
  --checkbox--bg-color-indeterminate_active: var(--brand-9);
  --field--container--input--color-inverted: var(--neutral-0);
  --field--container--outline-color_focused: var(--neutral-12);
  --field--container--outline-color_hovered: var(--neutral-6);
  --field--container--outline-width_focused: 4px;
  --field--container--outline-width_hovered: 4px;
  --header-config--bg-color_active-inverted: var(--neutral-12);
  --link-button--transition-duration_active: var(--button--transition-duration_active);
  --link-button-secondary--bg-color_hovered: var(--button-secondary--bg-color_hovered);
  --mobile-menu--transition-duration_closed: 300ms;
  --page-main--frame--button-menu--bg-color: var(--neutral-0);
  --page-main--frame--button-menu--rounding: 0px;
  --radio-group--item--label-color-inverted: var(--neutral-0);
  --section--bg-color-highlighted-alternate: var(--neutral-inverted-2);
  --section-hero--transition-duration-image: 12;
  --section-hero--translate-y-image_initial: 60px;
  --section-hero-legal--transition-duration: 6;
  --section-hero-legal--transition-function: ease;
  --select--content--item--bg-color_checked: var(--overlay-2);
  --select--content--item--bg-color_focused: var(--brand-4);
  --accordion--item--content--color-inverted: var(--neutral-inverted-12);
  --accordion--item--trigger--color-inverted: var(--neutral-inverted-12);
  --accordion--item--trigger--text-transform: none;
  --block-features--indicator-color-inverted: var(--neutral-inverted-11);
  --button-primary--bg-color-inverted_active: var(--neutral-2);
  --button-primary-critical--bg-color_active: var(--critical-10);
  --button-secondary--bg-color-inverted_open: var(--overlay-inverted-3);
  --checkbox--bg-color-indeterminate_hovered: var(--brand-9);
  --context-theme--roundness-scrollbar-thumb: 2px;
  --context-theme--roundness-scrollbar-track: 0px;
  --field--button--bg-color-inverted_hovered: var(--overlay-inverted-4);
  --field--hints--error-message--font-family: var(--font-family-sans);
  --field--hints--error-message--font-weight: var(--font-weight-regular);
  --field--hints--error-message--line-height: var(--line-height-sm);
  --header-config--bg-color_hovered-inverted: var(--neutral-inverted-11);
  --header-simple--button-padding-horizontal: 8px;
  --link-button-secondary--bg-color-inverted: var(--button-secondary--bg-color-inverted);
  --page-main--frame--button-menu--font-size: var(--font-size-md);
  --page-main--frame--footer--min-width-menu: 12rem;
  --radio-group--item--border-color-inverted: var(--neutral-9);
  --section-hero-home--device--scale_initial: 0.85;
  --section-hero-home--device--switch--width: 8rem;
  --sheet--backdrop-transition-duration_open: 340ms;
  --sheet--backdrop-transition-function_open: ease;
  --sheet--content--header--button--bg-color: var(--neutral-1);
  --sheet--content--header--title--font-size: var(--font-size-xl);
  --sheet--content--transition-duration_open: 260ms;
  --sheet--content--transition-function_open: ease;
  --top-menu--item--bg-color_active-inverted: var(--overlay-inverted-2);
  --top-menu--popover--border-color_inverted: var(--neutral-inverted-5);
  --button-primary--bg-color-inverted_hovered: var(--neutral-4);
  --button-primary-critical--bg-color_hovered: var(--critical-9);
  --button-tertiary--bg-color-inverted_active: var(--overlay-inverted-4);
  --checkbox--bg-color-indeterminate-inverted: var(--neutral-0);
  --dialog--backdrop-transition-duration_open: 340ms;
  --dialog--backdrop-transition-function_open: ease;
  --dialog--content--header--button--bg-color: var(--neutral-1);
  --dialog--content--header--title--font-size: var(--font-size-xl);
  --dialog--content--transition-duration_open: 260ms;
  --dialog--content--transition-function_open: ease;
  --field-multiline--input--color-placeholder: var(--neutral-10);
  --mobile-menu--transition-duration-backdrop: 300ms;
  --page-main--frame--footer--color-paragraph: var(--neutral-11);
  --page-main--frame--header--bg-color-accent: var(--section--bg-color-highlighted);
  --radio-group--item--outline-color-inverted: var(--brand-8);
  --section-hero--translate-y-buttons_initial: 60px;
  --section-hero-home--device--switch--height: 4rem;
  --select--content--transition-duration_open: 150ms;
  --top-menu--item--bg-color_hovered-inverted: var(--overlay-inverted-3);
  --accordion--item--trigger--bg-color_hovered: var(--neutral-inverted-3);
  --button-secondary--bg-color-inverted_active: var(--overlay-inverted-3);
  --button-secondary-critical--bg-color_active: var(--critical-2);
  --button-tertiary--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --card--footer--button-group__button--height: 3rem;
  --card--link-layer--color-indicator-inverted: var(--neutral-inverted-11);
  --checkbox--bg-color-checked-inverted_active: var(--neutral-1);
  --checkbox-group--item--label-color-inverted: var(--neutral-0);
  --page-main--frame--footer--padding-vertical: 40px;
  --page-main--frame--header--link-skip--color: var(--neutral-12);
  --page-main--frame--header--padding-vertical: 12px;
  --popover--content--transition-duration_open: 150ms;
  --popover--content--transition-function_open: ease;
  --section-hero-home--device--switch--padding: 8px;
  --sheet--backdrop-transition-duration_closed: 300ms;
  --sheet--backdrop-transition-function_closed: ease;
  --sheet--content--header--title--font-family: var(--font-family-sans);
  --sheet--content--header--title--font-weight: var(--font-weight-bold);
  --sheet--content--header--title--line-height: var(--line-height-xl);
  --sheet--content--transition-duration_closed: 200ms;
  --sheet--content--transition-function_closed: ease;
  --accordion--item--content--bg-color-inverted: var(--neutral-inverted-1);
  --accordion--item--trigger--bg-color-inverted: var(--neutral-inverted-5);
  --benefit-card--padding-description-container: 2px;
  --block-form--item--info--transition-duration: var(--block-heading--transition-duration);
  --block-form--item--info--transition-function: var(--block-heading--transition-function);
  --block-form--item--info--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--transition-duration-slide: 100ms;
  --block-split-view--transition-function-slide: linear;
  --button-secondary--bg-color-inverted_hovered: var(--overlay-inverted-2);
  --button-secondary-critical--bg-color_hovered: var(--critical-1);
  --checkbox--bg-color-checked-inverted_hovered: var(--neutral-2);
  --context-theme--color-scrollbar-thumb_active: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_active: var(--neutral-inverted-3);
  --dialog--backdrop-transition-duration_closed: 300ms;
  --dialog--backdrop-transition-function_closed: ease;
  --dialog--content--header--title--font-family: var(--font-family-sans);
  --dialog--content--header--title--font-weight: var(--font-weight-bold);
  --dialog--content--header--title--line-height: var(--line-height-xl);
  --dialog--content--transition-duration_closed: 200ms;
  --dialog--content--transition-function_closed: ease;
  --field--button--outline-color-error-inverted: var(--critical-8);
  --field--container--bg-color-inverted_focused: var(--overlay-inverted-3);
  --field--container--bg-color-inverted_hovered: var(--overlay-inverted-4);
  --field--hints--error-message--color-inverted: var(--critical-7);
  --link-button-secondary--border-color_hovered: var(--button-secondary--border-color_hovered);
  --page-main--frame--button-menu--border-color: var(--neutral-12);
  --page-main--frame--button-menu--border-width: 2px;
  --radio-group--item--bg-color-inverted_active: var(--overlay-inverted-4);
  --section--shadow-color-highlighted-alternate: var(--neutral-12);
  --section-hero-home--device--switch--bg-color: var(--neutral-12);
  --section-hero-home--device--switch--rounding: 0px;
  --section-hero-home--padding-vertical-content: 64px;
  --section-hero-home--transition-duration-long: 12;
  --section-hero-home--translate-y-text_initial: 120px;
  --select--content--transition-duration_closed: 50ms;
  --top-menu--popover--transition-duration_open: 400ms;
  --card--footer--button-group__button--rounding: 0px;
  --card--link-layer--bg-color-indicator_hovered: var(--overlay-3);
  --context-theme--color-scrollbar-thumb_hovered: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_hovered: var(--neutral-inverted-3);
  --link-button-secondary--border-color-inverted: var(--button-secondary--border-color-inverted);
  --page-main--frame--header--bg-color-alternate: var(--section--bg-color);
  --popover--content--transition-duration_closed: 100ms;
  --popover--content--transition-function_closed: ease;
  --radio-group--item--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --section-hero-home--device--switch--size-icon: 1.5rem;
  --section-hero-home--transition-duration-short: 9;
  --section-hero-legal--padding-vertical-content: 48px;
  --section-hero-legal--translate-y-text_initial: 120px;
  --card--link-layer--bg-color-indicator-inverted: var(--overlay-inverted-3);
  --field--button--outline-color-inverted_focused: var(--neutral-0);
  --link-button-primary--bg-color-inverted_active: var(--button-primary--bg-color-inverted_active);
  --page-main--frame--animation--translate-y_open: -60px;
  --page-main--frame--button-menu--padding-bottom: 24px;
  --page-main--frame--header--link-skip--rounding: 0px;
  --page-main--frame--header--transition-duration: 3;
  --page-main--frame--header--transition-function: ease;
  --page-main--frame--header--translate-y_initial: -10px;
  --section-hero-home--device--switch--color-icon: var(--neutral-0);
  --section-hero-home--device--switch--column-gap: 4px;
  --testimonial--color-quote-inverted_highlighted: var(--brand-9);
  --top-menu--popover--transition-duration_closed: 250ms;
  --block-split-view--transition-duration-slide-in: 600ms;
  --block-split-view--transition-function-slide-in: ease;
  --field--container--outline-color-error-inverted: var(--critical-8);
  --header-config--padding-horizontal-theme-button: 8px;
  --link-button-primary--bg-color-inverted_hovered: var(--button-primary--bg-color-inverted_hovered);
  --page-main--frame--footer--margin-top-copyright: 16px;
  --page-main--frame--header--bg-color-highlighted: var(--section--bg-color-highlighted);
  --page-main--frame--header--link-skip--font-size: var(--font-size-md);
  --radio-group--item--indicator-bg-color-inverted: var(--neutral-0);
  --section-hero-home--device--transition-duration: 400ms;
  --section-hero-home--device--transition-function: ease;
  --section-hero-home--device--translate-y_initial: 40%;
  --section-hero-home--translate-y-buttons_initial: 80px;
  --testimonial--border-color-inverted_highlighted: var(--brand-11);
  --accordion--item--content--border-color-inverted: var(--neutral-inverted-6);
  --button-secondary--border-color-inverted_hovered: var(--neutral-inverted-12);
  --button-secondary-critical--border-color_hovered: var(--critical-7);
  --link-button-secondary--bg-color-inverted_active: var(--button-secondary--bg-color-inverted_active);
  --page-main--frame--header--border-color_scrolled: var(--neutral-5);
  --page-main--frame--header--link-skip--margin-top: 16px;
  --section-hero-legal--translate-y-buttons_initial: 80px;
  --sheet--content--header--button--bg-color_active: var(--neutral-3);
  --checkbox--bg-color-indeterminate-inverted_active: var(--neutral-1);
  --field--container--outline-color-inverted_focused: var(--neutral-0);
  --field--container--outline-color-inverted_hovered: var(--neutral-8);
  --link-button-secondary--bg-color-inverted_hovered: var(--button-secondary--bg-color-inverted_hovered);
  --page-main--frame--animation--transition-duration: 300ms;
  --page-main--frame--animation--transition-function: ease;
  --page-main--frame--header--link-skip--font-family: var(--font-family-sans);
  --page-main--frame--header--link-skip--font-weight: var(--font-weight-medium);
  --page-main--frame--header--link-skip--line-height: var(--line-height-md);
  --section-hero-home--device--switch--rounding-item: 0px;
  --sheet--content--header--button--bg-color_hovered: var(--neutral-3);
  --card--footer--button-group__button--scale_hovered: 1 1 1;
  --checkbox--bg-color-indeterminate-inverted_hovered: var(--neutral-2);
  --dialog--content--header--button--bg-color_hovered: var(--neutral-3);
  --dialog--content--header--button--bg-color_pressed: var(--neutral-1);
  --mobile-menu--item--transition-duration-group_open: 300ms;
  --mobile-menu--item--transition-function-group_open: ease;
  --page-main--frame--button-menu--padding-horizontal: var(--page-padding);
  --accordion--item--trigger--transition-duration-icon: var(--accordion--item--content-wrapper-transition-duration);
  --accordion--item--trigger--transition-function-icon: var(--accordion--item--content-wrapper-transition-function);
  --field-multiline--input--color-placeholder-inverted: var(--neutral-8);
  --page-main--frame--button-menu--transition-duration: 300ms;
  --page-main--frame--button-menu--transition-function: ease;
  --page-main--frame--header--link-skip--outline-color: var(--brand-9);
  --page-main--frame--header--link-skip--outline-width: 4px;
  --accordion--item--trigger--bg-color-inverted_hovered: var(--neutral-inverted-7);
  --mobile-menu--item--transition-duration-group_closed: 200ms;
  --mobile-menu--item--transition-function-group_closed: ease;
  --page-main--frame--header--link-skip--color-inverted: var(--neutral-inverted-12);
  --accordion--item--content-wrapper-transition-duration: 250ms;
  --accordion--item--content-wrapper-transition-function: ease;
  --link-button-secondary--border-color-inverted_hovered: var(--button-secondary--border-color-inverted_hovered);
  --card--link-layer--bg-color-indicator-inverted_hovered: var(--overlay-inverted-4);
  --page-main--frame--header--link-skip--padding-vertical: 8px;
  --section-hero-home--device--switch--color-icon_pressed: var(--neutral-12);
  --section-hero-home--device--switch--outline-color-item: var(--brand-9);
  --section-hero-home--device--switch--outline-width-item: 4px;
  --page-main--frame--header--link-skip--padding-horizontal: 16px;
  --page-main--frame--button-menu--padding-horizontal-button: 16px;
  --page-main--frame--header--bg-color-highlighted-alternate: var(--section--bg-color-highlighted);
  --page-main--frame--header--border-color_scrolled-inverted: var(--neutral-inverted-5);
  --section-hero-home--device--switch--bg-color-item_hovered: var(--neutral-11);
  --section-hero-home--device--switch--bg-color-item_pressed: var(--neutral-0);
}
[data-nc-theme~="bluebacca"] {
  --brand-1: oklch(96.7% 0.0035 239.6);
  --brand-2: oklch(95.3% 0.0102 239.6);
  --brand-3: oklch(93% 0.0213 239.6);
  --brand-4: oklch(90.5% 0.0395 239.6);
  --brand-5: oklch(87.2% 0.0569 239.6);
  --brand-6: oklch(82.8% 0.073 239.6);
  --brand-7: oklch(77.2% 0.094 239.6);
  --brand-8: oklch(69.6% 0.1288 239.6);
  --brand-9: oklch(72.2% 0.1288 239.6);
  --accent-1: oklch(96.7% 0.0035 201.4);
  --accent-2: oklch(95.3% 0.0082 201.4);
  --accent-3: oklch(92.9% 0.0242 201.4);
  --accent-4: oklch(90.1% 0.0376 201.4);
  --accent-5: oklch(86.6% 0.0488 201.4);
  --accent-6: oklch(82.3% 0.0592 201.4);
  --accent-7: oklch(76.5% 0.0723 201.4);
  --accent-8: oklch(68.7% 0.0954 201.4);
  --accent-9: oklch(61.8% 0.1039 201.4);
  --brand-10: oklch(68.5% 0.1288 239.6);
  --brand-11: oklch(52% 0.1288 239.6);
  --brand-12: oklch(32.4% 0.1022 239.6);
  --accent-10: oklch(57.6% 0.0981 201.4);
  --accent-11: oklch(50% 0.1039 201.4);
  --accent-12: oklch(33% 0.0462 201.4);
  --neutral-0: oklch(97.98% 0.0045 78.3);
  --neutral-1: oklch(96.8% 0.0089 91.52);
  --neutral-2: oklch(95.4% 0.0123 91.52);
  --neutral-3: oklch(92.6% 0.0183 91.52);
  --neutral-4: oklch(90% 0.0185 91.52);
  --neutral-5: oklch(87.6% 0.0185 91.52);
  --neutral-6: oklch(85% 0.0185 91.52);
  --neutral-7: oklch(81.5% 0.0185 91.52);
  --neutral-8: oklch(75.3% 0.0185 91.52);
  --neutral-9: oklch(60.2% 0.0185 91.52);
  --overlay-1: oklch(24% 2% 286deg / 4%);
  --overlay-2: oklch(24% 2% 286deg / 8%);
  --overlay-3: oklch(24% 2% 286deg / 12%);
  --overlay-4: oklch(24% 2% 286deg / 18%);
  --overlay-5: oklch(24% 2% 286deg / 30%);
  --overlay-6: oklch(24% 2% 286deg / 40%);
  --overlay-7: oklch(24% 2% 286deg / 50%);
  --overlay-8: oklch(24% 2% 286deg / 60%);
  --overlay-9: oklch(24% 2% 286deg / 90%);
  --shadow-lg: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 35%, transparent),     1.5px 3px 3.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     2.8px 5.7px 7.1px color-mix(in oklch, var(--shadow-color) 35%, transparent),     4.7px 9.4px 11.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     7.5px 15px 18.9px color-mix(in oklch, var(--shadow-color) 35%, transparent),     11.7px 23.4px 29.4px color-mix(in oklch, var(--shadow-color) 35%, transparent),     17.8px 35.6px 44.8px color-mix(in oklch, var(--shadow-color) 35%, transparent),     26.3px 52.5px 66.1px color-mix(in oklch, var(--shadow-color) 35%, transparent);
  --shadow-md: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 38%, transparent),     0.8px 1.7px 2.1px color-mix(in oklch, var(--shadow-color) 38%, transparent),     2.1px 4.2px 5.3px color-mix(in oklch, var(--shadow-color) 38%, transparent),     5.1px 10.3px 12.9px color-mix(in oklch, var(--shadow-color) 38%, transparent);
  --shadow-sm: 0.3px 0.5px 0.7px color-mix(in oklch, var(--shadow-color) 36%, transparent),     0.4px 0.8px 1px color-mix(in oklch, var(--shadow-color) 36%, transparent),     1px 2.1px 2.6px color-mix(in oklch, var(--shadow-color) 36%, transparent);
  --success-1: oklch(99.4% 0.0064 160.2);
  --success-2: oklch(98.2% 0.0116 160.2);
  --success-3: oklch(96% 0.0291 160.2);
  --success-4: oklch(93.4% 0.0464 160.2);
  --success-5: oklch(90.1% 0.0657 160.2);
  --success-6: oklch(85.8% 0.088 160.2);
  --success-7: oklch(79.8% 0.1166 160.2);
  --success-8: oklch(71.6% 0.1589 160.2);
  --success-9: oklch(70.5% 0.1589 160.2);
  --warning-1: oklch(99.3% 0.0027 64.86);
  --warning-2: oklch(98.4% 0.0217 64.86);
  --warning-3: oklch(96.6% 0.0607 64.86);
  --warning-4: oklch(93.8% 0.0992 64.86);
  --warning-5: oklch(91% 0.1271 64.86);
  --warning-6: oklch(87.4% 0.1207 64.86);
  --warning-7: oklch(82.1% 0.1207 64.86);
  --warning-8: oklch(75.4% 0.1408 64.86);
  --warning-9: oklch(77.1% 0.1731 64.86);
  --critical-1: oklch(99.4% 0.0038 28.55);
  --critical-2: oklch(98.4% 0.0091 28.55);
  --critical-3: oklch(95.5% 0.0259 28.55);
  --critical-4: oklch(92.7% 0.0566 28.55);
  --critical-5: oklch(89.4% 0.0749 28.55);
  --critical-6: oklch(85.4% 0.0914 28.55);
  --critical-7: oklch(80.4% 0.1111 28.55);
  --critical-8: oklch(74.3% 0.1399 28.55);
  --critical-9: oklch(58.3% 0.2387 28.55);
  --neutral-10: oklch(56.6% 0.0185 91.52);
  --neutral-11: oklch(46.1% 0.0185 91.52);
  --neutral-12: oklch(24.3% 0.0185 91.52);
  --overlay-10: oklch(24% 2% 286deg / 80%);
  --overlay-11: oklch(24% 2% 286deg / 90%);
  --overlay-12: oklch(24% 2% 286deg / 95%);
  --success-10: oklch(66.7% 0.1589 160.2);
  --success-11: oklch(52.7% 0.1589 160.2);
  --success-12: oklch(32.6% 0.0655 160.2);
  --warning-10: oklch(73.6% 0.1408 64.86);
  --warning-11: oklch(57.6% 0.159 64.86);
  --warning-12: oklch(35.1% 0.0559 64.86);
  --code--color: var(--brand-12);
  --critical-10: oklch(53.9% 0.2387 28.55);
  --critical-11: oklch(56.3% 0.2387 28.55);
  --critical-12: oklch(34.3% 0.1092 28.55);
  --highlight-1: oklch(99.3% 0.0034 240.9);
  --highlight-2: oklch(98.1% 0.0089 240.9);
  --highlight-3: oklch(95.9% 0.0217 240.9);
  --highlight-4: oklch(93.5% 0.0374 240.9);
  --highlight-5: oklch(90.4% 0.0515 240.9);
  --highlight-6: oklch(86.2% 0.0651 240.9);
  --highlight-7: oklch(80.7% 0.083 240.9);
  --highlight-8: oklch(73.2% 0.1136 240.9);
  --highlight-9: oklch(69% 0.1604 240.9);
  --link--color: var(--brand-11);
  --text--color: var(--neutral-12);
  --font-size-lg: 1.125rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-xl: 1.5rem;
  --font-size-xs: 0.75rem;
  --highlight-10: oklch(65.2% 0.152 240.9);
  --highlight-11: oklch(55.1% 0.1604 240.9);
  --highlight-12: oklch(32.7% 0.0755 240.9);
  --loader--size: 1.75rem;
  --page-padding: 16px;
  --shadow-color: color-mix(in oklch, var(--neutral-12) 40%, transparent);
  --slider--size: 1.5rem;
  --toast--color: var(--neutral-12);
  --card--padding: 20px;
  --card--spacing: 32px;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --form--spacing: 24px;
  --list--row-gap: 8px;
  --loader--color: var(--neutral-12);
  --button--height: 3.5rem;
  --card--bg-color: var(--neutral-0);
  --card--rounding: 32px;
  --code--bg-color: var(--brand-4);
  --code--rounding: 4px;
  --field--padding: 4px;
  --heading--color: var(--neutral-12);
  --line-height-lg: 1.75rem;
  --line-height-md: 1.5rem;
  --line-height-sm: 1.25rem;
  --line-height-xl: 1.875rem;
  --line-height-xs: 1.125rem;
  --link--rounding: 4px;
  --popup--padding: 20px;
  --tagline--color: var(--neutral-12);
  --toast--padding: 12px;
  --toast--spacing: 12px;
  --banner--spacing: 16px;
  --block-form--gap: 24px;
  --button--padding: 24px;
  --button--spacing: 10px;
  --checkbox--color: var(--neutral-0);
  --indicator--size: 0.5rem;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 4.5rem;
  --popup--bg-color: var(--section--bg-color);
  --toast--bg-color: var(--neutral-1);
  --toast--rounding: 12px;
  --banner--bg-color: var(--neutral-2);
  --block-icon--size: 2.5rem;
  --button--rounding: 9999px;
  --checkbox--height: 1.5rem;
  --font-family-mono: "DM Mono";
  --font-family-sans: "Fredoka";
  --font-weight-bold: 600;
  --font-weight-thin: 300;
  --list--column-gap: 8px;
  --list-item--color: var(--neutral-11);
  --paragraph--color: var(--neutral-11);
  --section--row-gap: 56px;
  --annotation--color: var(--neutral-12);
  --block-icon--color: var(--neutral-0);
  --blockquote--color: var(--brand-11);
  --button--font-size: var(--font-size-md);
  --card--shadow-blur: 0px;
  --code--font-family: var(--font-family-mono);
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --link--font-weight: var(--font-weight-medium);
  --screen-height-lvh: 100vh;
  --section--bg-color: var(--neutral-0);
  --tagline--rounding: 4px;
  --text--font-family: var(--font-family-sans);
  --text--font-weight: var(--font-weight-regular);
  --tooltip--bg-color: var(--brand-10);
  --tooltip--rounding: 8px;
  --auto-grid--row-gap: 20px;
  --button--icon--size: 1.25rem;
  --card--border-color: var(--neutral-6);
  --card--border-width: 1px;
  --checkbox--bg-color: var(--neutral-0);
  --checkbox--rounding: 6px;
  --code--border-color: var(--brand-6);
  --code--border-width: 1px;
  --font-weight-medium: 500;
  --letter-spacing-2xl: 0rem;
  --letter-spacing-3xl: 0rem;
  --letter-spacing-4xl: -0.045rem;
  --letter-spacing-5xl: -0.0575rem;
  --letter-spacing-6xl: -0.075rem;
  --link--color_active: var(--brand-11);
  --neutral-inverted-0: oklch(15.4% 0.0086 95.95);
  --neutral-inverted-1: oklch(17.8% 0.0107 91.52);
  --neutral-inverted-2: oklch(21.3% 0.0102 91.52);
  --neutral-inverted-3: oklch(25.3% 0.0147 91.52);
  --neutral-inverted-4: oklch(28.3% 0.0168 91.52);
  --neutral-inverted-5: oklch(31.2% 0.0185 91.52);
  --neutral-inverted-6: oklch(34.9% 0.0185 91.52);
  --neutral-inverted-7: oklch(40.1% 0.0185 91.52);
  --neutral-inverted-8: oklch(49% 0.0185 91.52);
  --neutral-inverted-9: oklch(53.5% 0.0185 91.52);
  --overlay-inverted-1: oklch(100% 0% 90deg / 4%);
  --overlay-inverted-2: oklch(100% 0% 90deg / 8%);
  --overlay-inverted-3: oklch(100% 0% 90deg / 12%);
  --overlay-inverted-4: oklch(100% 0% 90deg / 18%);
  --overlay-inverted-5: oklch(100% 0% 90deg / 30%);
  --overlay-inverted-6: oklch(100% 0% 90deg / 40%);
  --overlay-inverted-7: oklch(100% 0% 90deg / 50%);
  --overlay-inverted-8: oklch(100% 0% 90deg / 60%);
  --overlay-inverted-9: oklch(100% 0% 90deg / 70%);
  --popup--size-button: 3.5rem;
  --section--max-width: 75rem;
  --tooltip--max-width: 14rem;
  --annotation--padding: 4px;
  --annotation--row-gap: 4px;
  --benefit-card--color: var(--brand-11);
  --block-benefits--gap: 1px;
  --block-features--gap: 8px;
  --block-icon--padding: 20px;
  --button--font-family: var(--font-family-sans);
  --button--font-weight: var(--font-weight-medium);
  --button-ghost--color: var(--neutral-12);
  --card--body--spacing: 8px;
  --card--shadow-spread: 0px;
  --checkbox-group--gap: 4px;
  --field--label--color: var(--neutral-11);
  --font-size-lg-mobile: 1.125rem;
  --font-size-md-mobile: 1rem;
  --font-size-sm-mobile: 0.875rem;
  --font-size-xl-mobile: 1.5rem;
  --font-size-xs-mobile: 0.75rem;
  --font-weight-regular: 400;
  --indicator--rounding: 9999px;
  --link--color_hovered: var(--brand-10);
  --link--outline-color: var(--neutral-12);
  --link--outline-width: 2px;
  --link-button--height: var(--button--height);
  --logo-zenodev--color: var(--neutral-12);
  --mobile-menu--margin: 16px;
  --neutral-inverted-10: oklch(58.1% 0.0185 91.52);
  --neutral-inverted-11: oklch(76.7% 0.0185 91.52);
  --neutral-inverted-12: oklch(94.8% 0.0123 91.52);
  --overlay-inverted-10: oklch(100% 0% 90deg / 80%);
  --overlay-inverted-11: oklch(100% 0% 90deg / 90%);
  --overlay-inverted-12: oklch(100% 0% 90deg / 95%);
  --slider--range-color: var(--brand-9);
  --slider--thumb-color: var(--brand-9);
  --slider--track-color: var(--neutral-6);
  --strong--font-weight: var(--font-weight-bold);
  --theme-card--padding: 40px;
  --theme-card--spacing: 24px;
  --toast--border-color: var(--neutral-6);
  --toast--border-width: 1px;
  --top-menu--font-size: var(--font-size-md);
  --annotation--rounding: 28px;
  --block-icon--bg-color: var(--brand-10);
  --block-icon--rounding: 9999px;
  --blockquote--bg-color: var(--brand-2);
  --button--loader--size: 2rem;
  --button--scale_active: 1.05;
  --code--color-inverted: var(--brand-5);
  --font-size-2xl-mobile: 1.5rem;
  --font-size-3xl-mobile: 1.875rem;
  --font-size-4xl-mobile: 2.25rem;
  --font-size-5xl-mobile: 2.5rem;
  --font-size-6xl-mobile: 3rem;
  --header-config--color: var(--neutral-12);
  --heading--font-family: var(--font-family-sans);
  --heading--font-weight: var(--font-weight-bold);
  --link--color-inverted: var(--brand-11);
  --link--outline-offset: 2px;
  --link-button--padding: var(--button--padding);
  --link-button--spacing: var(--button--spacing);
  --loader--stroke-width: 0.25rem;
  --mobile-menu--padding: 8px;
  --mobile-menu--row-gap: 16px;
  --radio-group--spacing: 8px;
  --slider--track-height: 4px;
  --tagline--font-weight: var(--font-weight-thin);
  --team-member--padding: 0px;
  --testimonial--padding: 32px;
  --testimonial--spacing: 32px;
  --text--color-inverted: var(--neutral-12);
  --theme-card--bg-color: transparent;
  --theme-card--rounding: 40px;
  --toast--color-success: var(--success-11);
  --toast--color-warning: var(--warning-11);
  --top-menu--column-gap: 16px;
  --top-menu--logo-width: 140px;
  --auto-grid--column-gap: 20px;
  --banner--button-height: 2rem;
  --benefit-card--spacing: 32px;
  --block-image--rounding: 24px;
  --button--outline-color: var(--neutral-12);
  --button--outline-width: 2px;
  --button--scale_hovered: 1.05;
  --button-primary--color: var(--neutral-0);
  --card--shadow-vertical: 0px;
  --field--button--height: var(--field--container--height);
  --field--hints--spacing: 4px;
  --field--label--spacing: 8px;
  --form--footer--spacing: 16px;
  --header-simple--height: 4rem;
  --line-height-lg-mobile: 1.75rem;
  --line-height-md-mobile: 1.5rem;
  --line-height-sm-mobile: 1.25rem;
  --line-height-xl-mobile: 1.875rem;
  --line-height-xs-mobile: 1.125rem;
  --link--color-underline: var(--brand-10);
  --link-button--rounding: var(--button--rounding);
  --list-item--column-gap: 8px;
  --loader--track-opacity: 0.3;
  --mobile-menu--bg-color: var(--neutral-0);
  --mobile-menu--rounding: 14px;
  --mobile-menu--size-dot: 1.5rem;
  --ordered-list--row-gap: 8px;
  --section--color_accent: var(--neutral-12);
  --section--shadow-color: var(--neutral-12);
  --sheet--portal-padding: 20px;
  --tagline--border-color: var(--neutral-12);
  --tagline--border-width: 0px;
  --team-member--bg-color: var(--overlay-3);
  --team-member--rounding: 32px;
  --testimonial--bg-color: var(--overlay-1);
  --testimonial--rounding: 32px;
  --theme-card--clip-path: none;
  --theme-card--size-logo: 3.5rem;
  --toast--color-critical: var(--critical-11);
  --tooltip--border-color: var(--neutral-0);
  --tooltip--border-width: 2px;
  --top-menu--font-family: var(--font-family-sans);
  --top-menu--font-weight: var(--font-weight-medium);
  --top-menu--item--color: var(--neutral-12);
  --annotation--column-gap: 12px;
  --annotation--size-image: 36px;
  --block-team--column-gap: var(--block-button-group--column-gap);
  --button--outline-offset: 2px;
  --button--text-transform: none;
  --button-ghost--bg-color: #ffffff00;
  --button-tertiary--color: var(--neutral-12);
  --card--bg-color_hovered: var(--overlay-1);
  --checkbox--border-color: var(--neutral-6);
  --checkbox--border-width: 1px;
  --dialog--portal-padding: calc(var(--popup--size-button) / 2);
  --header-config--padding: 4px;
  --header-simple--spacing: 16px;
  --line-height-2xl-mobile: 2rem;
  --line-height-3xl-mobile: 2.375rem;
  --line-height-4xl-mobile: 2.75rem;
  --line-height-5xl-mobile: 3rem;
  --line-height-6xl-mobile: 3.5rem;
  --link--underline-offset: 6px;
  --link-button--font-size: var(--button--font-size);
  --list-item--font-family: var(--font-family-sans);
  --loader--color-inverted: var(--neutral-inverted-12);
  --mobile-menu--color-dot: var(--neutral-0);
  --paragraph--font-weight: var(--font-weight-regular);
  --popup--bg-color-accent: var(--section--bg-color-accent);
  --presentation--rounding: 9999px;
  --slider--thumb-rounding: 9999px;
  --slider--track-rounding: 2px;
  --theme-card--color-logo: var(--overlay-inverted-6);
  --theme-card--color-text: var(--neutral-11);
  --toast-wrapper--padding: 20px;
  --top-menu--item--height: calc(var(--line-height-md) + 2 * 6px);
  --annotation--font-weight: var(--font-weight-medium);
  --banner--bg-color-accent: var(--brand-5);
  --benefit-card--size-icon: 3rem;
  --block-features--spacing: 16px;
  --block-step--number-size: 4rem;
  --blockquote--font-family: var(--font-family-sans);
  --button-secondary--color: var(--neutral-12);
  --card--bg-color-inverted: var(--neutral-0);
  --card--shadow-horizontal: 0px;
  --checkbox--outline-color: var(--brand-8);
  --checkbox--outline-width: 2px;
  --code--bg-color-inverted: transparent;
  --context-theme--bg-color: var(--neutral-0);
  --field--button--rounding: var(--field--container--rounding);
  --field--label--font-size: var(--font-size-md);
  --header-config--bg-color: var(--overlay-2);
  --header-config--size-dot: 1.5rem;
  --header-simple--bg-color: var(--neutral-0);
  --heading--color-inverted: var(--neutral-12);
  --heading--text-transform: uppercase;
  --link-button--icon--size: var(--button--icon--size);
  --mobile-menu--max-height: 90dvh;
  --radio-group--item--size: 1.5rem;
  --section--max-width-wide: 95rem;
  --section-hero-home--text: var(--neutral-12);
  --tagline--color-inverted: var(--neutral-0);
  --tagline--letter-spacing: 2px;
  --testimonial--bg-color-2: var(--overlay-inverted-10);
  --testimonial--color-user: var(--neutral-10);
  --testimonial--width-line: 40px;
  --theme-indicator--height: var(--page-main--frame--button-menu--height);
  --toast--bg-color-success: var(--success-2);
  --toast--bg-color-warning: var(--warning-2);
  --annotation--bg-color-max: var(--accent-6);
  --annotation--border-width: 1px;
  --annotation--typing--size: 4px;
  --auto-grid--item--row-gap: 16px;
  --banner--button-inset-top: 8px;
  --banner--padding-vertical: 8px;
  --block-heading--max-width: 150ch;
  --block-icon--border-color: transparent;
  --block-icon--border-width: 0px;
  --blockquote--border-color: var(--brand-11);
  --blockquote--border-width: 4px;
  --button--opacity_disabled: 0.6;
  --button-primary--bg-color: var(--brand-12);
  --checkbox--color-inverted: var(--neutral-12);
  --checkbox--outline-offset: 1px;
  --code--padding-horizontal: 4px;
  --field--container--height: 3rem;
  --field--hints--margin-top: 6px;
  --footer-menu--color-label: var(--neutral-12);
  --footer-menu--item--color: var(--neutral-12);
  --heading--color-secondary: var(--neutral-11);
  --link-button--font-family: var(--button--font-family);
  --link-button--font-weight: var(--button--font-weight);
  --mobile-menu--item--color: var(--neutral-12);
  --mobile-menu--padding-dot: 2px;
  --ordered-list--column-gap: 8px;
  --popup--max-width-content: 38rem;
  --section--bg-color-accent: var(--brand-7);
  --section--layout--row-gap: 56px;
  --select--content--padding: 8px;
  --select--content--spacing: 4px;
  --sheet--backdrop-bg-color: var(--overlay-7);
  --sheet--content--bg-color: var(--neutral-0);
  --sheet--content--rounding: 18px;
  --team-member--color-label: var(--neutral-inverted-12);
  --testimonial--color-quote: var(--neutral-12);
  --testimonial--size-avatar: 5rem;
  --theme-card--border-color: red;
  --theme-card--border-width: 0px;
  --theme-card--color-button: var(--neutral-0);
  --theme-card--spacing-text: 8px;
  --theme-indicator--spacing: 8px;
  --toast--bg-color-critical: var(--critical-2);
  --top-menu--item--rounding: 8px;
  --transition-duration-base: 100ms;
  --annotation--outline-color: var(--brand-8);
  --annotation--typing--color: var(--neutral-12);
  --benefit-card--size-corner: 0px;
  --block-image--border-width: 0px;
  --button-tertiary--bg-color: var(--neutral-3);
  --card--transition-duration: 4;
  --card--transition-function: ease;
  --card--translate-y_initial: 40px;
  --checkbox--bg-color_active: var(--neutral-2);
  --checkbox--indicator--size: 1rem;
  --dialog--backdrop-bg-color: var(--overlay-8);
  --dialog--content--bg-color: var(--neutral-0);
  --dialog--content--rounding: 40px;
  --field--container--spacing: 2px;
  --field--label--font-family: var(--font-family-sans);
  --field--label--font-weight: var(--font-weight-medium);
  --footer-menu--border-color: var(--brand-10);
  --footer-menu--border-width: 2px;
  --footer-menu--row-gap-list: 4px;
  --header-config--column-gap: 8px;
  --letter-spacing-4xl-mobile: 0rem;
  --letter-spacing-5xl-mobile: 0rem;
  --letter-spacing-6xl-mobile: 0rem;
  --link--transition-duration: 150ms;
  --link--transition-function: ease;
  --link--underline-thickness: 1px;
  --link-layer--outline-color: var(--brand-8);
  --link-layer--outline-width: 2px;
  --list-item--color-inverted: var(--neutral-inverted-11);
  --mobile-menu--item--height: 3.5rem;
  --mobile-menu--row-gap-list: 8px;
  --multi-form--step--padding: 2px;
  --multi-form--step--spacing: 24px;
  --paragraph--color-inverted: var(--neutral-11);
  --popover--content--padding: 8px;
  --popup--bg-color-alternate: var(--section--bg-color-alternate);
  --popup--translate-x-button: 50%;
  --popup--translate-y-button: -50%;
  --section--padding-vertical: 120px;
  --section-hero--padding-top: 3rem;
  --section-separator--height: 100px;
  --select--content--bg-color: var(--neutral-0);
  --select--content--rounding: 6px;
  --sheet--content--max-width: 26rem;
  --tagline--padding-vertical: 0px;
  --testimonial--border-color: var(--neutral-6);
  --testimonial--border-width: 1px;
  --testimonial--padding-user: 16px;
  --theme-card--color-heading: var(--neutral-12);
  --theme-card--image-overlay: var(--overlay-4);
  --theme-card--scale_hovered: 1;
  --theme-indicator--bg-color: var(--neutral-0);
  --theme-indicator--rounding: var(--button--rounding);
  --tooltip--padding-vertical: 8px;
  --tooltip--paragraph--color: var(--neutral-0);
  --top-menu--item--font-size: var(--font-size-md);
  --top-menu--item--icon-size: 1.25rem;
  --annotation--bg-color-franz: var(--highlight-6);
  --attention-marker--bg-color: var(--accent-9);
  --banner--bg-color-alternate: var(--neutral-3);
  --banner--button-inset-right: 16px;
  --banner--padding-horizontal: calc(40px + var(--banner--button-height));
  --benefit-card--spacing-text: 16px;
  --block-icon--color-inverted: var(--neutral-0);
  --block-rich-text--max-width: 85ch;
  --block-split-view--rounding: 12px;
  --blockquote--color-inverted: var(--brand-4);
  --button-secondary--bg-color: transparent;
  --card--link-layer--rounding: var(--card--rounding);
  --checkbox--bg-color-checked: var(--brand-10);
  --checkbox--bg-color_hovered: var(--neutral-2);
  --dialog--content--max-width: 26rem;
  --field--container--bg-color: var(--neutral-3);
  --field--container--rounding: 28px;
  --field--label--color-strong: var(--neutral-12);
  --field--transition-duration: var(--block-heading--transition-duration);
  --field--transition-function: ease;
  --field--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--padding-dot: 2px;
  --header-config--size-button: 2.125rem;
  --highlighted-text--rotate-z: 0deg;
  --link-button--outline-color: var(--button--outline-color);
  --link-button--outline-width: var(--button--outline-width);
  --link-button--scale_hovered: var(--button--scale_hovered);
  --link-button-primary--color: var(--button-primary--color);
  --link-layer--outline-offset: 1px;
  --loader--animation-duration: 1000ms;
  --mobile-menu--bg-color-zeno: var(--neutral-12);
  --popover--content--bg-color: var(--neutral-0);
  --popover--content--rounding: 6px;
  --radio-group--item--spacing: 8px;
  --section-hero--bg-color-end: var(--brand-5);
  --section-hero--row-gap-text: 16px;
  --testimonial--bg-color-line: transparent;
  --testimonial--bg-color-user: var(--overlay-2);
  --theme-card--rounding-image: 28px;
  --toast--transition-duration: 250ms;
  --toast--transition-function: ease;
  --toast--translate-y_closing: -16px;
  --toast--translate-y_initial: 16px;
  --top-menu--item--column-gap: 8px;
  --top-menu--popover--padding: 8px;
  --annotation--rounding-avatar: 9999px;
  --auto-grid--item--column-gap: 16px;
  --benefit-card--outline-color: var(--brand-8);
  --benefit-card--outline-width: 2px;
  --block-split-view--size-icon: 24px;
  --button--transition-duration: 200ms;
  --button--transition-function: ease;
  --button-ghost--bg-color_open: var(--overlay-2);
  --card--border-color-inverted: var(--neutral-6);
  --card--link-layer--size-icon: 28px;
  --checkbox--bg-color-inverted: var(--overlay-inverted-3);
  --code--border-color-inverted: var(--brand-8);
  --dialog--content--scale_open: 1;
  --field--label--color_focused: var(--neutral-12);
  --footer-menu--item--rounding: 0px;
  --header-config--color_active: var(--neutral-12);
  --header-simple--border-color: var(--neutral-6);
  --header-simple--border-width: 1px;
  --link--color-inverted_active: var(--brand-11);
  --link-button--outline-offset: var(--button--outline-offset);
  --link-button--text-transform: var(--button--text-transform);
  --mobile-menu--bg-color-mango: var(--header-config--bg-color-mango);
  --mobile-menu--color-controls: var(--neutral-12);
  --mobile-menu--item--bg-color: transparent;
  --mobile-menu--item--rounding: 8px;
  --popup--bg-color-highlighted: var(--section--bg-color-highlighted);
  --radio-group--item--bg-color: var(--neutral-0);
  --radio-group--item--rounding: 9999px;
  --section--bg-color-alternate: var(--neutral-2);
  --section--layout--column-gap: 32px;
  --section--padding-horizontal: var(--page-padding);
  --section-separator--bg-color: var(--brand-7);
  --select--content--scale_open: 1;
  --slider--thumb-outline-color: var(--brand-8);
  --slider--thumb-outline-width: 2px;
  --tagline--link-layer_hovered: var(--overlay-2);
  --tagline--padding-horizontal: 0px;
  --team-member--bg-color-label: var(--neutral-inverted-0);
  --team-member--rounding-inner: 20px;
  --testimonial--spacing-avatar: 16px;
  --theme-card--bg-color-button: var(--brand-12);
  --theme-card--clip-path-image: none;
  --theme-card--rounding-button: 999px;
  --toast--border-color-success: var(--success-8);
  --toast--border-color-warning: var(--warning-8);
  --tooltip--padding-horizontal: 12px;
  --top-menu--min-width-popover: 10rem;
  --top-menu--popover--bg-color: var(--neutral-0);
  --top-menu--popover--rounding: 14px;
  --annotation--border-color-max: var(--accent-10);
  --banner--bg-color-highlighted: var(--neutral-inverted-2);
  --benefit-card--color-inverted: var(--brand-11);
  --block-benefits--border-color: var(--brand-8);
  --block-image--max-width-small: 320px;
  --blockquote--padding-vertical: 8px;
  --field--container--icon--size: 1.25rem;
  --field--hints--message--color: var(--neutral-10);
  --field--label--color-critical: var(--critical-9);
  --field--label--color-inverted: var(--neutral-11);
  --field--label--color-optional: var(--neutral-10);
  --field--label--padding-bottom: 8px;
  --header-config--outline-color: var(--neutral-12);
  --header-config--outline-width: 2px;
  --link--color-inverted_hovered: var(--brand-10);
  --link--color-underline_active: var(--brand-11);
  --link--outline-color-inverted: var(--brand-11);
  --link-button-secondary--color: var(--button-secondary--color);
  --mobile-menu--height-controls: var(--button--height);
  --mobile-menu--item--icon-size: 1.25rem;
  --popover--content--scale_open: 1;
  --popup--border-color_inverted: var(--neutral-inverted-5);
  --section--shadow-color-accent: var(--brand-12);
  --section-hero--bg-color-start: var(--brand-2);
  --section-hero--rounding-image: 32px;
  --section-hero--row-gap-layout: 0px;
  --select--content--item--color: var(--neutral-12);
  --sheet--content--border-color: var(--neutral-6);
  --sheet--content--border-width: 1px;
  --sheet--content--opacity_open: 1;
  --slider--thumb-outline-offset: 1px;
  --testimonial--color-secondary: var(--neutral-11);
  --testimonial--rounding-avatar: 9999px;
  --toast--border-color-critical: var(--critical-8);
  --top-menu--item--outine-width: 2px;
  --benefit-card--color-secondary: var(--neutral-11);
  --block-icon--bg-color-inverted: var(--brand-10);
  --block-image--max-width-medium: 640px;
  --blockquote--bg-color-inverted: var(--overlay-inverted-2);
  --button-primary--bg-color_open: var(--brand-11);
  --checkbox-group--item--padding: 0px;
  --checkbox-group--item--spacing: 8px;
  --dialog--content--border-color: var(--neutral-6);
  --dialog--content--border-width: 1px;
  --dialog--content--opacity_open: 1;
  --dialog--content--scale_closed: 0.9;
  --field--container--icon--color: var(--neutral-12);
  --field-multiline--input--color: var(--field--container--input--color);
  --field-secret--toggle--padding: 6px;
  --footer-menu--column-gap-label: 8px;
  --header-config--color-inverted: var(--neutral-12);
  --header-simple--logo-max-width: 140px;
  --link--color-underline_hovered: var(--brand-9);
  --link-button-primary--bg-color: var(--button-primary--bg-color);
  --mobile-menu--item--column-gap: var(--button--spacing);
  --mobile-menu--padding-controls: 4px;
  --popup--max-width-content-wide: 44rem;
  --section--bg-color-highlighted: var(--neutral-0);
  --section-cta--height-separator: 0px;
  --select--content--border-color: var(--neutral-6);
  --select--content--border-width: 1px;
  --select--content--item--height: 2.5rem;
  --select--content--opacity_open: 1;
  --select--content--scale_closed: 0.95;
  --sheet--content--body--padding: 16px;
  --testimonial--font-family-link: var(--font-family-sans);
  --theme-indicator--border-color: var(--neutral-6);
  --theme-indicator--border-width: 1px;
  --top-menu--item--bg-color_open: var(--overlay-2);
  --top-menu--item--outline-color: var(--brand-8);
  --top-menu--transition-duration: var(--section-hero-home--transition-duration-short);
  --top-menu--transition-function: var(--section-hero-home--transition-function);
  --annotation--border-color-franz: var(--highlight-10);
  --benefit-card--padding-vertical: 40px;
  --benefit-card--size-corner-icon: 36px;
  --block-button-group--column-gap: 12px;
  --block-button-group--margin-top: 20px;
  --block-features--indicator-size: var(--line-height-lg);
  --block-split-view--color-handle: var(--neutral-12);
  --block-split-view--slider-color: var(--brand-8);
  --block-split-view--width-handle: 64px;
  --block-split-view--width-slider: 8px;
  --blockquote--padding-horizontal: 16px;
  --button--outline-color-inverted: var(--neutral-12);
  --button-ghost--bg-color_hovered: var(--overlay-2);
  --button-ghost--bg-color_pressed: var(--overlay-2);
  --button-primary--color-inverted: var(--neutral-0);
  --button-primary-critical--color: var(--neutral-0);
  --button-secondary--border-color: var(--brand-12);
  --button-secondary--border-width: 2px;
  --button-tertiary--bg-color_open: var(--neutral-4);
  --card--border-color_highlighted: var(--brand-11);
  --card--shadow-color_highlighted: var(--brand-6);
  --context-theme--translate-short: 0px;
  --context-theme--width-scrollbar: 8px;
  --dialog--content--body--padding: 16px;
  --dialog--content--body--row-gap: 32px;
  --dialog--content--scale_closing: 1;
  --field--container--icon--margin: 10px;
  --field--container--input--color: var(--neutral-12);
  --field-number--buttons--padding: 6px;
  --field-number--buttons--spacing: 4px;
  --field-secret--toggle--rounding: 4px;
  --footer-menu--font-weight-label: var(--font-weight-bold);
  --footer-menu--item--font-family: var(--font-family-sans);
  --footer-menu--item--font-weight: var(--font-weight-medium);
  --header-config--bg-color_active: var(--overlay-inverted-10);
  --header-config--rounding-button: 999px;
  --header-simple--button-bg-color: var(--neutral-0);
  --header-simple--button-rounding: 6px;
  --link--color-underline-inverted: var(--brand-10);
  --mobile-menu--bg-color-backdrop: var(--neutral-12);
  --mobile-menu--bg-color-controls: var(--overlay-inverted-8);
  --mobile-menu--column-gap-header: 8px;
  --mobile-menu--item--font-family: var(--font-family-sans);
  --mobile-menu--item--font-weight: var(--font-weight-medium);
  --mobile-menu--rounding-controls: var(--button--rounding);
  --popover--content--border-color: var(--neutral-6);
  --popover--content--border-width: 1px;
  --popover--content--scale_closed: 0.95;
  --radio-group--item--label-color: var(--neutral-12);
  --section-cta--spacing-separator: 0px;
  --section-hero--height-separator: 60px;
  --section-hero--min-height-image: 240px;
  --section-hero--transition-delay: 4;
  --section-hero-home--padding-top: 3rem;
  --select--content--item--padding: 12px;
  --select--content--item--spacing: 8px;
  --sheet--content--opacity_closed: 0;
  --tagline--border-color-inverted: var(--neutral-0);
  --team-member--font-weight-label: var(--font-weight-medium);
  --testimonial--bg-color-inverted: var(--neutral-0);
  --theme-card--border-color-image: transparent;
  --theme-card--border-width-image: 0px;
  --top-menu--item--color_inverted: var(--neutral-12);
  --top-menu--item--text-transform: none;
  --accordion--item--content--color: var(--neutral-12);
  --accordion--item--trigger--color: var(--neutral-12);
  --benefit-card--color-description: var(--brand-12);
  --block-features--indicator-color: var(--neutral-11);
  --block-split-view--height-handle: 64px;
  --block-split-view--offset-slider: 8px;
  --block-split-view--outline-color: var(--brand-2);
  --block-split-view--outline-width: 2px;
  --button--icon--correction-offset: -2px;
  --button-primary--bg-color_active: var(--brand-11);
  --button-secondary--bg-color_open: var(--overlay-inverted-1);
  --button-tertiary--color-inverted: var(--neutral-0);
  --card--bg-color-inverted_hovered: var(--overlay-1);
  --card--transition-duration-hover: 1.5;
  --checkbox--border-color-inverted: var(--neutral-9);
  --dialog--content--opacity_closed: 0;
  --field--button--bg-color_hovered: var(--neutral-2);
  --field-multiline--input--padding: 20px;
  --field-number--buttons--rounding: 4px;
  --header-config--bg-color_hovered: var(--overlay-inverted-7);
  --link-button-secondary--bg-color: var(--button-secondary--bg-color);
  --mobile-menu--bg-color-bluebacca: var(--header-config--bg-color-bluebacca);
  --mobile-menu--rounding-theme-dot: 9999px;
  --radio-group--item--border-color: var(--neutral-6);
  --radio-group--item--border-width: 1px;
  --section--shadow-color-alternate: var(--neutral-12);
  --section-cta--bg-color-separator: var(--brand-7);
  --section-general--row-gap-column: 12px;
  --section-hero--column-gap-layout: 32px;
  --section-hero-home--bg-color-end: var(--brand-7);
  --section-hero-home--row-gap-text: 16px;
  --section-hero-legal--padding-top: 3rem;
  --select--content--item--rounding: 6px;
  --select--content--opacity_closed: 0;
  --sheet--content--footer--padding: 16px;
  --sheet--content--footer--spacing: 8px;
  --sheet--content--header--padding: 16px;
  --sheet--content--header--spacing: 8px;
  --team-member--border-color-label: var(--neutral-inverted-6);
  --team-member--border-width-label: 1px;
  --theme-card--transition-duration: 250ms;
  --theme-card--transition-function: ease;
  --theme-card--translate-y_hovered: 0px;
  --theme-indicator--padding-avatar: 2px;
  --toast-wrapper--max-width-region: 360px;
  --tooltip--paragraph--font-weight: var(--font-weight-medium);
  --top-menu--item--bg-color_active: var(--overlay-2);
  --top-menu--popover--border-color: var(--neutral-5);
  --top-menu--popover--border-width: 1px;
  --benefit-card--padding-horizontal: 36px;
  --block-image--transition-duration: var(--block-heading--transition-duration);
  --block-image--transition-function: var(--block-heading--transition-function);
  --block-image--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--outline-offset: 0px;
  --button-primary--bg-color_hovered: var(--brand-12);
  --button-secondary--color-inverted: var(--neutral-12);
  --button-secondary-critical--color: var(--critical-11);
  --button-tertiary--bg-color_active: var(--neutral-3);
  --card--link-layer--size-indicator: 70px;
  --checkbox--bg-color-indeterminate: var(--brand-10);
  --checkbox--outline-color-inverted: var(--brand-8);
  --collapsible--transition-duration: 150ms;
  --collapsible--transition-function: ease;
  --dialog--content--footer--padding: 16px;
  --dialog--content--footer--spacing: 8px;
  --dialog--content--header--padding: 16px;
  --dialog--content--header--spacing: 8px;
  --field--container--input--padding: 20px;
  --field--hints--message--font-size: var(--font-size-sm);
  --footer-menu--item--outline-color: var(--brand-8);
  --footer-menu--item--outline-width: 2px;
  --header-config--bg-color-inverted: var(--overlay-2);
  --link--transition-duration_active: 20ms;
  --link-button--transition-duration: var(--button--transition-duration);
  --link-button--transition-function: var(--button--transition-function);
  --mobile-menu--column-gap-controls: 4px;
  --mobile-menu--item--bg-color_open: var(--overlay-1);
  --mobile-menu--transition-function: ease;
  --page-main--frame--header--height: 4.5rem;
  --radio-group--item--outline-color: var(--brand-8);
  --radio-group--item--outline-width: 2px;
  --section--padding-vertical-mobile: 80px;
  --section-hero--border-color-image: var(--neutral-6);
  --section-hero--border-width-image: 1px;
  --section-hero--margin-top-buttons: 40px;
  --section-hero-legal--spacing-text: 16px;
  --sheet--content--translate-y_open: 0px;
  --testimonial--bg-color-inverted-2: var(--neutral-0);
  --testimonial--color-user-inverted: var(--neutral-10);
  --theme-indicator--bg-color-avatar: var(--brand-9);
  --toast--transition-duration_close: 150ms;
  --top-menu--item--bg-color_current: var(--brand-7);
  --top-menu--item--bg-color_hovered: var(--overlay-2);
  --accordion--item--content--padding: 16px;
  --accordion--item--trigger--padding: 16px;
  --benefit-card--padding-corner-icon: 6px;
  --benefit-card--padding-description: 36px;
  --benefit-card--transition-duration: 300ms;
  --benefit-card--transition-function: ease;
  --benefit-card--translate-y_hovered: -37px;
  --block-icon--border-color-inverted: transparent;
  --block-split-view--rounding-handle: 999px;
  --block-split-view--rounding-slider: 999px;
  --blockquote--border-color-inverted: var(--brand-4);
  --button-primary--bg-color-inverted: var(--brand-12);
  --button-primary-critical--bg-color: var(--critical-9);
  --button-secondary--bg-color_active: var(--overlay-inverted-1);
  --button-tertiary--bg-color_hovered: var(--neutral-4);
  --card--link-layer--color-indicator: var(--neutral-11);
  --checkbox--bg-color-checked_active: var(--brand-9);
  --checkbox-group--item--label-color: var(--neutral-12);
  --dialog--content--translate-y_open: 0px;
  --field--label--transition-duration: 150ms;
  --field--label--transition-function: ease;
  --field-multiline--input--font-size: var(--font-size-md);
  --field-multiline--padding-vertical: calc((var(--field--container--height) - var(--field-multiline--input--line-height))/ 2);
  --footer-menu--item--outline-offset: 1px;
  --form--footer--button-back--height: 3rem;
  --form--footer--transition-duration: var(--block-heading--transition-duration);
  --form--footer--transition-function: var(--block-heading--transition-function);
  --form--footer--translate-y_initial: var(--block-heading--translate-y_initial);
  --header-config--bg-color-bluebacca: var(--brand-8);
  --header-config--rounding-container: 999px;
  --header-config--rounding-theme-dot: 9999px;
  --highlighted-text--underline-color: var(--brand-8);
  --highlighted-text--width-underline: 0px;
  --page-main--frame--footer--row-gap: 16px;
  --popup--outline-color-button-close: var(--brand-8);
  --radio-group--item--indicator-size: 0.75rem;
  --radio-group--item--outline-offset: 1px;
  --section--shadow-color-highlighted: var(--neutral-12);
  --section-hero--scale-image_initial: 0.90;
  --section-hero--transition-duration: 9;
  --section-hero--transition-function: ease;
  --section-hero-home--bg-color-start: var(--brand-7);
  --sheet--content--body--text--color: var(--neutral-12);
  --testimonial--color-quote-inverted: var(--neutral-12);
  --tooltip--transition-duration-open: 250ms;
  --accordion--item--content--bg-color: var(--neutral-0);
  --accordion--item--content--rounding: 28px;
  --accordion--item--trigger--bg-color: var(--neutral-inverted-2);
  --accordion--item--trigger--rounding: 28px;
  --benefit-card--bg-color-description: var(--neutral-0);
  --block-heading--transition-duration: 400ms;
  --block-heading--transition-function: ease;
  --block-heading--translate-y_initial: 40px;
  --button--transition-duration_active: 20ms;
  --button-secondary--bg-color_hovered: var(--overlay-inverted-2);
  --button-tertiary--bg-color-inverted: var(--overlay-inverted-3);
  --checkbox--bg-color-checked_hovered: var(--brand-9);
  --checkbox--bg-color-inverted_active: var(--overlay-inverted-4);
  --dialog--content--body--text--color: var(--neutral-12);
  --field--button--outline-color-error: var(--critical-9);
  --field--container--bg-color_focused: var(--neutral-2);
  --field--container--bg-color_hovered: var(--neutral-2);
  --field--container--input--font-size: var(--font-size-md);
  --field--hints--error-message--color: var(--critical-9);
  --field--hints--message--font-family: var(--font-family-sans);
  --field--hints--message--font-weight: var(--font-weight-regular);
  --field--hints--message--line-height: var(--line-height-sm);
  --highlighted-text--bottom-underline: 0px;
  --mobile-menu--color-controls_active: var(--neutral-12);
  --mobile-menu--item--bg-color_active: var(--overlay-1);
  --mobile-menu--size-dot-theme-button: 1rem;
  --page-main--frame--footer--bg-color: var(--brand-7);
  --page-main--frame--header--bg-color: var(--section-hero--bg-color-start);
  --popover--content--translate-top-in: 8px;
  --presentation--outline-color-button: var(--brand-8);
  --radio-group--item--bg-color_active: var(--neutral-2);
  --section--layout--column--min-width: 16rem;
  --section-general--column-gap-column: 32px;
  --sheet--content--footer--margin-top: 1rem;
  --sheet--content--translate-y_closed: 100%;
  --testimonial--border-color-inverted: var(--neutral-6);
  --testimonial--company-button-height: 2rem;
  --theme-card--bg-color-button_active: var(--brand-10);
  --toast-wrapper--transition-duration: 150ms;
  --toast-wrapper--transition-function: ease;
  --top-menu--item--padding-horizontal: 16px;
  --top-menu--transition-duration-long: 1000ms;
  --top-menu--translate-x-list_initial: -25%;
  --top-menu--translate-x-logo_initial: -25%;
  --annotation--typing--animation-delay: 200ms;
  --block-split-view--width-slider-area: 40px;
  --blocks--item--margin-top-additional: 20px;
  --button-secondary--bg-color-inverted: transparent;
  --button-secondary-critical--bg-color: var(--critical-2);
  --card--footer--button-group--spacing: 16px;
  --card--link-layer--padding-indicator: 8px;
  --checkbox--bg-color-checked-inverted: var(--neutral-0);
  --checkbox--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --context-theme--bg-color-highlighted: var(--neutral-0);
  --dialog--content--footer--margin-top: 1rem;
  --dialog--content--translate-y_closed: 24px;
  --field--container--bg-color-inverted: var(--neutral-2);
  --field-multiline--input--font-family: var(--font-family-sans);
  --field-multiline--input--font-weight: var(--font-weight-regular);
  --field-multiline--input--line-height: var(--line-height-md);
  --field-search--button-clear--padding: 6px;
  --footer-menu--item--bg-color_hovered: var(--overlay-inverted-3);
  --footer-menu--item--padding-vertical: 8px;
  --footer-menu--padding-vertical-label: 12px;
  --form--footer--button-submit--height: 3rem;
  --header-simple--button-outline-color: var(--brand-8);
  --header-simple--button-outline-width: 2px;
  --link-button--outline-color-inverted: var(--button--outline-color-inverted);
  --link-button-primary--color-inverted: var(--button-primary--color-inverted);
  --link-button-secondary--border-color: var(--button-secondary--border-color);
  --link-button-secondary--border-width: var(--button-secondary--border-width);
  --popover--content--translate-top-out: 8px;
  --radio-group--item--bg-color_hovered: var(--neutral-4);
  --section-hero-home--device--bg-color: var(--brand-12);
  --section-hero-home--device--progress: 0;
  --section-hero-home--transition-delay: 3;
  --select--content--translate-y_closed: 8px;
  --team-member--padding-vertical-label: 8px;
  --testimonial--bg-color-line-inverted: transparent;
  --testimonial--bg-color-user-inverted: var(--overlay-2);
  --testimonial--company-button-padding: 8px;
  --theme-card--bg-color-button_hovered: var(--brand-11);
  --top-menu--item--transition-duration: 200ms;
  --top-menu--item--transition-function: ease;
  --accordion--item--transition-duration: var(--block-heading--transition-duration);
  --accordion--item--transition-function: var(--block-heading--transition-function);
  --accordion--item--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-rich-text--transition-duration: var(--block-heading--transition-duration);
  --block-rich-text--transition-function: var(--block-heading--transition-function);
  --block-rich-text--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--bg-color-indicator: var(--brand-8);
  --card--link-layer--bg-color-indicator: var(--overlay-2);
  --context-theme--color-scrollbar-thumb: var(--neutral-inverted-9);
  --context-theme--color-scrollbar-track: var(--neutral-inverted-2);
  --dialog--content--translate-y_closing: 0px;
  --field--button--outline-color_focused: var(--neutral-12);
  --field--button--outline-color_hovered: var(--neutral-6);
  --field--button--outline-width_focused: 2px;
  --field--button--outline-width_hovered: 1px;
  --field--container--input--font-family: var(--font-family-sans);
  --field--container--input--font-weight: var(--font-weight-regular);
  --field--label--color-inverted_focused: var(--neutral-12);
  --field-search--button-clear--rounding: 4px;
  --header-config--color_active-inverted: var(--neutral-12);
  --header-config--size-dot-theme-button: 1rem;
  --header-simple--button-outline-offset: 1px;
  --link-button--icon--correction-offset: var(--button--icon--correction-offset);
  --link-button-primary--bg-color_active: var(--button-primary--bg-color_active);
  --page-main--frame--button-menu--color: var(--neutral-12);
  --page-main--frame--footer--color-logo: var(--brand-6);
  --page-main--frame--footer--column-gap: 36px;
  --radio-group--item--bg-color-inverted: var(--overlay-inverted-3);
  --section-hero-legal--transition-delay: 300ms;
  --select--content--item--outline-color: var(--brand-8);
  --select--content--item--outline-width: 2px;
  --select--content--transition-function: ease-out;
  --sheet--content--header--button--size: 2rem;
  --sheet--content--header--title--color: var(--neutral-12);
  --testimonial--color-quote_highlighted: var(--brand-12);
  --top-menu--popover--bg-color_inverted: var(--neutral-0);
  --block-benefits--border-color-inverted: var(--brand-8);
  --block-split-view--translate-x_initial: -140px;
  --dialog--content--header--button--size: 2rem;
  --dialog--content--header--title--color: var(--neutral-12);
  --field--container--outline-color-error: var(--critical-9);
  --field--container--transition-duration: 150ms;
  --field--container--transition-function: ease;
  --field--hints--message--color-inverted: var(--neutral-3);
  --field--label--color-critical-inverted: var(--critical-9);
  --field--label--color-optional-inverted: var(--neutral-10);
  --footer-menu--item--padding-horizontal: 12px;
  --header-config--outline-color-inverted: var(--neutral-12);
  --link--color-underline-inverted_active: var(--brand-11);
  --link-button-primary--bg-color_hovered: var(--button-primary--bg-color_hovered);
  --link-button-secondary--color-inverted: var(--button-secondary--color-inverted);
  --mobile-menu--bg-color-controls_active: var(--overlay-inverted-10);
  --mobile-menu--item--padding-horizontal: 16px;
  --mobile-menu--transition-duration_open: 300ms;
  --page-main--frame--button-menu--height: 3.25rem;
  --popover--content--translate-bottom-in: -8px;
  --popup--bg-color-highlighted-alternate: var(--section--bg-color-highlighted-alternate);
  --radio-group--item--indicator-bg-color: var(--brand-10);
  --radio-group--item--indicator-rounding: 9999px;
  --section-hero-home--margin-top-buttons: 40px;
  --section-separator--translate-x_inital: 200px;
  --select--content--item--outline-offset: 1px;
  --team-member--padding-horizontal-label: 12px;
  --testimonial--border-color_highlighted: var(--brand-11);
  --testimonial--color-secondary-inverted: var(--neutral-11);
  --accordion--item--content--border-color: var(--brand-12);
  --accordion--item--content--border-width: 1px;
  --annotation--typing--animation-duration: 1600ms;
  --banner--bg-color-highlighted-alternate: var(--neutral-inverted-3);
  --benefit-card--bg-color-overlay_hovered: var(--brand-3);
  --benefit-card--color-secondary-inverted: var(--neutral-11);
  --button-primary--bg-color-inverted_open: var(--brand-11);
  --button-primary-critical--bg-color_open: var(--critical-10);
  --button-secondary--border-color_hovered: var(--brand-12);
  --field--container--icon--color-inverted: var(--neutral-12);
  --field--hints--error-message--font-size: var(--font-size-sm);
  --field-multiline--input--color-inverted: var(--field--container--input--color-inverted);
  --footer-menu--item--transition-duration: 200ms;
  --footer-menu--item--transition-function: ease;
  --header-config--roundin-popover-content: 36px;
  --header-simple--button-padding-vertical: 4px;
  --link--color-underline-inverted_hovered: var(--brand-9);
  --link-button-primary--bg-color-inverted: var(--button-primary--bg-color-inverted);
  --link-button-secondary--bg-color_active: var(--button-secondary--bg-color_active);
  --page-main--frame--header--border-width: 1px;
  --popover--content--translate-bottom-out: -8px;
  --section-hero--translate-y-text_initial: 120px;
  --section-hero-home--transition-function: ease;
  --section-hero-legal--margin-top-buttons: 40px;
  --top-menu--item--bg-color_open-inverted: var(--overlay-2);
  --top-menu--popover--translate-y_initial: 16px;
  --block-button-group--transition-duration: var(--block-heading--transition-duration);
  --block-button-group--transition-function: var(--block-heading--transition-function);
  --block-button-group--translate-y_initial: var(--block-heading--translate-y_initial);
  --button-secondary--border-color-inverted: var(--brand-12);
  --button-secondary-critical--border-color: var(--critical-6);
  --button-secondary-critical--border-width: 1px;
  --button-tertiary--bg-color-inverted_open: var(--overlay-inverted-4);
  --card--border-color-inverted_highlighted: var(--brand-11);
  --card--shadow-color-inverted_highlighted: var(--brand-8);
  --checkbox--bg-color-indeterminate_active: var(--brand-9);
  --field--container--input--color-inverted: var(--neutral-12);
  --field--container--outline-color_focused: var(--neutral-12);
  --field--container--outline-color_hovered: var(--neutral-6);
  --field--container--outline-width_focused: 2px;
  --field--container--outline-width_hovered: 1px;
  --header-config--bg-color_active-inverted: var(--overlay-inverted-10);
  --link-button--transition-duration_active: var(--button--transition-duration_active);
  --link-button-secondary--bg-color_hovered: var(--button-secondary--bg-color_hovered);
  --mobile-menu--transition-duration_closed: 300ms;
  --page-main--frame--button-menu--bg-color: var(--neutral-0);
  --page-main--frame--button-menu--rounding: 9999px;
  --radio-group--item--label-color-inverted: var(--neutral-0);
  --section--bg-color-highlighted-alternate: var(--neutral-2);
  --section-hero--transition-duration-image: 12;
  --section-hero--translate-y-image_initial: 60px;
  --section-hero-legal--transition-duration: 6;
  --section-hero-legal--transition-function: ease;
  --select--content--item--bg-color_checked: var(--overlay-2);
  --select--content--item--bg-color_focused: var(--brand-4);
  --accordion--item--content--color-inverted: var(--neutral-12);
  --accordion--item--trigger--color-inverted: var(--neutral-12);
  --accordion--item--trigger--text-transform: none;
  --block-features--indicator-color-inverted: var(--neutral-inverted-11);
  --button-primary--bg-color-inverted_active: var(--brand-11);
  --button-primary-critical--bg-color_active: var(--critical-10);
  --button-secondary--bg-color-inverted_open: var(--overlay-1);
  --checkbox--bg-color-indeterminate_hovered: var(--brand-9);
  --context-theme--roundness-scrollbar-thumb: 2px;
  --context-theme--roundness-scrollbar-track: 0px;
  --field--button--bg-color-inverted_hovered: var(--overlay-inverted-4);
  --field--hints--error-message--font-family: var(--font-family-sans);
  --field--hints--error-message--font-weight: var(--font-weight-regular);
  --field--hints--error-message--line-height: var(--line-height-sm);
  --header-config--bg-color_hovered-inverted: var(--overlay-inverted-7);
  --header-simple--button-padding-horizontal: 8px;
  --link-button-secondary--bg-color-inverted: var(--button-secondary--bg-color-inverted);
  --page-main--frame--footer--min-width-menu: 12rem;
  --radio-group--item--border-color-inverted: var(--neutral-9);
  --section-hero-home--device--scale_initial: 0.85;
  --section-hero-home--device--switch--width: calc(8rem - 2px);
  --sheet--backdrop-transition-duration_open: 340ms;
  --sheet--backdrop-transition-function_open: ease;
  --sheet--content--header--button--bg-color: var(--neutral-1);
  --sheet--content--header--title--font-size: var(--font-size-xl);
  --sheet--content--transition-duration_open: 260ms;
  --sheet--content--transition-function_open: ease;
  --top-menu--item--bg-color_active-inverted: var(--overlay-2);
  --top-menu--popover--border-color_inverted: var(--neutral-5);
  --button-primary--bg-color-inverted_hovered: var(--brand-12);
  --button-primary-critical--bg-color_hovered: var(--critical-9);
  --button-tertiary--bg-color-inverted_active: var(--overlay-inverted-4);
  --checkbox--bg-color-indeterminate-inverted: var(--neutral-0);
  --dialog--backdrop-transition-duration_open: 340ms;
  --dialog--backdrop-transition-function_open: ease;
  --dialog--content--header--button--bg-color: var(--neutral-1);
  --dialog--content--header--title--font-size: var(--font-size-xl);
  --dialog--content--transition-duration_open: 260ms;
  --dialog--content--transition-function_open: ease;
  --field-multiline--input--color-placeholder: var(--neutral-10);
  --mobile-menu--transition-duration-backdrop: 300ms;
  --page-main--frame--footer--color-paragraph: var(--neutral-12);
  --page-main--frame--header--bg-color-accent: var(--section--bg-color-highlighted);
  --radio-group--item--outline-color-inverted: var(--brand-8);
  --section-hero--translate-y-buttons_initial: 60px;
  --section-hero-home--device--switch--height: 4rem;
  --select--content--transition-duration_open: 150ms;
  --top-menu--item--bg-color_hovered-inverted: var(--overlay-2);
  --accordion--item--trigger--bg-color_hovered: var(--neutral-inverted-3);
  --button-secondary--bg-color-inverted_active: var(--overlay-2);
  --button-secondary-critical--bg-color_active: var(--critical-2);
  --button-tertiary--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --card--footer--button-group__button--height: 3rem;
  --card--link-layer--color-indicator-inverted: var(--neutral-inverted-11);
  --checkbox--bg-color-checked-inverted_active: var(--neutral-1);
  --checkbox-group--item--label-color-inverted: var(--neutral-0);
  --page-main--frame--footer--padding-vertical: 40px;
  --page-main--frame--header--link-skip--color: var(--neutral-12);
  --page-main--frame--header--padding-vertical: 12px;
  --popover--content--transition-duration_open: 150ms;
  --popover--content--transition-function_open: ease;
  --section-hero-home--device--switch--padding: 4px;
  --sheet--backdrop-transition-duration_closed: 300ms;
  --sheet--backdrop-transition-function_closed: ease;
  --sheet--content--header--title--font-family: var(--font-family-sans);
  --sheet--content--header--title--font-weight: var(--font-weight-bold);
  --sheet--content--header--title--line-height: var(--line-height-xl);
  --sheet--content--transition-duration_closed: 200ms;
  --sheet--content--transition-function_closed: ease;
  --accordion--item--content--bg-color-inverted: var(--neutral-0);
  --accordion--item--trigger--bg-color-inverted: var(--brand-7);
  --benefit-card--padding-description-container: 0px;
  --block-form--item--info--transition-duration: var(--block-heading--transition-duration);
  --block-form--item--info--transition-function: var(--block-heading--transition-function);
  --block-form--item--info--translate-y_initial: var(--block-heading--translate-y_initial);
  --block-split-view--transition-duration-slide: 100ms;
  --block-split-view--transition-function-slide: linear;
  --button-secondary--bg-color-inverted_hovered: var(--overlay-1);
  --button-secondary-critical--bg-color_hovered: var(--critical-1);
  --checkbox--bg-color-checked-inverted_hovered: var(--neutral-2);
  --context-theme--color-scrollbar-thumb_active: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_active: var(--neutral-inverted-3);
  --dialog--backdrop-transition-duration_closed: 300ms;
  --dialog--backdrop-transition-function_closed: ease;
  --dialog--content--header--title--font-family: var(--font-family-sans);
  --dialog--content--header--title--font-weight: var(--font-weight-bold);
  --dialog--content--header--title--line-height: var(--line-height-xl);
  --dialog--content--transition-duration_closed: 200ms;
  --dialog--content--transition-function_closed: ease;
  --field--button--outline-color-error-inverted: var(--critical-8);
  --field--container--bg-color-inverted_focused: var(--neutral-1);
  --field--container--bg-color-inverted_hovered: var(--neutral-1);
  --field--hints--error-message--color-inverted: var(--critical-9);
  --link-button-secondary--border-color_hovered: var(--button-secondary--border-color_hovered);
  --page-main--frame--button-menu--border-color: transparent;
  --page-main--frame--button-menu--border-width: 1px;
  --radio-group--item--bg-color-inverted_active: var(--overlay-inverted-4);
  --section--shadow-color-highlighted-alternate: var(--neutral-12);
  --section-hero-home--device--switch--bg-color: var(--overlay-2);
  --section-hero-home--device--switch--rounding: 9999px;
  --section-hero-home--padding-vertical-content: 64px;
  --section-hero-home--transition-duration-long: 12;
  --section-hero-home--translate-y-text_initial: 120px;
  --select--content--transition-duration_closed: 50ms;
  --top-menu--popover--transition-duration_open: 400ms;
  --card--footer--button-group__button--rounding: 6px;
  --card--link-layer--bg-color-indicator_hovered: var(--overlay-3);
  --context-theme--color-scrollbar-thumb_hovered: var(--neutral-inverted-10);
  --context-theme--color-scrollbar-track_hovered: var(--neutral-inverted-3);
  --link-button-secondary--border-color-inverted: var(--button-secondary--border-color-inverted);
  --page-main--frame--header--bg-color-alternate: var(--section--bg-color);
  --popover--content--transition-duration_closed: 100ms;
  --popover--content--transition-function_closed: ease;
  --radio-group--item--bg-color-inverted_hovered: var(--overlay-inverted-5);
  --section-hero-home--device--switch--size-icon: 1.5rem;
  --section-hero-home--transition-duration-short: 9;
  --section-hero-legal--padding-vertical-content: 48px;
  --section-hero-legal--translate-y-text_initial: 120px;
  --card--link-layer--bg-color-indicator-inverted: var(--overlay-inverted-3);
  --field--button--outline-color-inverted_focused: var(--neutral-0);
  --link-button-primary--bg-color-inverted_active: var(--button-primary--bg-color-inverted_active);
  --page-main--frame--animation--translate-y_open: -60px;
  --page-main--frame--button-menu--padding-bottom: 24px;
  --page-main--frame--header--link-skip--rounding: 8px;
  --page-main--frame--header--transition-duration: 3;
  --page-main--frame--header--transition-function: ease;
  --page-main--frame--header--translate-y_initial: 0px;
  --section-hero-home--device--switch--color-icon: var(--neutral-12);
  --section-hero-home--device--switch--column-gap: 4px;
  --testimonial--color-quote-inverted_highlighted: var(--brand-11);
  --top-menu--popover--transition-duration_closed: 250ms;
  --block-split-view--transition-duration-slide-in: 600ms;
  --block-split-view--transition-function-slide-in: ease;
  --field--container--outline-color-error-inverted: var(--critical-8);
  --header-config--padding-horizontal-theme-button: 8px;
  --link-button-primary--bg-color-inverted_hovered: var(--button-primary--bg-color-inverted_hovered);
  --page-main--frame--footer--margin-top-copyright: 16px;
  --page-main--frame--header--bg-color-highlighted: var(--section--bg-color-highlighted);
  --page-main--frame--header--link-skip--font-size: var(--font-size-md);
  --radio-group--item--indicator-bg-color-inverted: var(--neutral-0);
  --section-hero-home--device--transition-duration: 400ms;
  --section-hero-home--device--transition-function: ease;
  --section-hero-home--device--translate-y_initial: 40%;
  --section-hero-home--translate-y-buttons_initial: 80px;
  --testimonial--border-color-inverted_highlighted: var(--brand-11);
  --accordion--item--content--border-color-inverted: var(--brand-12);
  --button-secondary--border-color-inverted_hovered: var(--brand-12);
  --button-secondary-critical--border-color_hovered: var(--critical-7);
  --link-button-secondary--bg-color-inverted_active: var(--button-secondary--bg-color-inverted_active);
  --page-main--frame--header--border-color_scrolled: var(--neutral-5);
  --page-main--frame--header--link-skip--margin-top: 16px;
  --section-hero-legal--translate-y-buttons_initial: 80px;
  --sheet--content--header--button--bg-color_active: var(--neutral-3);
  --checkbox--bg-color-indeterminate-inverted_active: var(--neutral-1);
  --field--container--outline-color-inverted_focused: var(--neutral-12);
  --field--container--outline-color-inverted_hovered: var(--neutral-6);
  --link-button-secondary--bg-color-inverted_hovered: var(--button-secondary--bg-color-inverted_hovered);
  --page-main--frame--animation--transition-duration: 300ms;
  --page-main--frame--animation--transition-function: ease;
  --page-main--frame--header--link-skip--font-family: var(--font-family-sans);
  --page-main--frame--header--link-skip--font-weight: var(--font-weight-medium);
  --page-main--frame--header--link-skip--line-height: var(--line-height-md);
  --section-hero-home--device--switch--rounding-item: 9999px;
  --sheet--content--header--button--bg-color_hovered: var(--neutral-3);
  --card--footer--button-group__button--scale_hovered: 1 1 1;
  --checkbox--bg-color-indeterminate-inverted_hovered: var(--neutral-2);
  --dialog--content--header--button--bg-color_hovered: var(--neutral-3);
  --dialog--content--header--button--bg-color_pressed: var(--neutral-1);
  --mobile-menu--item--transition-duration-group_open: 300ms;
  --mobile-menu--item--transition-function-group_open: ease;
  --page-main--frame--button-menu--padding-horizontal: var(--page-padding);
  --accordion--item--trigger--transition-duration-icon: var(--accordion--item--content-wrapper-transition-duration);
  --accordion--item--trigger--transition-function-icon: var(--accordion--item--content-wrapper-transition-function);
  --field-multiline--input--color-placeholder-inverted: var(--neutral-8);
  --page-main--frame--button-menu--transition-duration: 300ms;
  --page-main--frame--button-menu--transition-function: ease;
  --page-main--frame--header--link-skip--outline-color: var(--brand-8);
  --page-main--frame--header--link-skip--outline-width: 2px;
  --accordion--item--trigger--bg-color-inverted_hovered: var(--brand-6);
  --mobile-menu--item--transition-duration-group_closed: 200ms;
  --mobile-menu--item--transition-function-group_closed: ease;
  --page-main--frame--header--link-skip--color-inverted: var(--neutral-inverted-12);
  --accordion--item--content-wrapper-transition-duration: 250ms;
  --accordion--item--content-wrapper-transition-function: ease;
  --link-button-secondary--border-color-inverted_hovered: var(--button-secondary--border-color-inverted_hovered);
  --card--link-layer--bg-color-indicator-inverted_hovered: var(--overlay-inverted-4);
  --page-main--frame--header--link-skip--padding-vertical: 8px;
  --section-hero-home--device--switch--color-icon_pressed: var(--neutral-12);
  --section-hero-home--device--switch--outline-color-item: var(--brand-9);
  --section-hero-home--device--switch--outline-width-item: 2px;
  --page-main--frame--header--link-skip--padding-horizontal: 16px;
  --page-main--frame--button-menu--padding-horizontal-button: 20px;
  --page-main--frame--header--bg-color-highlighted-alternate: var(--section--bg-color-highlighted);
  --page-main--frame--header--border-color_scrolled-inverted: var(--neutral-5);
  --section-hero-home--device--switch--bg-color-item_hovered: var(--overlay-inverted-4);
  --section-hero-home--device--switch--bg-color-item_pressed: var(--overlay-inverted-8);
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-DM Sans: 'DM Sans',sans-serif;
--font-DM Mono: 'DM Mono',monospace;
--font-Fredoka: 'Fredoka',sans-serif;
--font-Poppins: 'Poppins',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;
    }
  }
}


    .byjkOA {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      z-index:-1;
      position:absolute;
    }

    .dialog\:23ZoIlPUTKJRNSkg6Zexl {
      opacity:0;
      background:var(--dialog--backdrop-bg-color);
    }

    .dialog\:23ZoIlPUTKJRNSkg6Zexl.open {
      opacity:1;
    }

    .dialog\:23ZoIlPUTKJRNSkg6Zexl.open-transition {
      transition:opacity var(--dialog--backdrop-transition-duration_open) var(--dialog--backdrop-transition-function_open);
    }

    .dialog\:23ZoIlPUTKJRNSkg6Zexl.close-transition {
      transition:opacity var(--dialog--backdrop-transition-duration_closed) var(--dialog--backdrop-transition-function_closed);
    }

    .KsFov {
      width:var(--width);
      height:var(--height);
      position:fixed;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      pointer-events:none;
      justify-content:center;
    }

    .KsFov.modal {
      touch-action:none;
      pointer-events:all;
    }

    .dialog\:nGD1kgf-xlv68_LDO3xs4 {
      height:100dvh;
      display:flex;
      align-items:center;
      padding-top:var(--dialog--portal-padding);
      padding-left:var(--dialog--portal-padding);
      padding-right:var(--dialog--portal-padding);
      padding-bottom:var(--dialog--portal-padding);
      justify-content:center;
    }

    .bCrsFu {
      overflow-y:auto;
      touch-action:auto;
    }

    .dialog--content--body\:root {
      flex:1;
      row-gap:var(--dialog--content--body--row-gap);
      min-height:0px;
      overflow-y:auto;
      padding-left:var(--dialog--content--body--padding);
      padding-right:var(--dialog--content--body--padding);
    }

    .popup\:0qgXEfCBu92gxhjge1qK0 {
      padding-top:var(--popup--padding);
      padding-left:var(--popup--padding);
      padding-right:var(--popup--padding);
      padding-bottom:var(--popup--padding);
      border-top-left-radius:var(--dialog--content--rounding);
      border-top-right-radius:var(--dialog--content--rounding);
    }

    .bcmQwc {
      color:inherit;
      width:var(--size);
      height:var(--size);
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      justify-content:center;
    }

    .bcmQwc:first-child {
      margin-left:var(--button--icon--correction-offset);
    }

    .bcmQwc:last-child {
      margin-right:var(--button--icon--correction-offset);
    }

    .in-view\:root {
      opacity:var(--opacity);
      transform:translateY(var(--translate-y));
    }

    .block-image\:root {
      width:100%;
      display:flex;
      align-items:var(--alignment);
      justify-content:flex-start;
    }

    .cecJk {
      width:100%;
      height:100%;
      overflow-x:clip;
      overflow-y:clip;
    }

    .cFFtbV {
      width:100%;
      height:0px;
      position:absolute;
    }

    .cZFAFe {
      width:100%;
      height:100%;
      object-fit:cover;
      aspect-ratio:var(--ratio);
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .block-image\:60yMrwwm1I1zYScq5vUKW {
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--block-image--border-width);
      border-top-left-radius:var(--block-image--rounding);
      border-top-right-radius:var(--block-image--rounding);
      border-bottom-left-radius:var(--block-image--rounding);
      border-bottom-right-radius:var(--block-image--rounding);
    }

    .dhgkTX {
      width:100%;
    }

    .dhgkTX.small {
      max-width:var(--block-image--max-width-small);
    }

    .dhgkTX.medium {
      max-width:var(--block-image--max-width-medium);
    }

    .Zjuov {
      width:100%;
      display:grid;
      row-gap:var(--gap);
      column-gap:var(--gap);
      grid-template:auto / repeat(auto-fit, minmax(var(--column-width), 1fr));
    }

    .auto-grid\:root {
      row-gap:var(--auto-grid--row-gap);
      column-gap:var(--auto-grid--column-gap);
    }

    .block-benefits\:root {
      row-gap:var(--block-benefits--gap);
      background:var(--bg-color);
      column-gap:var(--block-benefits--gap);
    }

    .fAERaj {
      flex:1;
      width:100%;
      cursor:pointer;
      display:flex;
      background:var(--bg-color);
      overflow-x:clip;
      align-items:center;
      justify-content:flex-start;
    }

    .fAERaj:focus-visible {
      z-index:1;
      outline-color:var(--benefit-card--outline-color);
      outline-style:solid;
      outline-width:var(--benefit-card--outline-width);
    }

    .pERst {
      flex:1;
      overflow-y:auto;
      padding-top:var(--benefit-card--padding-description);
      padding-left:var(--benefit-card--padding-description);
      padding-right:var(--benefit-card--padding-description);
      padding-bottom:var(--benefit-card--padding-description);
    }

    .pERst.disabled-scroll {
      padding-right:var(--padding-right);
      scrollbar-width:none;
    }

    .pERst.disabled-scroll::-webkit-scrollbar {
    width: 0;
    }

    .eaKfyS {
      width:100%;
      height:100%;
      opacity:0;
      position:relative;
      background:var(--benefit-card--bg-color-description);
    }

    .eaKfyS.visible {
      opacity:1;
    }

    .duoDeS {
      right:0px;
      width:var(--benefit-card--size-corner-icon);
      bottom:0px;
      height:var(--benefit-card--size-corner-icon);
      rotate:0 0 1 0deg;
      position:absolute;
      transition:rotate var(--benefit-card--transition-duration) var(--benefit-card--transition-function);
      padding-top:var(--benefit-card--padding-corner-icon);
      padding-left:var(--benefit-card--padding-corner-icon);
      padding-right:var(--benefit-card--padding-corner-icon);
      padding-bottom:var(--benefit-card--padding-corner-icon);
    }

    .duoDeS.moved {
      rotate:0 0 1 180deg;
    }

    .epCnGN {
      flex:1;
      width:100%;
      display:flex;
      row-gap:var(--benefit-card--spacing);
      clip-path:polygon(     0 0,     100% 0,     100% 100%,    100% 100%,     0 100%   );
      translate:0 0px 0;
      background:var(--bg-color);
      column-gap:var(--benefit-card--spacing);
      transition:translate var(--benefit-card--transition-duration) var(--benefit-card--transition-function) , clip-path var(--benefit-card--transition-duration) var(--benefit-card--transition-function);
      align-items:center;
      padding-top:var(--benefit-card--padding-vertical);
      padding-left:var(--benefit-card--padding-horizontal);
      padding-right:var(--benefit-card--padding-horizontal);
      padding-bottom:var(--benefit-card--padding-vertical);
      justify-content:flex-start;
    }

    .epCnGN.hovered {
      clip-path:polygon(     0 0,     100% 0,     100% calc(100% - var(--corner-size)),     calc(100% - var(--corner-size)) 100%,     0 100%   );
      translate:var(--benefit-card--translate-y_hovered) 0px 0;
    }

    .epCnGN.moved {
      clip-path:polygon(     0 0,     100% 0,     100% calc(100% - var(--corner-size)),     calc(100% - var(--corner-size)) 100%,     0 100%   );
      translate:-100% 0 0;
    }

    .btJOGW {
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .ceiEqX {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
      background:var(--bg-color);
      padding-top:var(--benefit-card--padding-description-container);
      padding-left:var(--benefit-card--padding-description-container);
      padding-right:var(--benefit-card--padding-description-container);
      padding-bottom:var(--benefit-card--padding-description-container);
    }

    .bjWinN {
      color:var(--heading--color);
      width:100%;
    }

    .bjWinN.inverted {
      color:var(--heading--color-inverted);
    }

    .VBXRV {
      color:var(--heading--color);
      width:100%;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:var(--heading--font-family);
      font-weight:var(--heading--font-weight);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .VBXRV.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

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

    .heading\:DJfxrdPeFBrtZZ1kZKDYm {
      color:inherit;
    }

    .heading\:FM_yceJ9qRaZZEvrrwXDd {
      color:inherit;
    }

    .duLZRz {
      color:var(--heading--color);
      width:100%;
      font-size:var(--font-size);
      text-wrap:balance;
      margin-top:var(--margin-top);
      font-family:var(--heading--font-family);
      font-weight:var(--heading--font-weight);
      line-height:var(--line-height);
      white-space:normal;
      word-spacing:var(--heading--word-spacing-h1);
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
      text-transform:var(--heading--text-transform);
    }

    .duLZRz.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

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

    .heading\:Yp33T0DHlSYfFBLq7I0fk {
      color:inherit;
    }

    .dERFtS {
      color:var(--heading--color);
      width:100%;
      font-size:var(--font-size);
      text-wrap:balance;
      margin-top:var(--margin-top);
      font-family:var(--heading--font-family);
      font-weight:var(--heading--font-weight);
      line-height:var(--line-height);
      white-space:normal;
      word-spacing:var(--heading--word-spacing-h2);
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
      text-transform:var(--heading--text-transform);
    }

    .dERFtS.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

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

    .heading\:lvJCqNq3G1UYEm6zFAyPR {
      color:inherit;
    }

    .benefit-card\:Nm6QgmxXzUYPY22yPSqSG {
      text-align:center;
    }

    .dvxcrx {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
      background:transparent;
    }

    .dvxcrx.hovered {
      background:var(--benefit-card--bg-color-overlay_hovered);
    }

    .cCYXsI {
      width:100%;
    }

    .dOHALh {
      width:100%;
      margin-top:2rem;
      margin-bottom:1rem;
    }

    .dOHALh.h2 {
      margin-top:2rem;
      margin-bottom:0.5rem;
    }

    .dOHALh.h3 {
      margin-top:1.5rem;
      margin-bottom:0.5rem;
    }

    .dOHALh.h4 {
      margin-top:1rem;
      margin-bottom:0.5rem;
    }

    .dOHALh:first-of-type {
      margin-top:0px;
    }

    .zNoFf {
      color:var(--blockquote--color);
      width:fit-content;
      display:block;
      font-size:var(--font-size);
      max-width:100%;
      background:var(--blockquote--bg-color);
      font-family:var(--blockquote--font-family);
      font-weight:inherit;
      line-height:var(--line-height);
      padding-top:var(--blockquote--padding-vertical);
      white-space:normal;
      padding-left:var(--blockquote--padding-horizontal);
      padding-right:var(--blockquote--padding-horizontal);
      letter-spacing:var(--letter-spacing);
      padding-bottom:var(--blockquote--padding-vertical);
      border-left-color:var(--blockquote--border-color);
      border-left-style:solid;
      border-left-width:var(--blockquote--border-width);
    }

    .zNoFf.inverted {
      color:var(--blockquote--color-inverted);
      background:var(--blockquote--bg-color-inverted);
      border-left-color:var(--blockquote--border-color-inverted);
    }

    .rich-text__item__blockquote\:root {
      text-align:left;
    }

    .fAjJIc {
      color:var(--code--color);
      width:fit-content;
      font-size:inherit;
      background:var(--code--bg-color);
      font-family:var(--code--font-family);
      font-weight:inherit;
      line-height:inherit;
      white-space:normal;
      border-color:var(--code--border-color);
      border-style:solid;
      border-width:var(--code--border-width);
      padding-left:var(--code--padding-horizontal);
      padding-right:var(--code--padding-horizontal);
      letter-spacing:inherit;
      border-top-left-radius:var(--code--rounding);
      border-top-right-radius:var(--code--rounding);
      border-bottom-left-radius:var(--code--rounding);
      border-bottom-right-radius:var(--code--rounding);
    }

    .fAjJIc.inverted {
      color:var(--code--color-inverted);
      background:var(--code--bg-color-inverted);
      border-color:var(--code--border-color-inverted);
    }

    .eefzuy {
      width:100%;
      row-gap:var(--list--row-gap);
      column-gap:var(--list--column-gap);
      flex-direction:var(--flex-direction);
    }

    .rich-text__item__list\:root {
      font-size:inherit;
      margin-top:0.5rem;
      font-family:inherit;
      line-height:inherit;
    }

    .eHTiCt {
      flex:0;
      color:var(--list-item--color);
      width:100%;
      display:block;
      row-gap:var(--list-item--column-gap);
      font-size:inherit;
      column-gap:var(--list-item--column-gap);
      align-items:flex-start;
      font-family:var(--list-item--font-family);
      line-height:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .eHTiCt.inverted {
      color:var(--list-item--color-inverted);
    }

    .dIPoMI {
      width:auto;
      height:var(--list-item--indicator-height);
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
      aspect-ratio:1/1;
      justify-content:center;
    }

    .esVAbH {
      flex:1;
      display:block;
    }

    .list-item\:wYa53V2Q4nOAjiBWP5_kw {
      font-size:inherit;
    }

    .rich-text__item__list-item\:root {
      display:flex;
      flex-direction:row;
    }

    .dYfsoy {
      color:var(--link--color);
      cursor:pointer;
      display:inline;
      font-size:inherit;
      transition:color var(--link--transition-duration) var(--link--transition-function);
      font-family:inherit;
      font-weight:var(--link--font-weight);
      line-height:inherit;
      letter-spacing:inherit;
      text-decoration-line:underline;
      text-decoration-color:var(--link--color-underline);
      text-decoration-style:solid;
      text-underline-offset:var(--link--underline-offset);
      border-top-left-radius:var(--link--rounding);
      border-top-right-radius:var(--link--rounding);
      border-bottom-left-radius:var(--link--rounding);
      text-decoration-thickness:var(--link--underline-thickness);
      border-bottom-right-radius:var(--link--rounding);
    }

    .dYfsoy:hover {
      color:var(--link--color_hovered);
      text-decoration-color:var(--link--color-underline_hovered);
    }

    .dYfsoy:active {
      color:var(--link--color_active);
      transition:color var(--link--transition-duration_active) var(--link--transition-function);
      text-decoration-color:var(--link--color-underline_active);
    }

    .dYfsoy:focus-visible {
      outline-color:var(--link--outline-color);
      outline-style:solid;
      outline-width:var(--link--outline-width);
      outline-offset:var(--link--outline-offset);
    }

    .dYfsoy.inverted {
      color:var(--link--color-inverted);
      text-decoration-color:var(--link--color-underline-inverted);
    }

    .dYfsoy.inverted:hover {
      color:var(--link--color-inverted_hovered);
      text-decoration-color:var(--link--color-underline-inverted_hovered);
    }

    .dYfsoy.inverted:active {
      color:var(--link--color-inverted_active);
      transition:color var(--link--transition-duration_active) var(--link--transition-function);
      text-decoration-color:var(--link--color-underline-inverted_active);
    }

    .dYfsoy.inverted:focus-visible {
      outline-color:var(--link--outline-color-inverted);
      outline-style:solid;
      outline-width:var(--link--outline-width);
      outline-offset:var(--link--outline-offset);
    }

    .rich-text__item__link\:root {
      font-size:inherit;
      line-height:inherit;
    }

    .cNWPEG {
      width:100%;
      row-gap:var(--ordered-list--row-gap);
      column-gap:var(--ordered-list--column-gap);
      flex-direction:var(--flex-direction);
    }

    .rich-text__item__ordered-list\:root {
      font-size:inherit;
      margin-top:0.5rem;
      font-family:inherit;
      line-height:inherit;
    }

    .cjLzc {
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:var(--strong--font-weight);
      line-height:inherit;
      white-space:normal;
      letter-spacing:inherit;
    }

    .rich-text__item__strong\:root {
      white-space:pre-wrap;
    }

    .QbWgd {
      color:var(--text--color);
      display:inline-block;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:var(--text--font-family);
      font-weight:var(--text--font-weight);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .QbWgd.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

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

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

    .underline\:root {
      color:inherit;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
      text-decoration-line:underline;
    }

    .bmMaAV {
      color:var(--paragraph--color);
      display:inline-block;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:var(--text--font-family);
      font-weight:var(--paragraph--font-weight);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .bmMaAV.inverted {
      color:var(--paragraph--color-inverted);
    }

    .bmMaAV.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

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

    .rich-text__item__paragraph\:root {
      white-space:pre-wrap;
    }

    .UciFh {
      color:inherit;
      font-size:inherit;
      font-style:italic;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
      white-space:normal;
      letter-spacing:inherit;
    }

    .rich-text__item__em\:root {
      white-space:pre-wrap;
    }

    .benefit-card\:WT7kAa6ijRtuQi_VV9D92 {
      text-align:left;
    }

    .benefit-card\:augXIg1DLsVKZhc0HRbBV {
      color:var(--color);
      text-align:center;
    }

    .dnuIWz {
      display:flex;
      row-gap:var(--benefit-card--spacing-text);
      column-gap:var(--benefit-card--spacing-text);
    }

    .dEtXUT {
      color:var(--color);
      width:var(--benefit-card--size-icon);
      height:var(--benefit-card--size-icon);
    }

    .auto-grid--item\:root {
      row-gap:var(--auto-grid--item--row-gap);
      column-gap:var(--auto-grid--item--column-gap);
    }

    .block-heading\:root {
      display:flex;
      margin-top:var(--block-heading--margin-top);
      align-items:var(--alignment);
      justify-content:flex-start;
    }

    .block-heading\:root:first-child {
      margin-top:0px;
    }

    .block-heading\:DGSH4wnplq2zWay7jAQYL {
      max-width:var(--block-heading--max-width);
      text-align:var(--text-alignment);
      text-shadow:var(--text-shadow);
      transform-origin:left top;
    }

    .dWSTOh {
      display:flex;
      row-gap:var(--block-features--gap);
      column-gap:var(--block-features--gap);
      align-items:var(--alignment);
      justify-content:flex-start;
    }

    .bgNDUF {
      display:flex;
      row-gap:var(--block-features--spacing);
      column-gap:var(--block-features--spacing);
      flex-direction:row;
    }

    .dwbatv {
      color:var(--block-features--indicator-color);
      width:var(--block-features--indicator-size);
      height:var(--block-features--indicator-size);
      display:flex;
      align-items:flex-start;
      justify-content:center;
    }

    .dwbatv.inverted {
      color:var(--block-features--indicator-color-inverted);
    }

    .rltzo {
      flex:1;
    }

    .block-card__variant1\:root {
      flex:1;
    }

    .fwQFbG {
      width:100%;
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

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

    .EOofE {
      flex:1;
      width:100%;
      display:flex;
      row-gap:var(--card--spacing);
      background:var(--card--bg-color);
      box-shadow:var(--shadow-sm);
      column-gap:var(--card--spacing);
      padding-top:var(--card--padding);
      border-color:var(--card--border-color);
      border-style:solid;
      border-width:var(--card--border-width);
      padding-left:var(--card--padding);
      padding-right:var(--card--padding);
      padding-bottom:var(--card--padding);
      border-top-left-radius:var(--card--rounding);
      border-top-right-radius:var(--card--rounding);
      border-bottom-left-radius:var(--card--rounding);
      border-bottom-right-radius:var(--card--rounding);
    }

    .EOofE.inverted {
      background:var(--card--bg-color-inverted);
      border-color:var(--card--border-color-inverted);
    }

    .EOofE.highlighted {
      box-shadow:var(--card--shadow-horizontal) var(--card--shadow-vertical) var(--card--shadow-blur) var(--card--shadow-spread) var(--card--shadow-color_highlighted);
      border-color:var(--card--border-color_highlighted);
    }

    .EOofE.highlighted-inverted {
      background:var(--card--bg-color-inverted);
      box-shadow:var(--card--shadow-horizontal) var(--card--shadow-vertical) var(--card--shadow-blur) var(--card--shadow-spread) var(--card--shadow-color-inverted_highlighted);
      border-color:var(--card--border-color-inverted_highlighted);
    }

    .fgrPtp {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
      transition:background calc(var(--card--transition-duration-hover) * var(--transition-duration-base)) var(--card--transition-function);
      pointer-events:none;
      border-top-left-radius:var(--card--rounding);
      border-top-right-radius:var(--card--rounding);
      border-bottom-left-radius:var(--card--rounding);
      border-bottom-right-radius:var(--card--rounding);
    }

    .fgrPtp.hovered {
      background:var(--card--bg-color_hovered);
    }

    .fgrPtp.inverted-hovered {
      background:var(--card--bg-color-inverted_hovered);
    }

    .cJIQeu {
      top:0px;
      left:0px;
      right:0px;
      bottom:-4px;
      position:absolute;
      border-bottom-color:var(--card--border-color);
      border-bottom-style:solid;
      border-bottom-width:6px;
      border-top-left-radius:var(--card--rounding);
      border-top-right-radius:var(--card--rounding);
      border-bottom-left-radius:var(--card--rounding);
      border-bottom-right-radius:var(--card--rounding);
    }

    .cJIQeu.highlighted {
      border-color:var(--card--border-color_highlighted);
    }

    .block-rich-text\:root {
      display:flex;
      align-items:var(--alignment);
      justify-content:flex-start;
    }

    .block-rich-text\:U52gIgFZCBuQanTE3_NpN {
      max-width:var(--block-rich-text--max-width);
      text-align:var(--text-alignment);
    }

    .dlORma {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      cursor:pointer;
      position:absolute;
    }

    .dlORma:focus-visible {
      outline-color:var(--link-layer--outline-color);
      outline-style:solid;
      outline-width:var(--link-layer--outline-width);
      outline-offset:var(--link-layer--outline-offset);
    }

    .card--link-layer\:root {
      border-top-left-radius:var(--card--link-layer--rounding);
      border-top-right-radius:var(--card--link-layer--rounding);
      border-bottom-left-radius:var(--card--link-layer--rounding);
      border-bottom-right-radius:var(--card--link-layer--rounding);
    }

    .ezCgQp {
      color:var(--card--link-layer--color-indicator);
      width:var(--card--link-layer--size-icon);
      height:var(--card--link-layer--size-icon);
    }

    .ezCgQp.inverted {
      color:var(--card--link-layer--color-indicator-inverted);
    }

    .bnsXv {
      right:0px;
      width:var(--card--link-layer--size-indicator);
      bottom:0px;
      height:var(--card--link-layer--size-indicator);
      display:flex;
      position:absolute;
      clip-path:polygon(100% 0%, 100% 100%, 0% 100%);
      background:var(--card--link-layer--bg-color-indicator);
      align-items:flex-end;
      padding-top:var(--card--link-layer--padding-indicator);
      padding-left:var(--card--link-layer--padding-indicator);
      padding-right:var(--card--link-layer--padding-indicator);
      padding-bottom:var(--card--link-layer--padding-indicator);
      justify-content:flex-end;
      border-bottom-right-radius:var(--card--rounding);
    }

    .bnsXv.inverted {
      background:var(--card--link-layer--bg-color-indicator-inverted);
    }

    .bnsXv.hovered {
      background:var(--card--link-layer--bg-color-indicator_hovered);
    }

    .bnsXv.inverted-hovered {
      background:var(--card--link-layer--bg-color-indicator-inverted_hovered);
    }

    .flWysj {
      width:100%;
      display:flex;
      row-gap:var(--card--footer--button-group--spacing);
      flex-wrap:wrap-reverse;
      column-gap:var(--card--footer--button-group--spacing);
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .cAVzAU {
      width:fit-content;
      cursor:pointer;
      height:var(--button--height);
      row-gap:var(--link-button--spacing);
      font-size:var(--link-button--font-size);
      column-gap:var(--link-button--spacing);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background var(--link-button--transition-duration) var(--link-button--transition-function), scale var(--link-button--transition-duration) var(--link-button--transition-function);
      align-items:center;
      font-family:var(--link-button--font-family);
      font-weight:var(--link-button--font-weight);
      user-select:none;
      padding-left:var(--link-button--padding);
      padding-right:var(--link-button--padding);
      flex-direction:row;
      text-transform:var(--link-button--text-transform);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:var(--link-button--rounding);
      border-top-right-radius:var(--link-button--rounding);
      border-bottom-left-radius:var(--link-button--rounding);
      border-bottom-right-radius:var(--link-button--rounding);
    }

    .cAVzAU:hover {
      scale:var(--link-button--scale_hovered) var(--link-button--scale_hovered) 1;
      z-index:1;
    }

    .cAVzAU:active {
      transition:background var(--link-button--transition-duration_active) var(--link-button--transition-function);
    }

    .cAVzAU:focus-visible {
      z-index:1;
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:var(--link-button--outline-width);
      outline-offset:var(--link-button--outline-offset);
    }

    .bbaciA {
      color:inherit;
      width:var(--size);
      height:var(--size);
      display:flex;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      justify-content:center;
    }

    .bbaciA:first-child {
      margin-left:var(--link-button--icon--correction-offset);
    }

    .bbaciA:last-child {
      margin-right:var(--link-button--icon--correction-offset);
    }

    .link-button-primary\:root {
      color:var(--color);
      background:var(--bg-color);
    }

    .link-button-primary\:root:hover {
      background:var(--bg-color_hovered);
    }

    .link-button-primary\:root:active {
      background:var(--bg-color_active);
    }

    .card--footer--button-group__button\:-WYbiUJX8MUGWYuCAK4dU {
      width:100%;
      height:var(--card--footer--button-group__button--height);
      border-top-left-radius:var(--card--footer--button-group__button--rounding);
      border-top-right-radius:var(--card--footer--button-group__button--rounding);
      border-bottom-left-radius:var(--card--footer--button-group__button--rounding);
      border-bottom-right-radius:var(--card--footer--button-group__button--rounding);
    }

    .card--footer--button-group__button\:-WYbiUJX8MUGWYuCAK4dU:hover {
      scale:1 1 1;
    }

    .eUpgTh {
      width:fit-content;
      cursor:pointer;
      height:var(--button--height);
      row-gap:var(--button--spacing);
      font-size:var(--button--font-size);
      column-gap:var(--button--spacing);
      overflow-x:clip;
      overflow-y:clip;
      transition:scale var(--button--transition-duration) var(--button--transition-function) 0ms normal, background var(--button--transition-duration) var(--button--transition-function) 0ms normal;
      align-items:center;
      font-family:var(--button--font-family);
      font-weight:var(--button--font-weight);
      user-select:none;
      padding-left:var(--button--padding);
      padding-right:var(--button--padding);
      flex-direction:row;
      text-transform:var(--button--text-transform);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:var(--button--rounding);
      border-top-right-radius:var(--button--rounding);
      border-bottom-left-radius:var(--button--rounding);
      border-bottom-right-radius:var(--button--rounding);
    }

    .eUpgTh.enabled:hover {
      scale:var(--button--scale_hovered) var(--button--scale_hovered) 1;
      z-index:1;
    }

    .eUpgTh.enabled:active {
      scale:var(--button--scale_active) var(--button--scale_active) 1;
      transition:scale var(--button--transition-duration_active) var(--button--transition-function);
    }

    .eUpgTh.disabled {
      opacity:var(--button--opacity_disabled);
    }

    .eUpgTh:focus-visible {
      z-index:1;
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:var(--button--outline-width);
      outline-offset:var(--button--outline-offset);
    }

    .eUpgTh.square {
      width:fit-content;
      display:flex;
      align-items:center;
      padding-top:0px;
      aspect-ratio:1/1;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      justify-content:center;
    }

    .ZviHv {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      position:absolute;
      background:var(--ext--button--loader--bg-color);
      align-items:center;
      justify-content:center;
    }

    .etFUCx {
      width:var(--ext--loader--size);
      height:var(--ext--loader--size);
    }

    .drXPQj {
      width:100%;
      height:100%;
      position:absolute;
      border-color:#ffffff00;
      border-style:solid;
      border-top-color:var(--ext--loader--color);
      border-top-style:solid;
      border-top-width:var(--ext--loader--stroke-width);
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .drXPQj.spinning {
      animation:var(--loader--animation-duration) linear 0ms infinite normal none running animation-fdlyLB;
    }

    @keyframes animation-fdlyLB {
        100% {
          rotate: 1turn;
        }
    }

    .cnuxns {
      width:100%;
      height:100%;
      opacity:var(--loader--track-opacity);
      position:absolute;
      border-color:var(--ext--loader--color);
      border-style:solid;
      border-width:var(--ext--loader--stroke-width);
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .button-primary\:root {
      color:var(--color);
      background:var(--bg-color);
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .button-primary\:root.enabled:hover {
      background:var(--bg-color_hovered);
    }

    .button-primary\:root.enabled:active {
      background:var(--bg-color_active);
    }

    .button-primary\:root.open {
      background:var(--bg-color_open);
    }

    .card--footer--button-group__button\:AJFjyT8jEA3TjfqM58FTM {
      width:100%;
      height:var(--card--footer--button-group__button--height);
      border-top-left-radius:var(--card--footer--button-group__button--rounding);
      border-top-right-radius:var(--card--footer--button-group__button--rounding);
      border-bottom-left-radius:var(--card--footer--button-group__button--rounding);
      border-bottom-right-radius:var(--card--footer--button-group__button--rounding);
    }

    .card--footer--button-group__button\:AJFjyT8jEA3TjfqM58FTM.enabled:hover {
      scale:1 1 1;
    }

    .link-button-secondary\:root {
      color:var(--color);
      background:var(--bg-color);
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--link-button-secondary--border-width);
    }

    .link-button-secondary\:root:hover {
      background:var(--bg-color_hovered);
      border-color:var(--border-color_hovered);
      border-style:solid;
      border-width:var(--link-button-secondary--border-width);
    }

    .link-button-secondary\:root:active {
      background:var(--bg-color_active);
    }

    .card--footer--button-group__button\:AWxrd-59axle_yRXTXZlZ {
      width:100%;
      height:var(--card--footer--button-group__button--height);
      border-top-left-radius:var(--card--footer--button-group__button--rounding);
      border-top-right-radius:var(--card--footer--button-group__button--rounding);
      border-bottom-left-radius:var(--card--footer--button-group__button--rounding);
      border-bottom-right-radius:var(--card--footer--button-group__button--rounding);
    }

    .card--footer--button-group__button\:AWxrd-59axle_yRXTXZlZ:hover {
      scale:1 1 1;
    }

    .button-secondary\:root {
      color:var(--color);
      background:var(--bg-color);
      overflow-x:hidden;
      overflow-y:hidden;
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--button-secondary--border-width);
    }

    .button-secondary\:root.enabled:hover {
      background:var(--bg-color_hovered);
      border-color:var(--border-color_hovered);
      border-style:solid;
      border-width:var(--button-secondary--border-width);
    }

    .button-secondary\:root.enabled:active {
      background:var(--bg-color_active);
    }

    .button-secondary\:root.open {
      background:var(--bg-color_open);
    }

    .card--footer--button-group__button\:QWVfQOfXgdOy64KS82Ybf {
      width:100%;
      height:var(--card--footer--button-group__button--height);
      border-top-left-radius:var(--card--footer--button-group__button--rounding);
      border-top-right-radius:var(--card--footer--button-group__button--rounding);
      border-bottom-left-radius:var(--card--footer--button-group__button--rounding);
      border-bottom-right-radius:var(--card--footer--button-group__button--rounding);
    }

    .card--footer--button-group__button\:QWVfQOfXgdOy64KS82Ybf.enabled:hover {
      scale:1 1 1;
    }

    .fCxWeY {
      width:fit-content;
      background:var(--block-icon--bg-color);
      padding-top:var(--block-icon--padding);
      border-color:var(--block-icon--border-color);
      border-style:solid;
      border-width:var(--block-icon--border-width);
      padding-left:var(--block-icon--padding);
      padding-right:var(--block-icon--padding);
      padding-bottom:var(--block-icon--padding);
      border-top-left-radius:var(--block-icon--rounding);
      border-top-right-radius:var(--block-icon--rounding);
      border-bottom-left-radius:var(--block-icon--rounding);
      border-bottom-right-radius:var(--block-icon--rounding);
    }

    .fCxWeY.inverted {
      background:var(--block-icon--bg-color-inverted);
      border-color:var(--block-icon--border-color-inverted);
    }

    .bVwiBB {
      color:var(--block-icon--color);
      width:var(--block-icon--size);
      height:var(--block-icon--size);
    }

    .bVwiBB.inverted {
      color:var(--block-icon--color-inverted);
    }

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

    .dusSzF {
      flex:1;
      width:100%;
      display:flex;
      row-gap:var(--card--body--spacing);
      column-gap:var(--card--body--spacing);
    }

    .block-card__variant1\:wH5k5sM2uHPFpLZ5aB8du {
      padding-bottom:var(--padding-bottom);
    }

    .block-card__variant2\:root {
      flex:1;
    }

    .block-card__variant2\:r61ufqhKfSeQBD22XHQp7 {
      padding-bottom:var(--padding-bottom);
    }

    .block-button-group\:root {
      display:flex;
      row-gap:var(--block-button-group--column-gap);
      flex-wrap:wrap-reverse;
      column-gap:var(--block-button-group--column-gap);
      margin-top:var(--block-button-group--margin-top);
      align-items:flex-start;
      flex-direction:row;
      justify-content:var(--alignment);
    }

    .ejcSiO {
      display:flex;
      align-items:var(--alignment);
      justify-content:flex-start;
    }

    .cSAzpW {
      color:var(--tagline--color);
      width:fit-content;
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:var(--tagline--padding-vertical);
      border-color:var(--tagline--border-color);
      border-style:solid;
      border-width:var(--tagline--border-width);
      padding-left:var(--tagline--padding-horizontal);
      padding-right:var(--tagline--padding-horizontal);
      padding-bottom:var(--tagline--padding-vertical);
      border-top-left-radius:var(--tagline--rounding);
      border-top-right-radius:var(--tagline--rounding);
      border-bottom-left-radius:var(--tagline--rounding);
      border-bottom-right-radius:var(--tagline--rounding);
    }

    .cSAzpW.inverted {
      color:var(--tagline--color-inverted);
      border-color:var(--tagline--border-color-inverted);
    }

    .tagline\:md_-hm-TCieQoKpF3vE-b:hover {
      background:var(--tagline--link-layer_hovered);
    }

    .tagline\:xFKHPIJzVw0eLHC8_Ekva {
      color:inherit;
      font-weight:var(--tagline--font-weight);
      letter-spacing:var(--tagline--letter-spacing);
      text-transform:uppercase;
    }

    .block-theme\:9XujybYwmFQdNlJpTsLgA {
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .btHARV {
      scale:1 1 1;
      width:100%;
      display:flex;
      row-gap:var(--theme-card--spacing);
      clip-path:var(--theme-card--clip-path);
      translate:0 0 0;
      background:var(--theme-card--bg-color);
      column-gap:var(--theme-card--spacing);
      transition:scale var(--theme-card--transition-duration) var(--theme-card--transition-function), translate var(--theme-card--transition-duration) var(--theme-card--transition-function), clip-path var(--theme-card--transition-duration) var(--theme-card--transition-function);
      padding-top:var(--theme-card--padding);
      border-color:var(--theme-card--border-color);
      border-style:solid;
      border-width:var(--theme-card--border-width);
      padding-left:var(--theme-card--padding);
      padding-right:var(--theme-card--padding);
      padding-bottom:var(--theme-card--padding);
      border-top-left-radius:var(--theme-card--rounding);
      border-top-right-radius:var(--theme-card--rounding);
      border-bottom-left-radius:var(--theme-card--rounding);
      border-bottom-right-radius:var(--theme-card--rounding);
    }

    .btHARV.hovered {
      scale:var(--theme-card--scale_hovered) var(--theme-card--scale_hovered) 1;
      z-index:1;
      clip-path:polygon(0 0, 100% 0, 100% 0, 100% 100%, 0 100%);
      translate:0px var(--theme-card--translate-y_hovered) 0;
    }

    .ibTMl {
      clip-path:var(--theme-card--clip-path-image);
      transition:clip-path var(--theme-card--transition-duration) var(--theme-card--transition-function);
      border-color:var(--theme-card--border-color-image);
      border-style:solid;
      border-width:var(--theme-card--border-width-image);
    }

    .ibTMl.hovered {
      clip-path:polygon(0 0, 100% 0, 100% 0, 100% 100%, 0 100%);
    }

    .theme-card\:9smqQPR2FUNBVlMOJ30-c {
      border-top-left-radius:var(--theme-card--rounding-image);
      border-top-right-radius:var(--theme-card--rounding-image);
      border-bottom-left-radius:var(--theme-card--rounding-image);
      border-bottom-right-radius:var(--theme-card--rounding-image);
    }

    .kWcLi {
      color:var(--brand-3);
    }

    .theme-card\:C8ws6JIET3C8kLo-QaeJY {
      width:100%;
      height:100%;
    }

    .zHyct {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:absolute;
      animation:3.5s ease 2000ms infinite normal none running animation-MzvHh;
      outline-color:var(--attention-marker--bg-color);
      outline-style:solid;
      outline-width:4px;
      outline-offset:2px;
      border-top-left-radius:var(--theme-card--rounding-button);
      border-top-right-radius:var(--theme-card--rounding-button);
      border-bottom-left-radius:var(--theme-card--rounding-button);
      border-bottom-right-radius:var(--theme-card--rounding-button);
    }

    @keyframes animation-MzvHh {
        0% {
          undefined: ;
        }

        0% {
          opacity: 0;
        }

        30% {
          opacity: 1;
        }

        39.99999999999999% {
          opacity: 1;
        }

        70% {
          opacity: 0;
        }
    }

    .theme-card\:Jl52KFd7ZJrT9dExED3Bw {
      width:100%;
      overflow-x:visible;
      overflow-y:visible;
      border-top-left-radius:var(--theme-card--rounding-button);
      border-top-right-radius:var(--theme-card--rounding-button);
      border-bottom-left-radius:var(--theme-card--rounding-button);
      border-bottom-right-radius:var(--theme-card--rounding-button);
    }

    .theme-card\:Jl52KFd7ZJrT9dExED3Bw.enabled:hover {
      scale:1 1 1;
    }

    .theme-card\:Jl52KFd7ZJrT9dExED3Bw.enabled:active {
      scale:1 1 1;
    }

    .theme-card\:Jl52KFd7ZJrT9dExED3Bw.disabled {
      cursor:auto;
    }

    .vuMo {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      opacity:1;
      position:absolute;
      background:var(--theme-card--image-overlay);
      transition:opacity var(--theme-card--transition-duration) var(--theme-card--transition-function);
      align-items:flex-end;
      padding-top:var(--theme-card--padding);
      padding-left:var(--theme-card--padding);
      padding-right:var(--theme-card--padding);
      padding-bottom:var(--theme-card--padding);
      justify-content:flex-end;
      border-top-left-radius:var(--theme-card--rounding-image);
      border-top-right-radius:var(--theme-card--rounding-image);
      border-bottom-left-radius:var(--theme-card--rounding-image);
      border-bottom-right-radius:var(--theme-card--rounding-image);
    }

    .vuMo.highlighted {
      opacity:0;
    }

    .theme-card\:gTVOdGoQfiA4RWJL6FX8V {
      color:var(--theme-card--color-heading);
    }

    .Gjybf {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
    }

    .fvQmDv {
      display:flex;
      row-gap:var(--theme-card--spacing-text);
      column-gap:var(--theme-card--spacing-text);
    }

    .block-faq\:0Gioc86ywgBSCc3BvuIbG {
      row-gap:16px;
      column-gap:16px;
    }

    .bJoCor.orientation-horizontal {
      flex-direction:row;
    }

    .block-faq\:Q16gEE5159_7J6eTsHXB_ {
      width:100%;
    }

    .csEoeB {
      height:0px;
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .csEoeB.open {
      height:var(--height);
    }

    .accordion--item\:ITT3MyddI5ofBD_ye_-Di {
      opacity:0;
      transition:height var(--accordion--item--content-wrapper-transition-duration) var(--accordion--item--content-wrapper-transition-function) 0ms normal, opacity var(--accordion--item--content-wrapper-transition-duration) var(--accordion--item--content-wrapper-transition-function) 0ms normal;
    }

    .accordion--item\:ITT3MyddI5ofBD_ye_-Di.open {
      opacity:1;
    }

    .accordion--item--content\:root {
      padding-top:8px;
      padding-bottom:16px;
    }

    .bkxSEH {
      background:var(--bg-color);
      padding-top:var(--accordion--item--content--padding);
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--accordion--item--content--border-width);
      padding-left:var(--accordion--item--content--padding);
      padding-right:var(--accordion--item--content--padding);
      padding-bottom:var(--accordion--item--content--padding);
      border-top-left-radius:var(--accordion--item--content--rounding);
      border-top-right-radius:var(--accordion--item--content--rounding);
      border-bottom-left-radius:var(--accordion--item--content--rounding);
      border-bottom-right-radius:var(--accordion--item--content--rounding);
    }

    .accordion--item--trigger\:root {
      color:var(--color);
      width:100%;
      height:auto;
      background:var(--bg-color);
      padding-top:var(--accordion--item--trigger--padding);
      padding-bottom:var(--accordion--item--trigger--padding);
      text-transform:var(--accordion--item--trigger--text-transform);
      border-top-left-radius:var(--accordion--item--trigger--rounding);
      border-top-right-radius:var(--accordion--item--trigger--rounding);
      border-bottom-left-radius:var(--accordion--item--trigger--rounding);
      border-bottom-right-radius:var(--accordion--item--trigger--rounding);
    }

    .accordion--item--trigger\:root.enabled:hover {
      scale:1 1 1;
      background:var(--bg-color_hovered);
    }

    .erfHMA {
      flex:1;
      text-align:left;
    }

    .BEodR {
      width:fit-content;
      height:fit-content;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .accordion--item--trigger\:xoxrKSbEmP55yoCQS6Ae3 {
      transition:rotate var(--accordion--item--trigger--transition-duration-icon) var(--accordion--item--trigger--transition-function-icon);
    }

    .accordion--item--trigger\:xoxrKSbEmP55yoCQS6Ae3.open {
      rotate:0 0 1 180deg;
    }

    .dxtQUi {
      flex:1;
      display:flex;
      row-gap:var(--testimonial--spacing);
      background:linear-gradient(to bottom right, var(--testimonial--bg-color) 0%, var(--testimonial--bg-color-2) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      column-gap:var(--testimonial--spacing);
      align-items:flex-start;
      padding-top:var(--testimonial--padding);
      border-color:var(--testimonial--border-color);
      border-style:solid;
      border-width:var(--testimonial--border-width);
      padding-left:var(--testimonial--padding);
      padding-right:var(--testimonial--padding);
      padding-bottom:var(--testimonial--padding);
      justify-content:space-between;
      border-top-left-radius:var(--testimonial--rounding);
      border-top-right-radius:var(--testimonial--rounding);
      border-bottom-left-radius:var(--testimonial--rounding);
      border-bottom-right-radius:var(--testimonial--rounding);
    }

    .dxtQUi.inverted {
      background:linear-gradient(to bottom right, var(--testimonial--bg-color-inverted) 50%, var(--testimonial--bg-color-inverted-2) 100%) scroll border-box padding-box repeat repeat 0% 0% / auto;
      border-color:var(--testimonial--border-color-inverted);
    }

    .dxtQUi.highlighted {
      border-color:var(--testimonial--border-color_highlighted);
    }

    .dxtQUi.highlighted-inverted {
      border-color:var(--testimonial--border-color-inverted_highlighted);
    }

    .dbyhPg {
      color:transparent;
      width:100%;
      height:100%;
    }

    .cSURkL {
      top:0px;
      left:0px;
      color:var(--color);
      right:0px;
      bottom:0px;
      position:absolute;
      background:var(--bg-color);
      padding-top:var(--testimonial--padding-user);
      padding-left:var(--testimonial--padding-user);
      padding-right:var(--testimonial--padding-user);
      padding-bottom:var(--testimonial--padding-user);
    }

    .testimonial\:4JmkVto2NR1sVHXsivmGK {
      width:fit-content;
      font-family:var(--testimonial--font-family-link);
    }

    .hydLH {
      flex:1;
      display:flex;
    }

    .testimonial\:BY3ij4Is8Q2FnFmCm44yI {
      width:100%;
      height:100%;
    }

    .btNNRA {
      width:var(--testimonial--size-avatar);
      height:var(--testimonial--size-avatar);
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:var(--testimonial--rounding-avatar);
      border-top-right-radius:var(--testimonial--rounding-avatar);
      border-bottom-left-radius:var(--testimonial--rounding-avatar);
      border-bottom-right-radius:var(--testimonial--rounding-avatar);
    }

    .fiSWvI {
      display:flex;
      row-gap:var(--testimonial--spacing-avatar);
      column-gap:var(--testimonial--spacing-avatar);
      flex-direction:row;
    }

    .testimonial\:RokjJ8kLVhEnJHq7VwIrp {
      font-style:var(--italic);
    }

    .testimonial\:dw4iag9vtpiADHDatva5m {
      color:var(--testimonial--color-secondary);
    }

    .testimonial\:dw4iag9vtpiADHDatva5m.inverted {
      color:var(--testimonial--color-secondary-inverted);
    }

    .eiNjUo {
      flex:1;
      align-items:flex-start;
      justify-content:var(--justify-content);
    }

    .fFrlKo {
      top:0px;
      left:0px;
      right:0px;
      bottom:-4px;
      position:absolute;
      border-bottom-color:var(--testimonial--border-color);
      border-bottom-style:solid;
      border-bottom-width:6px;
      border-top-left-radius:var(--testimonial--rounding);
      border-top-right-radius:var(--testimonial--rounding);
      border-bottom-left-radius:var(--testimonial--rounding);
      border-bottom-right-radius:var(--testimonial--rounding);
    }

    .fFrlKo.inverted {
      border-color:var(--testimonial--border-color-inverted);
    }

    .fFrlKo.highlighted {
      border-color:var(--testimonial--border-color_highlighted);
    }

    .fFrlKo.highlighted-inverted {
      border-color:var(--testimonial--border-color-inverted_highlighted);
    }

    .WkaPD {
      top:50%;
      left:50%;
      right:0px;
      bottom:0px;
      display:flex;
      position:absolute;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:flex-end;
      justify-content:center;
    }

    .rNMHN {
      width:var(--testimonial--width-line);
      height:200%;
      rotate:0 0 1 38deg;
      background:var(--testimonial--bg-color-line);
    }

    .rNMHN.inverted {
      background:var(--testimonial--bg-color-line-inverted);
    }

    .block-step\:oeTRBmRKZK8AOqeDJ5ni- {
      color:inherit;
    }

    .bRNicO {
      color:var(--neutral-0);
      width:var(--block-step--number-size);
      height:var(--block-step--number-size);
      display:flex;
      background:var(--neutral-12);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .ebLSQh {
      grid-column:3;
    }

    .ebLSQh.full {
      grid-column:1 / -1;
    }

    .ebLSQh.wide {
      grid-column:2 / 5;
    }

    .section--layout\:root {
      width:100%;
      display:flex;
      row-gap:var(--section--layout--row-gap);
      column-gap:var(--section--layout--column-gap);
      flex-direction:row;
    }

    @media (max-width: 52rem) {

    .section--layout\:root {
      flex-direction:var(--flex-direction);
    }
    }

    .bPaXvy {
      flex:var(--flex);
    }

    .block-form\:IsQkF57IXgVBryyn8IfLJ {
      display:flex;
      row-gap:var(--block-form--gap);
      column-gap:var(--block-form--gap);
    }

    .eJbmhG {
      display:flex;
      row-gap:var(--form--footer--spacing);
      flex-wrap:wrap-reverse;
      column-gap:var(--form--footer--spacing);
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .field-captcha\:root {
      width:0px;
      height:0px;
      opacity:0;
      position:absolute;
    }

    .form\:root {
      row-gap:var(--form--spacing);
      column-gap:var(--form--spacing);
    }

    .field\:root {
      width:100%;
    }

    .eKbTQZ {
      row-gap:var(--field--hints--spacing);
      column-gap:var(--field--hints--spacing);
      margin-top:var(--field--hints--margin-top);
    }

    .eKbTQZ:empty {
      display:none;
    }

    .field__hints__error-message\:root {
      color:var(--color);
      width:100%;
      font-size:var(--field--hints--error-message--font-size);
      font-family:var(--field--hints--error-message--font-family);
      font-weight:var(--field--hints--error-message--font-weight);
      line-height:var(--field--hints--error-message--line-height);
    }

    .fGqdaq:focus-visible {
      outline-color:#000000;
      outline-style:none;
      outline-width:0px;
    }

    .fGqdaq:focus {
      outline-color:#000000;
      outline-style:none;
      outline-width:0px;
    }

    .field--container--input\:root {
      flex:1;
      color:var(--color);
      height:100%;
      font-size:var(--field--container--input--font-size);
      min-width:0px;
      font-family:var(--field--container--input--font-family);
      font-weight:var(--field--container--input--font-weight);
      line-height:1;
      padding-left:var(--field--container--input--padding);
      padding-right:var(--field--container--input--padding);
    }

    .dcALWZ {
      width:100%;
      height:var(--field--container--height);
      display:flex;
      row-gap:var(--field--container--spacing);
      background:var(--bg-color);
      column-gap:var(--field--container--spacing);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color var(--field--container--transition-duration) var(--field--container--transition-function), color var(--field--container--transition-duration) var(--field--container--transition-function);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--field--container--rounding);
      border-top-right-radius:var(--field--container--rounding);
      border-bottom-left-radius:var(--field--container--rounding);
      border-bottom-right-radius:var(--field--container--rounding);
    }

    .dcALWZ.hovered {
      background:var(--bg-color_hovered);
      outline-color:var(--outline-color_hovered);
      outline-style:solid;
      outline-width:var(--field--container--outline-width_hovered);
    }

    .dcALWZ.focused {
      background:var(--bg-color_focused);
      outline-color:var(--outline-color_focused);
      outline-style:solid;
      outline-width:var(--field--container--outline-width_focused);
    }

    .dcALWZ.error {
      outline-color:var(--outline-color-error);
      outline-style:solid;
      outline-width:var(--field--container--outline-width_focused);
    }

    .field\:b5--HHGx34zoXaFYr21JP {
      width:100%;
      padding-left:var(--field--padding);
      flex-direction:row;
    }

    .DyohP {
      color:var(--field--container--icon--color);
      width:var(--field--container--icon--size);
      height:var(--field--container--icon--size);
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .DyohP.inverted {
      color:var(--field--container--icon--color-inverted);
    }

    .DyohP:first-child {
      margin-left:var(--field--container--icon--margin);
    }

    .DyohP:last-child {
      margin-right:var(--field--container--icon--margin);
    }

    .DyohP:empty {
      display:none;
    }

    .field--hints-message\:root {
      color:var(--color);
      width:100%;
      font-size:var(--field--hints--message--font-size);
      font-family:var(--field--hints--message--font-family);
      font-weight:var(--field--hints--message--font-weight);
      line-height:var(--field--hints--message--line-height);
    }

    .field--label\:0DGWCzpw-WUgyamHBsb1i {
      color:var(--color-optional);
    }

    .fDHoQh {
      width:1px;
      height:1px;
      display:flex;
      opacity:0;
      overflow:hidden;
      position:absolute;
      clip-path:inset(0);
      word-wrap:normal;
      margin-top:-1px;
      margin-left:-1px;
      padding-top:0px;
      white-space:nowrap;
      border-color:transparent;
      border-style:none;
      border-width:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:column;
      padding-bottom:0px;
    }

    .field--label\:6yv8Ai7mksLGjx89ReZWS {
      color:var(--color);
      row-gap:var(--field--label--spacing);
      font-size:var(--field--label--font-size);
      column-gap:var(--field--label--spacing);
      transition:color var(--field--label--transition-duration) var(--field--label--transition-function);
      font-family:var(--field--label--font-family);
      font-weight:var(--field--label--font-weight);
      line-height:1.2;
      flex-direction:row;
      padding-bottom:var(--field--label--padding-bottom);
    }

    .field--label\:6yv8Ai7mksLGjx89ReZWS.focused {
      color:var(--color_focused);
    }

    .field--label\:6yv8Ai7mksLGjx89ReZWS.error {
      color:var(--color-critical);
    }

    .field--label\:E4B0evU0wnlh-KyN4jwWc {
      width:1ch;
    }

    .field--label\:sfXNvYhtRFbpKpUCAGIR9 {
      color:var(--field--label--color);
      font-size:var(--field--label--font-size);
      transition:color var(--field--label--transition-duration) var(--field--label--transition-function);
      font-family:var(--field--label--font-family);
      font-weight:var(--field--label--font-weight);
      line-height:1;
    }

    .field--label\:sfXNvYhtRFbpKpUCAGIR9.focused {
      color:var(--field--label--color_focused);
    }

    .field--label\:sfXNvYhtRFbpKpUCAGIR9.error {
      color:var(--field--label--color-critical);
    }

    .dYElHa {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .dYElHa.modal {
      pointer-events:all;
    }

    .dqsoTv {
      width:fit-content;
      height:fit-content;
    }

    .cVMNhr {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:absolute;
      pointer-events:none;
    }

    .select\:aa1b_GVnmnbAOloW4Oz9g {
      width:100%;
    }

    .sheet\:2wx7CS1p6xfTcFpafo58_ {
      display:flex;
      align-items:center;
      padding-top:var(--sheet--portal-padding);
      justify-content:flex-end;
    }

    .sheet\:vCDjt2jrISnaFwNkVedws {
      opacity:0;
      background:var(--sheet--backdrop-bg-color);
    }

    .sheet\:vCDjt2jrISnaFwNkVedws.open {
      opacity:1;
    }

    .sheet\:vCDjt2jrISnaFwNkVedws.open-transition {
      transition:opacity var(--sheet--backdrop-transition-duration_open) var(--sheet--backdrop-transition-function_open);
    }

    .sheet\:vCDjt2jrISnaFwNkVedws.close-transition {
      transition:opacity var(--sheet--backdrop-transition-duration_closed) var(--sheet--backdrop-transition-function_closed);
    }

    .select--content--item\:root {
      color:var(--select--content--item--color);
      cursor:default;
      height:var(--select--content--item--height);
      display:flex;
      row-gap:var(--select--content--item--spacing);
      font-size:var(--font-size-md);
      column-gap:var(--select--content--item--spacing);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      font-family:var(--font-family-sans);
      font-weight:var(--font-weight-regular);
      padding-left:var(--select--content--item--padding);
      padding-right:var(--select--content--item--padding);
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--select--content--item--rounding);
      border-top-right-radius:var(--select--content--item--rounding);
      border-bottom-left-radius:var(--select--content--item--rounding);
      border-bottom-right-radius:var(--select--content--item--rounding);
    }

    .select--content--item\:root.checked {
      background:var(--select--content--item--bg-color_checked);
    }

    .select--content--item\:root:focus {
      background:var(--select--content--item--bg-color_focused);
      outline-color:var(--select--content--item--outline-color);
      outline-style:none;
      outline-width:var(--select--content--item--outline-width);
      outline-offset:var(--select--content--item--outline-offset);
    }

    .btfXpI {
      height:var(--line-height-md);
      display:flex;
      align-items:flex-start;
      justify-content:center;
    }

    .btfXpI:empty {
      display:none;
    }

    .eyVPLS {
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .select--content--item\:Z8PtfLqgfPL_2wSZS1X7H {
      flex:1;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .select--content--item\:szFCYzZlBOlYBDzXwPsql {
      width:var(--line-height-md);
      height:var(--line-height-md);
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .trJKL {
      width:100%;
      display:flex;
      padding-left:var(--dialog--content--header--padding);
      padding-right:var(--dialog--content--header--padding);
      padding-bottom:var(--dialog--content--header--padding);
    }

    .trJKL:empty {
      display:none;
    }

    .button-tertiary\:root {
      color:var(--color);
      background:var(--bg-color);
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .button-tertiary\:root.enabled:hover {
      background:var(--bg-color_hovered);
    }

    .button-tertiary\:root.enabled:active {
      background:var(--bg-color_active);
    }

    .button-tertiary\:root.open {
      background:var(--bg-color_open);
    }

    .sheet--content--header__button\:root {
      width:var(--sheet--content--header--button--size);
      height:var(--sheet--content--header--button--size);
      background:var(--sheet--content--header--button--bg-color);
    }

    .sheet--content--header__button\:root.hovered {
      background:var(--sheet--content--header--button--bg-color_hovered);
    }

    .sheet--content--header__button\:root.pressed {
      width:var(--sheet--content--header--button--size);
      height:var(--sheet--content--header--button--size);
      background:var(--sheet--content--header--button--bg-color_active);
    }

    .dJWOiK {
      width:100%;
      display:flex;
      row-gap:var(--dialog--content--header--spacing);
      column-gap:var(--dialog--content--header--spacing);
      align-items:center;
      padding-top:var(--dialog--content--header--padding);
      padding-left:var(--dialog--content--header--padding);
      padding-right:var(--dialog--content--header--padding);
      flex-direction:row;
      padding-bottom:var(--dialog--content--header--padding);
      justify-content:flex-start;
    }

    .SWxlP {
      position:relative;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
    }

    .SWxlP:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .sheet--content\:root {
      width:100%;
      opacity:var(--sheet--content--opacity_closed);
      max-width:var(--sheet--content--max-width);
      translate:0 var(--sheet--content--translate-y_closed) 0;
      background:var(--sheet--content--bg-color);
      box-shadow:var(--shadow-md);
      max-height:100%;
      padding-top:0rem;
      border-color:var(--sheet--content--border-color);
      border-style:solid;
      border-width:var(--sheet--content--border-width);
      padding-left:0rem;
      padding-right:0rem;
      padding-bottom:0rem;
      border-bottom-style:solid;
      border-bottom-width:0px;
      border-top-left-radius:var(--sheet--content--rounding);
      border-top-right-radius:var(--sheet--content--rounding);
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }

    .sheet--content\:root.open {
      opacity:var(--sheet--content--opacity_open);
      translate:0 var(--sheet--content--translate-y_open) 0;
    }

    .sheet--content\:root.open-transition {
      transition:opacity var(--sheet--content--transition-duration_open) var(--sheet--content--transition-function_open), translate var(--sheet--content--transition-duration_open) var(--sheet--content--transition-function_open);
    }

    .sheet--content\:root.close-transition {
      transition:opacity var(--sheet--content--transition-duration_closed) var(--sheet--content--transition-function_closed), translate var(--sheet--content--transition-duration_closed) var(--sheet--content--transition-function_closed);
    }

    .sheet--content--header--title\:root {
      flex:1;
      color:var(--sheet--content--header--title--color);
      font-size:var(--sheet--content--header--title--font-size);
      font-family:var(--sheet--content--header--title--font-family);
      font-weight:var(--sheet--content--header--title--font-weight);
      line-height:var(--sheet--content--header--title--line-height);
    }

    .fBoBnI {
      top:var(--top);
      left:var(--left);
      position:absolute;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
      transform-origin:var(--transform-origin-x) var(--transform-origin-y);
    }

    .fBoBnI:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .fBoBnI.hidden {
      visibility:hidden;
      pointer-events:none;
    }

    .fBoBnI.match-anchor-width {
      width:var(--zcore-anchor-width);
    }

    .select--content\:iITaJIJ2F2wKoCoCpBFVd {
      scale:var(--select--content--scale_closed) var(--select--content--scale_closed) 1;
      height:fit-content;
      opacity:var(--select--content--opacity_closed);
      row-gap:var(--select--content--spacing);
      background:var(--select--content--bg-color);
      box-shadow:var(--shadow-md);
      column-gap:var(--select--content--spacing);
      padding-top:var(--select--content--padding);
      border-color:var(--select--content--border-color);
      border-style:solid;
      border-width:var(--select--content--border-width);
      padding-left:var(--select--content--padding);
      padding-right:var(--select--content--padding);
      padding-bottom:var(--select--content--padding);
      transform-origin:center top;
      border-top-left-radius:var(--select--content--rounding);
      border-top-right-radius:var(--select--content--rounding);
      border-bottom-left-radius:var(--select--content--rounding);
      border-bottom-right-radius:var(--select--content--rounding);
    }

    .select--content\:iITaJIJ2F2wKoCoCpBFVd.bottom-in {
      opacity:0;
      translate:0 calc(-1 * var(--select--content--translate-y_closed)) 0;
    }

    .select--content\:iITaJIJ2F2wKoCoCpBFVd.top-in {
      translate:0 var(--select--content--translate-y_closed) 0;
    }

    .select--content\:iITaJIJ2F2wKoCoCpBFVd.open {
      scale:1 1 1;
      opacity:1;
      translate:0 0 0;
    }

    .select--content\:iITaJIJ2F2wKoCoCpBFVd.bottom-out {
      scale:1 1 1;
      opacity:0;
      translate:0 calc(-1 * var(--select--content--translate-y_closed)) 0;
    }

    .select--content\:iITaJIJ2F2wKoCoCpBFVd.top-out {
      scale:1 1 1;
      translate:0 var(--select--content--translate-y_closed) 0;
    }

    .select--content\:iITaJIJ2F2wKoCoCpBFVd.open-transition {
      transition:opacity var(--select--content--transition-duration_open) var(--select--content--transition-function) 0ms normal, translate var(--select--content--transition-duration_open) var(--select--content--transition-function), scale var(--select--content--transition-duration_open) var(--select--content--transition-function);
    }

    .select--content\:iITaJIJ2F2wKoCoCpBFVd.close-transition {
      transition:opacity var(--select--content--transition-duration_closed) var(--select--content--transition-function), translate var(--select--content--transition-duration_closed) var(--select--content--transition-function);
    }

    .sheet--content--body\:root {
      flex:1;
      min-height:0px;
      overflow-y:auto;
      padding-left:var(--sheet--content--body--padding);
      padding-right:var(--sheet--content--body--padding);
    }

    .select--content\:lmYICWOYpu7BqK1wH-ZcF {
      row-gap:0.25rem;
      column-gap:0.25rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1.5rem;
    }

    .field--button\:root {
      height:var(--field--button--height);
      display:flex;
      align-items:center;
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:var(--field--container--outline-width_focused);
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--field--button--rounding);
      border-top-right-radius:var(--field--button--rounding);
      border-bottom-left-radius:var(--field--button--rounding);
      border-bottom-right-radius:var(--field--button--rounding);
    }

    .field--button\:root.enabled:hover {
      scale:1 1 1;
      background:var(--bg-color_hovered);
      outline-color:var(--outline-color_hovered);
      outline-style:solid;
      outline-width:var(--field--button--outline-width_hovered);
    }

    .field--button\:root:focus-visible {
      outline-color:var(--outline-color_focused);
    }

    .cNfLJa {
      flex:1;
      height:100%;
      display:flex;
      row-gap:var(--button--spacing);
      font-size:inherit;
      column-gap:var(--button--spacing);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .select--button\:root {
      width:100%;
    }

    .TuwF {
      width:fit-content;
      height:fit-content;
      opacity:1;
      transition:opacity 150ms ease;
    }

    .TuwF.open {
      opacity:0;
    }

    .elmIIF {
      opacity:0;
      max-width:100%;
      max-height:var(--max-height);
      min-height:var(--min-height);
      padding-left:var(--field-multiline--input--padding);
      padding-right:var(--field-multiline--input--padding);
    }

    .dCgHvJ {
      top:0px;
      left:0px;
      color:var(--color);
      right:0px;
      bottom:0px;
      resize:none;
      position:absolute;
      font-size:var(--field-multiline--input--font-size);
      font-family:var(--field-multiline--input--font-family);
      font-weight:var(--field-multiline--input--font-weight);
      line-height:var(--field-multiline--input--line-height);
      padding-top:var(--field-multiline--padding-vertical);
      padding-left:var(--field-multiline--input--padding);
      padding-right:var(--field-multiline--input--padding);
      padding-bottom:var(--field-multiline--padding-vertical);
    }

    .dCgHvJ::placeholder {
      color:var(--color-placeholder);
    }

    .field-multiline__input\:w-lSyqswdMTx1aA02CWks {
      font-size:var(--field-multiline--input--font-size);
      font-family:var(--field-multiline--input--font-family);
      font-weight:var(--field-multiline--input--font-weight);
      line-height:var(--field-multiline--input--line-height);
      white-space:pre-wrap;
    }

    .field-multiline\:gd96TKfYN6w-gs85HeUHL {
      height:auto;
      padding-top:var(--field-multiline--padding-vertical);
      padding-bottom:var(--field-multiline--padding-vertical);
    }

    .bBidQy {
      row-gap:var(--checkbox-group--gap);
      column-gap:var(--checkbox-group--gap);
      flex-direction:var(--flex-direction);
    }

    .dUQmv {
      display:flex;
      row-gap:var(--checkbox-group--item--spacing);
      column-gap:var(--checkbox-group--item--spacing);
      padding-top:var(--checkbox-group--item--padding);
      padding-left:var(--checkbox-group--item--padding);
      padding-right:var(--checkbox-group--item--padding);
      flex-direction:row;
      padding-bottom:var(--checkbox-group--item--padding);
    }

    .checkbox-group--item\:Xz6dYW9Cavc-UttAzu1kg {
      color:var(--color);
      width:100%;
    }

    .egkcwx {
      width:fit-content;
    }

    .iqsvV {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:absolute;
      pointer-events:none;
    }

    .checkbox\:root {
      width:var(--checkbox--height);
      height:var(--checkbox--height);
    }

    .eUzFOF {
      align-items:center;
      justify-content:center;
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY {
      color:var(--color);
      width:100%;
      height:100%;
      background:var(--bg-color);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--checkbox--border-width);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--checkbox--outline-width);
      outline-offset:var(--checkbox--outline-offset);
      border-top-left-radius:var(--checkbox--rounding);
      border-top-right-radius:var(--checkbox--rounding);
      border-bottom-left-radius:var(--checkbox--rounding);
      border-bottom-right-radius:var(--checkbox--rounding);
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY.checked {
      background:var(--bg-color-checked);
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY.indeterminate {
      background:var(--bg-color-indeterminate);
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY:focus-visible {
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:var(--checkbox--outline-width);
      outline-offset:var(--checkbox--outline-offset);
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY:hover {
      background:var(--bg-color_hovered);
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY.checked:hover {
      background:var(--bg-color-checked_hovered);
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY.indeterminate:hover {
      background:var(--bg-color-indeterminate_hovered);
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY:active {
      background:var(--bg-color_active);
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY.checked:active {
      background:var(--bg-color-checked_active);
    }

    .checkbox\:AMUsjP5QcsqT9oOLX6_tY.indeterminate:active {
      background:var(--bg-color-indeterminate_active);
    }

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

    .checkbox\:NPp7A0sBFam_j0PWCt32J {
      color:inherit;
      width:var(--checkbox--indicator--size);
      height:var(--checkbox--indicator--size);
      opacity:0;
      transition:opacity 100ms ease 0ms normal;
    }

    .checkbox\:NPp7A0sBFam_j0PWCt32J.checked {
      opacity:1;
    }

    .checkbox\:NPp7A0sBFam_j0PWCt32J.indeterminate {
      opacity:1;
    }

    .fdPuuY {
      flex-direction:column;
    }

    .fdPuuY.orientation-horizontal {
      flex-direction:row;
    }

    .fdPuuY.disabled {
      opacity:0.5;
    }

    .radio-group\:root {
      row-gap:var(--radio-group--spacing);
      column-gap:var(--radio-group--spacing);
    }

    .feiKfK {
      width:fit-content;
      display:flex;
      row-gap:var(--radio-group--item--spacing);
      column-gap:var(--radio-group--item--spacing);
      flex-direction:row;
    }

    .radio-group--item\:BWyKj6fiKkTKUqNdzLJDh {
      color:var(--color);
    }

    .dwYovU {
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .radio-group--item\:Y0L9V2TYw0sjkgWjmj04O {
      width:var(--radio-group--item--indicator-size);
      height:var(--radio-group--item--indicator-size);
      opacity:0;
      background:var(--indicator-color);
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--radio-group--item--indicator-rounding);
      border-top-right-radius:var(--radio-group--item--indicator-rounding);
      border-bottom-left-radius:var(--radio-group--item--indicator-rounding);
      border-bottom-right-radius:var(--radio-group--item--indicator-rounding);
    }

    .radio-group--item\:Y0L9V2TYw0sjkgWjmj04O.checked {
      opacity:1;
    }

    .radio-group--item\:rQI3IuraSo58fcl99P_RF {
      width:var(--radio-group--item--size);
      height:var(--radio-group--item--size);
      background:var(--bg-color);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--radio-group--item--border-width);
      justify-content:center;
      border-top-left-radius:var(--radio-group--item--rounding);
      border-top-right-radius:var(--radio-group--item--rounding);
      border-bottom-left-radius:var(--radio-group--item--rounding);
      border-bottom-right-radius:var(--radio-group--item--rounding);
    }

    .radio-group--item\:rQI3IuraSo58fcl99P_RF:hover {
      background:var(--bg-color_hovered);
    }

    .radio-group--item\:rQI3IuraSo58fcl99P_RF:active {
      background:var(--bg-color_active);
    }

    .radio-group--item\:rQI3IuraSo58fcl99P_RF:focus-visible {
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:var(--radio-group--item--outline-width);
      outline-offset:var(--radio-group--item--outline-offset);
    }

    @media (max-width: 68rem) {

    .sJBSp {
      min-height:var(--min-height);
      margin-left:calc(-1 * var(--page-padding));
      margin-right:calc(-1 * var(--page-padding));
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }
    }

    .cDhAZb {
      top:50%;
      left:50%;
      color:var(--block-split-view--color-handle);
      width:var(--block-split-view--width-handle);
      height:var(--block-split-view--height-handle);
      display:flex;
      position:absolute;
      translate:-50% -50% 0;
      background:var(--block-split-view--bg-color-indicator);
      box-shadow:0px 2px 4px 0px #00000020;
      align-items:center;
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:var(--block-split-view--outline-width);
      flex-direction:row;
      outline-offset:var(--block-split-view--outline-offset);
      justify-content:center;
      border-top-left-radius:var(--block-split-view--rounding-handle);
      border-top-right-radius:var(--block-split-view--rounding-handle);
      border-bottom-left-radius:var(--block-split-view--rounding-handle);
      border-bottom-right-radius:var(--block-split-view--rounding-handle);
    }

    .etwUEW {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      position:absolute;
      outline-color:var(--attention-marker--bg-color);
      outline-style:solid;
      outline-width:4px;
    }

    .etwUEW.active {
      opacity:0;
      animation:3.5s ease 2000ms infinite normal none running animation-bvgtzl;
    }

    @keyframes animation-bvgtzl {
        0% {
          opacity: 1;
        }

        0% {
          scale: 1 1 1;
        }

        20% {
          opacity: 0;
        }

        30% {
          scale: 2;
        }

        90% {
          scale: 1;
        }

        100% {
          opacity: 1;
        }

        100% {
          scale: 1;
        }

        100% {
          opacity: 0;
        }
    }

    .block-split-view\:2uTC_V-JxRYEcM6Mx43s4 {
      border-top-left-radius:var(--block-split-view--rounding-handle);
      border-top-right-radius:var(--block-split-view--rounding-handle);
      border-bottom-left-radius:var(--block-split-view--rounding-handle);
      border-bottom-right-radius:var(--block-split-view--rounding-handle);
    }

    .cByJFa {
      width:var(--block-split-view--width-slider);
      height:100%;
      background:var(--block-split-view--slider-color);
      box-shadow:0px 2px 4px 0px #00000020;
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:var(--block-split-view--outline-width);
      outline-offset:var(--block-split-view--outline-offset);
      border-top-left-radius:var(--block-split-view--rounding-slider);
      border-top-right-radius:var(--block-split-view--rounding-slider);
      border-bottom-left-radius:var(--block-split-view--rounding-slider);
      border-bottom-right-radius:var(--block-split-view--rounding-slider);
    }

    .beWAmE {
      top:0px;
      right:0px;
      width:100%;
      height:100%;
      position:absolute;
      clip-path:inset(0 var(--position-left) 0 0);
      translate:var(--block-split-view--translate-x_initial) 0 0;
      overflow-x:clip;
      overflow-y:clip;
      pointer-events:none;
    }

    .beWAmE.visible {
      translate:0 0 0;
    }

    .beWAmE.focused {
      transition:clip-path var(--block-split-view--transition-duration-slide) var(--block-split-view--transition-function-slide);
    }

    .cVIMoD {
      height:100%;
      pointer-events:none;
    }

    .frcZqu {
      right:0px;
      width:var(--width);
      bottom:0px;
      opacity:0;
      position:absolute;
      translate:0 50% 0;
      background:var(--block-split-view--bg-color-caption);
      text-align:right;
      transition:translate var(--block-split-view--transition-duration-caption) ease, opacity var(--block-split-view--transition-duration-caption) ease;
      align-items:flex-end;
      padding-top:var(--block-split-view--padding-vertical-caption);
      padding-left:var(--block-split-view--padding-horizontal-caption);
      padding-right:var(--block-split-view--padding-horizontal-caption);
      padding-bottom:var(--block-split-view--padding-vertical-caption);
      justify-content:flex-start;
      border-top-color:var(--block-split-view--border-color-caption);
      border-top-style:solid;
      border-top-width:var(--block-split-view--border-width-caption);
    }

    .frcZqu.visible {
      opacity:1;
      translate:0 0 0;
    }

    @media (max-width: 38rem) {

    .frcZqu {
      display:none;
    }
    }

    .eWUNtf {
      left:0px;
      width:var(--width);
      bottom:0px;
      opacity:0;
      position:absolute;
      translate:0 50% 0;
      background:var(--block-split-view--bg-color-caption);
      transition:translate var(--block-split-view--transition-duration-caption) ease, opacity var(--block-split-view--transition-duration-caption) ease;
      padding-top:var(--block-split-view--padding-vertical-caption);
      padding-left:var(--block-split-view--padding-horizontal-caption);
      padding-right:var(--block-split-view--padding-horizontal-caption);
      padding-bottom:var(--block-split-view--padding-vertical-caption);
      border-top-color:var(--block-split-view--border-color-caption);
      border-top-style:solid;
      border-top-width:var(--block-split-view--border-width-caption);
    }

    .eWUNtf.visible {
      opacity:1;
      translate:0 0 0;
    }

    @media (max-width: 38rem) {

    .eWUNtf {
      display:none;
    }
    }

    .cVsxzZ {
      top:calc(-1 * var(--block-split-view--offset-slider));
      left:var(--position-left);
      color:var(--block-split-view--slider-color);
      width:var(--block-split-view--width-slider-area);
      cursor:ew-resize;
      height:calc(100% + 2 * var(--block-split-view--offset-slider));
      display:flex;
      position:absolute;
      translate:var(--block-split-view--translate-x_initial) 0 0;
      align-items:center;
      touch-action:none;
      justify-content:flex-start;
    }

    .cVsxzZ:focus-visible {
      outline-color:#000000;
      outline-style:none;
      outline-width:0px;
    }

    .cVsxzZ.focused {
      transition:left var(--block-split-view--transition-duration-slide) var(--block-split-view--transition-function-slide);
    }

    .cVsxzZ.visible {
      translate:0 0 0;
    }

    .cVovrJ {
      width:var(--block-split-view--size-icon);
      height:var(--block-split-view--size-icon);
    }

    .block-split-view\:gmojXosxvFzcWG1kbymYc {
      height:100%;
    }

    .bEepHu {
      min-height:100%;
      overflow-x:clip;
      overflow-y:clip;
      border-top-left-radius:var(--block-split-view--rounding);
      border-top-right-radius:var(--block-split-view--rounding);
      border-bottom-left-radius:var(--block-split-view--rounding);
      border-bottom-right-radius:var(--block-split-view--rounding);
    }

    .blocks-grid\:YAxy2fFVMJTD1Y59S0ewk {
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .blocks__item\:xaNukHzg4Lgd8ImvxH0Ik {
      margin-top:var(--blocks--item--margin-top-additional);
    }

    .blocks__item\:xaNukHzg4Lgd8ImvxH0Ik:first-child {
      margin-top:0px;
    }

    .dKywoM {
      width:100%;
      display:flex;
      row-gap:var(--block-team--column-gap);
      column-gap:var(--block-team--column-gap);
      flex-direction:row;
    }

    .fBzjet {
      width:100%;
      display:flex;
      background:var(--team-member--bg-color);
      padding-top:var(--team-member--padding);
      aspect-ratio:1/1;
      padding-left:var(--team-member--padding);
      padding-right:var(--team-member--padding);
      flex-direction:column;
      padding-bottom:var(--team-member--padding);
      border-top-left-radius:var(--team-member--rounding);
      border-top-right-radius:var(--team-member--rounding);
      border-bottom-left-radius:var(--team-member--rounding);
      border-bottom-right-radius:var(--team-member--rounding);
    }

    .cbqIVZ {
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:var(--team-member--rounding-inner);
      border-top-right-radius:var(--team-member--rounding-inner);
      border-bottom-left-radius:var(--team-member--rounding-inner);
      border-bottom-right-radius:var(--team-member--rounding-inner);
    }

    .fkbheU {
      right:0px;
      bottom:0px;
      position:absolute;
      background:var(--team-member--bg-color-label);
      padding-top:var(--team-member--padding-vertical-label);
      padding-left:var(--team-member--padding-horizontal-label);
      padding-right:var(--team-member--padding-horizontal-label);
      padding-bottom:var(--team-member--padding-vertical-label);
      border-top-color:var(--team-member--border-color-label);
      border-top-style:solid;
      border-top-width:var(--team-member--border-width-label);
      border-left-color:var(--team-member--border-color-label);
      border-left-style:solid;
      border-left-width:var(--team-member--border-width-label);
      border-top-left-radius:var(--team-member--rounding-inner);
    }

    .team-member\:lrtRFn0R9ZH9SY_nlhbUC {
      flex:1;
    }

    .team-member\:p4WhUdRr0mC9hhK9EtoTe {
      color:var(--team-member--color-label);
      font-weight:var(--team-member--font-weight-label);
    }

    .block-team\:PiXESQByj80hy22JbO3jn {
      flex:1;
      width:100%;
    }

    .popup\:NhI1Ldcc3HMQD-kfEV39H {
      display:flex;
      row-gap:var(--block-form--gap);
      column-gap:var(--block-form--gap);
    }

    .popup\:O3ulkBtcNZcVjQ39_cm8K {
      max-width:100%;
      margin-top:0px;
    }

    .popup\:X4k-HJig3hQyQNrEeUo21 {
      width:var(--popup--size-button);
      height:var(--popup--size-button);
    }

    .popup\:X4k-HJig3hQyQNrEeUo21:focus-visible {
      outline-color:var(--popup--outline-color-button-close);
    }

    .dialog--content\:root {
      scale:var(--dialog--content--scale_closed) 1 1;
      width:100%;
      opacity:var(--dialog--content--opacity_closed);
      max-width:var(--dialog--content--max-width);
      translate:0 var(--dialog--content--translate-y_closed) 0;
      background:var(--dialog--content--bg-color);
      box-shadow:var(--shadow-md);
      max-height:100%;
      padding-top:0rem;
      border-color:var(--dialog--content--border-color);
      border-style:solid;
      border-width:var(--dialog--content--border-width);
      padding-left:0rem;
      padding-right:0rem;
      padding-bottom:0rem;
      border-top-left-radius:var(--dialog--content--rounding);
      border-top-right-radius:var(--dialog--content--rounding);
      border-bottom-left-radius:var(--dialog--content--rounding);
      border-bottom-right-radius:var(--dialog--content--rounding);
    }

    .dialog--content\:root.open {
      scale:var(--dialog--content--scale_open) 1 1;
      opacity:var(--dialog--content--opacity_open);
      translate:0 var(--dialog--content--translate-y_open) 0;
    }

    .dialog--content\:root.closing {
      scale:var(--dialog--content--scale_closing) var(--dialog--content--scale_closing) 1;
      translate:0 var(--dialog--content--translate-y_closing) 0;
    }

    .dialog--content\:root.open-transition {
      transition:scale var(--dialog--content--transition-duration_open) var(--dialog--content--transition-function_open), opacity var(--dialog--content--transition-duration_open) var(--dialog--content--transition-function_open), translate var(--dialog--content--transition-duration_open) var(--dialog--content--transition-function_open);
    }

    .dialog--content\:root.close-transition {
      transition:scale var(--dialog--content--transition-duration_closed) var(--dialog--content--transition-function_closed), opacity var(--dialog--content--transition-duration_closed) var(--dialog--content--transition-function_closed), translate var(--dialog--content--transition-duration_closed) var(--dialog--content--transition-function_closed);
    }

    .popup\:__V9OqhD07N5uJalANK5u {
      max-width:var(--max-width);
      background:var(--bg-color);
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--dialog--content--border-width);
      border-top-right-radius:var(--rounding-top-right);
    }

    .emHnrT {
      flex:1;
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .dtGUVr {
      row-gap:var(--dialog--content--footer--spacing);
      column-gap:var(--dialog--content--footer--spacing);
      margin-top:var(--dialog--content--footer--margin-top);
      align-items:center;
      padding-top:var(--dialog--content--footer--padding);
      padding-left:var(--dialog--content--footer--padding);
      padding-right:var(--dialog--content--footer--padding);
      flex-direction:row;
      padding-bottom:var(--dialog--content--footer--padding);
      justify-content:end;
    }

    .dOczPB {
      top:0px;
      right:0px;
      z-index:50;
      position:absolute;
      translate:var(--popup--translate-x-button) var(--popup--translate-y-button) 0;
      background:var(--bg-color);
      border-top-left-radius:var(--button--rounding);
      border-top-right-radius:var(--button--rounding);
      border-bottom-left-radius:var(--button--rounding);
      border-bottom-right-radius:var(--button--rounding);
    }

    .bHYIqa {
      top:var(--top);
      width:100%;
      position:absolute;
      pointer-events:all;
    }

    .bHYIqa.swipe-out-top {
      translate:0 -100%;
    }

    .bHYIqa.swipe-out-right {
      translate:100% 0px;
    }

    .bHYIqa.swipe-out-bottom {
      translate:0 100%;
    }

    .bHYIqa.swipe-out-left {
      translate:-100% 0px;
    }

    .toast\:root {
      color:var(--toast--color);
      width:fit-content;
      opacity:0;
      row-gap:var(--toast--spacing);
      max-width:100%;
      translate:0 var(--toast--translate-y_initial) 0;
      background:var(--toast--bg-color);
      box-shadow:var(--shadow-md);
      column-gap:var(--toast--spacing);
      padding-top:var(--toast--padding);
      border-color:var(--toast--border-color);
      border-style:solid;
      border-width:var(--toast--border-width);
      padding-left:var(--toast--padding);
      padding-right:var(--toast--padding);
      padding-bottom:var(--toast--padding);
      border-top-left-radius:var(--toast--rounding);
      border-top-right-radius:var(--toast--rounding);
      border-bottom-left-radius:var(--toast--rounding);
      border-bottom-right-radius:var(--toast--rounding);
    }

    .toast\:root.open {
      opacity:1;
      translate:0 0px;
      transition:translate var(--toast--transition-duration) var(--toast--transition-function) 0ms normal, top var(--toast--transition-duration_close) var(--toast--transition-function) 0ms normal;
    }

    .toast\:root.closing {
      opacity:0;
      translate:0 var(--toast--translate-y_closing);
    }

    .toast\:root.open-transition {
      transition:opacity var(--toast--transition-duration) var(--toast--transition-function) 0ms normal, translate var(--toast--transition-duration) var(--toast--transition-function) 0ms normal;
    }

    .toast\:root.close-transition {
      transition:opacity var(--toast--transition-duration_close) var(--toast--transition-function) 0ms normal, translate var(--toast--transition-duration_close) var(--toast--transition-function) 0ms normal;
    }

    .toast\:root.success {
      color:var(--toast--color-success);
      opacity:1;
      background:var(--toast--bg-color-success);
      border-color:var(--toast--border-color-success);
      border-style:solid;
      border-width:var(--toast--border-width);
    }

    .toast\:root.warning {
      color:var(--toast--color-warning);
      background:var(--toast--bg-color-warning);
      border-color:var(--toast--border-color-warning);
      border-style:solid;
      border-width:var(--toast--border-width);
    }

    .toast\:root.critical {
      color:var(--toast--color-critical);
      background:var(--toast--bg-color-critical);
      border-color:var(--toast--border-color-critical);
      border-style:solid;
      border-width:var(--toast--border-width);
    }

    .Wtsuh {
      color:inherit;
      font-size:var(--font-size-md);
      font-family:var(--font-family-sans);
      font-weight:inherit;
      line-height:1.25;
    }

    .dAayRI {
      width:var(--width);
      height:var(--height);
      position:fixed;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:start;
      pointer-events:none;
      justify-content:start;
    }

    .toast-wrapper\:b9c8dnbCjTNKFv-c3yIA5 {
      display:flex;
      align-items:center;
      padding-top:var(--toast-wrapper--padding);
      padding-left:var(--toast-wrapper--padding);
      padding-right:var(--toast-wrapper--padding);
      padding-bottom:var(--toast-wrapper--padding);
      justify-content:flex-start;
    }

    .eNqIEc {
      height:var(--height);
      position:fixed;
      align-items:start;
      pointer-events:none;
      justify-content:start;
      scrollbar-width:none;
    }

    .eNqIEc::-webkit-scrollbar {
    width: 0;
    }

    .toast-wrapper\:dATODWrBGpcLI-k1B1W10 {
      width:100%;
      display:flex;
      position:relative;
      max-width:var(--toast-wrapper--max-width-region);
      transition:height var(--toast-wrapper--transition-duration) var(--toast-wrapper--transition-duration) 0ms normal;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .ewptzo {
      width:100%;
      opacity:0;
      min-height:100%;
    }

    .ewptzo.ready {
      opacity:1;
      transition:opacity 500ms ease  , translate 500ms ease;
    }

    @media (max-width: 42rem) {
    }

    .ewptzo.switching {
      opacity:0;
      translate:0 -300px 0;
      transition:translate 0ms ease  , opacity 0ms ease;
      pointer-events:none;
    }

    .eDagGD {
      width:100%;
      min-height:100%;
    }

    .ebGWqa {
      grid-area:footer;
    }

    .ebGWqa:empty {
      display:none;
    }

    .znsBt {
      top:var(--top);
      width:100%;
      height:1px;
      position:absolute;
      visibility:hidden;
      pointer-events:none;
    }

    .ekfAta {
      width:24px;
      height:100%;
      position:fixed;
    }

    .dPHZaz {
      display:grid;
      grid-area:body;
      min-height:100%;
      align-items:flex-start;
      grid-template-rows:minmax(0px, 1fr);
      grid-template-areas:"menu main aside";
      grid-template-columns:minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
    }

    .dPHZaz.menu-right {
      grid-template-areas:"aside main menu";
    }

    .eaPySb {
      top:0px;
      height:var(--header-height);
      z-index:1000;
      position:sticky;
      grid-area:header;
    }

    .eaPySb:empty {
      display:none;
    }

    .pmJUs {
      top:0px;
      height:100dvh;
      display:flex;
      position:sticky;
      grid-area:menu;
    }

    .pmJUs:empty {
      display:none;
    }

    .eqBWwK {
      width:inherit;
      height:inherit;
      display:grid;
      min-width:inherit;
      min-height:inherit;
      grid-template-rows:minmax(0px, auto) minmax(0px, 1fr) minmax(0px, auto);
      grid-template-areas:"header" "body" "footer";
      grid-template-columns:100%;
    }

    .ljWqT {
      height:100%;
      grid-area:main;
    }

    .ljWqT:empty {
      display:none;
    }

    .eDiEii {
      top:0px;
      height:100dvh;
      position:sticky;
      grid-area:aside;
    }

    .eDiEii:empty {
      display:none;
    }

    .fyzQng {
      top:0px;
      left:0px;
      right:0px;
      height:auto;
      z-index:1000;
      position:fixed;
      grid-area:header;
    }

    .fyzQng.passthrough {
      pointer-events:none;
    }

    @media (max-width: 64rem) {
    }

    .bEPRtA {
      width:100%;
      display:flex;
      background:var(--page-main--frame--footer--bg-color);
      align-items:flex-start;
      justify-content:flex-end;
    }

    .cTjkIg {
      width:100%;
      background:var(--bg-color);
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .eGwxYp {
      display:flex;
      row-gap:40px;
      min-width:100%;
      column-gap:40px;
      align-items:center;
      justify-content:flex-start;
    }

    .cBeIpf {
      width:100%;
      height:32px;
      background:var(--brand-10);
    }

    .eqTCH {
      width:100%;
      height:var(--section-separator--height);
      display:flex;
      margin-top:0px;
      align-items:center;
      margin-bottom:-10px;
      justify-content:flex-start;
    }

    .eqTCH.rotated {
      rotate:0 0 1 180deg;
      display:flex;
      margin-top:-10px;
      align-items:center;
      margin-bottom:0px;
      justify-content:flex-end;
    }

    .muCne {
      width:100%;
      height:var(--section-separator--height);
      position:absolute;
      clip-path:polygon(0% 0%, calc(50% - 18px) 0%, calc(50% + 62px) calc(100% - 36px), 100% calc(100% - 36px), 100% calc(100% - 20px), calc(50% + 52px) calc(100% - 20px), calc(50% - 28px) 16px, 0% 16px);
      background:var(--border-color);
    }

    .TTIHv {
      width:100%;
      height:100%;
      position:absolute;
      clip-path:polygon(0% 26px, calc(50% - 34px) 26px, calc(50% + 46px) calc(100% - 10px), calc(50% + 46px) 100%, 0% 100%);
      background:var(--bg-color);
    }

    .dtLbYH {
      width:100%;
      height:var(--section-separator--height);
      position:absolute;
      clip-path:polygon(0% 8px, calc(50% - 24px) 8px, calc(50% + 56px) calc(100% - 28px), 100% calc(100% - 28px), 100% calc(100% - 10px), 0% calc(100% - 10px));
      background:var(--bg-color-spacer);
    }

    .page-main--frame__footer\:Krnc0vSbgkQIjmMGmRUi_ {
      color:var(--page-main--frame--footer--color-paragraph);
      margin-top:var(--page-main--frame--footer--margin-top-copyright);
      text-align:left;
    }

    .dSoxWp {
      display:grid;
      grid-template-columns:1fr minmax(0px, var(--additional-width-wide)) min(var(--max-width-default), 100%) minmax(0px, var(--additional-width-wide)) 1fr;
    }

    .section\:root {
      height:auto;
      row-gap:var(--section--row-gap);
      background:var(--bg-color);
      padding-top:var(--section--padding-vertical);
      padding-left:var(--section--padding-horizontal);
      padding-right:var(--section--padding-horizontal);
      padding-bottom:var(--section--padding-vertical);
    }

    @media (max-width: 68rem) {

    .section\:root {
      padding-top:var(--section--padding-vertical-mobile);
      padding-bottom:var(--section--padding-vertical-mobile);
    }
    }

    .diOKeU {
      top:0px;
      width:100%;
      height:var(--page-main--frame--header--height);
      position:absolute;
      translate:0 -100% 0;
      pointer-events:none;
    }

    .page-main--frame__footer\:M6eMnjofNFETa2hk1PuUH {
      width:100%;
      padding-top:var(--page-main--frame--footer--padding-vertical);
      padding-bottom:var(--page-main--frame--footer--padding-vertical);
    }

    .footer-menu\:root {
      width:100%;
      display:flex;
      row-gap:12px;
      column-gap:12px;
    }

    .bdRvnu {
      display:flex;
    }

    .bzturo {
      cursor:pointer;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .footer-menu__item\:root {
      color:var(--footer-menu--item--color);
      display:flex;
      transition:background var(--footer-menu--item--transition-duration) var(--footer-menu--item--transition-function);
      align-items:center;
      font-family:var(--footer-menu--item--font-family);
      font-weight:var(--footer-menu--item--font-weight);
      padding-top:var(--footer-menu--item--padding-vertical);
      padding-left:var(--footer-menu--item--padding-horizontal);
      padding-right:var(--footer-menu--item--padding-horizontal);
      flex-direction:row;
      padding-bottom:var(--footer-menu--item--padding-vertical);
      justify-content:flex-start;
      border-top-left-radius:var(--footer-menu--item--rounding);
      border-top-right-radius:var(--footer-menu--item--rounding);
      border-bottom-left-radius:var(--footer-menu--item--rounding);
      border-bottom-right-radius:var(--footer-menu--item--rounding);
    }

    .footer-menu__item\:root:hover {
      background:var(--footer-menu--item--bg-color_hovered);
    }

    .footer-menu__item\:root:focus-visible {
      outline-color:var(--footer-menu--item--outline-color);
      outline-style:solid;
      outline-width:var(--footer-menu--item--outline-width);
      outline-offset:var(--footer-menu--item--outline-offset);
    }

    .drdyzf {
      color:var(--footer-menu--color-label);
      width:100%;
      display:flex;
      align-items:center;
      padding-top:var(--footer-menu--padding-vertical-label);
      flex-direction:row;
      padding-bottom:var(--footer-menu--padding-vertical-label);
      justify-content:flex-start;
    }

    .dMfGlF {
      display:flex;
    }

    .eDwAFN {
      display:flex;
      flex-direction:row;
    }

    .eDwAFN.vertical {
      display:flex;
      flex-direction:column;
    }

    .footer-menu\:_ue1TQtzszQRACrN1gzWo {
      display:flex;
      row-gap:var(--footer-menu--row-gap-list);
      column-gap:var(--footer-menu--row-gap-list);
      flex-direction:column;
      border-top-color:var(--footer-menu--border-color);
      border-top-style:solid;
      border-top-width:var(--border-top-width);
      border-left-color:var(--footer-menu--border-color);
      border-left-style:solid;
      border-left-width:var(--footer-menu--border-width);
    }

    .footer-menu\:iF_Z3F9QuX421qDUZ39pg {
      color:inherit;
      font-weight:var(--footer-menu--font-weight-label);
    }

    .mrAXj {
      width:fit-content;
      min-width:min(var(--page-main--frame--footer--min-width-menu), 100%);
    }

    .page-main--frame__footer\:ful4AIDFEjEYqvBo2ZkOq {
      margin-bottom:-1px;
    }

    .eVODQM {
      width:100%;
      display:flex;
      row-gap:var(--page-main--frame--footer--row-gap);
      flex-wrap:wrap;
      column-gap:var(--page-main--frame--footer--column-gap);
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bOQSMp {
      translate:-2px 0 0;
    }

    .page-main--frame__footer\:w-mA_GNUpfyQfPkR5kUfI {
      width:100%;
    }

    .page-main--frame__footer\:wJnCOcaZQFzCaCyolgCa5 {
      display:flex;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .erKdRj {
      height:var(--height);
      overflow-y:hidden;
    }

    .erKdRj.open-transition {
      height:var(--next-height);
    }

    .erKdRj.close-transition {
      height:var(--next-height);
    }

    .mobile-menu__item\:2OSwANYupRfJMza8kjmZG {
      width:100%;
      opacity:0;
      padding-left:16px;
    }

    .mobile-menu__item\:2OSwANYupRfJMza8kjmZG.open-transition {
      transition:height var(--mobile-menu--item--transition-duration-group_open) var(--mobile-menu--item--transition-function-group_open), opacity var(--mobile-menu--item--transition-duration-group_open) var(--mobile-menu--item--transition-function-group_open);
    }

    .mobile-menu__item\:2OSwANYupRfJMza8kjmZG.close-transition {
      transition:height var(--mobile-menu--item--transition-duration-group_closed) var(--mobile-menu--item--transition-function-group_closed);
    }

    .mobile-menu__item\:2OSwANYupRfJMza8kjmZG.open {
      opacity:1;
    }

    .mobile-menu__item\:JliB6Nj_G_7BBMJeCulD2 {
      min-height:var(--mobile-menu--item--height);
    }

    .mobile-menu__item\:b0Br8nGtk0mM8Ae6vA4yi {
      color:var(--mobile-menu--item--color);
      cursor:pointer;
      height:var(--mobile-menu--item--height);
      display:flex;
      row-gap:var(--mobile-menu--item--column-gap);
      background:var(--mobile-menu--item--bg-color);
      column-gap:var(--mobile-menu--item--column-gap);
      align-items:center;
      font-family:var(--mobile-menu--item--font-family);
      font-weight:var(--mobile-menu--item--font-weight);
      user-select:none;
      padding-left:var(--mobile-menu--item--padding-horizontal);
      padding-right:var(--mobile-menu--item--padding-horizontal);
      flex-direction:row;
      -ms-user-select:none;
      justify-content:flex-start;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:var(--mobile-menu--item--rounding);
      border-top-right-radius:var(--mobile-menu--item--rounding);
      border-bottom-left-radius:var(--mobile-menu--item--rounding);
      border-bottom-right-radius:var(--mobile-menu--item--rounding);
      -webkit-tap-highlight-color:transparent;
    }

    .mobile-menu__item\:b0Br8nGtk0mM8Ae6vA4yi:active {
      background:var(--mobile-menu--item--bg-color_active);
    }

    .mobile-menu__item\:b0Br8nGtk0mM8Ae6vA4yi.open {
      background:var(--mobile-menu--item--bg-color_open);
    }

    .bdyKZP {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .mobile-menu__item\:jfeDI_Sw5AWdZ-2EyRJ3u {
      width:var(--mobile-menu--item--icon-size);
      height:var(--mobile-menu--item--icon-size);
      rotate:0 0 1 -90deg;
      transition:rotate var(--mobile-menu--item--transition-duration-group_closed) var(--mobile-menu--item--transition-function-group_closed);
    }

    .mobile-menu__item\:jfeDI_Sw5AWdZ-2EyRJ3u.open {
      rotate:0 0 1 0deg;
      transition:rotate var(--mobile-menu--item--transition-duration-group_open) var(--mobile-menu--item--transition-function-group_open);
    }

    .mobile-menu__item\:q3zSxekN9oi2eqxZUk40T {
      color:var(--mobile-menu--item--color);
      cursor:pointer;
      height:var(--mobile-menu--item--height);
      display:flex;
      row-gap:var(--mobile-menu--item--column-gap);
      background:var(--mobile-menu--item--bg-color);
      column-gap:var(--mobile-menu--item--column-gap);
      align-items:center;
      font-family:var(--mobile-menu--item--font-family);
      font-weight:var(--mobile-menu--item--font-weight);
      user-select:none;
      padding-left:var(--mobile-menu--item--padding-horizontal);
      padding-right:var(--mobile-menu--item--padding-horizontal);
      flex-direction:row;
      -ms-user-select:none;
      justify-content:flex-start;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:var(--mobile-menu--item--rounding);
      border-top-right-radius:var(--mobile-menu--item--rounding);
      border-bottom-left-radius:var(--mobile-menu--item--rounding);
      border-bottom-right-radius:var(--mobile-menu--item--rounding);
      -webkit-tap-highlight-color:transparent;
    }

    .mobile-menu__item\:q3zSxekN9oi2eqxZUk40T:active {
      background:var(--mobile-menu--item--bg-color_active);
    }

    .mobile-menu\:0po6QuWQNbKIDUrLLB0zn {
      display:flex;
      row-gap:var(--mobile-menu--row-gap-list);
      column-gap:var(--mobile-menu--row-gap-list);
      flex-direction:column;
    }

    .mobile-menu\:4AVAEfDj8oqJTYANVwAUp {
      color:inherit;
      font-weight:var(--font-weight-medium);
    }

    .bFtwKY {
      width:100%;
      height:1px;
      background-color:var(--grey-600, #525252);
    }

    .bFtwKY.orientation-vertical {
      width:1px;
      height:100%;
    }

    .mobile-menu\:9KG12pvvcKT7vi8BYc6oA {
      height:1px;
      background:var(--neutral-6);
    }

    .cFGYiK {
      display:flex;
      row-gap:var(--mobile-menu--column-gap-controls);
      column-gap:var(--mobile-menu--column-gap-controls);
      flex-direction:row;
      pointer-events:all;
    }

    .eWOHnU {
      flex:1;
      width:100%;
      row-gap:8px;
      background:var(--mobile-menu--bg-color);
      box-shadow:var(--shadow-md);
      column-gap:8px;
      max-height:var(--mobile-menu--max-height);
      padding-top:var(--mobile-menu--padding);
      padding-left:var(--mobile-menu--padding);
      padding-right:var(--mobile-menu--padding);
      padding-bottom:var(--mobile-menu--padding);
      pointer-events:all;
      border-top-left-radius:var(--mobile-menu--rounding);
      border-top-right-radius:var(--mobile-menu--rounding);
      border-bottom-left-radius:var(--mobile-menu--rounding);
      border-bottom-right-radius:var(--mobile-menu--rounding);
    }

    .mobile-menu\:Ok-m327NOYQPnmqFgYLcS {
      box-shadow:var(--shadow-md);
      pointer-events:all;
    }

    .daOqPS {
      left:var(--left);
      width:85vw;
      height:100dvh;
      display:flex;
      z-index:1100;
      position:fixed;
      translate:-100% 0 0;
    }

    .daOqPS.right {
      translate:100% 0 0;
    }

    .daOqPS.open {
      translate:0 0 0;
    }

    .daOqPS:focus {
      outline-color:#000000;
      outline-style:none;
      outline-width:0px;
    }

    .cYhgDD {
      width:20px;
      height:100%;
      z-index:1000;
      position:absolute;
    }

    .mobile-menu\:QOsh9DJK00IBB4Py1TPgY {
      width:100%;
      bottom:0px;
      height:fit-content;
      display:none;
      row-gap:var(--mobile-menu--row-gap);
      translate:0 100% 0;
      max-height:var(--mobile-menu--max-height);
      align-items:flex-end;
      padding-top:var(--mobile-menu--margin);
      padding-left:var(--mobile-menu--margin);
      padding-right:var(--mobile-menu--margin);
      padding-bottom:var(--mobile-menu--margin);
      pointer-events:none;
      justify-content:flex-start;
    }

    @media (max-width: 64rem) {

    .mobile-menu\:QOsh9DJK00IBB4Py1TPgY {
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }
    }

    .mobile-menu\:QOsh9DJK00IBB4Py1TPgY.open-transition {
      transition:translate var(--mobile-menu--transition-duration_open) ease;
    }

    .mobile-menu\:QOsh9DJK00IBB4Py1TPgY.close-transition {
      transition:translate var(--mobile-menu--transition-duration_closed) ease;
    }

    .mobile-menu\:QOsh9DJK00IBB4Py1TPgY.open {
      translate:0 0 0;
    }

    .mobile-menu\:TN2apDPM6xyYKQcDBVE_R {
      width:var(--mobile-menu--item--icon-size);
      height:var(--mobile-menu--item--icon-size);
      rotate:0 0 1 -90deg;
      transition:rotate var(--mobile-menu--item--transition-duration-group_closed) var(--mobile-menu--item--transition-function-group_closed);
    }

    .mobile-menu\:TN2apDPM6xyYKQcDBVE_R.open {
      rotate:0 0 1 0deg;
      transition:rotate var(--mobile-menu--item--transition-duration-group_open) var(--mobile-menu--item--transition-function-group_open);
    }

    .mobile-menu\:V0tsf4sQ6tr7IHbx1ckut {
      color:var(--mobile-menu--item--color);
      cursor:pointer;
      height:var(--mobile-menu--item--height);
      display:flex;
      row-gap:var(--mobile-menu--item--column-gap);
      background:var(--mobile-menu--item--bg-color);
      column-gap:var(--mobile-menu--item--column-gap);
      align-items:center;
      font-family:var(--mobile-menu--item--font-family);
      font-weight:var(--mobile-menu--item--font-weight);
      user-select:none;
      padding-left:var(--mobile-menu--item--padding-horizontal);
      padding-right:var(--mobile-menu--item--padding-horizontal);
      flex-direction:row;
      -ms-user-select:none;
      justify-content:flex-start;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:var(--mobile-menu--item--rounding);
      border-top-right-radius:var(--mobile-menu--item--rounding);
      border-bottom-left-radius:var(--mobile-menu--item--rounding);
      border-bottom-right-radius:var(--mobile-menu--item--rounding);
      -webkit-tap-highlight-color:transparent;
    }

    .mobile-menu\:V0tsf4sQ6tr7IHbx1ckut:active {
      background:var(--mobile-menu--item--bg-color_active);
    }

    .mobile-menu\:V0tsf4sQ6tr7IHbx1ckut.open {
      background:var(--mobile-menu--item--bg-color_open);
    }

    .mobile-menu\:WvfnHZPFzEaTKKZgc7sY9 {
      min-height:var(--mobile-menu--item--height);
    }

    .mobile-menu\:f9t-oeV0hWmEGcKJ78BHV {
      flex:1;
    }

    .mobile-menu\:iuFlS9D1F-Bx9zVtH3HDG {
      width:100%;
      opacity:0;
      padding-left:16px;
    }

    .mobile-menu\:iuFlS9D1F-Bx9zVtH3HDG.open-transition {
      transition:height var(--mobile-menu--item--transition-duration-group_open) var(--mobile-menu--item--transition-function-group_open), opacity var(--mobile-menu--item--transition-duration-group_open) var(--mobile-menu--item--transition-function-group_open);
    }

    .mobile-menu\:iuFlS9D1F-Bx9zVtH3HDG.close-transition {
      transition:height var(--mobile-menu--item--transition-duration-group_closed) var(--mobile-menu--item--transition-function-group_closed);
    }

    .mobile-menu\:iuFlS9D1F-Bx9zVtH3HDG.open {
      opacity:1;
    }

    .mobile-menu\:jkBi2XyYkRutnkeKbKdfU {
      display:flex;
      row-gap:var(--mobile-menu--row-gap-list);
      column-gap:var(--mobile-menu--row-gap-list);
      flex-direction:column;
    }

    .mobile-menu\:ju6BQ7GbG_VTdCXD-2JsZ {
      color:var(--mobile-menu--item--color);
      width:100%;
      cursor:pointer;
      height:var(--mobile-menu--item--height);
      display:flex;
      row-gap:var(--mobile-menu--item--column-gap);
      font-size:var(--font-size-md);
      background:var(--mobile-menu--item--bg-color);
      column-gap:var(--mobile-menu--item--column-gap);
      align-items:center;
      font-family:var(--mobile-menu--item--font-family);
      font-weight:var(--mobile-menu--item--font-weight);
      user-select:none;
      padding-left:var(--mobile-menu--item--padding-horizontal);
      padding-right:var(--mobile-menu--item--padding-horizontal);
      flex-direction:row;
      text-transform:none;
      -ms-user-select:none;
      justify-content:flex-start;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:var(--mobile-menu--item--rounding);
      border-top-right-radius:var(--mobile-menu--item--rounding);
      border-bottom-left-radius:var(--mobile-menu--item--rounding);
      border-bottom-right-radius:var(--mobile-menu--item--rounding);
      -webkit-tap-highlight-color:transparent;
    }

    .mobile-menu\:ju6BQ7GbG_VTdCXD-2JsZ.enabled:hover {
      scale:1 1 1;
    }

    .mobile-menu\:ju6BQ7GbG_VTdCXD-2JsZ.enabled:active {
      background:var(--mobile-menu--item--bg-color_active);
    }

    .brWgNW {
      width:var(--mobile-menu--size-dot-theme-button);
      height:var(--mobile-menu--size-dot-theme-button);
      background:var(--bg-color-dot);
      border-top-left-radius:var(--mobile-menu--rounding-theme-dot);
      border-top-right-radius:var(--mobile-menu--rounding-theme-dot);
      border-bottom-left-radius:var(--mobile-menu--rounding-theme-dot);
      border-bottom-right-radius:var(--mobile-menu--rounding-theme-dot);
    }

    .eztVYq {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      opacity:0;
      z-index:1050;
      position:fixed;
      background:#000000;
      pointer-events:none;
    }

    .eztVYq.visible {
      opacity:var(--opacity);
      pointer-events:all;
    }

    .mobile-menu\:mVSajXU79GZDcRR3kX2UI {
      background:var(--mobile-menu--bg-color-backdrop);
      transition:opacity var(--mobile-menu--transition-duration-backdrop) var(--mobile-menu--transition-function);
    }

    .mobile-menu\:nUL0ehymbdR41Irm261PS {
      color:var(--mobile-menu--color-controls);
      cursor:pointer;
      height:100%;
      display:flex;
      align-items:center;
      aspect-ratio:1/1;
      justify-content:center;
      border-top-left-radius:calc(var(--mobile-menu--rounding-controls) - var(--mobile-menu--padding-controls));
      border-top-right-radius:calc(var(--mobile-menu--rounding-controls) - var(--mobile-menu--padding-controls));
      border-bottom-left-radius:calc(var(--mobile-menu--rounding-controls) - var(--mobile-menu--padding-controls));
      border-bottom-right-radius:calc(var(--mobile-menu--rounding-controls) - var(--mobile-menu--padding-controls));
    }

    .mobile-menu\:nUL0ehymbdR41Irm261PS.pressed {
      color:var(--mobile-menu--color-controls_active);
      display:flex;
      background:var(--mobile-menu--bg-color-controls_active);
      align-items:center;
      justify-content:center;
    }

    .fqEJQZ {
      width:fit-content;
      align-items:start;
      flex-direction:row;
      justify-content:start;
    }

    .fqEJQZ.orientation-vertical {
      flex-direction:column;
    }

    .mobile-menu\:t_lqPUVc7A_lQqyhE6pWx {
      width:fit-content;
      height:var(--mobile-menu--height-controls);
      display:flex;
      row-gap:var(--mobile-menu--padding-controls);
      background:var(--mobile-menu--bg-color-controls);
      column-gap:var(--mobile-menu--padding-controls);
      padding-top:var(--mobile-menu--padding-controls);
      padding-left:var(--mobile-menu--padding-controls);
      padding-right:var(--mobile-menu--padding-controls);
      padding-bottom:var(--mobile-menu--padding-controls);
      border-top-left-radius:var(--mobile-menu--rounding-controls);
      border-top-right-radius:var(--mobile-menu--rounding-controls);
      border-bottom-left-radius:var(--mobile-menu--rounding-controls);
      border-bottom-right-radius:var(--mobile-menu--rounding-controls);
    }

    .dYyDXn {
      color:var(--mobile-menu--color-dot);
      width:var(--mobile-menu--size-dot);
      height:var(--mobile-menu--size-dot);
      background:var(--bg-color);
      padding-top:var(--mobile-menu--padding-dot);
      padding-left:var(--mobile-menu--padding-dot);
      padding-right:var(--mobile-menu--padding-dot);
      padding-bottom:var(--mobile-menu--padding-dot);
      border-top-left-radius:var(--mobile-menu--rounding-theme-dot);
      border-top-right-radius:var(--mobile-menu--rounding-theme-dot);
      border-bottom-left-radius:var(--mobile-menu--rounding-theme-dot);
      border-bottom-right-radius:var(--mobile-menu--rounding-theme-dot);
    }

    .cBoFFC {
      width:100%;
      display:flex;
      row-gap:var(--mobile-menu--column-gap-header);
      column-gap:var(--mobile-menu--column-gap-header);
      align-items:flex-start;
      flex-direction:row;
      pointer-events:none;
      justify-content:flex-end;
    }

    .page-main--frame\:Aa-WTpzi9-yq_VNp8Qeh- {
      font-family:"Poppins";
    }

    .page-main--frame\:Ev33Pdb456BMYkl60kSFz {
      font-family:"Fredoka";
    }

    .fbCwaI {
      translate:0 0 0;
    }

    .fbCwaI.ready {
      transition:translate var(--page-main--frame--animation--transition-duration) var(--page-main--frame--animation--transition-function);
    }

    .fbCwaI.menu-open {
      translate:0 var(--page-main--frame--animation--translate-y_open) 0;
    }

    .dxNrfG {
      width:100%;
      display:flex;
      translate:0 var(--page-main--frame--header--translate-y_initial) 0;
      background:var(--bg-color);
      min-height:var(--page-main--frame--header--height);
      transition:translate calc(var(--page-main--frame--header--transition-duration) * var(--transition-duration-base)) var(--page-main--frame--header--transition-function);
      align-items:flex-start;
      padding-top:var(--page-main--frame--header--padding-vertical);
      padding-left:var(--page-padding);
      padding-right:var(--padding-right);
      padding-bottom:var(--page-main--frame--header--padding-vertical);
      justify-content:center;
      border-bottom-color:transparent;
      border-bottom-style:solid;
      border-bottom-width:var(--page-main--frame--header--border-width);
      view-transition-name:header;
    }

    .dxNrfG.scrolled {
      translate:0 0 0;
      transition:background calc(var(--page-main--frame--header--transition-duration) * var(--transition-duration-base)) var(--page-main--frame--header--transition-function), translate calc(var(--page-main--frame--header--transition-duration) * var(--transition-duration-base)) var(--page-main--frame--header--transition-function), border calc(var(--page-main--frame--header--transition-duration) * var(--transition-duration-base)) var(--page-main--frame--header--transition-function);
      border-bottom-color:var(--border-color);
      border-bottom-style:solid;
      border-bottom-width:var(--page-main--frame--header--border-width);
    }

    .bUwLrY.hidden {
      width:1px;
      height:1px;
      display:flex;
      opacity:0;
      overflow:hidden;
      position:absolute;
      clip-path:inset(0);
      word-wrap:normal;
      margin-top:-1px;
      margin-left:-1px;
      padding-top:0px;
      white-space:nowrap;
      border-color:transparent;
      border-style:none;
      border-width:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:column;
      padding-bottom:0px;
    }

    .page-main--frame__header__link-skip\:root {
      color:var(--color);
      width:fit-content;
      font-size:var(--page-main--frame--header--link-skip--font-size);
      margin-top:var(--page-main--frame--header--link-skip--margin-top);
      font-family:var(--page-main--frame--header--link-skip--font-family);
      font-weight:var(--page-main--frame--header--link-skip--font-weight);
      line-height:var(--page-main--frame--header--link-skip--line-height);
      padding-top:var(--page-main--frame--header--link-skip--padding-vertical);
      padding-left:var(--page-main--frame--header--link-skip--padding-horizontal);
      padding-right:var(--page-main--frame--header--link-skip--padding-horizontal);
      padding-bottom:var(--page-main--frame--header--link-skip--padding-vertical);
      border-top-left-radius:var(--page-main--frame--header--link-skip--rounding);
      border-top-right-radius:var(--page-main--frame--header--link-skip--rounding);
      border-bottom-left-radius:var(--page-main--frame--header--link-skip--rounding);
      border-bottom-right-radius:var(--page-main--frame--header--link-skip--rounding);
    }

    .page-main--frame__header__link-skip\:root:focus-visible {
      outline-color:var(--page-main--frame--header--link-skip--outline-color);
      outline-style:solid;
      outline-width:var(--page-main--frame--header--link-skip--outline-width);
    }

    .dFnUhZ {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bjdpgW {
      display:flex;
      row-gap:var(--header-config--column-gap);
      column-gap:var(--header-config--column-gap);
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .header-config\:0HvZZxYGe28492RZm57hQ {
      color:var(--color);
      font-weight:var(--font-weight-medium);
    }

    .header-config\:0J9mDxGIhEQ6KwkTqrgOL {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--header-config--padding);
      background:var(--bg-color);
      column-gap:var(--header-config--padding);
      padding-top:var(--header-config--padding);
      padding-left:var(--header-config--padding);
      padding-right:var(--header-config--padding);
      padding-bottom:var(--header-config--padding);
      border-top-left-radius:var(--header-config--rounding-container);
      border-top-right-radius:var(--header-config--rounding-container);
      border-bottom-left-radius:var(--header-config--rounding-container);
      border-bottom-right-radius:var(--header-config--rounding-container);
    }

    .eRnWQV {
      color:var(--icon-color);
      width:var(--header-config--size-dot);
      height:var(--header-config--size-dot);
      background:var(--bg-color-dot);
      padding-top:var(--header-config--padding-dot);
      padding-left:var(--header-config--padding-dot);
      padding-right:var(--header-config--padding-dot);
      padding-bottom:var(--header-config--padding-dot);
      border-top-left-radius:var(--header-config--rounding-theme-dot);
      border-top-right-radius:var(--header-config--rounding-theme-dot);
      border-bottom-left-radius:var(--header-config--rounding-theme-dot);
      border-bottom-right-radius:var(--header-config--rounding-theme-dot);
    }

    .ygHkY {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:var(--header-config--padding);
      background:var(--bg-color);
      column-gap:var(--header-config--padding);
      padding-top:var(--header-config--padding);
      padding-left:var(--header-config--padding);
      padding-right:var(--header-config--padding);
      padding-bottom:var(--header-config--padding);
      border-top-left-radius:var(--header-config--rounding-container);
      border-top-right-radius:var(--header-config--rounding-container);
      border-bottom-left-radius:var(--header-config--rounding-container);
      border-bottom-right-radius:var(--header-config--rounding-container);
    }

    .bLDLsG {
      background:var(--bg-color);
      padding-top:var(--popover--content--padding);
      padding-left:var(--popover--content--padding);
      padding-right:var(--popover--content--padding);
      padding-bottom:var(--popover--content--padding);
    }

    .popover--content--body\:root {
      overflow-y:auto;
    }

    .popover--content\:root {
      scale:var(--popover--content--scale_closed) var(--popover--content--scale_closed) 1;
      height:fit-content;
      opacity:0;
      background:var(--popover--content--bg-color);
      box-shadow:var(--shadow-md);
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:var(--popover--content--padding);
      border-color:var(--popover--content--border-color);
      border-style:solid;
      border-width:var(--popover--content--border-width);
      padding-left:var(--popover--content--padding);
      padding-right:var(--popover--content--padding);
      padding-bottom:var(--popover--content--padding);
      transform-origin:center top;
      border-top-left-radius:var(--popover--content--rounding);
      border-top-right-radius:var(--popover--content--rounding);
      border-bottom-left-radius:var(--popover--content--rounding);
      border-bottom-right-radius:var(--popover--content--rounding);
    }

    .popover--content\:root.bottom-in {
      opacity:0;
      translate:0 var(--popover--content--translate-bottom-in) 0;
    }

    .popover--content\:root.top-in {
      translate:0 var(--popover--content--translate-top-in) 0;
    }

    .popover--content\:root.open {
      scale:var(--popover--content--scale_open) var(--popover--content--scale_open) 1;
      opacity:1;
      translate:0 0 0;
    }

    .popover--content\:root.bottom-out {
      scale:var(--popover--content--scale_open) var(--popover--content--scale_open) 1;
      opacity:0;
      translate:0 var(--popover--content--translate-bottom-out) 0;
    }

    .popover--content\:root.top-out {
      scale:var(--popover--content--scale_open) var(--popover--content--scale_open) 1;
      translate:0 var(--popover--content--translate-top-out) 0;
    }

    .popover--content\:root.open-transition {
      transition:scale var(--popover--content--transition-duration_open) var(--popover--content--transition-function_open) 0ms normal, opacity var(--popover--content--transition-duration_open) var(--popover--content--transition-function_open) 0ms normal, translate var(--popover--content--transition-duration_open) var(--popover--content--transition-function_open) 0ms normal;
    }

    .popover--content\:root.close-transition {
      transition:scale var(--popover--content--transition-duration_closed) var(--popover--content--transition-function_closed) 0ms normal, opacity var(--popover--content--transition-duration_closed) var(--popover--content--transition-function_closed) 0ms normal, translate var(--popover--content--transition-duration_closed) var(--popover--content--transition-function_closed) 0ms normal;
    }

    .header-config\:bi_6TC7JZWARmYbsWSgyU {
      background:var(--bg-color-content);
      padding-top:0px;
      border-color:var(--border-color);
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:var(--header-config--roundin-popover-content);
      border-top-right-radius:var(--header-config--roundin-popover-content);
      border-bottom-left-radius:var(--header-config--roundin-popover-content);
      border-bottom-right-radius:var(--header-config--roundin-popover-content);
    }

    .header-config\:iR26QDnAuS1D6U1XlSRKB {
      color:var(--color);
      height:var(--header-config--size-button);
      font-size:var(--font-size-sm);
      padding-left:var(--header-config--padding-horizontal-theme-button);
      padding-right:var(--header-config--padding-horizontal-theme-button);
      border-top-left-radius:var(--header-config--rounding-button);
      border-top-right-radius:var(--header-config--rounding-button);
      border-bottom-left-radius:var(--header-config--rounding-button);
      border-bottom-right-radius:var(--header-config--rounding-button);
    }

    .header-config\:iR26QDnAuS1D6U1XlSRKB.enabled:hover {
      scale:1 1 1;
      background:var(--bg-color_hovered);
    }

    .header-config\:iR26QDnAuS1D6U1XlSRKB.open {
      background:var(--bg-color_active);
    }

    .header-config\:iR26QDnAuS1D6U1XlSRKB.open:hover {
      background:var(--bg-color_hovered);
    }

    .header-config\:sJhRa6u4NTkZGWjh66uZL {
      color:var(--color);
      width:100%;
      row-gap:16px;
      column-gap:16px;
      align-items:center;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--header-config--rounding-button);
      border-top-right-radius:var(--header-config--rounding-button);
      border-bottom-left-radius:var(--header-config--rounding-button);
      border-bottom-right-radius:var(--header-config--rounding-button);
    }

    .header-config\:sJhRa6u4NTkZGWjh66uZL.enabled:hover {
      scale:1 1 1;
      background:var(--bg-color_hovered);
    }

    .header-config\:sJhRa6u4NTkZGWjh66uZL.enabled:active {
      scale:1 1 1;
    }

    .dynzfO {
      width:var(--header-config--size-dot-theme-button);
      height:var(--header-config--size-dot-theme-button);
      background:var(--bg-color-dot);
      border-top-left-radius:var(--header-config--rounding-theme-dot);
      border-top-right-radius:var(--header-config--rounding-theme-dot);
      border-bottom-left-radius:var(--header-config--rounding-theme-dot);
      border-bottom-right-radius:var(--header-config--rounding-theme-dot);
    }

    .header-config\:xTxq7Wpjfsgh5Z1azaTve {
      width:var(--header-config--size-button);
      cursor:pointer;
      height:var(--header-config--size-button);
      display:flex;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--header-config--rounding-button);
      border-top-right-radius:var(--header-config--rounding-button);
      border-bottom-left-radius:var(--header-config--rounding-button);
      border-bottom-right-radius:var(--header-config--rounding-button);
    }

    .header-config\:xTxq7Wpjfsgh5Z1azaTve:hover {
      background:var(--bg-color_hovered);
    }

    .header-config\:xTxq7Wpjfsgh5Z1azaTve.pressed {
      display:flex;
      background:var(--bg-color_active);
      align-items:center;
      justify-content:center;
    }

    .header-config\:xTxq7Wpjfsgh5Z1azaTve:focus-visible {
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:var(--header-config--outline-width);
    }

    .page-main--frame__header\:eE6vCh0It2XOJxkl6R9MS {
      flex:1;
      pointer-events:all;
    }

    .dxeRXO {
      width:fit-content;
      display:flex;
      row-gap:var(--top-menu--column-gap);
      font-size:var(--top-menu--font-size);
      column-gap:var(--top-menu--column-gap);
      align-items:center;
      font-family:var(--top-menu--font-family);
      font-weight:var(--top-menu--font-weight);
      flex-direction:row;
      pointer-events:all;
      justify-content:flex-start;
    }

    .bCACIs {
      top:0px;
      left:0px;
      width:var(--width);
      position:absolute;
      translate:var(--translate-x) var(--translate-y) 0;
      max-height:var(--max-height);
      overflow-x:hidden;
      overflow-y:hidden;
      --next-width:;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:none;
      transform-origin:left top;
    }

    .bCACIs:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .bCACIs.hidden {
      opacity:0;
    }

    .bCACIs.do-not-touch {
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .bCACIs.change-transition {
      width:var(--next-width);
      height:var(--next-height);
      translate:var(--next-translate-x) var(--next-translate-y) 0;
    }

    .bCACIs.open {
      pointer-events:all;
    }

    .mkgnV {
      width:inherit;
      height:auto;
    }

    .top-menu__popover\:root {
      opacity:1;
      background:var(--bg-color);
      box-shadow:var(--shadow-sm);
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--top-menu--popover--border-width);
      border-top-left-radius:var(--top-menu--popover--rounding);
      border-top-right-radius:var(--top-menu--popover--rounding);
      border-bottom-left-radius:var(--top-menu--popover--rounding);
      border-bottom-right-radius:var(--top-menu--popover--rounding);
    }

    .top-menu__popover\:root.open-transition-bottom {
      animation:var(--top-menu--popover--transition-duration_open) ease 0ms 1 normal forwards running animation-bbbnKa;
    }

    .top-menu__popover\:root.close-transition-bottom {
      animation:var(--top-menu--popover--transition-duration_closed) ease 0ms 1 normal none running animation-cNTAWa;
    }

    @keyframes animation-bbbnKa {
        0% {
          opacity: 0;
        }

        0% {
          translate: var(--translate-x) calc(var(--translate-y) + var(--top-menu--popover--translate-y_initial)) 0;
        }

        100% {
          opacity: 1;
        }

        100% {
          translate: var(--translate-x) var(--translate-y) 0;
        }
    }


    @keyframes animation-cNTAWa {
        0% {
          opacity: 1;
        }

        0% {
          translate: var(--translate-x) var(--translate-y) 0;
        }

        100% {
          translate: var(--translate-x) calc(var(--translate-y) + var(--top-menu--popover--translate-y_initial)) 0;
        }

        100% {
          opacity: 0;
        }
    }

    .fzfkzr {
      width:max-content;
      display:flex;
      padding-top:var(--top-menu--popover--padding);
      padding-left:var(--top-menu--popover--padding);
      padding-right:var(--top-menu--popover--padding);
      flex-direction:column;
      padding-bottom:var(--top-menu--popover--padding);
    }

    .btOuFL {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .top-menu\:XT-E9jUHp2kdS_RorILqI {
      background:;
    }

    .top-menu\:giQs5kPB983bUwyrbjm6k {
      width:100%;
    }

    .top-menu\:izre6dLO8CtWgS476HWGQ {
      width:var(--top-menu--logo-width);
      opacity:var(--opacity);
      translate:var(--translate-x) 0 0;
      transition:opacity calc(var(--top-menu--transition-duration) * var(--transition-duration-base)) var(--top-menu--transition-function), translate calc(var(--top-menu--transition-duration) * var(--transition-duration-base)) var(--top-menu--transition-function);
    }

    .top-menu\:kQfRPFPVeMth0cvKUkDE_ {
      opacity:var(--opacity);
      translate:var(--translate-x) 0 0;
      transition:opacity var(--top-menu--transition-duration-long) var(--top-menu--transition-function), translate var(--top-menu--transition-duration-long) var(--top-menu--transition-function);
    }

    .top-menu__item\:Hhva-ZAf98LivmqQIZkAO {
      transition:rotate var(--top-menu--popover--transition-duration_closed) ease;
    }

    .top-menu__item\:Hhva-ZAf98LivmqQIZkAO.open {
      rotate:0 0 1 -180deg;
      transition:rotate var(--top-menu--popover--transition-duration_open) ease;
    }

    .top-menu__item\:fR5P6T2X5hlWP4j0DhHVR {
      width:var(--top-menu--item--icon-size);
      height:var(--top-menu--item--icon-size);
    }

    .top-menu__item\:gK-zxzCdd1DJLSNWvCBXx {
      color:var(--color);
      width:inherit;
      cursor:pointer;
      height:var(--top-menu--item--height);
      display:flex;
      font-size:var(--top-menu--item--font-size);
      transition:background var(--top-menu--item--transition-duration) var(--top-menu--item--transition-function), color var(--top-menu--item--transition-duration) var(--top-menu--item--transition-function);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-left:var(--top-menu--item--padding-horizontal);
      padding-right:var(--top-menu--item--padding-horizontal);
      flex-direction:row;
      text-transform:var(--top-menu--item--text-transform);
      justify-content:flex-start;
      border-top-left-radius:var(--top-menu--item--rounding);
      border-top-right-radius:var(--top-menu--item--rounding);
      border-bottom-left-radius:var(--top-menu--item--rounding);
      border-bottom-right-radius:var(--top-menu--item--rounding);
    }

    .top-menu__item\:gK-zxzCdd1DJLSNWvCBXx:hover {
      background:var(--bg-color_hovered);
    }

    .top-menu__item\:gK-zxzCdd1DJLSNWvCBXx:active {
      background:var(--bg-color_active);
    }

    .top-menu__item\:gK-zxzCdd1DJLSNWvCBXx.current {
      background:var(--top-menu--item--bg-color_current);
    }

    .top-menu__item\:gK-zxzCdd1DJLSNWvCBXx:focus-visible {
      outline-color:var(--top-menu--item--outline-color);
      outline-style:solid;
      outline-width:var(--top-menu--item--outine-width);
      outline-offset:0px;
    }

    .top-menu__item\:uFy30XDk2PsxJjBtdATLd {
      color:var(--color);
      width:inherit;
      cursor:pointer;
      height:var(--top-menu--item--height);
      display:flex;
      row-gap:var(--top-menu--item--column-gap);
      font-size:var(--top-menu--item--font-size);
      column-gap:var(--top-menu--item--column-gap);
      transition:background var(--top-menu--item--transition-duration) var(--top-menu--item--transition-function), color var(--top-menu--item--transition-duration) var(--top-menu--item--transition-function);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-left:var(--top-menu--item--padding-horizontal);
      padding-right:var(--top-menu--item--padding-horizontal);
      flex-direction:row;
      text-transform:var(--top-menu--item--text-transform);
      justify-content:flex-start;
      border-top-left-radius:var(--top-menu--item--rounding);
      border-top-right-radius:var(--top-menu--item--rounding);
      border-bottom-left-radius:var(--top-menu--item--rounding);
      border-bottom-right-radius:var(--top-menu--item--rounding);
    }

    .top-menu__item\:uFy30XDk2PsxJjBtdATLd:hover {
      background:var(--bg-color_hovered);
    }

    .top-menu__item\:uFy30XDk2PsxJjBtdATLd:active {
      background:var(--bg-color_active);
    }

    .top-menu__item\:uFy30XDk2PsxJjBtdATLd:focus-visible {
      outline-color:var(--top-menu--item--outline-color);
      outline-style:solid;
      outline-width:var(--top-menu--item--outine-width);
      outline-offset:0px;
    }

    .top-menu__item\:uFy30XDk2PsxJjBtdATLd.open {
      background:var(--bg-color_open);
    }

    .top-menu\:oa_zvPsICvhlaU3A-OoCY {
      width:100%;
    }

    .top-menu\:vGlwxl9ssHsX29TuREY4N {
      display:flex;
      min-width:var(--top-menu--min-width-popover);
      flex-direction:column;
    }

    @media (max-width: 64rem) {

    .page-main--frame\:e3jYtdlMYplf_zobImhvc {
      display:none;
    }
    }

    .fBrzrg {
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      display:flex;
      row-gap:var(--page-main--frame--button-menu--column-gap);
      z-index:100;
      position:fixed;
      flex-wrap:wrap;
      translate:0 100% 0;
      column-gap:var(--page-main--frame--button-menu--column-gap);
      transition:translate var(--page-main--frame--button-menu--transition-duration) var(--page-main--frame--button-menu--transition-function) 0ms normal;
      align-items:center;
      padding-left:var(--page-main--frame--button-menu--padding-horizontal);
      padding-right:var(--page-main--frame--button-menu--padding-horizontal);
      flex-direction:row;
      padding-bottom:var(--page-main--frame--button-menu--padding-bottom);
      pointer-events:none;
      justify-content:center;
      view-transition-name:mobile-menu-button;
    }

    .fBrzrg.visible {
      translate:0 0 0;
    }

    .fBrzrg.menu-open {
      opacity:0;
    }

    .page-main--frame__button-menu\:aV--VS1h8krZiSn2i48a2 {
      color:var(--page-main--frame--button-menu--color);
      height:var(--page-main--frame--button-menu--height);
      font-size:var(--page-main--frame--button-menu--font-size);
      background:var(--page-main--frame--button-menu--bg-color);
      box-shadow:var(--shadow-md);
      border-color:var(--page-main--frame--button-menu--border-color);
      border-style:solid;
      border-width:var(--page-main--frame--button-menu--border-width);
      padding-left:var(--page-main--frame--button-menu--padding-horizontal-button);
      padding-right:var(--page-main--frame--button-menu--padding-horizontal-button);
      pointer-events:all;
      border-top-left-radius:var(--page-main--frame--button-menu--rounding);
      border-top-right-radius:var(--page-main--frame--button-menu--rounding);
      border-bottom-left-radius:var(--page-main--frame--button-menu--rounding);
      border-bottom-right-radius:var(--page-main--frame--button-menu--rounding);
    }

    .page-main--frame\:hjHtyUX_EMDooqBPyDHvs {
      display:none;
      opacity:1;
    }

    @media (max-width: 64rem) {

    .page-main--frame\:hjHtyUX_EMDooqBPyDHvs {
      display:flex;
    }
    }

    .eBgxRu {
      top:0px;
      left:0px;
      width:fit-content;
      height:fit-content;
      opacity:0;
      z-index:10;
      position:absolute;
      max-width:var(--max-width);
      translate:var(--translate);
    }

    .eBgxRu.placed {
      opacity:1;
    }

    .annotation\:8VSzHLHDYaPmQwrWlujwg {
      color:var(--annotation--color);
      font-weight:var(--annotation--font-weight);
    }

    .button-ghost\:root {
      color:var(--button-ghost--color);
      background:var(--button-ghost--bg-color);
    }

    .button-ghost\:root.enabled:hover {
      scale:var(--button-ghost--scale_hovered) var(--button-ghost--scale_hovered) 1;
      background:var(--button-ghost--bg-color_hovered);
    }

    .button-ghost\:root.enabled:active {
      background:var(--button-ghost--bg-color_pressed);
    }

    .button-ghost\:root.open {
      background:var(--button-ghost--bg-color_open);
    }

    .annotation\:Dsncpk73Hbw1TAbuMmcnP {
      height:2rem;
      row-gap:var(--annotation--padding);
      column-gap:var(--annotation--padding);
      padding-left:var(--annotation--column-gap);
      padding-right:var(--annotation--column-gap);
      border-top-left-radius:var(--annotation--rounding);
      border-top-right-radius:var(--annotation--rounding);
      border-bottom-left-radius:var(--annotation--rounding);
      border-bottom-right-radius:var(--annotation--rounding);
    }

    .uNofS {
      top:-12px;
      left:8px;
      width:fit-content;
      display:flex;
      row-gap:var(--annotation--row-gap);
      column-gap:var(--annotation--row-gap);
    }

    .dzaUnF {
      width:fit-content;
      background:var(--bg-color);
      padding-top:var(--annotation--padding);
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--annotation--border-width);
      padding-left:var(--annotation--column-gap);
      padding-right:var(--annotation--column-gap);
      padding-bottom:var(--annotation--padding);
      border-top-left-radius:var(--annotation--rounding);
      border-top-right-radius:var(--annotation--rounding);
      border-bottom-left-radius:var(--annotation--rounding);
      border-bottom-right-radius:var(--annotation--rounding);
    }

    .bHHUeZ {
      width:fit-content;
      background:var(--bg-color);
      padding-top:0px;
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--annotation--border-width);
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:var(--annotation--rounding);
      border-top-right-radius:var(--annotation--rounding);
      border-bottom-left-radius:var(--annotation--rounding);
      border-bottom-right-radius:var(--annotation--rounding);
    }

    .eZTpTd.placed {
      animation:4s ease 0ms infinite normal forwards running animation-qzeSG;
    }

    @keyframes animation-qzeSG {
        0% {
          translate: 0px;
        }

        50% {
          translate: 0 -4px 0;
        }

        100% {
          translate: 0 0 0 ;
        }
    }

    .PvjLp {
      width:fit-content;
      height:var(--line-height-md);
      display:flex;
      row-gap:2px;
      column-gap:2px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .fFgLQj {
      width:var(--annotation--typing--size);
      height:var(--annotation--typing--size);
      animation:var(--animation-duration) ease var(--delay) infinite normal both running animation-dIZNRf;
      background:var(--annotation--typing--color);
      border-radius:50%;
    }

    @keyframes animation-dIZNRf {
        0% {
          scale: 1 1 1;
        }

        0% {
          opacity: 0.2;
        }

        50% {
          opacity: 1;
        }

        50% {
          scale: 1.05;
        }

        100% {
          scale: 1;
        }

        100% {
          opacity: 0.2;
        }
    }

    .annotation\:nVHQ4FO0FIk83LRVUiCmf {
      width:var(--annotation--size-image);
      height:var(--annotation--size-image);
      border-top-left-radius:var(--annotation--rounding-avatar);
      border-top-right-radius:var(--annotation--rounding-avatar);
      border-bottom-left-radius:var(--annotation--rounding-avatar);
      border-bottom-right-radius:var(--annotation--rounding-avatar);
    }

    .bNXnHH {
      top:-16px;
      left:8px;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .fxsBsV {
      top:-2px;
      left:-4px;
      width:29px;
      height:29px;
      rotate:0 0 1 -40deg;
      clip-path:polygon(50% 0%, 100% 100%, 0% 100%);
      background:var(--border-color);
    }

    .bWkHeO {
      width:fit-content;
      height:unset;
      display:flex;
      row-gap:var(--annotation--column-gap);
      background:var(--bg-color);
      column-gap:var(--annotation--column-gap);
      align-items:center;
      padding-top:var(--annotation--padding);
      border-color:var(--border-color);
      border-style:solid;
      border-width:var(--annotation--border-width);
      padding-left:var(--annotation--padding);
      padding-right:var(--annotation--column-gap);
      flex-direction:row;
      padding-bottom:var(--annotation--padding);
      justify-content:flex-start;
      border-top-left-radius:var(--annotation--rounding);
      border-top-right-radius:var(--annotation--rounding);
      border-bottom-left-radius:var(--annotation--rounding);
      border-bottom-right-radius:var(--annotation--rounding);
    }

    .section-cta\:3ERDJujhtqZIbMDhnEQJK {
      display:flex;
      row-gap:var(--section-general--row-gap-column);
      column-gap:var(--section-general--column-gap-column);
    }

    .section-cta\:4PqHSj5L_0q4Ud6Wui58j {
      color:var(--section-cta--bg-color-separator);
      width:100%;
      height:100px;
    }

    .rrMFV {
      height:var(--section-cta--height-separator);
      background:var(--section-cta--bg-color-separator);
    }

    .CJgQj {
      background:var(--bg-color);
      padding-top:var(--section-cta--spacing-separator);
    }

    .section-cta\:UoAOsoR4lZjIDIFOEtMHo {
      color:var(--section-cta--bg-color-separator);
      width:100%;
      height:100px;
      rotate:0 0 1 180deg;
    }

    .cdwwzd {
      background:var(--bg-color);
    }

    .fsCiUB {
      left:0px;
      right:0px;
      bottom:-2px;
      height:4px;
      position:absolute;
      background:var(--section-cta--bg-color-separator);
    }

    .section-cta\:f5fjw52d1K3x7pctXf3vT {
      rotate:0 0 1 180deg;
      margin-top:-1px;
    }

    .dgPhUn {
      background:var(--bg-color);
      padding-bottom:var(--section-cta--spacing-separator);
    }

    .section-cta\:mqJ9IvzSIpzjQ0moTuzUN {
      margin-top:1px;
    }

    .ojOhN {
      width:100%;
      background:linear-gradient(to bottom right, var(--section-hero-home--bg-color-start) 42%, var(--section-hero-home--bg-color-end) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      overflow-x:clip;
      padding-top:var(--page-main--frame--header--height);
    }

    .cflbHj {
      width:100%;
      display:flex;
      opacity:1;
      row-gap:var(--block-button-group--column-gap);
      flex-wrap:wrap;
      translate:0 0px 0;
      column-gap:var(--block-button-group--column-gap);
      margin-top:var(--section-hero-home--margin-top-buttons);
      transition:opacity calc(var(--section-hero-home--transition-duration-short) * var(--transition-duration-base))  calc(var(--section-hero-home--transition-delay) * var(--transition-duration-base)), translate calc(var(--section-hero-home--transition-duration-short) * var(--transition-duration-base))  calc(var(--section-hero-home--transition-delay) * var(--transition-duration-base));
      flex-direction:row;
    }

    .cflbHj.hidden {
      opacity:0;
      translate:0 var(--section-hero-home--translate-y-buttons_initial) 0;
    }

    .TpNlD {
      display:inline;
      z-index:-1;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      line-height:inherit;
    }

    .frkdGQ {
      left:calc(-1 * var(--highlighted-text--bottom-underline));
      right:calc(-1 * var(--highlighted-text--bottom-underline));
      bottom:var(--highlighted-text--bottom-underline);
      height:var(--highlighted-text--width-underline);
      rotate:0 0 1 var(--highlighted-text--rotate-z);
      position:absolute;
      background:var(--highlighted-text--underline-color);
    }

    .bAUsIx {
      left:calc(-1 * var(--highlighted-text--bottom-underline) + 8px);
      right:calc(-1 * var(--highlighted-text--bottom-underline) - 8px);
      bottom:calc(var(--highlighted-text--bottom-underline) - 8px);
      height:var(--highlighted-text--width-underline);
      rotate:0 0 1 var(--highlighted-text--rotate-z);
      position:absolute;
      background:var(--neutral-12);
    }

    .fiJtSH {
      display:flex;
      padding-top:var(--section-hero-home--padding-vertical-content);
      padding-bottom:var(--section-hero-home--padding-vertical-content);
    }

    .bvHYXl {
      row-gap:16px;
      column-gap:16px;
      flex-direction:row;
    }

    .section-hero-home\:Ea3YHlQIkX-szV1EFX62c {
      scale:var(--scale) var(--scale) 1;
      opacity:var(--opacity);
      min-width:min(100%, 30rem);
      translate:0 var(--translate-y) 0;
      transition:opacity calc(var(--section-hero-home--transition-duration-long) * var(--transition-duration-base)) var(--section-hero-home--transition-function), translate calc(var(--section-hero-home--transition-duration-long) * var(--transition-duration-base)) var(--section-hero-home--transition-function), scale calc(var(--section-hero-home--transition-duration-long) * var(--transition-duration-base)) var(--section-hero-home--transition-function);
    }

    .ccSraa {
      width:110%;
      height:32px;
      background:var(--brand-10);
    }

    .section-hero-home\:QVCZ1_0__NenL5svq3gEp {
      display:flex;
      min-width:min(100%, 30rem);
      align-items:flex-start;
      justify-content:center;
    }

    .section-hero-home\:RvQjG-3zwq-4P8EHPq256 {
      flex:1;
      max-width:75ch;
    }

    .section-hero-home\:V56Qeplfj0G9RzWgj1k18 {
      min-width:800px;
    }

    .jSFTM {
      display:flex;
      opacity:1;
      row-gap:var(--section-hero-home--row-gap-text);
      translate:0 0 0;
      column-gap:var(--section-hero-home--row-gap-text);
      transition:opacity calc(var(--section-hero-home--transition-duration-short) * var(--transition-duration-base)) var(--section-hero-home--transition-function), translate calc(var(--section-hero-home--transition-duration-short) * var(--transition-duration-base)) var(--section-hero-home--transition-function);
    }

    .jSFTM.hidden {
      opacity:0;
      translate:0 var(--section-hero-home--translate-y-text_initial) 0;
    }

    .cqFSI {
      width:12px;
      background:var(--neutral-12);
    }

    .bBpVvr {
      width:100%;
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .section-hero-home\:o0nCzb-PRuqmtMk8Yt2wN {
      background:transparent;
      padding-top:var(--section-hero-home--padding-top);
      padding-bottom:0px;
    }

    .section-hero-home\:oMhq4xRTPnB6MPd1O0q9r {
      text-shadow:var(--text-shadow);
    }

    .section-hero-home\:pEAJIZDAa4TchEPywK7VG {
      height:100%;
    }

    .bcUggT {
      width:100%;
      height:var(--height);
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      padding-bottom:32px;
      justify-content:flex-start;
    }

    @media (max-width: 64rem) {
    }

    .bcUggT.laptop {
      animation:200ms ease 0ms 1 normal forwards running animation-npPTr;
    }

    .bcUggT.phone {
      animation:200ms ease 0ms 1 normal both running animation-eNNfNP;
    }

    @keyframes animation-npPTr {
        0% {
          --section-hero-home--device--progress: 0;
        }

        100% {
          --section-hero-home--device--progress: 1;
        }
    }


    @keyframes animation-eNNfNP {
        0% {
          --section-hero-home--device--progress: 1;
        }

        100% {
          --section-hero-home--device--progress: 0;
        }
    }

    .section-hero-home__device\:66rGbeicJxvRpC4KuYoSJ {
      flex:1;
      width:100%;
    }

    .cIWoCR {
      top:32%;
      left:-3px;
      width:3px;
      height:10%;
      opacity:var(--knob-opacity);
      position:absolute;
      translate:var(--knob-translation-x) 0 0;
      background:#48484a;
      border-radius:2px 0 0 2px;
    }

    .ewNyFm {
      top:20%;
      left:-3px;
      width:3px;
      height:10%;
      opacity:var(--knob-opacity);
      position:absolute;
      translate:var(--knob-translation-x) 0 0;
      background:#48484a;
      border-radius:2px 0 0 2px;
    }

    .cqDXWM {
      top:0px;
      left:50%;
      width:var(--width);
      height:24px;
      position:absolute;
      translate:-50% var(--translate-y) 0;
      background:#000;
      border-top-left-radius:var(--rounding-top);
      border-top-right-radius:var(--rounding-top);
      border-bottom-left-radius:var(--rounding-bottom);
      border-bottom-right-radius:var(--rounding-bottom);
    }

    .fkChSU {
      left:50%;
      width:var(--width);
      bottom:0px;
      height:14px;
      opacity:var(--opacity);
      position:absolute;
      translate:-50% var(--translate-y) 0;
      background:var(--neutral-10);
      box-shadow:0 15px 30px rgba(0, 0, 0, 0.2);
      margin-top:-1px;
      border-top-left-radius:2px;
      border-top-right-radius:2px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .doGqSw {
      max-height:50%;
      aspect-ratio:1/1;
      margin-bottom:-20px;
    }

    .fnMjpd {
      flex:1;
      scale:var(--scale) var(--scale) 1;
      width:100%;
      display:flex;
      opacity:var(--opacity);
      min-width:0px;
      translate:0 0px 0;
      min-height:0px;
      align-items:center;
      justify-content:center;
    }

    .gvjCF {
      flex:1;
      width:100%;
      min-height:0px;
    }

    .gvjCF.transitions {
      transition:scale var(--section-hero-home--device--transition-duration) var(--section-hero-home--device--transition-function), opacity var(--section-hero-home--device--transition-duration) var(--section-hero-home--device--transition-function), translate var(--section-hero-home--device--transition-duration) var(--section-hero-home--device--transition-function);
    }

    .fnhJJs {
      top:30%;
      right:-3px;
      width:3px;
      height:16%;
      opacity:var(--knob-opacity);
      position:absolute;
      translate:calc(-1 * var(--knob-translation-x)) 0 0;
      background:#48484a;
      border-radius:0 2px 2px 0;
    }

    .section-hero-home__device__switch\:root {
      width:var(--section-hero-home--device--switch--width);
      height:var(--section-hero-home--device--switch--height);
      display:flex;
      row-gap:var(--section-hero-home--device--switch--column-gap);
      background:var(--section-hero-home--device--switch--bg-color);
      column-gap:var(--section-hero-home--device--switch--column-gap);
      padding-top:var(--section-hero-home--device--switch--padding);
      padding-left:var(--section-hero-home--device--switch--padding);
      padding-right:var(--section-hero-home--device--switch--padding);
      padding-bottom:var(--section-hero-home--device--switch--padding);
      border-top-left-radius:var(--section-hero-home--device--switch--rounding);
      border-top-right-radius:var(--section-hero-home--device--switch--rounding);
      border-bottom-left-radius:var(--section-hero-home--device--switch--rounding);
      border-bottom-right-radius:var(--section-hero-home--device--switch--rounding);
    }

    .ccdQkk {
      color:inherit;
      width:var(--section-hero-home--device--switch--size-icon);
      height:var(--section-hero-home--device--switch--size-icon);
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .section-hero-home__device__switch\:Ej5c1b8gvnhCwmUigCI3M {
      flex:1;
      color:var(--section-hero-home--device--switch--color-icon);
      cursor:pointer;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      border-top-left-radius:var(--section-hero-home--device--switch--rounding-item);
      border-top-right-radius:var(--section-hero-home--device--switch--rounding-item);
      border-bottom-left-radius:var(--section-hero-home--device--switch--rounding-item);
      border-bottom-right-radius:var(--section-hero-home--device--switch--rounding-item);
    }

    .section-hero-home__device__switch\:Ej5c1b8gvnhCwmUigCI3M:hover {
      background:var(--section-hero-home--device--switch--bg-color-item_hovered);
    }

    .section-hero-home__device__switch\:Ej5c1b8gvnhCwmUigCI3M.pressed {
      flex:1;
      color:var(--section-hero-home--device--switch--color-icon_pressed);
      height:100%;
      display:flex;
      background:var(--section-hero-home--device--switch--bg-color-item_pressed);
      align-items:center;
      justify-content:center;
    }

    .section-hero-home__device__switch\:Ej5c1b8gvnhCwmUigCI3M:focus-visible {
      outline-color:var(--section-hero-home--device--switch--outline-color-item);
      outline-style:solid;
      outline-width:var(--section-hero-home--device--switch--outline-width-item);
    }

    .pJBWN {
      width:var(--width);
      border:1px solid #48484a;
      height:var(--height);
      z-index:1;
      position:relative;
      translate:0 var(--translate-y) 0;
      background:var(--section-hero-home--device--bg-color);
      box-shadow:var(--shadow);
      padding-top:10px;
      padding-left:10px;
      padding-right:10px;
      padding-bottom:10px;
      border-top-left-radius:var(--rounding-top);
      border-top-right-radius:var(--rounding-top);
      border-bottom-left-radius:var(--rounding-bottom);
      border-bottom-right-radius:var(--rounding-bottom);
    }

    .bPUhqn {
      width:100%;
      height:100%;
      overflow:hidden;
      position:relative;
      background:linear-gradient(180deg, #212121 0%, #000 100%);
      align-items:center;
      padding-bottom:20px;
      justify-content:flex-end;
      border-top-left-radius:var(--rounding);
      border-top-right-radius:var(--rounding);
      border-bottom-left-radius:var(--rounding);
      border-bottom-right-radius:var(--rounding);
    }

    .eDfwOx {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      bottom:0px;
      height:100%;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

    .presentation\:YuDADQotS485eGACdF2mE {
      height:2.75rem;
      background:var(--overlay-inverted-8);
      border-top-left-radius:var(--presentation--rounding);
      border-top-right-radius:var(--presentation--rounding);
      border-bottom-left-radius:var(--presentation--rounding);
      border-bottom-right-radius:var(--presentation--rounding);
    }

    .presentation\:YuDADQotS485eGACdF2mE:focus-visible {
      outline-color:var(--presentation--outline-color-button);
    }

    .cpwehk {
      top:14%;
      left:-3px;
      width:3px;
      height:4%;
      opacity:var(--knob-opacity);
      position:absolute;
      translate:var(--knob-translation-x) 0 0;
      background:#48484a;
      border-radius:2px 0 0 2px;
    }

    .WMnBQ {
      opacity:var(--opacity);
      translate:0 var(--translate-y) 0;
    }

    .section-general\:FVUJE4YdRRKzr7HZS_kxP {
      display:flex;
      row-gap:var(--section-general--row-gap-column);
      column-gap:var(--section-general--column-gap-column);
    }

    .biCjmu {
      width:100%;
      row-gap:var(--section--layout--row-gap);
      background:linear-gradient(to bottom right, var(--section-hero--bg-color-start) 42%, var(--section-hero--bg-color-end) 100%) scroll padding-box border-box repeat repeat 0% 0% / auto;
      overflow-x:clip;
      padding-top:var(--page-main--frame--header--height);
    }

    .eVSMqo {
      flex:1;
      width:calc(100% + 6rem);
      translate:6rem calc(var(--section--layout--row-gap) + var(--section-hero--height-separator)) 0;
      margin-top:calc(-1 * (var(--section--layout--row-gap) + var(--section-hero--height-separator)));
      margin-left:-6rem;
    }

    @media (max-width: 30rem) {

    .eVSMqo {
      width:calc(100% + 3rem);
      translate:3rem calc(var(--section--layout--row-gap) + var(--section-hero--height-separator)) 0;
      margin-left:-3rem;
    }
    }

    .section-hero\:9FhbYilU92Kg553jmqiJE {
      height:100%;
      min-width:800px;
    }

    .eveMvj {
      width:100%;
      display:flex;
      opacity:1;
      row-gap:var(--block-button-group--column-gap);
      flex-wrap:wrap;
      translate:0 0px 0;
      column-gap:var(--block-button-group--column-gap);
      margin-top:var(--section-hero--margin-top-buttons);
      transition:opacity calc(var(--section-hero--transition-duration) * var(--transition-duration-base)) calc(var(--section-hero--transition-delay) * var(--transition-duration-base)), translate calc(var(--section-hero--transition-duration) * var(--transition-duration-base)) calc(var(--section-hero--transition-delay) * var(--transition-duration-base));
      flex-direction:row;
    }

    .eveMvj.hidden {
      opacity:0;
      translate:0 var(--section-hero--translate-y-buttons_initial) 0;
    }

    .cPHZtv {
      width:100%;
      display:flex;
    }

    .section-hero\:ECetUcQTUqA0C1_gxleVl {
      max-width:75ch;
    }

    .section-hero\:MJriV-Ft6tOU2NUmoat4X {
      flex:1;
      opacity:var(--opacity);
      min-height:var(--section-hero--min-height-image);
      transition:opacity 300ms ease;
      border-color:var(--section-hero--border-color-image);
      border-style:solid;
      border-width:var(--section-hero--border-width-image);
      border-top-left-radius:var(--section-hero--rounding-image);
      border-top-right-radius:var(--section-hero--rounding-image);
    }

    .section-hero\:QVCZ1_0__NenL5svq3gEp {
      display:flex;
      min-width:min(100%, 30rem);
      align-items:flex-start;
      padding-top:0px;
      padding-bottom:0px;
      justify-content:center;
    }

    @media (max-width: 52rem) {
    }

    .OYSKi {
      display:flex;
      opacity:1;
      row-gap:var(--section-hero--row-gap-text);
      translate:0 0 0;
      column-gap:var(--section-hero--row-gap-text);
      transition:opacity calc(var(--section-hero--transition-duration) * var(--transition-duration-base)) var(--section-hero--transition-function), translate calc(var(--section-hero--transition-duration) * var(--transition-duration-base)) var(--section-hero--transition-function);
    }

    .OYSKi.hidden {
      opacity:0;
      translate:0 var(--section-hero--translate-y-text_initial) 0;
    }

    .section-hero\:f_ZZnqWa7dyLbplBhmypc {
      scale:var(--scale) var(--scale) 1;
      display:flex;
      opacity:var(--opacity);
      min-width:min(100%, 30rem);
      translate:0 var(--translate-y) 0;
      min-height:15rem;
      transition:opacity calc(var(--section-hero--transition-duration-image) * var(--transition-duration-base)) var(--section-hero--transition-function), translate calc(var(--section-hero--transition-duration-image) * var(--transition-duration-base)) var(--section-hero--transition-function), scale calc(var(--section-hero--transition-duration-image) * var(--transition-duration-base)) var(--section-hero--transition-function);
      align-items:flex-start;
      justify-content:center;
    }

    .cWRHLr {
      width:100%;
      max-height:160px;
      min-height:var(--section-hero--height-separator);
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .flSQpn {
      width:100%;
      height:var(--section-hero--height-separator);
      background:var(--brand-10);
    }

    .section-hero\:o0nCzb-PRuqmtMk8Yt2wN {
      background:transparent;
      min-height:min(800px, calc(0.7 * var(--screen-height-lvh)));
      padding-top:var(--section-hero--padding-top);
      padding-bottom:0px;
    }

    .section-hero\:oMhq4xRTPnB6MPd1O0q9r {
      text-shadow:var(--text-shadow);
    }

    .section-hero\:pEAJIZDAa4TchEPywK7VG {
      height:100%;
    }

    .dJJauY {
      width:100%;
      background:var(--bg-color);
      padding-top:var(--page-main--frame--header--height);
    }

    .eYtnhx {
      width:100%;
      display:flex;
      opacity:1;
      row-gap:var(--block-button-group--column-gap);
      flex-wrap:wrap;
      translate:0 0px 0;
      column-gap:var(--block-button-group--column-gap);
      margin-top:var(--section-hero-legal--margin-top-buttons);
      transition:opacity var(--section-hero-legal--transition-duration) var(--section-hero-legal--transition-delay), translate var(--section-hero-legal--transition-duration) var(--section-hero-legal--transition-delay);
      flex-direction:row;
    }

    .eYtnhx.hidden {
      opacity:0;
      translate:0 var(--section-hero-legal--translate-y-buttons_initial) 0;
    }

    .bHEpUx {
      display:flex;
      padding-top:var(--section-hero-legal--padding-vertical-content);
      padding-bottom:var(--section-hero-legal--padding-vertical-content);
    }

    .section-hero-legal\:ECetUcQTUqA0C1_gxleVl {
      max-width:75ch;
    }

    .cDYvkE {
      display:flex;
      opacity:1;
      row-gap:var(--section-hero-legal--spacing-text);
      translate:0 0 0;
      column-gap:var(--section-hero-legal--spacing-text);
      transition:opacity calc(var(--section-hero-legal--transition-duration) * var(--transition-duration-base)) var(--section-hero-legal--transition-function), translate calc(var(--section-hero-legal--transition-duration) * var(--transition-duration-base)) var(--section-hero-legal--transition-function);
    }

    .cDYvkE.hidden {
      opacity:0;
      translate:0 var(--section-hero-legal--translate-y-text_initial) 0;
    }

    .section-hero-legal\:o0nCzb-PRuqmtMk8Yt2wN {
      padding-top:var(--section-hero-legal--padding-top);
      padding-bottom:0px;
    }