@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--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 --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 --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--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: 10px;
  --rounding--md: 6px;
  --rounding--sm: 4px;
  --rounding--xl: 16px;
  --rounding--xs: 2px;
  --rounding--2xl: 24px;
  --shadow--color: color-mix(in oklch, var(--color--neutral-inverted-0) 35%, transparent);
  --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: oklch(99.4% 0.0032 280);
  --color--brand-2: oklch(98.1% 0.0116 280);
  --color--brand-3: oklch(96.1% 0.022 280);
  --color--brand-4: oklch(93.5% 0.0444 280);
  --color--brand-5: oklch(90.4% 0.0662 280);
  --color--brand-6: oklch(86.5% 0.0876 280);
  --color--brand-7: oklch(80.8% 0.1113 280);
  --color--brand-8: oklch(72.9% 0.1488 280);
  --color--brand-9: oklch(46.8% 0.2343 280);
  --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: oklch(41.5% 0.2343 280);
  --color--brand-11: oklch(51% 0.2181 280);
  --color--brand-12: oklch(31.5% 0.1244 280);
  --duration--xLong: 450ms;
  --site--max-width: 52rem;
  --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: oklch(100% 0% 68deg);
  --color--neutral-1: oklch(99.1% 0.0007 285.9);
  --color--neutral-2: oklch(98.2% 0.0016 285.9);
  --color--neutral-3: oklch(95.6% 0.0024 285.9);
  --color--neutral-4: oklch(93.1% 0.0033 285.9);
  --color--neutral-5: oklch(91% 0.0041 285.9);
  --color--neutral-6: oklch(88.7% 0.005 285.9);
  --color--neutral-7: oklch(85.3% 0.0064 285.9);
  --color--neutral-8: oklch(79.4% 0.0088 285.9);
  --color--neutral-9: oklch(64.4% 0.0089 285.9);
  --color--overlay-1: oklch(24% 2% 286deg / 4%);
  --color--overlay-2: oklch(24% 2% 286deg / 8%);
  --color--overlay-3: oklch(24% 2% 286deg / 12%);
  --color--overlay-4: oklch(24% 2% 286deg / 18%);
  --color--overlay-5: oklch(24% 2% 286deg / 30%);
  --color--overlay-6: oklch(24% 2% 286deg / 40%);
  --color--overlay-7: oklch(24% 2% 286deg / 50%);
  --color--overlay-8: oklch(24% 2% 286deg / 60%);
  --color--overlay-9: oklch(24% 2% 286deg / 90%);
  --color--success-1: oklch(99.4% 0.0064 160.2);
  --color--success-2: oklch(98.2% 0.0116 160.2);
  --color--success-3: oklch(96% 0.0291 160.2);
  --color--success-4: oklch(93.4% 0.0464 160.2);
  --color--success-5: oklch(90.1% 0.0657 160.2);
  --color--success-6: oklch(85.8% 0.088 160.2);
  --color--success-7: oklch(79.8% 0.1166 160.2);
  --color--success-8: oklch(71.6% 0.1589 160.2);
  --color--success-9: oklch(70.5% 0.1589 160.2);
  --color--warning-1: oklch(99.3% 0.0027 64.86);
  --color--warning-2: oklch(98.4% 0.0217 64.86);
  --color--warning-3: oklch(96.6% 0.0607 64.86);
  --color--warning-4: oklch(93.8% 0.0992 64.86);
  --color--warning-5: oklch(91% 0.1271 64.86);
  --color--warning-6: oklch(87.4% 0.1207 64.86);
  --color--warning-7: oklch(82.1% 0.1207 64.86);
  --color--warning-8: oklch(75.4% 0.1408 64.86);
  --color--warning-9: oklch(77.1% 0.1731 64.86);
  --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: oklch(99.4% 0.0038 28.55);
  --color--critical-2: oklch(98.4% 0.0091 28.55);
  --color--critical-3: oklch(95.5% 0.0259 28.55);
  --color--critical-4: oklch(92.7% 0.0566 28.55);
  --color--critical-5: oklch(89.4% 0.0749 28.55);
  --color--critical-6: oklch(85.4% 0.0914 28.55);
  --color--critical-7: oklch(80.4% 0.1111 28.55);
  --color--critical-8: oklch(74.3% 0.1399 28.55);
  --color--critical-9: oklch(58.3% 0.2387 28.55);
  --color--neutral-10: oklch(60.9% 0.0088 285.9);
  --color--neutral-11: oklch(44% 3% 283deg);
  --color--neutral-12: oklch(17% 1% 279deg);
  --color--overlay-10: oklch(24% 2% 286deg / 80%);
  --color--overlay-11: oklch(24% 2% 286deg / 90%);
  --color--overlay-12: oklch(24% 2% 286deg / 95%);
  --color--success-10: oklch(66.7% 0.1589 160.2);
  --color--success-11: oklch(52.7% 0.1589 160.2);
  --color--success-12: oklch(32.6% 0.0655 160.2);
  --color--warning-10: oklch(73.6% 0.1408 64.86);
  --color--warning-11: oklch(57.6% 0.159 64.86);
  --color--warning-12: oklch(35.1% 0.0559 64.86);
  --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: oklch(53.9% 0.2387 28.55);
  --color--critical-11: oklch(56.3% 0.2387 28.55);
  --color--critical-12: oklch(34.3% 0.1092 28.55);
  --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;
  --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: oklch(15.5% 0.0042 286);
  --color--neutral-inverted-1: oklch(17.8% 0.0058 286);
  --color--neutral-inverted-2: oklch(21.3% 0.006 286);
  --color--neutral-inverted-3: oklch(25.3% 0.0084 286);
  --color--neutral-inverted-4: oklch(28.3% 0.009 286);
  --color--neutral-inverted-5: oklch(31.1% 0.009 286);
  --color--neutral-inverted-6: oklch(34.6% 0.009 286);
  --color--neutral-inverted-7: oklch(39.8% 0.009 286);
  --color--neutral-inverted-8: oklch(49% 0.009 286);
  --color--neutral-inverted-9: oklch(53.7% 0.009 286);
  --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: oklch(58.3% 0.009 286);
  --color--neutral-inverted-11: oklch(76.8% 0.009 286);
  --color--neutral-inverted-12: oklch(94.9% 0.0041 286);
  --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;
  --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--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: 10px;
  --rounding--md: 6px;
  --rounding--sm: 4px;
  --rounding--xl: 16px;
  --rounding--xs: 2px;
  --rounding--2xl: 24px;
  --shadow--color: color-mix(in oklch, var(--color--neutral-inverted-0) 35%, transparent);
  --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: oklch(99.4% 0.0032 280);
  --color--brand-2: oklch(98.1% 0.0116 280);
  --color--brand-3: oklch(96.1% 0.022 280);
  --color--brand-4: oklch(93.5% 0.0444 280);
  --color--brand-5: oklch(90.4% 0.0662 280);
  --color--brand-6: oklch(86.5% 0.0876 280);
  --color--brand-7: oklch(80.8% 0.1113 280);
  --color--brand-8: oklch(72.9% 0.1488 280);
  --color--brand-9: oklch(46.8% 0.2343 280);
  --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: oklch(41.5% 0.2343 280);
  --color--brand-11: oklch(51% 0.2181 280);
  --color--brand-12: oklch(31.5% 0.1244 280);
  --duration--xLong: 450ms;
  --site--max-width: 52rem;
  --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: oklch(100% 0% 68deg);
  --color--neutral-1: oklch(99.1% 0.0007 285.9);
  --color--neutral-2: oklch(98.2% 0.0016 285.9);
  --color--neutral-3: oklch(95.6% 0.0024 285.9);
  --color--neutral-4: oklch(93.1% 0.0033 285.9);
  --color--neutral-5: oklch(91% 0.0041 285.9);
  --color--neutral-6: oklch(88.7% 0.005 285.9);
  --color--neutral-7: oklch(85.3% 0.0064 285.9);
  --color--neutral-8: oklch(79.4% 0.0088 285.9);
  --color--neutral-9: oklch(64.4% 0.0089 285.9);
  --color--overlay-1: oklch(24% 2% 286deg / 4%);
  --color--overlay-2: oklch(24% 2% 286deg / 8%);
  --color--overlay-3: oklch(24% 2% 286deg / 12%);
  --color--overlay-4: oklch(24% 2% 286deg / 18%);
  --color--overlay-5: oklch(24% 2% 286deg / 30%);
  --color--overlay-6: oklch(24% 2% 286deg / 40%);
  --color--overlay-7: oklch(24% 2% 286deg / 50%);
  --color--overlay-8: oklch(24% 2% 286deg / 60%);
  --color--overlay-9: oklch(24% 2% 286deg / 90%);
  --color--success-1: oklch(99.4% 0.0064 160.2);
  --color--success-2: oklch(98.2% 0.0116 160.2);
  --color--success-3: oklch(96% 0.0291 160.2);
  --color--success-4: oklch(93.4% 0.0464 160.2);
  --color--success-5: oklch(90.1% 0.0657 160.2);
  --color--success-6: oklch(85.8% 0.088 160.2);
  --color--success-7: oklch(79.8% 0.1166 160.2);
  --color--success-8: oklch(71.6% 0.1589 160.2);
  --color--success-9: oklch(70.5% 0.1589 160.2);
  --color--warning-1: oklch(99.3% 0.0027 64.86);
  --color--warning-2: oklch(98.4% 0.0217 64.86);
  --color--warning-3: oklch(96.6% 0.0607 64.86);
  --color--warning-4: oklch(93.8% 0.0992 64.86);
  --color--warning-5: oklch(91% 0.1271 64.86);
  --color--warning-6: oklch(87.4% 0.1207 64.86);
  --color--warning-7: oklch(82.1% 0.1207 64.86);
  --color--warning-8: oklch(75.4% 0.1408 64.86);
  --color--warning-9: oklch(77.1% 0.1731 64.86);
  --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: oklch(99.4% 0.0038 28.55);
  --color--critical-2: oklch(98.4% 0.0091 28.55);
  --color--critical-3: oklch(95.5% 0.0259 28.55);
  --color--critical-4: oklch(92.7% 0.0566 28.55);
  --color--critical-5: oklch(89.4% 0.0749 28.55);
  --color--critical-6: oklch(85.4% 0.0914 28.55);
  --color--critical-7: oklch(80.4% 0.1111 28.55);
  --color--critical-8: oklch(74.3% 0.1399 28.55);
  --color--critical-9: oklch(58.3% 0.2387 28.55);
  --color--neutral-10: oklch(60.9% 0.0088 285.9);
  --color--neutral-11: oklch(44% 3% 283deg);
  --color--neutral-12: oklch(17% 1% 279deg);
  --color--overlay-10: oklch(24% 2% 286deg / 80%);
  --color--overlay-11: oklch(24% 2% 286deg / 90%);
  --color--overlay-12: oklch(24% 2% 286deg / 95%);
  --color--success-10: oklch(66.7% 0.1589 160.2);
  --color--success-11: oklch(52.7% 0.1589 160.2);
  --color--success-12: oklch(32.6% 0.0655 160.2);
  --color--warning-10: oklch(73.6% 0.1408 64.86);
  --color--warning-11: oklch(57.6% 0.159 64.86);
  --color--warning-12: oklch(35.1% 0.0559 64.86);
  --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: oklch(53.9% 0.2387 28.55);
  --color--critical-11: oklch(56.3% 0.2387 28.55);
  --color--critical-12: oklch(34.3% 0.1092 28.55);
  --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;
  --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: oklch(15.5% 0.0042 286);
  --color--neutral-inverted-1: oklch(17.8% 0.0058 286);
  --color--neutral-inverted-2: oklch(21.3% 0.006 286);
  --color--neutral-inverted-3: oklch(25.3% 0.0084 286);
  --color--neutral-inverted-4: oklch(28.3% 0.009 286);
  --color--neutral-inverted-5: oklch(31.1% 0.009 286);
  --color--neutral-inverted-6: oklch(34.6% 0.009 286);
  --color--neutral-inverted-7: oklch(39.8% 0.009 286);
  --color--neutral-inverted-8: oklch(49% 0.009 286);
  --color--neutral-inverted-9: oklch(53.7% 0.009 286);
  --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: oklch(58.3% 0.009 286);
  --color--neutral-inverted-11: oklch(76.8% 0.009 286);
  --color--neutral-inverted-12: oklch(94.9% 0.0041 286);
  --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;
  --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--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: 10px;
  --rounding--md: 6px;
  --rounding--sm: 4px;
  --rounding--xl: 16px;
  --rounding--xs: 2px;
  --rounding--2xl: 24px;
  --shadow--color: color-mix(in oklch, var(--color--neutral-inverted-0) 35%, transparent);
  --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: oklch(99.4% 0.0032 280);
  --color--brand-2: oklch(98.1% 0.0116 280);
  --color--brand-3: oklch(96.1% 0.022 280);
  --color--brand-4: oklch(93.5% 0.0444 280);
  --color--brand-5: oklch(90.4% 0.0662 280);
  --color--brand-6: oklch(86.5% 0.0876 280);
  --color--brand-7: oklch(80.8% 0.1113 280);
  --color--brand-8: oklch(72.9% 0.1488 280);
  --color--brand-9: oklch(46.8% 0.2343 280);
  --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: oklch(41.5% 0.2343 280);
  --color--brand-11: oklch(51% 0.2181 280);
  --color--brand-12: oklch(31.5% 0.1244 280);
  --duration--xLong: 450ms;
  --site--max-width: 52rem;
  --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: oklch(100% 0% 68deg);
  --color--neutral-1: oklch(99.1% 0.0007 285.9);
  --color--neutral-2: oklch(98.2% 0.0016 285.9);
  --color--neutral-3: oklch(95.6% 0.0024 285.9);
  --color--neutral-4: oklch(93.1% 0.0033 285.9);
  --color--neutral-5: oklch(91% 0.0041 285.9);
  --color--neutral-6: oklch(88.7% 0.005 285.9);
  --color--neutral-7: oklch(85.3% 0.0064 285.9);
  --color--neutral-8: oklch(79.4% 0.0088 285.9);
  --color--neutral-9: oklch(64.4% 0.0089 285.9);
  --color--overlay-1: oklch(24% 2% 286deg / 4%);
  --color--overlay-2: oklch(24% 2% 286deg / 8%);
  --color--overlay-3: oklch(24% 2% 286deg / 12%);
  --color--overlay-4: oklch(24% 2% 286deg / 18%);
  --color--overlay-5: oklch(24% 2% 286deg / 30%);
  --color--overlay-6: oklch(24% 2% 286deg / 40%);
  --color--overlay-7: oklch(24% 2% 286deg / 50%);
  --color--overlay-8: oklch(24% 2% 286deg / 60%);
  --color--overlay-9: oklch(24% 2% 286deg / 90%);
  --color--success-1: oklch(99.4% 0.0064 160.2);
  --color--success-2: oklch(98.2% 0.0116 160.2);
  --color--success-3: oklch(96% 0.0291 160.2);
  --color--success-4: oklch(93.4% 0.0464 160.2);
  --color--success-5: oklch(90.1% 0.0657 160.2);
  --color--success-6: oklch(85.8% 0.088 160.2);
  --color--success-7: oklch(79.8% 0.1166 160.2);
  --color--success-8: oklch(71.6% 0.1589 160.2);
  --color--success-9: oklch(70.5% 0.1589 160.2);
  --color--warning-1: oklch(99.3% 0.0027 64.86);
  --color--warning-2: oklch(98.4% 0.0217 64.86);
  --color--warning-3: oklch(96.6% 0.0607 64.86);
  --color--warning-4: oklch(93.8% 0.0992 64.86);
  --color--warning-5: oklch(91% 0.1271 64.86);
  --color--warning-6: oklch(87.4% 0.1207 64.86);
  --color--warning-7: oklch(82.1% 0.1207 64.86);
  --color--warning-8: oklch(75.4% 0.1408 64.86);
  --color--warning-9: oklch(77.1% 0.1731 64.86);
  --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: oklch(99.4% 0.0038 28.55);
  --color--critical-2: oklch(98.4% 0.0091 28.55);
  --color--critical-3: oklch(95.5% 0.0259 28.55);
  --color--critical-4: oklch(92.7% 0.0566 28.55);
  --color--critical-5: oklch(89.4% 0.0749 28.55);
  --color--critical-6: oklch(85.4% 0.0914 28.55);
  --color--critical-7: oklch(80.4% 0.1111 28.55);
  --color--critical-8: oklch(74.3% 0.1399 28.55);
  --color--critical-9: oklch(58.3% 0.2387 28.55);
  --color--neutral-10: oklch(60.9% 0.0088 285.9);
  --color--neutral-11: oklch(44% 3% 283deg);
  --color--neutral-12: oklch(17% 1% 279deg);
  --color--overlay-10: oklch(24% 2% 286deg / 80%);
  --color--overlay-11: oklch(24% 2% 286deg / 90%);
  --color--overlay-12: oklch(24% 2% 286deg / 95%);
  --color--success-10: oklch(66.7% 0.1589 160.2);
  --color--success-11: oklch(52.7% 0.1589 160.2);
  --color--success-12: oklch(32.6% 0.0655 160.2);
  --color--warning-10: oklch(73.6% 0.1408 64.86);
  --color--warning-11: oklch(57.6% 0.159 64.86);
  --color--warning-12: oklch(35.1% 0.0559 64.86);
  --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: oklch(53.9% 0.2387 28.55);
  --color--critical-11: oklch(56.3% 0.2387 28.55);
  --color--critical-12: oklch(34.3% 0.1092 28.55);
  --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;
  --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: oklch(15.5% 0.0042 286);
  --color--neutral-inverted-1: oklch(17.8% 0.0058 286);
  --color--neutral-inverted-2: oklch(21.3% 0.006 286);
  --color--neutral-inverted-3: oklch(25.3% 0.0084 286);
  --color--neutral-inverted-4: oklch(28.3% 0.009 286);
  --color--neutral-inverted-5: oklch(31.1% 0.009 286);
  --color--neutral-inverted-6: oklch(34.6% 0.009 286);
  --color--neutral-inverted-7: oklch(39.8% 0.009 286);
  --color--neutral-inverted-8: oklch(49% 0.009 286);
  --color--neutral-inverted-9: oklch(53.7% 0.009 286);
  --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: oklch(58.3% 0.009 286);
  --color--neutral-inverted-11: oklch(76.8% 0.009 286);
  --color--neutral-inverted-12: oklch(94.9% 0.0041 286);
  --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;
  --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;
    }
  }
}


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

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

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

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

    .toast-wrapper\:b9c8dnbCjTNKFv-c3yIA5 {
      display:flex;
      align-items:center;
      padding-top:var(--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;
    }

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

    .cgFltr {
      width:100%;
      max-width:var(--site--max-width);
    }

    .dCohyu {
      width:100%;
      align-items:center;
      padding-left:var(--site--padding-x);
      padding-right:var(--site--padding-x);
      justify-content:flex-start;
    }

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

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

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

    .eFQaJC.match-anchor-width {
      width:var(--sc-anchor-width);
    }

    .rich-text-editor__bubble-menu\:root {
      row-gap:var(--space--3xs);
      z-index:100;
      background:var(--color--neutral-0);
      column-gap:var(--space--3xs);
      padding-top:var(--space--2xs);
      border-color:var(--color--neutral-5);
      border-style:solid;
      border-width:var(--border--md);
      padding-left:var(--space--2xs);
      padding-right:var(--space--2xs);
      flex-direction:row;
      padding-bottom:var(--space--2xs);
      border-top-left-radius:var(--rounding--lg);
      border-top-right-radius:var(--rounding--lg);
      border-bottom-left-radius:var(--rounding--lg);
      border-bottom-right-radius:var(--rounding--lg);
    }

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

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

    .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-ghost\:root {
      color:var(--color);
      background:transparent;
    }

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

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

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

    .rich-text-editor__bubble-menu\:IDpg8J2e_eeJPcU_OjBCN {
      border-top-left-radius:var(--rounding--sm);
      border-top-right-radius:var(--rounding--sm);
      border-bottom-left-radius:var(--rounding--sm);
      border-bottom-right-radius:var(--rounding--sm);
    }

    .rich-text-editor__bubble-menu\:LKsMePoeNKmVKMT0w2DSl {
      border-top-left-radius:var(--rounding--sm);
      border-top-right-radius:var(--rounding--sm);
      border-bottom-left-radius:var(--rounding--sm);
      border-bottom-right-radius:var(--rounding--sm);
    }

    .rich-text-editor__bubble-menu\:WYT9Y4fiGBqRwFkb_DrSh {
      border-top-left-radius:var(--rounding--sm);
      border-top-right-radius:var(--rounding--sm);
      border-bottom-left-radius:var(--rounding--sm);
      border-bottom-right-radius:var(--rounding--sm);
    }

    .rich-text-editor__bubble-menu\:n5S6KFtaLnGhzk-RHVXNh {
      border-top-left-radius:var(--rounding--sm);
      border-top-right-radius:var(--rounding--sm);
      border-bottom-left-radius:var(--rounding--sm);
      border-bottom-right-radius:var(--rounding--sm);
    }

    .rich-text-editor__bubble-menu\:vnshmqLaJb7A45t8IdVyb {
      border-top-left-radius:var(--rounding--sm);
      border-top-right-radius:var(--rounding--sm);
      border-bottom-left-radius:var(--rounding--sm);
      border-bottom-right-radius:var(--rounding--sm);
    }

    .fmjpgM {
      display:none;
    }

    .fmjpgM.visible {
      display:flex;
    }

    .rich-text-editor__handle-menu\:root {
      width:fit-content;
      display:flex;
      opacity:0;
      background:var(--color--neutral-1);
      margin-right:var(--space--2xs);
      flex-direction:row;
      pointer-events:none;
    }

    .rich-text-editor__handle-menu\:root.visible {
      opacity:1;
      pointer-events:all;
    }

    .rich-text-editor__handle-menu\:4FroMLiPdcIr1QtLoe4hI {
      width:1.5rem;
      height:1.5rem;
      padding-top:var(--space--2xs);
      padding-left:var(--space--2xs);
      padding-right:var(--space--2xs);
      padding-bottom:var(--space--2xs);
    }

    .rich-text-editor__handle-menu\:gSaglg7XccyXH2-xhvfay {
      width:1.5rem;
      cursor:grab;
      height:1.5rem;
      padding-top:var(--space--2xs);
      padding-left:var(--space--2xs);
      padding-right:var(--space--2xs);
      padding-bottom:var(--space--2xs);
    }

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

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

    .rich-text-editor__slash-menu\:root {
      width:max-content;
      row-gap:var(--space--3xs);
      z-index:100;
      min-width:14rem;
      background:var(--color--neutral-0);
      column-gap:var(--space--3xs);
      padding-top:var(--space--2xs);
      border-color:var(--color--neutral-5);
      border-style:solid;
      border-width:var(--border--md);
      padding-left:var(--space--2xs);
      padding-right:var(--space--2xs);
      padding-bottom:var(--space--2xs);
      border-top-left-radius:var(--rounding--lg);
      border-top-right-radius:var(--rounding--lg);
      border-bottom-left-radius:var(--rounding--lg);
      border-bottom-right-radius:var(--rounding--lg);
    }

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

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

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

    .bJNxig:first-child {
      margin-top:var(--space--xs);
    }

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

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

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

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

    .button-tertiary\:WRSrwT0thL9PUNAYUe7ax {
      background:var(--bg-color);
      pointer-events:none;
    }

    .rich-text-editor__slash-menu__group\:MSymi6Ifr016UN_0ziBSZ {
      color:var(--color--neutral-12);
      font-weight:var(--font-weight--bold);
    }

    .bEpcnH {
      padding-left:var(--size--xs--padding-x);
      padding-right:var(--size--xs--padding-x);
    }

    .czQHLU {
      row-gap:var(--space--3xs);
      column-gap:var(--space--3xs);
    }

    .YTnVJ {
      padding-top:var(--space--sm);
      padding-left:var(--space--sm);
      padding-right:var(--space--sm);
      padding-bottom:var(--space--sm);
    }

    .rich-text-editor__slash-menu\:yWNnbsx5SEkBaQd6u2yFV {
      min-width:100%;
      align-items:center;
      font-weight:var(--font-weight--regular);
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:var(--rounding--sm);
      border-top-right-radius:var(--rounding--sm);
      border-bottom-left-radius:var(--rounding--sm);
      border-bottom-right-radius:var(--rounding--sm);
    }

    .cCfTCv {
      top:var(--top);
      left:var(--left);
      width:1px;
      height:var(--height);
      position:absolute;
      pointer-events:none;
    }

    .bTJjyE {
      top:var(--top);
      left:var(--left);
      width:var(--width);
      height:var(--height);
      position:absolute;
      pointer-events:none;
    }