@property --bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --semi {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}
@property --black {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --brand--1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0B130F;
}
@property --brand--2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0F1C16;
}
@property --brand--3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0A2E20;
}
@property --brand--4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #003C28;
}
@property --brand--5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #004933;
}
@property --brand--6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D583F;
}
@property --brand--7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #186A4E;
}
@property --brand--8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1B815E;
}
@property --brand--9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #36F2B3;
}
@property --text--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --text--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --text--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --text--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --text--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --brand--10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1FE7A9;
}
@property --brand--11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00DC9E;
}
@property --brand--12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #AEF5D5;
}
@property --text--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --text--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --text--4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --text--5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --text--6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --text--7xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--8xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --text--9xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --border--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --border--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1px;
}
@property --neutral--0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0b0a0b;
}
@property --neutral--1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #121113;
}
@property --neutral--2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1A191B;
}
@property --neutral--3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #232225;
}
@property --neutral--4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2B292D;
}
@property --neutral--5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #323035;
}
@property --neutral--6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3C393F;
}
@property --neutral--7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #49474E;
}
@property --neutral--8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #625F69;
}
@property --neutral--9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F6D78;
}
@property --shadow--lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --shadow--md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --shadow--sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --shadow--xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --success--1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D1514;
}
@property --success--2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #111C1B;
}
@property --success--3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0D2D2A;
}
@property --success--4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #023B37;
}
@property --success--5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #084843;
}
@property --success--6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #145750;
}
@property --success--7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1C6961;
}
@property --success--8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #207E73;
}
@property --success--9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #12A594;
}
@property --warning--1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16120C;
}
@property --warning--2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1D180F;
}
@property --warning--3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #302008;
}
@property --warning--4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3F2700;
}
@property --warning--5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4D3000;
}
@property --warning--6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5C3D05;
}
@property --warning--7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #714F19;
}
@property --warning--8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8F6424;
}
@property --warning--9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC53D;
}
@property --critical--1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #191113;
}
@property --critical--2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1E1517;
}
@property --critical--3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3A141E;
}
@property --critical--4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4E1325;
}
@property --critical--5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5E1A2E;
}
@property --critical--6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6F2539;
}
@property --critical--7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #883447;
}
@property --critical--8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B3445A;
}
@property --critical--9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E54666;
}
@property --neutral--10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7C7A85;
}
@property --neutral--11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B5B2BC;
}
@property --neutral--12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EEEEF0;
}
@property --overlay--a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff0d;
}
@property --overlay--a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff1a;
}
@property --overlay--a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff26;
}
@property --overlay--a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff33;
}
@property --overlay--a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff4d;
}
@property --overlay--a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff66;
}
@property --overlay--a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff80;
}
@property --overlay--a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff99;
}
@property --overlay--a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffb3;
}
@property --shadow--2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --success--10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0EB39E;
}
@property --success--11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0BD8B6;
}
@property --success--12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ADF0DD;
}
@property --warning--10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD60A;
}
@property --warning--11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFCA16;
}
@property --warning--12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE7B3;
}
@property --border--none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --critical--10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EC5A72;
}
@property --critical--11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF949D;
}
@property --critical--12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FED2E1;
}
@property --fixed--color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --overlay--a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffcc;
}
@property --overlay--a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffffe6;
}
@property --overlay--a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fffffff2;
}
@property --rounding--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8px;
}
@property --rounding--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}
@property --rounding--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --shadow--base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --header-height {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --badge--size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --badge--size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --badge--size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --badge--size-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --rounding--full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 9999px;
}
@property --rounding--none {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --avatar--size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --avatar--size-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --avatar--size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --line-height--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --line-height--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --line-height--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --line-height--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --side-menu-width {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 240px;
}
@property --line-height--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --line-height--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.375rem;
}
@property --line-height--4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.75rem;
}
@property --line-height--5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.75rem;
}
@property --line-height--6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4.5rem;
}
@property --spinner-size--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.75rem;
}
@property --spinner-size--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --spinner-size--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --toggle-height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --letter-spacing--lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing--md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing--sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing--xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing--xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing--2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing--3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0rem;
}
@property --letter-spacing--4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.045rem;
}
@property --letter-spacing--5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.0575rem;
}
@property --letter-spacing--6xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: -0.075rem;
}
@property --overlay-inverted--a1 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000000d;
}
@property --overlay-inverted--a2 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000001a;
}
@property --overlay-inverted--a3 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000026;
}
@property --overlay-inverted--a4 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000033;
}
@property --overlay-inverted--a5 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0000004d;
}
@property --overlay-inverted--a6 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000066;
}
@property --overlay-inverted--a7 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000080;
}
@property --overlay-inverted--a8 {
  syntax: "<color>";
  inherits: true;
  initial-value: #00000099;
}
@property --overlay-inverted--a9 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000b3;
}
@property --overlay-inverted--a10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000cc;
}
@property --overlay-inverted--a11 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000e6;
}
@property --overlay-inverted--a12 {
  syntax: "<color>";
  inherits: true;
  initial-value: #000000f2;
}
@property --interactive--height-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --interactive--height-md {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --interactive--height-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}

  :host, :root {
  --bold: 700;
  --semi: 600;
  --black: 900;
  --medium: 500;
  --normal: 400;
  --brand--1: #000;
  --brand--2: #180D0F;
  --brand--3: #380E17;
  --brand--4: #4F0A1D;
  --brand--5: #611226;
  --brand--6: #731F33;
  --brand--7: #8D2E43;
  --brand--8: #B93C58;
  --brand--9: #F2386A;
  --text--lg: 1.125rem;
  --text--md: 1rem;
  --text--sm: 0.875rem;
  --text--xl: 1.25rem;
  --text--xs: 0.75rem;
  --brand--10: #E3255E;
  --brand--11: #FF8DA1;
  --brand--12: #FFD1D6;
  --text--2xl: 1.5rem;
  --text--3xl: 1.875rem;
  --text--4xl: 2.25rem;
  --text--5xl: 3rem;
  --text--6xl: 3.75rem;
  --text--7xl: 4.5rem;
  --text--8xl: 6rem;
  --text--9xl: 8rem;
  --border--lg: 2px;
  --border--md: 1px;
  --neutral--0: #0b0a0b;
  --neutral--1: #121113;
  --neutral--2: #1A191B;
  --neutral--3: #232225;
  --neutral--4: #2B292D;
  --neutral--5: #323035;
  --neutral--6: #3C393F;
  --neutral--7: #49474E;
  --neutral--8: #625F69;
  --neutral--9: #6F6D78;
  --shadow--lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow--md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow--sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --success--1: #0D1514;
  --success--2: #111C1B;
  --success--3: #0D2D2A;
  --success--4: #023B37;
  --success--5: #084843;
  --success--6: #145750;
  --success--7: #1C6961;
  --success--8: #207E73;
  --success--9: #12A594;
  --warning--1: #16120C;
  --warning--2: #1D180F;
  --warning--3: #302008;
  --warning--4: #3F2700;
  --warning--5: #4D3000;
  --warning--6: #5C3D05;
  --warning--7: #714F19;
  --warning--8: #8F6424;
  --warning--9: #FFC53D;
  --critical--1: #191113;
  --critical--2: #1E1517;
  --critical--3: #3A141E;
  --critical--4: #4E1325;
  --critical--5: #5E1A2E;
  --critical--6: #6F2539;
  --critical--7: #883447;
  --critical--8: #B3445A;
  --critical--9: #E54666;
  --neutral--10: #7C7A85;
  --neutral--11: #B5B2BC;
  --neutral--12: #EEEEF0;
  --overlay--a1: #ffffff0d;
  --overlay--a2: #ffffff1a;
  --overlay--a3: #ffffff26;
  --overlay--a4: #ffffff33;
  --overlay--a5: #ffffff4d;
  --overlay--a6: #ffffff66;
  --overlay--a7: #ffffff80;
  --overlay--a8: #ffffff99;
  --overlay--a9: #ffffffb3;
  --shadow--2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --success--10: #0EB39E;
  --success--11: #0BD8B6;
  --success--12: #ADF0DD;
  --warning--10: #FFD60A;
  --warning--11: #FFCA16;
  --warning--12: #FFE7B3;
  --border--none: 0px;
  --critical--10: #EC5A72;
  --critical--11: #FF949D;
  --critical--12: #FED2E1;
  --fixed--color: #0b0a0b;
  --overlay--a10: #ffffffcc;
  --overlay--a11: #ffffffe6;
  --overlay--a12: #fffffff2;
  --rounding--lg: 8px;
  --rounding--md: 4px;
  --rounding--sm: 2px;
  --shadow--base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --header-height: 4.5rem;
  --badge--size-lg: 2.5rem;
  --badge--size-md: 2rem;
  --badge--size-sm: 1.5rem;
  --badge--size-xs: 1.25rem;
  --rounding--full: 9999px;
  --rounding--none: 0px;
  --avatar--size-lg: 3rem;
  --avatar--size-md: 2rem;
  --avatar--size-sm: 1.5rem;
  --line-height--lg: 1.75rem;
  --line-height--md: 1.5rem;
  --line-height--sm: 1.25rem;
  --line-height--xl: 1.875rem;
  --line-height--xs: 1.125rem;
  --side-menu-width: 240px;
  --line-height--2xl: 2rem;
  --line-height--3xl: 2.375rem;
  --line-height--4xl: 2.75rem;
  --line-height--5xl: 3.75rem;
  --line-height--6xl: 4.5rem;
  --spinner-size--lg: 1.75rem;
  --spinner-size--md: 1.5rem;
  --spinner-size--sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --letter-spacing--lg: 0rem;
  --letter-spacing--md: 0rem;
  --letter-spacing--sm: 0rem;
  --letter-spacing--xl: 0rem;
  --letter-spacing--xs: 0rem;
  --letter-spacing--2xl: 0rem;
  --letter-spacing--3xl: 0rem;
  --letter-spacing--4xl: -0.045rem;
  --letter-spacing--5xl: -0.0575rem;
  --letter-spacing--6xl: -0.075rem;
  --overlay-inverted--a1: #0000000d;
  --overlay-inverted--a2: #0000001a;
  --overlay-inverted--a3: #00000026;
  --overlay-inverted--a4: #00000033;
  --overlay-inverted--a5: #0000004d;
  --overlay-inverted--a6: #00000066;
  --overlay-inverted--a7: #00000080;
  --overlay-inverted--a8: #00000099;
  --overlay-inverted--a9: #000000b3;
  --overlay-inverted--a10: #000000cc;
  --overlay-inverted--a11: #000000e6;
  --overlay-inverted--a12: #000000f2;
  --interactive--height-lg: 3rem;
  --interactive--height-md: 2.5rem;
  --interactive--height-sm: 2rem;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --bold: 700;
  --semi: 600;
  --black: 900;
  --medium: 500;
  --normal: 400;
  --brand--1: #000;
  --brand--2: #180D0F;
  --brand--3: #380E17;
  --brand--4: #4F0A1D;
  --brand--5: #611226;
  --brand--6: #731F33;
  --brand--7: #8D2E43;
  --brand--8: #B93C58;
  --brand--9: #F2386A;
  --text--lg: 1.125rem;
  --text--md: 1rem;
  --text--sm: 0.875rem;
  --text--xl: 1.25rem;
  --text--xs: 0.75rem;
  --brand--10: #E3255E;
  --brand--11: #FF8DA1;
  --brand--12: #FFD1D6;
  --text--2xl: 1.5rem;
  --text--3xl: 1.875rem;
  --text--4xl: 2.25rem;
  --text--5xl: 3rem;
  --text--6xl: 3.75rem;
  --text--7xl: 4.5rem;
  --text--8xl: 6rem;
  --text--9xl: 8rem;
  --border--lg: 2px;
  --border--md: 1px;
  --neutral--0: #0b0a0b;
  --neutral--1: #121113;
  --neutral--2: #1A191B;
  --neutral--3: #232225;
  --neutral--4: #2B292D;
  --neutral--5: #323035;
  --neutral--6: #3C393F;
  --neutral--7: #49474E;
  --neutral--8: #625F69;
  --neutral--9: #6F6D78;
  --shadow--lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow--md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow--sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --success--1: #0D1514;
  --success--2: #111C1B;
  --success--3: #0D2D2A;
  --success--4: #023B37;
  --success--5: #084843;
  --success--6: #145750;
  --success--7: #1C6961;
  --success--8: #207E73;
  --success--9: #12A594;
  --warning--1: #16120C;
  --warning--2: #1D180F;
  --warning--3: #302008;
  --warning--4: #3F2700;
  --warning--5: #4D3000;
  --warning--6: #5C3D05;
  --warning--7: #714F19;
  --warning--8: #8F6424;
  --warning--9: #FFC53D;
  --critical--1: #191113;
  --critical--2: #1E1517;
  --critical--3: #3A141E;
  --critical--4: #4E1325;
  --critical--5: #5E1A2E;
  --critical--6: #6F2539;
  --critical--7: #883447;
  --critical--8: #B3445A;
  --critical--9: #E54666;
  --neutral--10: #7C7A85;
  --neutral--11: #B5B2BC;
  --neutral--12: #EEEEF0;
  --overlay--a1: #ffffff0d;
  --overlay--a2: #ffffff1a;
  --overlay--a3: #ffffff26;
  --overlay--a4: #ffffff33;
  --overlay--a5: #ffffff4d;
  --overlay--a6: #ffffff66;
  --overlay--a7: #ffffff80;
  --overlay--a8: #ffffff99;
  --overlay--a9: #ffffffb3;
  --shadow--2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --success--10: #0EB39E;
  --success--11: #0BD8B6;
  --success--12: #ADF0DD;
  --warning--10: #FFD60A;
  --warning--11: #FFCA16;
  --warning--12: #FFE7B3;
  --border--none: 0px;
  --critical--10: #EC5A72;
  --critical--11: #FF949D;
  --critical--12: #FED2E1;
  --fixed--color: #0b0a0b;
  --overlay--a10: #ffffffcc;
  --overlay--a11: #ffffffe6;
  --overlay--a12: #fffffff2;
  --rounding--lg: 8px;
  --rounding--md: 4px;
  --rounding--sm: 2px;
  --shadow--base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --header-height: 4.5rem;
  --badge--size-lg: 2.5rem;
  --badge--size-md: 2rem;
  --badge--size-sm: 1.5rem;
  --badge--size-xs: 1.25rem;
  --rounding--full: 9999px;
  --rounding--none: 0px;
  --avatar--size-lg: 3rem;
  --avatar--size-md: 2rem;
  --avatar--size-sm: 1.5rem;
  --line-height--lg: 1.75rem;
  --line-height--md: 1.5rem;
  --line-height--sm: 1.25rem;
  --line-height--xl: 1.875rem;
  --line-height--xs: 1.125rem;
  --side-menu-width: 240px;
  --line-height--2xl: 2rem;
  --line-height--3xl: 2.375rem;
  --line-height--4xl: 2.75rem;
  --line-height--5xl: 3.75rem;
  --line-height--6xl: 4.5rem;
  --spinner-size--lg: 1.75rem;
  --spinner-size--md: 1.5rem;
  --spinner-size--sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --letter-spacing--lg: 0rem;
  --letter-spacing--md: 0rem;
  --letter-spacing--sm: 0rem;
  --letter-spacing--xl: 0rem;
  --letter-spacing--xs: 0rem;
  --letter-spacing--2xl: 0rem;
  --letter-spacing--3xl: 0rem;
  --letter-spacing--4xl: -0.045rem;
  --letter-spacing--5xl: -0.0575rem;
  --letter-spacing--6xl: -0.075rem;
  --overlay-inverted--a1: #0000000d;
  --overlay-inverted--a2: #0000001a;
  --overlay-inverted--a3: #00000026;
  --overlay-inverted--a4: #00000033;
  --overlay-inverted--a5: #0000004d;
  --overlay-inverted--a6: #00000066;
  --overlay-inverted--a7: #00000080;
  --overlay-inverted--a8: #00000099;
  --overlay-inverted--a9: #000000b3;
  --overlay-inverted--a10: #000000cc;
  --overlay-inverted--a11: #000000e6;
  --overlay-inverted--a12: #000000f2;
  --interactive--height-lg: 3rem;
  --interactive--height-md: 2.5rem;
  --interactive--height-sm: 2rem;
}
    }
  
  [data-nc-theme~="Dark"] {
  --bold: 700;
  --semi: 600;
  --black: 900;
  --medium: 500;
  --normal: 400;
  --brand--1: #000;
  --brand--2: #180D0F;
  --brand--3: #380E17;
  --brand--4: #4F0A1D;
  --brand--5: #611226;
  --brand--6: #731F33;
  --brand--7: #8D2E43;
  --brand--8: #B93C58;
  --brand--9: #F2386A;
  --text--lg: 1.125rem;
  --text--md: 1rem;
  --text--sm: 0.875rem;
  --text--xl: 1.25rem;
  --text--xs: 0.75rem;
  --brand--10: #E3255E;
  --brand--11: #FF8DA1;
  --brand--12: #FFD1D6;
  --text--2xl: 1.5rem;
  --text--3xl: 1.875rem;
  --text--4xl: 2.25rem;
  --text--5xl: 3rem;
  --text--6xl: 3.75rem;
  --text--7xl: 4.5rem;
  --text--8xl: 6rem;
  --text--9xl: 8rem;
  --border--lg: 2px;
  --border--md: 1px;
  --neutral--0: #0b0a0b;
  --neutral--1: #121113;
  --neutral--2: #1A191B;
  --neutral--3: #232225;
  --neutral--4: #2B292D;
  --neutral--5: #323035;
  --neutral--6: #3C393F;
  --neutral--7: #49474E;
  --neutral--8: #625F69;
  --neutral--9: #6F6D78;
  --shadow--lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --shadow--md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --shadow--sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --shadow--xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  --success--1: #0D1514;
  --success--2: #111C1B;
  --success--3: #0D2D2A;
  --success--4: #023B37;
  --success--5: #084843;
  --success--6: #145750;
  --success--7: #1C6961;
  --success--8: #207E73;
  --success--9: #12A594;
  --warning--1: #16120C;
  --warning--2: #1D180F;
  --warning--3: #302008;
  --warning--4: #3F2700;
  --warning--5: #4D3000;
  --warning--6: #5C3D05;
  --warning--7: #714F19;
  --warning--8: #8F6424;
  --warning--9: #FFC53D;
  --critical--1: #191113;
  --critical--2: #1E1517;
  --critical--3: #3A141E;
  --critical--4: #4E1325;
  --critical--5: #5E1A2E;
  --critical--6: #6F2539;
  --critical--7: #883447;
  --critical--8: #B3445A;
  --critical--9: #E54666;
  --neutral--10: #7C7A85;
  --neutral--11: #B5B2BC;
  --neutral--12: #EEEEF0;
  --overlay--a1: #ffffff0d;
  --overlay--a2: #ffffff1a;
  --overlay--a3: #ffffff26;
  --overlay--a4: #ffffff33;
  --overlay--a5: #ffffff4d;
  --overlay--a6: #ffffff66;
  --overlay--a7: #ffffff80;
  --overlay--a8: #ffffff99;
  --overlay--a9: #ffffffb3;
  --shadow--2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --success--10: #0EB39E;
  --success--11: #0BD8B6;
  --success--12: #ADF0DD;
  --warning--10: #FFD60A;
  --warning--11: #FFCA16;
  --warning--12: #FFE7B3;
  --border--none: 0px;
  --critical--10: #EC5A72;
  --critical--11: #FF949D;
  --critical--12: #FED2E1;
  --fixed--color: #0b0a0b;
  --overlay--a10: #ffffffcc;
  --overlay--a11: #ffffffe6;
  --overlay--a12: #fffffff2;
  --rounding--lg: 8px;
  --rounding--md: 4px;
  --rounding--sm: 2px;
  --shadow--base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --header-height: 4.5rem;
  --badge--size-lg: 2.5rem;
  --badge--size-md: 2rem;
  --badge--size-sm: 1.5rem;
  --badge--size-xs: 1.25rem;
  --rounding--full: 9999px;
  --rounding--none: 0px;
  --avatar--size-lg: 3rem;
  --avatar--size-md: 2rem;
  --avatar--size-sm: 1.5rem;
  --line-height--lg: 1.75rem;
  --line-height--md: 1.5rem;
  --line-height--sm: 1.25rem;
  --line-height--xl: 1.875rem;
  --line-height--xs: 1.125rem;
  --side-menu-width: 240px;
  --line-height--2xl: 2rem;
  --line-height--3xl: 2.375rem;
  --line-height--4xl: 2.75rem;
  --line-height--5xl: 3.75rem;
  --line-height--6xl: 4.5rem;
  --spinner-size--lg: 1.75rem;
  --spinner-size--md: 1.5rem;
  --spinner-size--sm: 1.25rem;
  --toggle-height-md: 1.5rem;
  --letter-spacing--lg: 0rem;
  --letter-spacing--md: 0rem;
  --letter-spacing--sm: 0rem;
  --letter-spacing--xl: 0rem;
  --letter-spacing--xs: 0rem;
  --letter-spacing--2xl: 0rem;
  --letter-spacing--3xl: 0rem;
  --letter-spacing--4xl: -0.045rem;
  --letter-spacing--5xl: -0.0575rem;
  --letter-spacing--6xl: -0.075rem;
  --overlay-inverted--a1: #0000000d;
  --overlay-inverted--a2: #0000001a;
  --overlay-inverted--a3: #00000026;
  --overlay-inverted--a4: #00000033;
  --overlay-inverted--a5: #0000004d;
  --overlay-inverted--a6: #00000066;
  --overlay-inverted--a7: #00000080;
  --overlay-inverted--a8: #00000099;
  --overlay-inverted--a9: #000000b3;
  --overlay-inverted--a10: #000000cc;
  --overlay-inverted--a11: #000000e6;
  --overlay-inverted--a12: #000000f2;
  --interactive--height-lg: 3rem;
  --interactive--height-md: 2.5rem;
  --interactive--height-sm: 2rem;
}
[data-nc-theme~="Light"] {
  --brand--1: #FFFCFC;
  --brand--2: #FFF7F8;
  --brand--3: #FFE9EB;
  --brand--4: #FFDBDF;
  --brand--5: #FFCDD3;
  --brand--6: #FBBDC4;
  --brand--7: #F3AAB3;
  --brand--8: #EA909C;
  --brand--9: #F2386A;
  --brand--10: #E3255E;
  --brand--11: #D10051;
  --brand--12: #680F28;
  --neutral--0: #EEEEF0;
  --neutral--1: #FCFCFD;
  --neutral--2: #F9F9FB;
  --neutral--3: #EFF0F3;
  --neutral--4: #E7E8EC;
  --neutral--5: #E0E1E6;
  --neutral--6: #D8D9E0;
  --neutral--7: #CDCED7;
  --neutral--8: #B9BBC6;
  --neutral--9: #8B8D98;
  --neutral--10: #80828D;
  --neutral--11: #62636C;
  --neutral--12: #1E1F24;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-outfit: 'Outfit',sans-serif;
--font-ptmono: 'PT Mono',monospace;
--font-Anton: 'Anton',sans-serif;
--font-Roboto Condensed: 'Roboto Condensed',sans-serif;

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


    .ctIED {
      width:100%;
      height:100%;
      display:flex;
      min-height:100%;
      align-items:center;
      padding-top:4rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      padding-bottom:4rem;
      justify-content:center;
    }

    .hKtLC {
      width:100%;
      display:flex;
      row-gap:2rem;
      animation:;
      max-width:360px;
      background:var(--neutral--0);
      column-gap:2rem;
      align-items:center;
      justify-content:flex-start;
    }

    .xXiqd {
      color:var(--neutral--11, #B5B2BC);
      width:100%;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:"Anton";
      font-weight:var(--black);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

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

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

    .fHmxfy {
      gap:0.5rem;
      width:100%;
      height:var(--interactive--height-md);
      display:flex;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      border-color:var(--neutral--7, #49474E);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      border-radius:var(--rounding--md);
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
      background-color:var(--neutral--0, #0b0a0b);
    }

    .fHmxfy:hover {
      background-color:var(--neutral--1, #121113);
    }

    .fHmxfy.focused {
      border-color:var(--brand--10, #8a75dd);
      border-style:solid;
      border-width:var(--border--md);
      outline-color:var(--brand--6, #473876);
      outline-style:solid;
      outline-width:var(--border--lg);
      background-color:var(--neutral--0, #0b0a0b);
    }

    .sKEXp {
      flex:1;
      color:var(--neutral--12, #EEEEF0);
      width:100%;
      height:100%;
      display:flex;
      font-size:var(--text--md);
      font-family:'Outfit';
      font-weight:var(--normal);
      flex-direction:column;
    }

    .sKEXp::placeholder {
      color:var(--neutral--9, #6F6D78);
      font-size:var(--text--md);
      font-family:'Outfit';
      font-weight:var(--normal);
    }

    .dUSkvZ {
      color:var(--neutral--11);
      width:100%;
      font-size:var(--text--sm);
      font-family:'Outfit';
      font-weight:var(--medium);
      line-height:var(--text--sm);
      padding-bottom:0.5rem;
    }

    .cCYXsI {
      width:100%;
    }

    .BFRjW {
      width:100%;
      row-gap:2rem;
      background:;
      column-gap:2rem;
      padding-top:1rem;
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

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

    .ui-button-primary\:root {
      gap:0.25rem;
      color:var(--fixed--color);
      width:fit-content;
      cursor:default;
      height:var(--interactive--height-md);
      font-size:var(--text--md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:"Roboto Condensed";
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding--md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border--lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border--md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--brand--10, #8a75dd);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .ui-button-primary\:root:hover {
      background:var(--neutral--12);
    }

    .ui-button-primary\:root:active {
      transition:none;
      background-color:var(--brand--11, #BAA7FF);
    }

    .ui-button-primary\:root:focus-visible {
      outline-color:var(--brand--8, #6958AD);
      outline-style:solid;
      outline-width:var(--border--lg);
      outline-offset:var(--border--md);
    }

    .ui-button-primary\:root.disabled {
      opacity:0.5;
      background-color:var(--brand--10, #8a75dd);
    }

    .ecsgDW {
      width:var(--size);
      height:var(--size);
      animation:spinner 1s linear infinite;
      border-radius:50%;
    }

    .ffcKG {
      width:100%;
      height:100%;
      position:absolute;
      border-color:transparent;
      border-style:solid;
      border-width:4px;
      border-radius:50%;
      border-top-color:var(--color, #EEEEF0);
      border-top-style:solid;
      border-top-width:4px;
    }

    .bDGgpC {
      width:100%;
      height:100%;
      opacity:0.3;
      position:absolute;
      border-color:var(--color, #EEEEF0);
      border-style:solid;
      border-width:4px;
      border-radius:50%;
    }

    .fwIVEn {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      background:var(--brand-10);
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
    }

    .auth-reset-password-form\:RS-SBddYMnFMiBMK1OEDP {
      width:100%;
    }

    .ui-button-tertiary\:root {
      gap:0.5rem;
      color:var(--neutral--12, #EEEEF0);
      width:fit-content;
      cursor:default;
      height:var(--interactive--height-md);
      font-size:var(--text--md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:"Roboto Condensed";
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding--md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border--lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border--md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .ui-button-tertiary\:root:hover {
      color:var(--brand--9);
    }

    .ui-button-tertiary\:root:active {
      transition:none;
      background-color:var(--overlay--a3, #ffffff26);
    }

    .ui-button-tertiary\:root:focus-visible {
      outline-color:var(--brand--8, #6958AD);
      outline-style:solid;
      outline-width:var(--border--lg);
      outline-offset:var(--border--md);
    }

    .ui-button-tertiary\:root.trigger-open {
      background-color:var(--overlay--a3, #ffffff26);
    }

    .ui-button-tertiary\:root.disabled {
      opacity:0.5;
      background-color:var(--overlay--a1, #ffffff0d);
    }

    .so-field-password-toggle\:root {
      width:calc(var(--interactive--height-md) - 0.75rem);
      height:calc(var(--interactive--height-md) - 0.75rem);
      margin-right:-0.5rem;
      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);
    }

    .eTkKzJ {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .auth-reset-password-form\:zkqYniAUHgtTPgNWsvk5W {
      row-gap:1rem;
      column-gap:1rem;
    }

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

    .so-toast-provider\:3HNY67eQbyTMKV7wPLZZf {
      width:100%;
      display:flex;
      position:relative;
      max-width:360px;
      transition:height 150ms ease 0ms normal;
      flex-direction:column;
    }

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

    .ui-toast\:root {
      gap:0.75rem;
      color:var(--neutral--11, #B5B2BC);
      width:100%;
      opacity:0;
      translate:0 16px;
      padding-top:1rem;
      border-color:var(--neutral--6, #3C393F);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding--lg);
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral--0, #0b0a0b);
    }

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

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

    .ui-toast\:root.open-transition {
      transition:all 250ms ease 0ms normal;
    }

    .ui-toast\:root.close-transition {
      transition:all 150ms ease 0ms normal;
    }

    .ui-toast\:root.success {
      color:var(--success--11, #0BD8B6);
      border-color:var(--success--6, #145750);
      border-style:solid;
      border-width:1px;
      background-color:var(--success--2, #111C1B);
    }

    .ui-toast\:root.warning {
      color:var(--warning--11, #FFCA16);
      border-color:var(--warning--6, #5C3D05);
      border-style:solid;
      border-width:1px;
      background-color:var(--warning--2, #1D180F);
    }

    .ui-toast\:root.critical {
      color:var(--critical--11, #FF949D);
      border-color:var(--critical--6, #6F2539);
      border-style:solid;
      border-width:1px;
      background-color:var(--critical--2, #1E1517);
    }

    .rKRcu {
      gap:0.5rem;
      flex-direction:row;
    }

    .frNzNu {
      color:var(--neutral--11, #B5B2BC);
      display:inline-block;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:"Roboto Condensed";
      font-weight:inherit;
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

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

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

    .ui-toast\:FW2tKddjmqBb2S_WPmtMS {
      color:inherit;
    }

    .ui-toast\:gYVdDIDxaBXSrlkux9YPE {
      flex:1;
      color:inherit;
    }

    .ui-toast\:qAcThqFGvMbu5lzhtPxSk {
      width:var(--text--lg);
      height:var(--text--lg);
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      background-color:transparent;
    }

    .ui-toast\:qAcThqFGvMbu5lzhtPxSk:hover {
      background-color:transparent;
    }

    .ui-toast\:qAcThqFGvMbu5lzhtPxSk:active {
      background-color:transparent;
    }

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

    .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      align-items:end;
      padding-top:1.25rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      padding-bottom:1.25rem;
      justify-content:start;
    }

    @media (max-width: 1024px) {

    .so-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      align-items:center;
      justify-content:start;
    }
    }