@property --ease--in {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --ease--out {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --space--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --border--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}
@property --border--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@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 --space--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space--2xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space--3xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --space--4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --ease--in-out {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --ease--linear {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --ease--spring {
  syntax: "*";
  inherits: true;
  initial-value: ;
}
@property --rounding--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --rounding--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --rounding--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --rounding--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --rounding--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --rounding--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --shadow--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --size--lg--gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--md--gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--sm--gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xl--gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xs--gap {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--brand-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0F101B;
}
@property --color--brand-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #151625;
}
@property --color--brand-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #212247;
}
@property --color--brand-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2A2963;
}
@property --color--brand-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #333373;
}
@property --color--brand-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3D3E81;
}
@property --color--brand-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #494A95;
}
@property --color--brand-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5759B1;
}
@property --color--brand-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7C7EF3;
}
@property --duration--long {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --rounding--full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --rounding--none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--lg--icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--lg--text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--md--icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--md--text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--sm--icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--sm--text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xl--icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xl--text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xs--icon {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xs--text {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--lg--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --text--md--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --text--sm--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --text--xl--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --text--xs--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --color--brand-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7171E5;
}
@property --color--brand-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A6ACFF;
}
@property --color--brand-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DCE0FE;
}
@property --duration--xLong {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --site--max-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --site--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--2xl--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text--3xl--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --text--4xl--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --text--5xl--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --text--6xl--size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --color--neutral-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #131314;
}
@property --color--neutral-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #171719;
}
@property --color--neutral-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E1E1F;
}
@property --color--neutral-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #262628;
}
@property --color--neutral-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2C2C2F;
}
@property --color--neutral-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #323236;
}
@property --color--neutral-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B3B3F;
}
@property --color--neutral-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #48484E;
}
@property --color--neutral-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #606068;
}
@property --color--neutral-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6E6E77;
}
@property --color--overlay-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff0a;
}
@property --color--overlay-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff14;
}
@property --color--overlay-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff1f;
}
@property --color--overlay-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff2e;
}
@property --color--overlay-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff4d;
}
@property --color--overlay-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff66;
}
@property --color--overlay-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff80;
}
@property --color--overlay-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff99;
}
@property --color--overlay-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffb3;
}
@property --color--success-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111915;
}
@property --color--success-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #141E19;
}
@property --color--success-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #122F22;
}
@property --color--success-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0C3D29;
}
@property --color--success-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #104A33;
}
@property --color--success-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #18583E;
}
@property --color--success-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F694B;
}
@property --color--success-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #227D5A;
}
@property --color--success-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #10B981;
}
@property --color--warning-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16120C;
}
@property --color--warning-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D180F;
}
@property --color--warning-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #302008;
}
@property --color--warning-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F2700;
}
@property --color--warning-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D3000;
}
@property --color--warning-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5C3D05;
}
@property --color--warning-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #714F19;
}
@property --color--warning-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8F6424;
}
@property --color--warning-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC53D;
}
@property --duration--medium {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@property --size--lg--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--lg--loader {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--md--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--md--loader {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--sm--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--sm--loader {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xl--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xl--loader {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xs--height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xs--loader {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --color--critical-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #191111;
}
@property --color--critical-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #201314;
}
@property --color--critical-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3B1219;
}
@property --color--critical-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #500F1C;
}
@property --color--critical-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #611623;
}
@property --color--critical-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #72232D;
}
@property --color--critical-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8C333A;
}
@property --color--critical-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B54548;
}
@property --color--critical-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E5484D;
}
@property --color--neutral-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7B7B84;
}
@property --color--neutral-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3B3BB;
}
@property --color--neutral-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEEEF0;
}
@property --color--overlay-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffcc;
}
@property --color--overlay-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffe6;
}
@property --color--overlay-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffffff2;
}
@property --color--success-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00AD76;
}
@property --color--success-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #43D59B;
}
@property --color--success-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A9F2CE;
}
@property --color--warning-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD60A;
}
@property --color--warning-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFCA16;
}
@property --color--warning-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE7B3;
}
@property --duration--instant {
  syntax: "<time>";
  inherits: true;
  initial-value: 0s;
}
@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 --text--lg--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --color--critical-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC5D5E;
}
@property --color--critical-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF9592;
}
@property --color--critical-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD1D9;
}
@property --size--lg--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--md--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--sm--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xl--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xs--rounding {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--2xl--spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --font-weight--medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --site--header-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--lg--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--md--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--sm--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xl--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xs--padding-x {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --font-weight--regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --size--lg--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--md--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--sm--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xl--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xs--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--lg--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --text--lg--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--md--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text--md--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--sm--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --text--sm--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--xl--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --text--xl--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--xs--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --text--xs--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--2xl--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --text--2xl--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--3xl--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --text--3xl--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--4xl--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.75rem;
}
@property --text--4xl--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--5xl--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --text--5xl--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--6xl--line-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --text--6xl--size-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--lg--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--md--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --text--sm--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --text--xl--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --text--xs--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --color--neutral-inverted-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--overlay-inverted-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1212140d;
}
@property --color--overlay-inverted-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1212140d;
}
@property --color--overlay-inverted-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12121426;
}
@property --color--overlay-inverted-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: a4: #12121433;
}
@property --color--overlay-inverted-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1212144d;
}
@property --color--overlay-inverted-6 {
  syntax: "<color>";
  inherits: true;
  initial-value:  #12121466;
}
@property --color--overlay-inverted-7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12121480;
}
@property --color--overlay-inverted-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12121499;
}
@property --color--overlay-inverted-9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121214b3;
}
@property --focus-ring--outline-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --focus-ring--outline-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--lg--icon-correction {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--md--icon-correction {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--sm--icon-correction {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xl--icon-correction {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --size--xs--icon-correction {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--2xl--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--3xl--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --text--4xl--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.045rem;
}
@property --text--5xl--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.0575rem;
}
@property --text--6xl--letter-spacing {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.075rem;
}
@property --color--neutral-inverted-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--neutral-inverted-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --color--overlay-inverted-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121214cc;
}
@property --color--overlay-inverted-11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121214e6;
}
@property --color--overlay-inverted-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121214f2;
}
@property --focus-ring--outline-offset {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--lg--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--md--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--sm--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--xl--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--xs--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --component--backdrop--bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--2xl--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--3xl--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--4xl--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--5xl--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--6xl--line-height-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --component--table--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --focus-ring--outline-color-brand {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text--lg--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--md--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--sm--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--xl--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--xs--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--2xl--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--3xl--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--4xl--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--5xl--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--6xl--letter-spacing-mobile {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --component--data-list--border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --focus-ring--outline-color-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}

  :host, :root {
  --ease--in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease--out: cubic-bezier(0.16, 1, 0.3, 1);
  --space--lg: 1.5rem;
  --space--md: 1rem;
  --space--sm: 0.75rem;
  --space--xl: 2rem;
  --space--xs: 0.5rem;
  --border--lg: 2px;
  --border--md: 1px;
  --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);
  --space--2xl: 2.5rem;
  --space--2xs: 0.25rem;
  --space--3xl: 3rem;
  --space--3xs: 0.125rem;
  --space--4xl: 4rem;
  --ease--in-out: cubic-bezier(0.83, 0, 0.17, 1);
  --ease--linear: linear;
  --ease--spring: linear(0 0%, 0.0272 1.8634%, 0.1105 4.1408%, 0.6331 13.6646%, 0.8573 19.0476%, 0.9382 21.9462%, 0.9936 24.8447%, 1.0314 28.1573%, 1.0432 30.0207%, 1.0498 31.8841%, 1.052 33.3333%, 1.0522 34.5756%, 1.0486 37.4741%, 1.0174 48.6542%, 1.0057 54.4513%, 0.9998 59.8344%, 0.9974 66.0455%, 1.0001 100% /*{"type":"spring","stiffness":133,"damping":35,"mass":5}*/);
  --rounding--lg: 12px;
  --rounding--md: 8px;
  --rounding--sm: 4px;
  --rounding--xl: 16px;
  --rounding--xs: 2px;
  --rounding--2xl: 24px;
  --shadow--color: #000000e6;
  --size--lg--gap: var(--space--xs);
  --size--md--gap: var(--space--xs);
  --size--sm--gap: var(--space--xs);
  --size--xl--gap: var(--space--xs);
  --size--xs--gap: var(--space--2xs);
  --color--brand-1: #0B1310;
  --color--brand-2: #101C18;
  --color--brand-3: #0C2E24;
  --color--brand-4: #013C2D;
  --color--brand-5: #064939;
  --color--brand-6: #115845;
  --color--brand-7: #196A55;
  --color--brand-8: #1A8066;
  --color--brand-9: #19C39B;
  --duration--long: 300ms;
  --rounding--full: 999px;
  --rounding--none: 0px;
  --size--lg--icon: 1.5rem;
  --size--lg--text: var(--text--md--size);
  --size--md--icon: 1.25rem;
  --size--md--text: var(--text--md--size);
  --size--sm--icon: 1.125rem;
  --size--sm--text: var(--text--md--size);
  --size--xl--icon: 2rem;
  --size--xl--text: var(--text--lg--size);
  --size--xs--icon: 1rem;
  --size--xs--text: var(--text--sm--size);
  --text--lg--size: 1.125rem;
  --text--md--size: 1rem;
  --text--sm--size: 0.875rem;
  --text--xl--size: 1.25rem;
  --text--xs--size: 0.75rem;
  --color--brand-10: #00B790;
  --color--brand-11: #3DD6AD;
  --color--brand-12: #A7F2D8;
  --duration--xLong: 450ms;
  --site--max-width: 80rem;
  --site--padding-x: 1.25rem;
  --text--2xl--size: 1.5rem;
  --text--3xl--size: 1.875rem;
  --text--4xl--size: 2.25rem;
  --text--5xl--size: 3rem;
  --text--6xl--size: 4.5rem;
  --color--neutral-0: #080809;
  --color--neutral-1: #111114;
  --color--neutral-2: #19191C;
  --color--neutral-3: #222226;
  --color--neutral-4: #29292E;
  --color--neutral-5: #313136;
  --color--neutral-6: #3A3A3F;
  --color--neutral-7: #47474D;
  --color--neutral-8: #606066;
  --color--neutral-9: #6E6E74;
  --color--overlay-1: #ffffff0d;
  --color--overlay-2: #ffffff14;
  --color--overlay-3: #ffffff1f;
  --color--overlay-4: #ffffff33;
  --color--overlay-5: #ffffff0d;
  --color--overlay-6: #ffffff66;
  --color--overlay-7: #ffffff80;
  --color--overlay-8: #ffffff99;
  --color--overlay-9: #ffffffb3;
  --color--success-1: #0B1312;
  --color--success-2: #101C1B;
  --color--success-3: #0E2D2C;
  --color--success-4: #033A39;
  --color--success-5: #0A4746;
  --color--success-6: #155655;
  --color--success-7: #1D6867;
  --color--success-8: #1F7D7C;
  --color--success-9: #00B2B0;
  --color--warning-1: #16120C;
  --color--warning-2: #1D180F;
  --color--warning-3: #302008;
  --color--warning-4: #3F2700;
  --color--warning-5: #4D3000;
  --color--warning-6: #5C3D05;
  --color--warning-7: #714F19;
  --color--warning-8: #8F6424;
  --color--warning-9: #FFC53D;
  --duration--medium: 200ms;
  --size--lg--height: 3.25rem;
  --size--lg--loader: 2rem;
  --size--md--height: 2.75rem;
  --size--md--loader: 1.75rem;
  --size--sm--height: 2.125rem;
  --size--sm--loader: 1.25rem;
  --size--xl--height: 4rem;
  --size--xl--loader: 2rem;
  --size--xs--height: 1.75rem;
  --size--xs--loader: 1.125rem;
  --color--critical-1: #191111;
  --color--critical-2: #201314;
  --color--critical-3: #3B1219;
  --color--critical-4: #500F1C;
  --color--critical-5: #611623;
  --color--critical-6: #72232D;
  --color--critical-7: #8C333A;
  --color--critical-8: #B54548;
  --color--critical-9: #E5484D;
  --color--neutral-10: #7B7B81;
  --color--neutral-11: #B3B3B9;
  --color--neutral-12: #EEEEF1;
  --color--overlay-10: #ffffffcc;
  --color--overlay-11: #ffffffe6;
  --color--overlay-12: #fffffff2;
  --color--success-10: #00A6A4;
  --color--success-11: #44D2CF;
  --color--success-12: #A9EFED;
  --color--warning-10: #FFD60A;
  --color--warning-11: #FFCA16;
  --color--warning-12: #FFE7B3;
  --duration--instant: 50ms;
  --font-family--mono: "DM Mono";
  --font-family--sans: "DM Sans";
  --font-weight--bold: 600;
  --font-weight--thin: 300;
  --text--lg--spacing: 0rem;
  --color--critical-10: #EC5D5E;
  --color--critical-11: #FF9592;
  --color--critical-12: #FFD1D9;
  --size--lg--rounding: var(--rounding--md);
  --size--md--rounding: var(--rounding--md);
  --size--sm--rounding: var(--rounding--md);
  --size--xl--rounding: var(--rounding--md);
  --size--xs--rounding: var(--rounding--sm);
  --text--2xl--spacing: 0rem;
  --font-weight--medium: 500;
  --site--header-height: var(--size--xl--height);
  --size--lg--padding-x: var(--space--md);
  --size--md--padding-x: var(--space--md);
  --size--sm--padding-x: var(--space--sm);
  --size--xl--padding-x: var(--space--md);
  --size--xs--padding-x: var(--space--xs);
  --font-weight--regular: 400;
  --size--lg--line-height: var(--text--md--line-height);
  --size--md--line-height: var(--text--md--line-height);
  --size--sm--line-height: var(--text--md--line-height);
  --size--xl--line-height: var(--text--lg--line-height);
  --size--xs--line-height: var(--text--sm--line-height);
  --text--lg--line-height: 1.75rem;
  --text--lg--size-mobile: 1.125rem;
  --text--md--line-height: 1.5rem;
  --text--md--size-mobile: 1rem;
  --text--sm--line-height: 1.25rem;
  --text--sm--size-mobile: 0.875rem;
  --text--xl--line-height: 1.875rem;
  --text--xl--size-mobile: 1.25rem;
  --text--xs--line-height: 1.125rem;
  --text--xs--size-mobile: 0.75rem;
  --text--2xl--line-height: 2rem;
  --text--2xl--size-mobile: 1.5rem;
  --text--3xl--line-height: 2.375rem;
  --text--3xl--size-mobile: 1.875rem;
  --text--4xl--line-height: 2.75rem;
  --text--4xl--size-mobile: 2.25rem;
  --text--5xl--line-height: 3.75rem;
  --text--5xl--size-mobile: 2.5rem;
  --text--6xl--line-height: 5.5rem;
  --text--6xl--size-mobile: 3.5rem;
  --text--lg--letter-spacing: 0rem;
  --text--md--letter-spacing: 0rem;
  --text--sm--letter-spacing: 0rem;
  --text--xl--letter-spacing: 0rem;
  --text--xs--letter-spacing: 0rem;
  --color--neutral-inverted-0: #FFFFFF;
  --color--neutral-inverted-1: #FCFCFD;
  --color--neutral-inverted-2: #F9F9FA;
  --color--neutral-inverted-3: #F0F0F2;
  --color--neutral-inverted-4: #E8E8EA;
  --color--neutral-inverted-5: #E1E1E4;
  --color--neutral-inverted-6: #D9D9DD;
  --color--neutral-inverted-7: #CECED3;
  --color--neutral-inverted-8: #BBBBC1;
  --color--neutral-inverted-9: #8D8D93;
  --color--overlay-inverted-1: oklch(100% 0% 90deg / 4%);
  --color--overlay-inverted-2: oklch(100% 0% 90deg / 8%);
  --color--overlay-inverted-3: oklch(100% 0% 90deg / 12%);
  --color--overlay-inverted-4: oklch(100% 0% 90deg / 18%);
  --color--overlay-inverted-5: oklch(100% 0% 90deg / 30%);
  --color--overlay-inverted-6: oklch(100% 0% 90deg / 40%);
  --color--overlay-inverted-7: oklch(100% 0% 90deg / 50%);
  --color--overlay-inverted-8: oklch(100% 0% 90deg / 60%);
  --color--overlay-inverted-9: oklch(100% 0% 90deg / 70%);
  --focus-ring--outline-color: var(--color--neutral-12);
  --focus-ring--outline-width: 2px;
  --size--lg--icon-correction: -2px;
  --size--md--icon-correction: -2px;
  --size--sm--icon-correction: -1px;
  --size--xl--icon-correction: -2px;
  --size--xs--icon-correction: -2px;
  --text--2xl--letter-spacing: 0rem;
  --text--3xl--letter-spacing: 0rem;
  --text--4xl--letter-spacing: -0.045rem;
  --text--5xl--letter-spacing: -0.0575rem;
  --text--6xl--letter-spacing: -0.075rem;
  --color--neutral-inverted-10: #828288;
  --color--neutral-inverted-11: #636369;
  --color--neutral-inverted-12: #1F1F22;
  --color--overlay-inverted-10: oklch(100% 0% 90deg / 80%);
  --color--overlay-inverted-11: oklch(100% 0% 90deg / 90%);
  --color--overlay-inverted-12: oklch(100% 0% 90deg / 95%);
  --focus-ring--outline-offset: 1px;
  --text--lg--line-height-mobile: 1.75rem;
  --text--md--line-height-mobile: 1.5rem;
  --text--sm--line-height-mobile: 1.25rem;
  --text--xl--line-height-mobile: 1.875rem;
  --text--xs--line-height-mobile: 1.125rem;
  --component--backdrop--bg-color: #000000cc;
  --text--2xl--line-height-mobile: 2rem;
  --text--3xl--line-height-mobile: 2.375rem;
  --text--4xl--line-height-mobile: 2.75rem;
  --text--5xl--line-height-mobile: 3rem;
  --text--6xl--line-height-mobile: 3.5rem;
  --component--table--border-color: var(--color--neutral-5);
  --focus-ring--outline-color-brand: var(--color--brand-8);
  --text--lg--letter-spacing-mobile: 0rem;
  --text--md--letter-spacing-mobile: 0rem;
  --text--sm--letter-spacing-mobile: 0rem;
  --text--xl--letter-spacing-mobile: 0rem;
  --text--xs--letter-spacing-mobile: 0rem;
  --text--2xl--letter-spacing-mobile: 0rem;
  --text--3xl--letter-spacing-mobile: 0rem;
  --text--4xl--letter-spacing-mobile: 0rem;
  --text--5xl--letter-spacing-mobile: 0rem;
  --text--6xl--letter-spacing-mobile: 0rem;
  --component--data-list--border-color: var(--color--neutral-5);
  --focus-ring--outline-color-inverted: var(--color--neutral-inverted-12);
}
  
  @media (prefers-color-scheme: light) {
      :host, :root {
  --ease--in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease--out: cubic-bezier(0.16, 1, 0.3, 1);
  --space--lg: 1.5rem;
  --space--md: 1rem;
  --space--sm: 0.75rem;
  --space--xl: 2rem;
  --space--xs: 0.5rem;
  --border--lg: 2px;
  --border--md: 1px;
  --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);
  --space--2xl: 2.5rem;
  --space--2xs: 0.25rem;
  --space--3xl: 3rem;
  --space--3xs: 0.125rem;
  --space--4xl: 4rem;
  --ease--in-out: cubic-bezier(0.83, 0, 0.17, 1);
  --ease--linear: linear;
  --ease--spring: linear(0 0%, 0.0272 1.8634%, 0.1105 4.1408%, 0.6331 13.6646%, 0.8573 19.0476%, 0.9382 21.9462%, 0.9936 24.8447%, 1.0314 28.1573%, 1.0432 30.0207%, 1.0498 31.8841%, 1.052 33.3333%, 1.0522 34.5756%, 1.0486 37.4741%, 1.0174 48.6542%, 1.0057 54.4513%, 0.9998 59.8344%, 0.9974 66.0455%, 1.0001 100% /*{"type":"spring","stiffness":133,"damping":35,"mass":5}*/);
  --rounding--lg: 12px;
  --rounding--md: 8px;
  --rounding--sm: 4px;
  --rounding--xl: 16px;
  --rounding--xs: 2px;
  --rounding--2xl: 24px;
  --shadow--color: #000000e6;
  --size--lg--gap: var(--space--xs);
  --size--md--gap: var(--space--xs);
  --size--sm--gap: var(--space--xs);
  --size--xl--gap: var(--space--xs);
  --size--xs--gap: var(--space--2xs);
  --color--brand-1: #0B1310;
  --color--brand-2: #101C18;
  --color--brand-3: #0C2E24;
  --color--brand-4: #013C2D;
  --color--brand-5: #064939;
  --color--brand-6: #115845;
  --color--brand-7: #196A55;
  --color--brand-8: #1A8066;
  --color--brand-9: #19C39B;
  --duration--long: 300ms;
  --rounding--full: 999px;
  --rounding--none: 0px;
  --size--lg--icon: 1.5rem;
  --size--lg--text: var(--text--md--size);
  --size--md--icon: 1.25rem;
  --size--md--text: var(--text--md--size);
  --size--sm--icon: 1.125rem;
  --size--sm--text: var(--text--md--size);
  --size--xl--icon: 2rem;
  --size--xl--text: var(--text--lg--size);
  --size--xs--icon: 1rem;
  --size--xs--text: var(--text--sm--size);
  --text--lg--size: 1.125rem;
  --text--md--size: 1rem;
  --text--sm--size: 0.875rem;
  --text--xl--size: 1.25rem;
  --text--xs--size: 0.75rem;
  --color--brand-10: #00B790;
  --color--brand-11: #3DD6AD;
  --color--brand-12: #A7F2D8;
  --duration--xLong: 450ms;
  --site--max-width: 80rem;
  --site--padding-x: 1.25rem;
  --text--2xl--size: 1.5rem;
  --text--3xl--size: 1.875rem;
  --text--4xl--size: 2.25rem;
  --text--5xl--size: 3rem;
  --text--6xl--size: 4.5rem;
  --color--neutral-0: #080809;
  --color--neutral-1: #111114;
  --color--neutral-2: #19191C;
  --color--neutral-3: #222226;
  --color--neutral-4: #29292E;
  --color--neutral-5: #313136;
  --color--neutral-6: #3A3A3F;
  --color--neutral-7: #47474D;
  --color--neutral-8: #606066;
  --color--neutral-9: #6E6E74;
  --color--overlay-1: #ffffff0d;
  --color--overlay-2: #ffffff14;
  --color--overlay-3: #ffffff1f;
  --color--overlay-4: #ffffff33;
  --color--overlay-5: #ffffff0d;
  --color--overlay-6: #ffffff66;
  --color--overlay-7: #ffffff80;
  --color--overlay-8: #ffffff99;
  --color--overlay-9: #ffffffb3;
  --color--success-1: #0B1312;
  --color--success-2: #101C1B;
  --color--success-3: #0E2D2C;
  --color--success-4: #033A39;
  --color--success-5: #0A4746;
  --color--success-6: #155655;
  --color--success-7: #1D6867;
  --color--success-8: #1F7D7C;
  --color--success-9: #00B2B0;
  --color--warning-1: #16120C;
  --color--warning-2: #1D180F;
  --color--warning-3: #302008;
  --color--warning-4: #3F2700;
  --color--warning-5: #4D3000;
  --color--warning-6: #5C3D05;
  --color--warning-7: #714F19;
  --color--warning-8: #8F6424;
  --color--warning-9: #FFC53D;
  --duration--medium: 200ms;
  --size--lg--height: 3.25rem;
  --size--lg--loader: 2rem;
  --size--md--height: 2.75rem;
  --size--md--loader: 1.75rem;
  --size--sm--height: 2.125rem;
  --size--sm--loader: 1.25rem;
  --size--xl--height: 4rem;
  --size--xl--loader: 2rem;
  --size--xs--height: 1.75rem;
  --size--xs--loader: 1.125rem;
  --color--critical-1: #191111;
  --color--critical-2: #201314;
  --color--critical-3: #3B1219;
  --color--critical-4: #500F1C;
  --color--critical-5: #611623;
  --color--critical-6: #72232D;
  --color--critical-7: #8C333A;
  --color--critical-8: #B54548;
  --color--critical-9: #E5484D;
  --color--neutral-10: #7B7B81;
  --color--neutral-11: #B3B3B9;
  --color--neutral-12: #EEEEF1;
  --color--overlay-10: #ffffffcc;
  --color--overlay-11: #ffffffe6;
  --color--overlay-12: #fffffff2;
  --color--success-10: #00A6A4;
  --color--success-11: #44D2CF;
  --color--success-12: #A9EFED;
  --color--warning-10: #FFD60A;
  --color--warning-11: #FFCA16;
  --color--warning-12: #FFE7B3;
  --duration--instant: 50ms;
  --font-family--mono: "DM Mono";
  --font-family--sans: "DM Sans";
  --font-weight--bold: 600;
  --font-weight--thin: 300;
  --text--lg--spacing: 0rem;
  --color--critical-10: #EC5D5E;
  --color--critical-11: #FF9592;
  --color--critical-12: #FFD1D9;
  --size--lg--rounding: var(--rounding--md);
  --size--md--rounding: var(--rounding--md);
  --size--sm--rounding: var(--rounding--md);
  --size--xl--rounding: var(--rounding--md);
  --size--xs--rounding: var(--rounding--sm);
  --text--2xl--spacing: 0rem;
  --font-weight--medium: 500;
  --site--header-height: var(--size--xl--height);
  --size--lg--padding-x: var(--space--md);
  --size--md--padding-x: var(--space--md);
  --size--sm--padding-x: var(--space--sm);
  --size--xl--padding-x: var(--space--md);
  --size--xs--padding-x: var(--space--xs);
  --font-weight--regular: 400;
  --size--lg--line-height: var(--text--md--line-height);
  --size--md--line-height: var(--text--md--line-height);
  --size--sm--line-height: var(--text--md--line-height);
  --size--xl--line-height: var(--text--lg--line-height);
  --size--xs--line-height: var(--text--sm--line-height);
  --text--lg--line-height: 1.75rem;
  --text--lg--size-mobile: 1.125rem;
  --text--md--line-height: 1.5rem;
  --text--md--size-mobile: 1rem;
  --text--sm--line-height: 1.25rem;
  --text--sm--size-mobile: 0.875rem;
  --text--xl--line-height: 1.875rem;
  --text--xl--size-mobile: 1.25rem;
  --text--xs--line-height: 1.125rem;
  --text--xs--size-mobile: 0.75rem;
  --text--2xl--line-height: 2rem;
  --text--2xl--size-mobile: 1.5rem;
  --text--3xl--line-height: 2.375rem;
  --text--3xl--size-mobile: 1.875rem;
  --text--4xl--line-height: 2.75rem;
  --text--4xl--size-mobile: 2.25rem;
  --text--5xl--line-height: 3.75rem;
  --text--5xl--size-mobile: 2.5rem;
  --text--6xl--line-height: 5.5rem;
  --text--6xl--size-mobile: 3.5rem;
  --text--lg--letter-spacing: 0rem;
  --text--md--letter-spacing: 0rem;
  --text--sm--letter-spacing: 0rem;
  --text--xl--letter-spacing: 0rem;
  --text--xs--letter-spacing: 0rem;
  --color--neutral-inverted-0: #FFFFFF;
  --color--neutral-inverted-1: #FCFCFD;
  --color--neutral-inverted-2: #F9F9FA;
  --color--neutral-inverted-3: #F0F0F2;
  --color--neutral-inverted-4: #E8E8EA;
  --color--neutral-inverted-5: #E1E1E4;
  --color--neutral-inverted-6: #D9D9DD;
  --color--neutral-inverted-7: #CECED3;
  --color--neutral-inverted-8: #BBBBC1;
  --color--neutral-inverted-9: #8D8D93;
  --color--overlay-inverted-1: oklch(100% 0% 90deg / 4%);
  --color--overlay-inverted-2: oklch(100% 0% 90deg / 8%);
  --color--overlay-inverted-3: oklch(100% 0% 90deg / 12%);
  --color--overlay-inverted-4: oklch(100% 0% 90deg / 18%);
  --color--overlay-inverted-5: oklch(100% 0% 90deg / 30%);
  --color--overlay-inverted-6: oklch(100% 0% 90deg / 40%);
  --color--overlay-inverted-7: oklch(100% 0% 90deg / 50%);
  --color--overlay-inverted-8: oklch(100% 0% 90deg / 60%);
  --color--overlay-inverted-9: oklch(100% 0% 90deg / 70%);
  --focus-ring--outline-color: var(--color--neutral-12);
  --focus-ring--outline-width: 2px;
  --size--lg--icon-correction: -2px;
  --size--md--icon-correction: -2px;
  --size--sm--icon-correction: -1px;
  --size--xl--icon-correction: -2px;
  --size--xs--icon-correction: -2px;
  --text--2xl--letter-spacing: 0rem;
  --text--3xl--letter-spacing: 0rem;
  --text--4xl--letter-spacing: -0.045rem;
  --text--5xl--letter-spacing: -0.0575rem;
  --text--6xl--letter-spacing: -0.075rem;
  --color--neutral-inverted-10: #828288;
  --color--neutral-inverted-11: #636369;
  --color--neutral-inverted-12: #1F1F22;
  --color--overlay-inverted-10: oklch(100% 0% 90deg / 80%);
  --color--overlay-inverted-11: oklch(100% 0% 90deg / 90%);
  --color--overlay-inverted-12: oklch(100% 0% 90deg / 95%);
  --focus-ring--outline-offset: 1px;
  --text--lg--line-height-mobile: 1.75rem;
  --text--md--line-height-mobile: 1.5rem;
  --text--sm--line-height-mobile: 1.25rem;
  --text--xl--line-height-mobile: 1.875rem;
  --text--xs--line-height-mobile: 1.125rem;
  --component--backdrop--bg-color: #000000cc;
  --text--2xl--line-height-mobile: 2rem;
  --text--3xl--line-height-mobile: 2.375rem;
  --text--4xl--line-height-mobile: 2.75rem;
  --text--5xl--line-height-mobile: 3rem;
  --text--6xl--line-height-mobile: 3.5rem;
  --component--table--border-color: var(--color--neutral-5);
  --focus-ring--outline-color-brand: var(--color--brand-8);
  --text--lg--letter-spacing-mobile: 0rem;
  --text--md--letter-spacing-mobile: 0rem;
  --text--sm--letter-spacing-mobile: 0rem;
  --text--xl--letter-spacing-mobile: 0rem;
  --text--xs--letter-spacing-mobile: 0rem;
  --text--2xl--letter-spacing-mobile: 0rem;
  --text--3xl--letter-spacing-mobile: 0rem;
  --text--4xl--letter-spacing-mobile: 0rem;
  --text--5xl--letter-spacing-mobile: 0rem;
  --text--6xl--letter-spacing-mobile: 0rem;
  --component--data-list--border-color: var(--color--neutral-5);
  --focus-ring--outline-color-inverted: var(--color--neutral-inverted-12);
}
    }
  [data-nc-theme~="zeno"] {
  --ease--in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease--out: cubic-bezier(0.16, 1, 0.3, 1);
  --space--lg: 1.5rem;
  --space--md: 1rem;
  --space--sm: 0.75rem;
  --space--xl: 2rem;
  --space--xs: 0.5rem;
  --border--lg: 2px;
  --border--md: 1px;
  --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);
  --space--2xl: 2.5rem;
  --space--2xs: 0.25rem;
  --space--3xl: 3rem;
  --space--3xs: 0.125rem;
  --space--4xl: 4rem;
  --ease--in-out: cubic-bezier(0.83, 0, 0.17, 1);
  --ease--linear: linear;
  --ease--spring: linear(0 0%, 0.0272 1.8634%, 0.1105 4.1408%, 0.6331 13.6646%, 0.8573 19.0476%, 0.9382 21.9462%, 0.9936 24.8447%, 1.0314 28.1573%, 1.0432 30.0207%, 1.0498 31.8841%, 1.052 33.3333%, 1.0522 34.5756%, 1.0486 37.4741%, 1.0174 48.6542%, 1.0057 54.4513%, 0.9998 59.8344%, 0.9974 66.0455%, 1.0001 100% /*{"type":"spring","stiffness":133,"damping":35,"mass":5}*/);
  --rounding--lg: 12px;
  --rounding--md: 8px;
  --rounding--sm: 4px;
  --rounding--xl: 16px;
  --rounding--xs: 2px;
  --rounding--2xl: 24px;
  --shadow--color: #000000e6;
  --size--lg--gap: var(--space--xs);
  --size--md--gap: var(--space--xs);
  --size--sm--gap: var(--space--xs);
  --size--xl--gap: var(--space--xs);
  --size--xs--gap: var(--space--2xs);
  --color--brand-1: #0B1310;
  --color--brand-2: #101C18;
  --color--brand-3: #0C2E24;
  --color--brand-4: #013C2D;
  --color--brand-5: #064939;
  --color--brand-6: #115845;
  --color--brand-7: #196A55;
  --color--brand-8: #1A8066;
  --color--brand-9: #19C39B;
  --duration--long: 300ms;
  --rounding--full: 999px;
  --rounding--none: 0px;
  --size--lg--icon: 1.5rem;
  --size--lg--text: var(--text--md--size);
  --size--md--icon: 1.25rem;
  --size--md--text: var(--text--md--size);
  --size--sm--icon: 1.125rem;
  --size--sm--text: var(--text--md--size);
  --size--xl--icon: 2rem;
  --size--xl--text: var(--text--lg--size);
  --size--xs--icon: 1rem;
  --size--xs--text: var(--text--sm--size);
  --text--lg--size: 1.125rem;
  --text--md--size: 1rem;
  --text--sm--size: 0.875rem;
  --text--xl--size: 1.25rem;
  --text--xs--size: 0.75rem;
  --color--brand-10: #00B790;
  --color--brand-11: #3DD6AD;
  --color--brand-12: #A7F2D8;
  --duration--xLong: 450ms;
  --site--max-width: 80rem;
  --site--padding-x: 1.25rem;
  --text--2xl--size: 1.5rem;
  --text--3xl--size: 1.875rem;
  --text--4xl--size: 2.25rem;
  --text--5xl--size: 3rem;
  --text--6xl--size: 4.5rem;
  --color--neutral-0: #080809;
  --color--neutral-1: #111114;
  --color--neutral-2: #19191C;
  --color--neutral-3: #222226;
  --color--neutral-4: #29292E;
  --color--neutral-5: #313136;
  --color--neutral-6: #3A3A3F;
  --color--neutral-7: #47474D;
  --color--neutral-8: #606066;
  --color--neutral-9: #6E6E74;
  --color--overlay-1: #ffffff0d;
  --color--overlay-2: #ffffff14;
  --color--overlay-3: #ffffff1f;
  --color--overlay-4: #ffffff33;
  --color--overlay-5: #ffffff0d;
  --color--overlay-6: #ffffff66;
  --color--overlay-7: #ffffff80;
  --color--overlay-8: #ffffff99;
  --color--overlay-9: #ffffffb3;
  --color--success-1: #0B1312;
  --color--success-2: #101C1B;
  --color--success-3: #0E2D2C;
  --color--success-4: #033A39;
  --color--success-5: #0A4746;
  --color--success-6: #155655;
  --color--success-7: #1D6867;
  --color--success-8: #1F7D7C;
  --color--success-9: #00B2B0;
  --color--warning-1: #16120C;
  --color--warning-2: #1D180F;
  --color--warning-3: #302008;
  --color--warning-4: #3F2700;
  --color--warning-5: #4D3000;
  --color--warning-6: #5C3D05;
  --color--warning-7: #714F19;
  --color--warning-8: #8F6424;
  --color--warning-9: #FFC53D;
  --duration--medium: 200ms;
  --size--lg--height: 3.25rem;
  --size--lg--loader: 2rem;
  --size--md--height: 2.75rem;
  --size--md--loader: 1.75rem;
  --size--sm--height: 2.125rem;
  --size--sm--loader: 1.25rem;
  --size--xl--height: 4rem;
  --size--xl--loader: 2rem;
  --size--xs--height: 1.75rem;
  --size--xs--loader: 1.125rem;
  --color--critical-1: #191111;
  --color--critical-2: #201314;
  --color--critical-3: #3B1219;
  --color--critical-4: #500F1C;
  --color--critical-5: #611623;
  --color--critical-6: #72232D;
  --color--critical-7: #8C333A;
  --color--critical-8: #B54548;
  --color--critical-9: #E5484D;
  --color--neutral-10: #7B7B81;
  --color--neutral-11: #B3B3B9;
  --color--neutral-12: #EEEEF1;
  --color--overlay-10: #ffffffcc;
  --color--overlay-11: #ffffffe6;
  --color--overlay-12: #fffffff2;
  --color--success-10: #00A6A4;
  --color--success-11: #44D2CF;
  --color--success-12: #A9EFED;
  --color--warning-10: #FFD60A;
  --color--warning-11: #FFCA16;
  --color--warning-12: #FFE7B3;
  --duration--instant: 50ms;
  --font-family--mono: "DM Mono";
  --font-family--sans: "DM Sans";
  --font-weight--bold: 600;
  --font-weight--thin: 300;
  --text--lg--spacing: 0rem;
  --color--critical-10: #EC5D5E;
  --color--critical-11: #FF9592;
  --color--critical-12: #FFD1D9;
  --size--lg--rounding: var(--rounding--md);
  --size--md--rounding: var(--rounding--md);
  --size--sm--rounding: var(--rounding--md);
  --size--xl--rounding: var(--rounding--md);
  --size--xs--rounding: var(--rounding--sm);
  --text--2xl--spacing: 0rem;
  --font-weight--medium: 500;
  --site--header-height: var(--size--xl--height);
  --size--lg--padding-x: var(--space--md);
  --size--md--padding-x: var(--space--md);
  --size--sm--padding-x: var(--space--sm);
  --size--xl--padding-x: var(--space--md);
  --size--xs--padding-x: var(--space--xs);
  --font-weight--regular: 400;
  --size--lg--line-height: var(--text--md--line-height);
  --size--md--line-height: var(--text--md--line-height);
  --size--sm--line-height: var(--text--md--line-height);
  --size--xl--line-height: var(--text--lg--line-height);
  --size--xs--line-height: var(--text--sm--line-height);
  --text--lg--line-height: 1.75rem;
  --text--lg--size-mobile: 1.125rem;
  --text--md--line-height: 1.5rem;
  --text--md--size-mobile: 1rem;
  --text--sm--line-height: 1.25rem;
  --text--sm--size-mobile: 0.875rem;
  --text--xl--line-height: 1.875rem;
  --text--xl--size-mobile: 1.25rem;
  --text--xs--line-height: 1.125rem;
  --text--xs--size-mobile: 0.75rem;
  --text--2xl--line-height: 2rem;
  --text--2xl--size-mobile: 1.5rem;
  --text--3xl--line-height: 2.375rem;
  --text--3xl--size-mobile: 1.875rem;
  --text--4xl--line-height: 2.75rem;
  --text--4xl--size-mobile: 2.25rem;
  --text--5xl--line-height: 3.75rem;
  --text--5xl--size-mobile: 2.5rem;
  --text--6xl--line-height: 5.5rem;
  --text--6xl--size-mobile: 3.5rem;
  --text--lg--letter-spacing: 0rem;
  --text--md--letter-spacing: 0rem;
  --text--sm--letter-spacing: 0rem;
  --text--xl--letter-spacing: 0rem;
  --text--xs--letter-spacing: 0rem;
  --color--neutral-inverted-0: #FFFFFF;
  --color--neutral-inverted-1: #FCFCFD;
  --color--neutral-inverted-2: #F9F9FA;
  --color--neutral-inverted-3: #F0F0F2;
  --color--neutral-inverted-4: #E8E8EA;
  --color--neutral-inverted-5: #E1E1E4;
  --color--neutral-inverted-6: #D9D9DD;
  --color--neutral-inverted-7: #CECED3;
  --color--neutral-inverted-8: #BBBBC1;
  --color--neutral-inverted-9: #8D8D93;
  --color--overlay-inverted-1: oklch(100% 0% 90deg / 4%);
  --color--overlay-inverted-2: oklch(100% 0% 90deg / 8%);
  --color--overlay-inverted-3: oklch(100% 0% 90deg / 12%);
  --color--overlay-inverted-4: oklch(100% 0% 90deg / 18%);
  --color--overlay-inverted-5: oklch(100% 0% 90deg / 30%);
  --color--overlay-inverted-6: oklch(100% 0% 90deg / 40%);
  --color--overlay-inverted-7: oklch(100% 0% 90deg / 50%);
  --color--overlay-inverted-8: oklch(100% 0% 90deg / 60%);
  --color--overlay-inverted-9: oklch(100% 0% 90deg / 70%);
  --focus-ring--outline-color: var(--color--neutral-12);
  --focus-ring--outline-width: 2px;
  --size--lg--icon-correction: -2px;
  --size--md--icon-correction: -2px;
  --size--sm--icon-correction: -1px;
  --size--xl--icon-correction: -2px;
  --size--xs--icon-correction: -2px;
  --text--2xl--letter-spacing: 0rem;
  --text--3xl--letter-spacing: 0rem;
  --text--4xl--letter-spacing: -0.045rem;
  --text--5xl--letter-spacing: -0.0575rem;
  --text--6xl--letter-spacing: -0.075rem;
  --color--neutral-inverted-10: #828288;
  --color--neutral-inverted-11: #636369;
  --color--neutral-inverted-12: #1F1F22;
  --color--overlay-inverted-10: oklch(100% 0% 90deg / 80%);
  --color--overlay-inverted-11: oklch(100% 0% 90deg / 90%);
  --color--overlay-inverted-12: oklch(100% 0% 90deg / 95%);
  --focus-ring--outline-offset: 1px;
  --text--lg--line-height-mobile: 1.75rem;
  --text--md--line-height-mobile: 1.5rem;
  --text--sm--line-height-mobile: 1.25rem;
  --text--xl--line-height-mobile: 1.875rem;
  --text--xs--line-height-mobile: 1.125rem;
  --component--backdrop--bg-color: #000000cc;
  --text--2xl--line-height-mobile: 2rem;
  --text--3xl--line-height-mobile: 2.375rem;
  --text--4xl--line-height-mobile: 2.75rem;
  --text--5xl--line-height-mobile: 3rem;
  --text--6xl--line-height-mobile: 3.5rem;
  --component--table--border-color: var(--color--neutral-5);
  --focus-ring--outline-color-brand: var(--color--brand-8);
  --text--lg--letter-spacing-mobile: 0rem;
  --text--md--letter-spacing-mobile: 0rem;
  --text--sm--letter-spacing-mobile: 0rem;
  --text--xl--letter-spacing-mobile: 0rem;
  --text--xs--letter-spacing-mobile: 0rem;
  --text--2xl--letter-spacing-mobile: 0rem;
  --text--3xl--letter-spacing-mobile: 0rem;
  --text--4xl--letter-spacing-mobile: 0rem;
  --text--5xl--letter-spacing-mobile: 0rem;
  --text--6xl--letter-spacing-mobile: 0rem;
  --component--data-list--border-color: var(--color--neutral-5);
  --focus-ring--outline-color-inverted: var(--color--neutral-inverted-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;
    }
  }
}


    .fFElJu {
      width:100%;
      min-height:100%;
      container-name:var(--container-name);
      container-type:inline-size;
    }

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

    .context-theme\:root {
      opacity:var(--opacity-init);
    }

    .context-theme\:root.ready {
      opacity:1;
    }

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

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

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

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

    .drZXnK {
      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(--site--padding-x);
      padding-left:var(--site--padding-x);
      padding-right:var(--site--padding-x);
      padding-bottom:var(--site--padding-x);
      justify-content:flex-start;
    }

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

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

    .ebGWqa {
      grid-area:footer;
    }

    .ebGWqa:empty {
      display:none;
    }

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

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

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

    .coyHna:empty {
      display:none;
    }

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

    .eaPySb:empty {
      display:none;
    }

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

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

    .pmJUs:empty {
      display:none;
    }

    .fxCkRO {
      height:100%;
      grid-area:main;
      container-name:var(--container-name);
      container-type:inline-size;
    }

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

    .bPvmSd {
      min-height:100%;
    }

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

    .duOwjK {
      row-gap:var(--space--2xs);
      column-gap:var(--space--2xs);
      margin-top:var(--space--xs);
    }

    .duOwjK:empty {
      display:none;
    }

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

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

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

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

    .cWWEpA {
      width:100%;
      height:var(--size--md--height);
      display:flex;
      outline:var(--border--md) solid var(--color--neutral-4);
      row-gap:var(--size--md--gap);
      background:var(--bg-color);
      column-gap:var(--size--md--gap);
      overflow-x:clip;
      overflow-y:clip;
      transition:background-color var(--duration--medium) var(--ease--out), color var(--duration--medium) var(--ease--out), outline-color var(--duration--medium) var(--ease--out);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--size--md--rounding);
      border-top-right-radius:var(--size--md--rounding);
      border-bottom-left-radius:var(--size--md--rounding);
      border-bottom-right-radius:var(--size--md--rounding);
    }

    .cWWEpA.hovered {
      background:var(--bg-color_hovered);
      outline-color:var(--outline-color_hovered);
      outline-style:solid;
    }

    .cWWEpA.focused {
      outline:var(--border--md) solid var(--outline-color_focused);
      background:var(--bg-color_focused);
    }

    .cWWEpA.error {
      outline-color:var(--outline-color-error);
      outline-style:solid;
    }

    .field\:b5--HHGx34zoXaFYr21JP {
      width:100%;
      flex-direction:row;
    }

    .evnlYc {
      color:var(--color--neutral-12);
      width:var(--size--md--icon);
      height:var(--size--md--icon);
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .evnlYc:first-child {
      margin-left:var(--space--sm);
      margin-right:calc(-1 * var(--space--xs));
    }

    .evnlYc:last-child {
      margin-left:calc(-1 * var(--space--xs));
      margin-right:var(--space--sm);
    }

    .evnlYc:empty {
      display:none;
    }

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

    .bTKvnA {
      color:var(--color--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);
    }

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

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

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

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

    .iJSsa {
      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(--space--xs);
      font-size:var(--text--sm--size);
      column-gap:var(--space--xs);
      transition:color 150ms ease;
      font-family:var(--font-family--sans);
      font-weight:var(--font-weight--medium);
      flex-direction:row;
      padding-bottom:var(--space--2xs);
    }

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

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

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

    .cVbAHH {
      row-gap:var(--space--md);
      column-gap:var(--space--md);
    }

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

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

    .field-pin\:dj-tPzJ6zpG1uwFQ-4_YY {
      height:var(--size--lg--height);
    }

    .bAXJEs {
      width:100%;
      max-width:25rem;
      background:var(--color--neutral-1);
      padding-top:var(--space--md);
      border-color:var(--color--neutral-5);
      border-style:solid;
      border-width:var(--border--md);
      padding-bottom:var(--space--md);
      border-top-left-radius:var(--rounding--xl);
      border-top-right-radius:var(--rounding--xl);
      border-bottom-left-radius:var(--rounding--xl);
      border-bottom-right-radius:var(--rounding--xl);
    }

    .eURstN {
      width:fit-content;
      cursor:pointer;
      height:var(--height);
      row-gap:var(--gap);
      font-size:var(--font-size);
      column-gap:var(--gap);
      overflow-x:clip;
      overflow-y:clip;
      transition:scale var(--duration--medium) var(--ease--out) 0ms normal, background var(--duration--medium) var(--ease--out) 0ms normal, opacity var(--duration--medium) var(--ease--out);
      align-items:center;
      font-family:var(--font-family--sans);
      font-weight:var(--font-weight--medium);
      user-select:none;
      padding-left:var(--padding-x);
      padding-right:var(--padding-x);
      flex-direction:row;
      outline-offset:var(--focus-ring--outline-offset);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:var(--rounding);
      border-top-right-radius:var(--rounding);
      border-bottom-left-radius:var(--rounding);
      border-bottom-right-radius:var(--rounding);
    }

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

    .eURstN.enabled:active {
      transition:scale var(--duration--instant) var(--ease--out), background var(--duration--instant) var(--ease--out);
    }

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

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

    .eURstN.square {
      width:var(--height);
      display:flex;
      align-items:center;
      padding-top:0px;
      aspect-ratio:1/1;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      justify-content:center;
    }

    .eURstN.loading {
      cursor:wait;
    }

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

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

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

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

    .eauQEI:first-child {
      margin-left:var(--correction);
    }

    .eauQEI:last-child {
      margin-right:var(--correction);
    }

    .button-primary\:root {
      color:var(--color--neutral-0);
      background:var(--color--brand-9);
    }

    .button-primary\:root.hovered {
      background:var(--color--brand-10);
    }

    .button-primary\:root.enabled:active {
      background:var(--color--brand-11);
    }

    .button-primary\:root.open {
      background:var(--color--brand-10);
    }

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

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

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

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

    .cTiRnz:active {
      transition:scale var(--duration--instant) var(--ease--out)  , background var(--duration--instant) var(--ease--out);
    }

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

    .cTiRnz.square {
      align-items:center;
      padding-top:0px;
      aspect-ratio:1/1;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      justify-content:center;
    }

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

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

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

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

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

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

    .bGtLDs {
      row-gap:var(--space--lg);
      column-gap:var(--space--lg);
      align-items:center;
      padding-top:var(--space--xl);
      padding-left:var(--space--md);
      padding-right:var(--space--md);
      padding-bottom:var(--space--xl);
      justify-content:center;
    }

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

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

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

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

    .bxxOkn {
      color:var(--color--neutral-11);
      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);
    }

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

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

    .chAOKJ {
      width:100%;
    }

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

    .ehWYEF {
      background:var(--color--neutral-0);
      min-height:100%;
      align-items:center;
      padding-top:var(--space--3xl);
      padding-left:var(--site--padding-x);
      padding-right:var(--site--padding-x);
      padding-bottom:var(--space--3xl);
      justify-content:center;
    }

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

    .fzMYBz {
      aspect-ratio:480 / 72;
    }

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