@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 --fuchsia-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-9 {
  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 --fuchsia-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --fuchsia-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@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 --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 --lavender-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lavender-12 {
  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 --page-padding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --shadow-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --font-size-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --font-size-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 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 --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 --max-width-wide {
  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 --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 --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 --screen-height-lvh {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --section--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@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 --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 --slider--thumb-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --focus-outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --focus-outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@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 --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 --transition-duration {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --focus-outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@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 --interactive-height-md {
  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 --section--shadow-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --side-bar--height-item {
  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 --field--container--height {
  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 --transition-duration-base {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --transition-duration-long {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --focus-outline-color-brand {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@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 --section-separator--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --transition-duration-short {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --field--container--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --highlighted-text--rotate-z {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0deg;
}
@property --section-hero--bg-color-end {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@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-separator--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --focus-outline-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--bg-color-highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-cta--height-separator {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@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--shadow-color-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section-cta--bg-color-separator {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --page-main--frame--header--height {
  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 --field-multiline--padding-vertical {
  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 --section--shadow-color-highlighted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlighted-text--bottom-underline {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --field-multiline--input--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --top-menu--popover--translate-y_initial {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@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 --section--bg-color-highlighted-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --section--shadow-color-highlighted-alternate {
  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);
  --fuchsia-1: oklch(99.4% 0.003 355.6);
  --fuchsia-2: oklch(98.2% 0.0071 355.6);
  --fuchsia-3: oklch(95.4% 0.0217 355.6);
  --fuchsia-4: oklch(92.5% 0.0335 355.6);
  --fuchsia-5: oklch(89.3% 0.0437 355.6);
  --fuchsia-6: oklch(85.5% 0.0533 355.6);
  --fuchsia-7: oklch(80.8% 0.0657 355.6);
  --fuchsia-8: oklch(75.1% 0.0836 355.6);
  --fuchsia-9: oklch(53.5% 0.1681 355.6);
  --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);
  --fuchsia-10: oklch(48.8% 0.1681 355.6);
  --fuchsia-11: oklch(55.4% 0.1681 355.6);
  --fuchsia-12: oklch(34.5% 0.0986 355.6);
  --lavender-1: oklch(99.3% 0.0048 317.2);
  --lavender-2: oklch(98.2% 0.0111 317.2);
  --lavender-3: oklch(95.9% 0.03 317.2);
  --lavender-4: oklch(93.2% 0.0478 317.2);
  --lavender-5: oklch(90% 0.0659 317.2);
  --lavender-6: oklch(86% 0.0856 317.2);
  --lavender-7: oklch(80.5% 0.1118 317.2);
  --lavender-8: oklch(73.5% 0.1476 317.2);
  --lavender-9: oklch(56% 0.1677 317.2);
  --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);
  --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);
  --lavender-10: oklch(51.4% 0.1677 317.2);
  --lavender-11: oklch(51.7% 0.1677 317.2);
  --lavender-12: oklch(32.5% 0.1358 317.2);
  --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);
  --page-padding: 16px;
  --shadow-color: color-mix(in oklch, var(--neutral-12) 40%, transparent);
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 4.5rem;
  --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;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 5.5rem;
  --font-family-mono: "DM Mono";
  --font-family-sans: "DM Sans";
  --font-weight-bold: 600;
  --font-weight-thin: 300;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --screen-height-lvh: 100vh;
  --section--bg-color: var(--neutral-0);
  --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;
  --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%);
  --slider--thumb-size: 1.5rem;
  --focus-outline-color: var(--neutral-12);
  --focus-outline-width: 2px;
  --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;
  --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%);
  --transition-duration: 300ms;
  --focus-outline-offset: 1px;
  --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: 3.5rem;
  --interactive-height-md: 3rem;
  --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;
  --section--shadow-color: var(--neutral-12);
  --side-bar--height-item: 2.75rem;
  --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;
  --field--container--height: 3rem;
  --section--bg-color-accent: var(--brand-7);
  --section--layout--row-gap: 56px;
  --transition-duration-base: 100ms;
  --transition-duration-long: 450ms;
  --focus-outline-color-brand: var(--brand-8);
  --letter-spacing-4xl-mobile: 0rem;
  --letter-spacing-5xl-mobile: 0rem;
  --letter-spacing-6xl-mobile: 0rem;
  --section-separator--height: 100px;
  --transition-duration-short: 200ms;
  --field--container--rounding: 6px;
  --highlighted-text--rotate-z: 0deg;
  --section-hero--bg-color-end: var(--neutral-3);
  --section--bg-color-alternate: var(--neutral-1);
  --section--layout--column-gap: 32px;
  --section-separator--bg-color: var(--brand-7);
  --focus-outline-color-inverted: var(--neutral-inverted-12);
  --section--shadow-color-accent: var(--brand-12);
  --section-hero--bg-color-start: var(--neutral-0);
  --section-hero--rounding-image: 14px;
  --section--bg-color-highlighted: var(--neutral-inverted-0);
  --section-cta--height-separator: 16px;
  --section-cta--spacing-separator: 10px;
  --section-hero--height-separator: var(--section-separator--height);
  --section--shadow-color-alternate: var(--neutral-12);
  --section-cta--bg-color-separator: var(--brand-7);
  --page-main--frame--header--height: 4.5rem;
  --section-hero--border-color-image: var(--neutral-6);
  --section-hero--border-width-image: 1px;
  --field-multiline--padding-vertical: calc((var(--field--container--height) - var(--field-multiline--input--line-height))/ 2);
  --highlighted-text--underline-color: var(--brand-8);
  --highlighted-text--width-underline: 6px;
  --section--shadow-color-highlighted: var(--neutral-12);
  --highlighted-text--bottom-underline: 4px;
  --field-multiline--input--line-height: var(--line-height-md);
  --top-menu--popover--translate-y_initial: 16px;
  --field--container--outline-width_focused: 2px;
  --field--container--outline-width_hovered: 1px;
  --section--bg-color-highlighted-alternate: var(--neutral-inverted-2);
  --section--shadow-color-highlighted-alternate: var(--neutral-12);
}
  
  @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);
  --fuchsia-1: oklch(99.4% 0.003 355.6);
  --fuchsia-2: oklch(98.2% 0.0071 355.6);
  --fuchsia-3: oklch(95.4% 0.0217 355.6);
  --fuchsia-4: oklch(92.5% 0.0335 355.6);
  --fuchsia-5: oklch(89.3% 0.0437 355.6);
  --fuchsia-6: oklch(85.5% 0.0533 355.6);
  --fuchsia-7: oklch(80.8% 0.0657 355.6);
  --fuchsia-8: oklch(75.1% 0.0836 355.6);
  --fuchsia-9: oklch(53.5% 0.1681 355.6);
  --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);
  --fuchsia-10: oklch(48.8% 0.1681 355.6);
  --fuchsia-11: oklch(55.4% 0.1681 355.6);
  --fuchsia-12: oklch(34.5% 0.0986 355.6);
  --lavender-1: oklch(99.3% 0.0048 317.2);
  --lavender-2: oklch(98.2% 0.0111 317.2);
  --lavender-3: oklch(95.9% 0.03 317.2);
  --lavender-4: oklch(93.2% 0.0478 317.2);
  --lavender-5: oklch(90% 0.0659 317.2);
  --lavender-6: oklch(86% 0.0856 317.2);
  --lavender-7: oklch(80.5% 0.1118 317.2);
  --lavender-8: oklch(73.5% 0.1476 317.2);
  --lavender-9: oklch(56% 0.1677 317.2);
  --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);
  --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);
  --lavender-10: oklch(51.4% 0.1677 317.2);
  --lavender-11: oklch(51.7% 0.1677 317.2);
  --lavender-12: oklch(32.5% 0.1358 317.2);
  --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);
  --page-padding: 16px;
  --shadow-color: color-mix(in oklch, var(--neutral-12) 40%, transparent);
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 4.5rem;
  --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;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 5.5rem;
  --font-family-mono: "DM Mono";
  --font-family-sans: "DM Sans";
  --font-weight-bold: 600;
  --font-weight-thin: 300;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --screen-height-lvh: 100vh;
  --section--bg-color: var(--neutral-0);
  --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;
  --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%);
  --slider--thumb-size: 1.5rem;
  --focus-outline-color: var(--neutral-12);
  --focus-outline-width: 2px;
  --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;
  --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%);
  --transition-duration: 300ms;
  --focus-outline-offset: 1px;
  --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: 3.5rem;
  --interactive-height-md: 3rem;
  --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;
  --section--shadow-color: var(--neutral-12);
  --side-bar--height-item: 2.75rem;
  --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;
  --field--container--height: 3rem;
  --section--bg-color-accent: var(--brand-7);
  --section--layout--row-gap: 56px;
  --transition-duration-base: 100ms;
  --transition-duration-long: 450ms;
  --focus-outline-color-brand: var(--brand-8);
  --letter-spacing-4xl-mobile: 0rem;
  --letter-spacing-5xl-mobile: 0rem;
  --letter-spacing-6xl-mobile: 0rem;
  --section-separator--height: 100px;
  --transition-duration-short: 200ms;
  --field--container--rounding: 6px;
  --highlighted-text--rotate-z: 0deg;
  --section-hero--bg-color-end: var(--neutral-3);
  --section--bg-color-alternate: var(--neutral-1);
  --section--layout--column-gap: 32px;
  --section-separator--bg-color: var(--brand-7);
  --focus-outline-color-inverted: var(--neutral-inverted-12);
  --section--shadow-color-accent: var(--brand-12);
  --section-hero--bg-color-start: var(--neutral-0);
  --section-hero--rounding-image: 14px;
  --section--bg-color-highlighted: var(--neutral-inverted-0);
  --section-cta--height-separator: 16px;
  --section-cta--spacing-separator: 10px;
  --section-hero--height-separator: var(--section-separator--height);
  --section--shadow-color-alternate: var(--neutral-12);
  --section-cta--bg-color-separator: var(--brand-7);
  --page-main--frame--header--height: 4.5rem;
  --section-hero--border-color-image: var(--neutral-6);
  --section-hero--border-width-image: 1px;
  --field-multiline--padding-vertical: calc((var(--field--container--height) - var(--field-multiline--input--line-height))/ 2);
  --highlighted-text--underline-color: var(--brand-8);
  --highlighted-text--width-underline: 6px;
  --section--shadow-color-highlighted: var(--neutral-12);
  --highlighted-text--bottom-underline: 4px;
  --field-multiline--input--line-height: var(--line-height-md);
  --top-menu--popover--translate-y_initial: 16px;
  --field--container--outline-width_focused: 2px;
  --field--container--outline-width_hovered: 1px;
  --section--bg-color-highlighted-alternate: var(--neutral-inverted-2);
  --section--shadow-color-highlighted-alternate: var(--neutral-12);
}
    }
  [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);
  --fuchsia-1: oklch(99.4% 0.003 355.6);
  --fuchsia-2: oklch(98.2% 0.0071 355.6);
  --fuchsia-3: oklch(95.4% 0.0217 355.6);
  --fuchsia-4: oklch(92.5% 0.0335 355.6);
  --fuchsia-5: oklch(89.3% 0.0437 355.6);
  --fuchsia-6: oklch(85.5% 0.0533 355.6);
  --fuchsia-7: oklch(80.8% 0.0657 355.6);
  --fuchsia-8: oklch(75.1% 0.0836 355.6);
  --fuchsia-9: oklch(53.5% 0.1681 355.6);
  --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);
  --fuchsia-10: oklch(48.8% 0.1681 355.6);
  --fuchsia-11: oklch(55.4% 0.1681 355.6);
  --fuchsia-12: oklch(34.5% 0.0986 355.6);
  --lavender-1: oklch(99.3% 0.0048 317.2);
  --lavender-2: oklch(98.2% 0.0111 317.2);
  --lavender-3: oklch(95.9% 0.03 317.2);
  --lavender-4: oklch(93.2% 0.0478 317.2);
  --lavender-5: oklch(90% 0.0659 317.2);
  --lavender-6: oklch(86% 0.0856 317.2);
  --lavender-7: oklch(80.5% 0.1118 317.2);
  --lavender-8: oklch(73.5% 0.1476 317.2);
  --lavender-9: oklch(56% 0.1677 317.2);
  --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);
  --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);
  --lavender-10: oklch(51.4% 0.1677 317.2);
  --lavender-11: oklch(51.7% 0.1677 317.2);
  --lavender-12: oklch(32.5% 0.1358 317.2);
  --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);
  --page-padding: 16px;
  --shadow-color: color-mix(in oklch, var(--neutral-12) 40%, transparent);
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 4.5rem;
  --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;
  --line-height-2xl: 2rem;
  --line-height-3xl: 2.375rem;
  --line-height-4xl: 2.75rem;
  --line-height-5xl: 3.75rem;
  --line-height-6xl: 5.5rem;
  --font-family-mono: "DM Mono";
  --font-family-sans: "DM Sans";
  --font-weight-bold: 600;
  --font-weight-thin: 300;
  --letter-spacing-lg: 0rem;
  --letter-spacing-md: 0rem;
  --letter-spacing-sm: 0rem;
  --letter-spacing-xl: 0rem;
  --letter-spacing-xs: 0rem;
  --screen-height-lvh: 100vh;
  --section--bg-color: var(--neutral-0);
  --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;
  --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%);
  --slider--thumb-size: 1.5rem;
  --focus-outline-color: var(--neutral-12);
  --focus-outline-width: 2px;
  --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;
  --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%);
  --transition-duration: 300ms;
  --focus-outline-offset: 1px;
  --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: 3.5rem;
  --interactive-height-md: 3rem;
  --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;
  --section--shadow-color: var(--neutral-12);
  --side-bar--height-item: 2.75rem;
  --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;
  --field--container--height: 3rem;
  --section--bg-color-accent: var(--brand-7);
  --section--layout--row-gap: 56px;
  --transition-duration-base: 100ms;
  --transition-duration-long: 450ms;
  --focus-outline-color-brand: var(--brand-8);
  --letter-spacing-4xl-mobile: 0rem;
  --letter-spacing-5xl-mobile: 0rem;
  --letter-spacing-6xl-mobile: 0rem;
  --section-separator--height: 100px;
  --transition-duration-short: 200ms;
  --field--container--rounding: 6px;
  --highlighted-text--rotate-z: 0deg;
  --section-hero--bg-color-end: var(--neutral-3);
  --section--bg-color-alternate: var(--neutral-1);
  --section--layout--column-gap: 32px;
  --section-separator--bg-color: var(--brand-7);
  --focus-outline-color-inverted: var(--neutral-inverted-12);
  --section--shadow-color-accent: var(--brand-12);
  --section-hero--bg-color-start: var(--neutral-0);
  --section-hero--rounding-image: 14px;
  --section--bg-color-highlighted: var(--neutral-inverted-0);
  --section-cta--height-separator: 16px;
  --section-cta--spacing-separator: 10px;
  --section-hero--height-separator: var(--section-separator--height);
  --section--shadow-color-alternate: var(--neutral-12);
  --section-cta--bg-color-separator: var(--brand-7);
  --page-main--frame--header--height: 4.5rem;
  --section-hero--border-color-image: var(--neutral-6);
  --section-hero--border-width-image: 1px;
  --field-multiline--padding-vertical: calc((var(--field--container--height) - var(--field-multiline--input--line-height))/ 2);
  --highlighted-text--underline-color: var(--brand-8);
  --highlighted-text--width-underline: 6px;
  --section--shadow-color-highlighted: var(--neutral-12);
  --highlighted-text--bottom-underline: 4px;
  --field-multiline--input--line-height: var(--line-height-md);
  --top-menu--popover--translate-y_initial: 16px;
  --field--container--outline-width_focused: 2px;
  --field--container--outline-width_hovered: 1px;
  --section--bg-color-highlighted-alternate: var(--neutral-inverted-2);
  --section--shadow-color-highlighted-alternate: var(--neutral-12);
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-DM Sans: 'DM Sans',sans-serif;
--font-DM Mono: 'DM Mono',monospace;

    /* 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;
    }
  }
}


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

    .dDDoOK.ready {
      opacity:1;
    }

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

    .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(--neutral-12);
      width:max-content;
      opacity:0;
      row-gap:12px;
      max-width:100%;
      translate:0 16px 0;
      background:var(--neutral-1);
      box-shadow:var(--shadow-sm);
      column-gap:12px;
      padding-top:12px;
      border-color:var(--neutral-6);
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:12px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .toast\:root.open {
      opacity:1;
      translate:0 0px;
      transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal;
    }

    .toast\:root.closing {
      opacity:0;
      translate:0 -16px 0;
    }

    .toast\:root.open-transition {
      transition:opacity 250ms ease 0ms normal, translate 250ms ease 0ms normal;
    }

    .toast\:root.close-transition {
      transition:opacity 150ms ease 0ms normal, translate 150ms ease 0ms normal;
    }

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

    .toast\:root.warning {
      color:var(--warning-11);
      background:var(--warning-2);
      border-color:var(--warning-8);
      border-style:solid;
    }

    .toast\:root.critical {
      color:var(--critical-11);
      background:var(--critical-2);
      border-color:var(--critical-8);
      border-style:solid;
    }

    .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:20px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:20px;
      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:360px;
      transition:height 150ms ease 0ms normal;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .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;
    }

    .cBifEu {
      min-height:100%;
    }

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

    .bYImLz {
      row-gap:4px;
      column-gap:4px;
      margin-top:6px;
    }

    .bYImLz:empty {
      display:none;
    }

    .field__hints__error-message\:root {
      color:var(--color);
      width:100%;
      font-size:var(--font-size-sm);
      font-family:var(--font-family-sans);
      font-weight:var(--font-weight-regular);
      line-height:var(--line-height-sm);
    }

    .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(--font-size-md);
      min-width:0px;
      font-family:var(--font-family-sans);
      font-weight:var(--font-weight-regular);
      line-height:1;
      padding-left:10px;
      padding-right:10px;
    }

    .eJmIUR {
      width:100%;
      height:var(--field--container--height);
      display:flex;
      row-gap:2px;
      background:var(--bg-color);
      column-gap:2px;
      overflow-x:clip;
      overflow-y:clip;
      transition:background-color 150ms ease  , color 150ms ease;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

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

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

    .eJmIUR.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:4px;
      flex-direction:row;
    }

    .dsAbEn {
      color:var(--neutral-12);
      width:1.25rem;
      height:1.25rem;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .dsAbEn.inverted {
      color:var(--neutral-inverted-12);
    }

    .dsAbEn:first-child {
      margin-left:10px;
    }

    .dsAbEn:last-child {
      margin-right:10px;
    }

    .dsAbEn:empty {
      display:none;
    }

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

    .clgAkg {
      color:var(--neutral-12);
      display:inline-block;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:var(--font-family-sans);
      font-weight:var(--font-weight-regular);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

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

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

    .clgAkg.inverted {
      color:var(--neutral-inverted-12);
    }

    .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:8px;
      font-size:var(--font-size-md);
      column-gap:8px;
      transition:color 150ms ease;
      font-family:var(--font-family-sans);
      font-weight:var(--font-weight-medium);
      line-height:1.2;
      flex-direction:row;
      padding-bottom:8px;
    }

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

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

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

    .eoakUQ {
      row-gap:16px;
      column-gap:16px;
    }

    .ftMfWk {
      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;
    }

    .ftMfWk:first-child {
      margin-left:-2px;
    }

    .ftMfWk:last-child {
      margin-right:-2px;
    }

    .field-pin\:LS1NM0gtRNwiyv1ScVAeV {
      font-size:var(--font-size-2xl);
      text-align:center;
      font-weight:var(--font-weight-medium);
    }

    .NDtij {
      width:fit-content;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

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

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

    .language-switch\:6ZsSPvhVFveznLlS_XdBU {
      width:fit-content;
      height:fit-content;
      display:flex;
      row-gap:4px;
      background:var(--bg-color);
      column-gap:4px;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .language-switch\:S1RZ3AVes0CABGKoo13uy {
      width:3rem;
      cursor:pointer;
      height:3rem;
      display:flex;
      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;
    }

    .language-switch\:S1RZ3AVes0CABGKoo13uy:hover {
      background:var(--bg-color_hovered);
    }

    .language-switch\:S1RZ3AVes0CABGKoo13uy.pressed {
      display:flex;
      background:var(--bg-color_active);
      align-items:center;
      justify-content:center;
    }

    .language-switch\:S1RZ3AVes0CABGKoo13uy:focus-visible {
      outline-color:var(--outline-color);
      outline-style:solid;
      outline-width:var(--focus-outline-width);
    }

    .language-switch\:b5H-RtfyEfqe2Icb3B1lD {
      color:var(--color);
      font-weight:var(--font-weight-medium);
    }

    .eXEYUq {
      width:100%;
      max-width:25rem;
      background:var(--neutral-0);
      padding-top:16px;
      border-color:var(--neutral-5);
      border-style:solid;
      border-width:1px;
      padding-bottom:16px;
      border-top-left-radius:26px;
      border-top-right-radius:26px;
      border-bottom-left-radius:26px;
      border-bottom-right-radius:26px;
    }

    .crOQMk {
      width:fit-content;
      cursor:pointer;
      height:var(--interactive-height-md);
      row-gap:6px;
      font-size:var(--font-size-md);
      column-gap:6px;
      overflow-x:clip;
      overflow-y:clip;
      transition:scale 200ms ease 0ms normal, background 200ms ease 0ms normal, opacity 200ms ease;
      align-items:center;
      font-family:var(--font-family-sans);
      font-weight:var(--font-weight-medium);
      user-select:none;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .crOQMk.hovered {
      z-index:1;
    }

    .crOQMk.enabled:active {
      transition:scale 50ms ease, background 50ms ease;
    }

    .crOQMk.disabled {
      cursor:default;
      opacity:0.6;
    }

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

    .crOQMk.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;
    }

    .crOQMk.loading {
      cursor:wait;
    }

    .bYosio {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

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

    .coOnxs {
      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;
    }

    .coOnxs.spinning {
      animation:1000ms linear 0ms infinite normal none running animation-fdlyLB;
    }

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

    .cnPjQV {
      width:100%;
      height:100%;
      opacity:0.3;
      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);
    }

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

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

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

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

    .form--footer--button-primary\:root {
      width:100%;
    }

    .bLTheM {
      color:var(--paragraph--color, inherit);
      widows:3;
      display:inline-block;
      orphans:3;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:var(--font-family-sans);
      font-weight:var(--paragraph--font-weight, var(--font-weight-regular));
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .bLTheM.inverted {
      color:var(--paragraph--color-inverted, var(--neutral-inverted-11));
    }

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

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

    .ceLPTz {
      width:fit-content;
      cursor:pointer;
      height:var(--interactive-height-md);
      row-gap:10px;
      font-size:var(--font-size-md);
      column-gap:10px;
      overflow-x:clip;
      overflow-y:clip;
      transition:scale 200ms ease 0ms normal, background 200ms ease 0ms normal;
      align-items:center;
      font-family:var(--font-family-sans);
      font-weight:var(--font-weight-medium);
      user-select:none;
      padding-left:24px;
      padding-right:24px;
      flex-direction:row;
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:14px;
      border-top-right-radius:14px;
      border-bottom-left-radius:14px;
      border-bottom-right-radius:14px;
    }

    .ceLPTz.hovered {
      z-index:1;
    }

    .ceLPTz:active {
      transition:scale 50ms ease, background 50ms ease;
    }

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

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

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

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

    .page-auth--form\:SWQGY8CHDohDMcsyoCBud {
      width:auto;
      height:auto;
      row-gap:6px;
      column-gap:6px;
      margin-top:20px;
      padding-top:8px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:8px;
    }

    .egtvBp {
      width:100%;
      row-gap:32px;
      column-gap:32px;
      align-items:center;
      justify-content:flex-start;
    }

    .eMWCzc {
      width:100%;
      height:auto;
      overflow-x:clip;
      flex-direction:row;
    }

    .cmvXjf {
      left:var(--left);
      width:var(--width);
      height:inherit;
      display:flex;
      align-items:flex-start;
      flex-direction:row;
      justify-content:center;
    }

    .cttQCQ {
      width:inherit;
      height:inherit;
      overflow-x:visible;
      overflow-y:visible;
    }

    .evTMUv {
      align-items:center;
      padding-top:32px;
      padding-left:16px;
      padding-right:16px;
      padding-bottom:32px;
      justify-content:center;
    }

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

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

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

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

    .button-secondary\:WRSrwT0thL9PUNAYUe7ax {
      background:var(--bg-color);
    }

    .form--footer--button-secondary\:root {
      width:100%;
      height:2.75rem;
    }

    .dGfdHe {
      display:flex;
      row-gap:8px;
      flex-wrap:wrap-reverse;
      column-gap:8px;
      align-items:center;
      flex-direction:column;
      justify-content:flex-end;
    }

    .bVRkLH {
      color:var(--success-12);
      width:6rem;
      height:6rem;
      background:var(--success-7);
      align-items:center;
      padding-top:20px;
      border-color:var(--success-4);
      border-style:solid;
      border-width:8px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:20px;
      justify-content:center;
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .cCYXsI {
      width:100%;
    }

    .form\:root {
      row-gap:20px;
      column-gap:20px;
    }

    .frRqTE {
      background:var(--neutral-1);
      min-height:100%;
      align-items:center;
      padding-top:60px;
      padding-left:var(--page-padding);
      padding-right:var(--page-padding);
      padding-bottom:60px;
      justify-content:center;
    }

    .fenYpN {
      align-items:center;
      padding-top:20px;
      padding-left:16px;
      padding-right:16px;
      padding-bottom:20px;
      justify-content:center;
    }

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

    .page-auth--form\:sPLiSA5PTqAM7o3EBixGW {
      max-width:16rem;
    }

    .dfucBl {
      width:var(--width);
      height:0px;
      translate:var(--translate-x) 0 0;
      overflow-x:visible;
      overflow-y:visible;
    }

    .dfucBl.current {
      height:auto;
      overflow-y:visible;
    }

    .page-auth--form\:t63ddIR25wTAbMZNsxx4G {
      transition:opacity 200ms ease;
      padding-left:16px;
      padding-right:16px;
    }

    .page-auth--form\:t63ddIR25wTAbMZNsxx4G.moving {
      opacity:0;
      transition:opacity 0ms ease;
    }

    .page-auth--form\:tbQtwCbPHqtIEQg1oec0R {
      transition:opacity 200ms ease;
      padding-left:16px;
      padding-right:16px;
    }

    .page-auth--form\:tbQtwCbPHqtIEQg1oec0R.moving {
      opacity:0;
      transition:opacity 0ms ease;
    }