:root, .system-color-light {
  --foreground-content-content-primary: #181a21;
  --foreground-content-content-secondary: #5a5c63;
  --foreground-content-content-tertiary: #9799a0;
  --foreground-content-placeholder: #bdbfc6;
  --foreground-content-seperator: #dee0e7;
  --foreground-content-content-on-tint: #ffffff;
  --backgrounds-background-level-1: #f6f8ff;
  --backgrounds-background-level-2: #ffffff;
  --backgrounds-background-level-3: #ebedf4;
  --backgrounds-background-level-1-alt: #000000;
  --backgrounds-background-level-2-alt: #141421;
  --backgrounds-background-level-3-alt: #1e1e2d;
  --tints-miranda-tint-miranda: #ff4e55;
  --tints-miranda-tint-miranda-20: #ffdcdd;
  --tints-miranda-tint-miranda-10: #ffedee;
  --tints-miranda-tint-miranda-60: #ff9599;
  --tints-brand-tint-brand: #fa6a37;
  --tints-brand-tint-brand-20: #ffe4cc;
  --tints-brand-tint-brand-10: #fff2e5;
  --tints-brand-tint-brand-60: #ffaf66;
  --tints-gazon-tint-gazon: #00a582;
  --tints-gazon-tint-gazon-20: #ccede6;
  --tints-gazon-tint-gazon-10: #e5f6f2;
  --tints-gazon-tint-gazon-60: #66c9b4;
  --tints-netspace-tint-netspace: #676df7;
  --tints-netspace-tint-netspace-20: #e1e2fd;
  --tints-netspace-tint-netspace-10: #f0f0fe;
  --tints-netspace-tint-netspace-60: #a4a7fa;
  --tints-brand-tint-brand-40: #ffbc80;
  --tints-netspace-tint-netspace-40: #b3b6fb;
  --tints-gazon-tint-gazon-40: #80d2c1;
}
.system-color-dark {
  --foreground-content-content-primary: #f5f6fa;
  --foreground-content-content-secondary: #b3b6c2;
  --foreground-content-content-tertiary: #7f8393;
  --foreground-content-placeholder: #5f6372;
  --foreground-content-seperator: #2a2d3a;
  --foreground-content-content-on-tint: #ffffff;
  --backgrounds-background-level-1: #141421;
  --backgrounds-background-level-2: #1e1e2d;
  --backgrounds-background-level-3: #29293a;
  --backgrounds-background-level-1-alt: #000000;
  --backgrounds-background-level-2-alt: #141421;
  --backgrounds-background-level-3-alt: #141421;
  --tints-miranda-tint-miranda: #ff2d55;
  --tints-miranda-tint-miranda-20: #43202b;
  --tints-miranda-tint-miranda-10: #2b1a26;
  --tints-miranda-tint-miranda-60: #a13740;
  --tints-brand-tint-brand: #fa6a37;
  --tints-brand-tint-brand-20: #43281a;
  --tints-brand-tint-brand-10: #2c1e1e;
  --tints-brand-tint-brand-60: #a1510d;
  --tints-gazon-tint-gazon: #00a582;
  --tints-gazon-tint-gazon-20: #103134;
  --tints-gazon-tint-gazon-10: #101b2c;
  --tints-gazon-tint-gazon-60: #07685c;
  --tints-netspace-tint-netspace: #676df7;
  --tints-netspace-tint-netspace-20: #25264c;
  --tints-netspace-tint-netspace-10: #1c1d36;
  --tints-netspace-tint-netspace-60: #4649a1;
  --tints-brand-tint-brand-40: #894711;
  --tints-netspace-tint-netspace-40: #3e418c;
  --tints-gazon-tint-gazon-40: #0a5d52;
}
:root, .design-tokens-light {
  --radius-small: 0.5rem;
  --radius-medium: 1rem;
  --radius-large: 1.5rem;
  --radius-xlarge: 2rem;
  --radius-xxlarge: 3rem;
  --radius-circular: 8rem;
  --x0: 0rem;
  --x0-75: 0.1875rem;
  --x1: 0.25rem;
  --x1-5: 0.375rem;
  --x2: 0.5rem;
  --x2-5: 0.625rem;
  --x3: 0.75rem;
  --x4: 1rem;
  --x5: 1.25rem;
  --x6: 1.5rem;
  --x7: 1.75rem;
  --x8: 2rem;
  --x9: 2.25rem;
  --x10: 2.5rem;
  --x12: 3rem;
  --x13: 3.25rem;
  --x14: 3.5rem;
  --x16: 4rem;
  --x18: 4.5rem;
  --x20: 5rem;
  --x32: 8rem;
}
:root, .typeface-baseline {
  --brand: "TT Norms";
  --plain: Roboto;
  --weight-regular: Regular;
  --weight-medium: Bold;
  --weight-bold: Bold;
}
:root, .typescale-baseline {
  --display-large-size: 3.5625rem;
  --display-large-line-height: 4rem;
  --display-large-tracking: 0px;
  --display-medium-size: 2.8125rem;
  --display-medium-line-height: 3.25rem;
  --display-medium-tracking: 0px;
  --display-small-size: 2.25rem;
  --display-small-line-height: 2.75rem;
  --display-small-tracking: 0px;
  --headline-large-size: 2rem;
  --headline-large-line-height: 2.5rem;
  --headline-large-tracking: 0px;
  --headline-medium-size: 1.75rem;
  --headline-medium-line-height: 2.25rem;
  --headline-medium-tracking: -1px;
  --headline-small-size: 1.5rem;
  --headline-small-line-height: 2rem;
  --headline-small-tracking: -1px;
  --title-large-size: 1.375rem;
  --title-large-line-height: 1.75rem;
  --title-large-tracking: 0px;
  --title-s-large-size: 1.25rem;
  --title-s-large-line-height: 1.5rem;
  --title-s-large-tracking: 0px;
  --title-medium-size: 1rem;
  --title-medium-line-height: 1.5rem;
  --title-medium-tracking: 0px;
  --title-small-size: 0.875rem;
  --title-small-line-height: 1.25rem;
  --title-small-tracking: 0px;
  --label-grande-size: 1rem;
  --label-grande-line-height: 1rem;
  --label-grande-tracking: 0px;
  --label-large-size: 0.875rem;
  --label-large-line-height: 1.25rem;
  --label-large-tracking: 0px;
  --label-medium-size: 0.75rem;
  --label-medium-line-height: 1rem;
  --label-medium-tracking: 0px;
  --label-small-size: 0.6875rem;
  --label-small-line-height: 0.75rem;
  --label-small-tracking: 0px;
  --label-tiny-size: 0.625rem;
  --label-tiny-line-height: 0.625rem;
  --label-tiny-tracking: 0px;
  --body-grande-size: 1.25rem;
  --body-grande-line-height: 1.5rem;
  --body-grande-tracking: 0px;
  --body-large-size: 1rem;
  --body-large-line-height: 1.5rem;
  --body-large-tracking: 0px;
  --body-medium-size: 0.875rem;
  --body-medium-line-height: 1.25rem;
  --body-medium-tracking: 0px;
  --body-small-size: 0.75rem;
  --body-small-line-height: 1rem;
  --body-small-tracking: 0px;
  --textline-large-size: 1rem;
  --textline-large-line-height: 1rem;
  --textline-large-tracking: 0px;
  --textline-medium-size: 0.875rem;
  --textline-medium-line-height: 0.875rem;
  --textline-medium-tracking: 0px;
  --textline-small-size: 0.75rem;
  --textline-small-line-height: 0.75rem;
  --textline-small-tracking: 0px;
  --display-large-font: var(--brand, "TT Norms");
  --display-large-weight: var(--weight-regular, Regular);
  --display-medium-font: var(--brand, "TT Norms");
  --display-medium-weight: var(--weight-regular, Regular);
  --display-small-font: var(--brand, "TT Norms");
  --display-small-weight: var(--weight-bold, SemiBold);
  --headline-large-font: var(--brand, "TT Norms");
  --headline-large-weight: var(--weight-regular, Regular);
  --headline-medium-font: var(--brand, "TT Norms");
  --headline-medium-weight: var(--weight-regular, Regular);
  --headline-small-font: var(--brand, "TT Norms");
  --headline-small-weight: var(--weight-medium, Medium);
  --title-large-font: var(--brand, "TT Norms");
  --title-large-weight: var(--weight-regular, Regular);
  --title-s-large-font: var(--brand, "TT Norms");
  --title-s-large-weight: var(--weight-medium, Medium);
  --title-medium-font: var(--brand, "TT Norms");
  --title-medium-weight: var(--weight-medium, Medium);
  --title-small-font: var(--brand, "TT Norms");
  --title-small-weight: var(--weight-medium, Medium);
  --label-grande-font: var(--brand, "TT Norms");
  --label-grande-weight: var(--weight-medium, Medium);
  --label-grande-weight-prominent: var(--weight-bold, SemiBold);
  --label-large-font: var(--brand, "TT Norms");
  --label-large-weight: var(--weight-medium, Medium);
  --label-large-weight-prominent: var(--weight-bold, SemiBold);
  --label-medium-font: var(--brand, "TT Norms");
  --label-medium-weight: var(--weight-medium, Medium);
  --label-medium-weight-prominent: var(--weight-bold, SemiBold);
  --label-small-font: var(--brand, "TT Norms");
  --label-small-weight: var(--weight-medium, Medium);
  --label-tiny-font: var(--brand, "TT Norms");
  --label-tiny-weight: var(--weight-medium, Medium);
  --body-grande-font: var(--brand, "TT Norms");
  --body-grande-weight: var(--weight-regular, Regular);
  --body-large-font: var(--brand, "TT Norms");
  --body-large-weight: var(--weight-regular, Regular);
  --body-medium-font: var(--brand, "TT Norms");
  --body-medium-weight: var(--weight-regular, Regular);
  --body-small-font: var(--brand, "TT Norms");
  --body-small-weight: var(--weight-regular, Regular);
  --textline-large-font: var(--brand, "TT Norms");
  --textline-large-weight: var(--weight-regular, Regular);
  --textline-medium-font: var(--brand, "TT Norms");
  --textline-medium-weight: var(--weight-regular, Regular);
  --textline-small-font: var(--brand, "TT Norms");
  --textline-small-weight: var(--weight-regular, Regular);
  --textline-small-weight-prominent: var(--weight-medium, Medium);
}
[data-svg-wrapper] {
    display: inline-flex;
}

.title-small{
    color: var(--foreground-content-content-primary, #181A21);
    font-family: var(--brand, "TT Norms");
    font-size: var(--title-small-size, 14px);
    font-style: normal;
    font-weight: var(--weight-bold);
    line-height: var(--title-small-line-height, 20px);
    letter-spacing: var(--title-small-tracking, 0);
}
.label-small{
    color: var(--foreground-content-content-tertiary, #9799A0);
    font-family: var(--brand, "TT Norms");
    font-size: var(--label-small-size, 11px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--label-small-line-height, 12px);
    letter-spacing: var(--label-small-tracking, 0);
}