@font-face {
    font-display: swap;
    font-family: FOR smart Sans CC;
    font-weight: 300;
    src: url(./../../fonts/FORsmartSansWeb-Thin.woff2) format("woff2"), url(./../../fonts/FORsmartSansWeb-Thin.woff) format("woff")
}
@font-face {
    font-display: swap;
    font-family: FOR smart Sans CC;
    font-weight: 400;
    src: url(./../../fonts/FORsmartSansWeb-Regular.woff2) format("woff2"), url(./../../fonts/FORsmartSansWeb-Regular.woff) format("woff")
}
@font-face {
    font-display: swap;
    font-family: FOR smart Sans CC;
    font-weight: 700;
    src: url(./../../fonts/FORsmartSansWeb-Bold.woff2) format("woff2"), url(./../../fonts/FORsmartSansWeb-Bold.woff) format("woff")
}
@font-face {
    font-display: swap;
    font-family: FOR smart Next;
    font-weight: 700;
    src: url(./../../fonts/FORsmartNext-Bold.otf) format("otf")
}
@font-face {
    font-display: swap;
    font-family: FOR smart Next;
    font-weight: 400;
    src: url(./../../fonts/FORsmartNext-Regular.otf) format("otf")
}

@font-face {
    font-family: "URWFormExpand";
    src: url("./../../fonts/URWFormExpand-Regular.ttf") format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: "URWFormExpand";
    src: url("./../../fonts/URWFormExpand-Medium.ttf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "URWFormExpand";
    src: url("./../../fonts/URWFormExpand-Bold.ttf") format("truetype");
    font-weight: 700;
}


@media(min-width:0px) {
    :root {
        --spacing-0: 0px;
        --spacing-50: 4px;
        --spacing-100: 8px;
        --spacing-200: 12px;
        --spacing-300: 16px;
        --spacing-400: 24px;
        --spacing-500: 28px;
        --spacing-600: 36px;
        --spacing-700: 48px;
        --spacing-800: 64px;
        --spacing-900: 96px;
        --spacing-1000: 120px
    }
}

@media(min-width:375px) {
    :root {
        --spacing-0: 0px;
        --spacing-50: 4px;
        --spacing-100: 8px;
        --spacing-200: 12px;
        --spacing-300: 16px;
        --spacing-400: 24px;
        --spacing-500: 28px;
        --spacing-600: 36px;
        --spacing-700: 48px;
        --spacing-800: 64px;
        --spacing-900: 96px;
        --spacing-1000: 120px
    }
}

@media(min-width:768px) {
    :root {
        --spacing-0: 0px;
        --spacing-50: 4px;
        --spacing-100: 8px;
        --spacing-200: 12px;
        --spacing-300: 16px;
        --spacing-400: 24px;
        --spacing-500: 32px;
        --spacing-600: 40px;
        --spacing-700: 56px;
        --spacing-800: 72px;
        --spacing-900: 104px;
        --spacing-1000: 140px
    }
}

@media(min-width:1024px) {
    :root {
        --spacing-0: 0px;
        --spacing-50: 4px;
        --spacing-100: 8px;
        --spacing-200: 12px;
        --spacing-300: 16px;
        --spacing-400: 24px;
        --spacing-500: 36px;
        --spacing-600: 48px;
        --spacing-700: 64px;
        --spacing-800: 80px;
        --spacing-900: 120px;
        --spacing-1000: 168px
    }
}

@media(min-width:1440px) {
    :root {
        --spacing-0: 0px;
        --spacing-50: 4px;
        --spacing-100: 8px;
        --spacing-200: 12px;
        --spacing-300: 16px;
        --spacing-400: 24px;
        --spacing-500: 40px;
        --spacing-600: 60px;
        --spacing-700: 76px;
        --spacing-800: 96px;
        --spacing-900: 144px;
        --spacing-1000: 200px
    }
}

@media (min-width: 1600px) {
    :root {
        --spacing-0: 0px;
        --spacing-50: 4px;
        --spacing-100: 8px;
        --spacing-200: 12px;
        --spacing-300: 16px;
        --spacing-400: 24px;
        --spacing-500: 48px;
        --spacing-600: 76px;
        --spacing-700: 96px;
        --spacing-800: 120px;
        --spacing-900: 180px;
        --spacing-1000: 240px;
    }
}





body {
    --font-weight-thin: 300;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    --font-size-label100: 1rem;
    --font-size-label200: 0.75rem;
    --font-size-paragraph100: 1rem;
    --font-size-paragraph200: 0.75rem;
    --font-size-caption100: 1rem;
    --font-size-caption200: 0.875rem;
    --font-size-caption200-fixed: 0.875rem;
    --font-size-caption300: 0.75rem;
    --font-size-caption300-fixed: 0.75rem;
    --font-size-caption400-fixed: 0.625rem;
    --font-size-link100: 0.875rem;
    --font-size-subheadline100: 1.375rem;
    --font-size-subheadline200: 1.125rem;
    --font-size-display200-fixed: 2.25rem;
    --font-size-legal100: 0.625rem;
    --font-size-d-300: 2.75rem;
    --font-size-d-200: 2.25rem;
    --font-size-d-100: 1.5rem;
    --font-size-hl-300: 2rem;
    --font-size-hl-200: 1.5rem;
    --font-size-hl-100: 1.375rem;
    --font-size-hl-50: 1.125rem;
    --font-size-p-300: 1rem;
    --font-size-p-200: 1rem;
    --font-size-p-100: 0.875rem;
    --font-size-lgl-100: 0.75rem;
    --font-size-hyp-100: 1rem;
    --font-size-hyp-200: 0.875rem;
    --font-size-hyp-lgl: 0.75rem;
    --font-size-lbl-100: 1rem;
    --font-size-lbl-200: 0.875rem;
    --font-size-cap-100-fixed: 1rem;
    --font-size-cap-200: 0.875rem;
    --font-size-cap-200-fixed: 0.875rem;
    --line-height-d-200: 120%;
    --letter-spacing-d-300: -0.01em;
    --letter-spacing-d-200: -0.01em;
    --letter-spacing-hl-200: -0.01em;
}

@media (min-width: 768px) {
    body {
        --font-size-subheadline100: 1.375rem;
        --font-size-subheadline200: 1.125rem;
        --font-size-d-300: 3rem;
        --font-size-d-200: 2.5rem;
        --font-size-d-100: 1.5rem;
        --font-size-hl-300: 2rem;
        --font-size-hl-200: 1.5rem;
        --font-size-hl-100: 1.375rem;
        --font-size-hl-50: 1.125rem;
        --font-size-p-300: 1rem;
        --line-height-d-200: 120%;
        --letter-spacing-d-300: -0.01em;
        --letter-spacing-d-200: -0.01em;
        --letter-spacing-hl-200: -0.01em;
    }
}
@media (min-width: 1024px) {
    body {
        --font-size-label100: 1.125rem;
        --font-size-label200: 0.875rem;
        --font-size-paragraph100: 1.125rem;
        --font-size-paragraph200: 0.875rem;
        --font-size-caption200: 1rem;
        --font-size-subheadline100: 1.375rem;
        --font-size-subheadline200: 1.125rem;
        --font-size-legal100: 0.6875rem;
        --font-size-d-300: 3.5rem;
        --font-size-d-200: 3rem;
        --font-size-d-100: 1.75rem;
        --font-size-hl-300: 2.25rem;
        --font-size-hl-200: 1.75rem;
        --font-size-hl-100: 1.5rem;
        --font-size-hl-50: 1.25rem;
        --font-size-p-300: 1.125rem;
        --line-height-d-200: 120%;
        --letter-spacing-d-300: -0.02em;
        --letter-spacing-d-200: -0.01em;
        --letter-spacing-hl-200: -0.01em;
    }
}
@media (min-width: 1440px) {
    body {
        --font-size-label100: 1.125rem;
        --font-size-label200: 1rem;
        --font-size-paragraph100: 1.125rem;
        --font-size-paragraph200: 1rem;
        --font-size-caption300: 0.875rem;
        --font-size-subheadline100: 1.5rem;
        --font-size-subheadline200: 1.25rem;
        --font-size-legal100: 0.75rem;
        --font-size-d-300: 4.5rem;
        --font-size-d-200: 3rem;
        --font-size-d-100: 2rem;
        --font-size-hl-300: 2.5rem;
        --font-size-hl-200: 2rem;
        --font-size-hl-100: 1.5rem;
        --font-size-hl-50: 1.25rem;
        --font-size-p-300: 1.125rem;
        --line-height-d-200: 110%;
        --letter-spacing-d-300: -0.02em;
        --letter-spacing-d-200: -0.01em;
        --letter-spacing-hl-200: -0.02em;
    }
}
@media (min-width: 1920px) {
    body {
        --font-size-subheadline100: 1.75rem;
        --font-size-subheadline200: 1.5rem;
        --font-size-d-300: 5rem;
        --font-size-d-200: 3.5rem;
        --font-size-d-100: 2.5rem;
        --font-size-hl-300: 3rem;
        --font-size-hl-200: 2.5rem;
        --font-size-hl-100: 1.75rem;
        --font-size-hl-50: 1.5rem;
        --font-size-p-300: 1.25rem;
        --line-height-d-200: 110%;
        --letter-spacing-d-300: -0.02em;
        --letter-spacing-d-200: -0.02em;
        --letter-spacing-hl-200: -0.02em;
    }
}


:root {
    --bg-level-1: #fff;
    --bg-level-1-inverted: #141413;
    --bg-level-2: #f2f2f2;
    --bg-level-2-inverted: #363636;
    --bg-level-3: #ebebeb;
    --bg-level-3-inverted: #494d50;
    --c-high-contrast: #141413;
    --c-mid-contrast: #6b747b;
    --c-inverted: #fff;
    --c-disabled: #babfc4;
    --c-hover: #969da3;
    --c-pressed: #6b747b;
    --s-primary: #141413;
    --s-disabled: #f2f2f2;
    --dc-standard: #141413;
    --dc-standard-disabled: #babfc4;
    --dc-accent: #141413;
    --dc-accent-disabled: rgba(20,20,19,.4);
    --ds-standard: #ebebeb;
    --ds-standard-disabled: hsla(0,0%,92%,.5);
    --ds-accent: #d7e600;
    --ds-accent-disabled: rgba(215,230,0,.4);
    --sl-focus: #417bd9;
    --sl-hover: hsla(208,7%,61%,.1);
    --sl-pressed: hsla(208,7%,61%,.2);
    --div-default: rgba(41,41,41,.06);
    --sig-success: #1b882b;
    --sig-error: #d71c1c;
    --sig-warning: #f7bf31;
    --sig-informational: #494d50;
    --gr-skeleton: linear-gradient(90deg,#dfe2e5,#f2f2f2);
    --gr-skeleton-animated: linear-gradient(90deg,#dfe2e5 13%,#f2f2f2 47%,#dfe2e5 85%);
    --l-gr-scroll-bottom: linear-gradient(180deg,hsla(0,0%,95%,0),#f2f2f2);
    --l-gr-scroll-top: linear-gradient(180deg,#f2f2f2,hsla(0,0%,95%,0));
    --d-gr-scroll-top: linear-gradient(180deg,#141413,rgba(20,20,19,0));
    --d-gr-scroll-bottom: linear-gradient(180deg,rgba(20,20,19,0),#141413);
    --gr-background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.25) 66.15%,rgba(0,0,0,.08) 85.42%,transparent);
    --bg-overlay-42: rgba(0,0,0,.42);
    --bg-overlay-30: rgba(0,0,0,.3);
    --bg-overlay-18: rgba(0,0,0,.18);
    --bg-overlay-80: hsla(0,0%,100%,.8);
    --bl-overlay-16: blur(16px);
    --bl-overlay-8: blur(8px);
    --s-primary-hover: #212221;
    --s-primary-pressed: #3b3d3e;
    --ds-standard-hover: #e3e3e4;
    --ds-standard-pressed: #d2d4d5;
    --ds-accent-hover: #d1df10;
    --ds-accent-pressed: #c4d031;
}



:root {
    --breakpoint-xs: 320px;
    --breakpoint-s: 375px;
    --breakpoint-m: 768px;
    --breakpoint-l: 1024px;
    --breakpoint-xl: 1440px;
    --breakpoint-xxl: 1920px;
    --content-margin: var(--col-1);
    --content-margin-reduced: var(--content-margin);
    --col-1: 6.25vw;
    --col-2: 12.5vw;
    --col-3: 18.75vw;
    --col-4: 25vw;
    --col-5: 31.25vw;
    --col-6: 37.5vw;
    --col-7: 43.75vw;
    --col-8: 50vw;
    --col-9: 56.25vw;
    --col-10: 62.5vw;
    --col-11: 68.75vw;
    --col-12: 75vw;
    --col-13: 81.25vw;
    --col-14: 87.5vw;
    --col-15: 93.75vw;
    --col-16: 100vw;
}

@media (min-width: 768px) {
    :root {
        --col-1: 4.1666666667vw;
        --col-2: 8.3333333333vw;
        --col-3: 12.5vw;
        --col-4: 16.6666666667vw;
        --col-5: 20.8333333333vw;
        --col-6: 25vw;
        --col-7: 29.1666666667vw;
        --col-8: 33.3333333333vw;
        --col-9: 37.5vw;
        --col-10: 41.6666666667vw;
        --col-11: 45.8333333333vw;
        --col-12: 50vw;
        --col-13: 54.1666666667vw;
        --col-14: 58.3333333333vw;
        --col-15: 62.5vw;
        --col-16: 66.6666666667vw;
        --col-17: 70.8333333333vw;
        --col-18: 75vw;
        --col-19: 79.1666666667vw;
        --col-20: 83.3333333333vw;
        --col-21: 87.5vw;
        --col-22: 91.6666666667vw;
        --col-23: 95.8333333333vw;
        --col-24: 100vw;
    }
}
@media (min-width: 768px) {
    :root {
        --content-margin: var(--col-2);
    }
}


@media (min-width: 1024px) {
    :root {
        --content-margin-reduced: calc(var(--content-margin) / 2);
    }
}
@media (min-width: 1920px) {
    :root {
        --content-margin: calc(50vw - 800px);
        --col-1: 80px;
        --col-2: 160px;
        --col-3: 240px;
        --col-4: 320px;
        --col-5: 400px;
        --col-6: 480px;
        --col-7: 560px;
        --col-8: 640px;
        --col-9: 720px;
        --col-10: 800px;
        --col-11: 880px;
        --col-12: 960px;
        --col-13: 1040px;
        --col-14: 1120px;
        --col-15: 1200px;
        --col-16: 1280px;
        --col-17: 1360px;
        --col-18: 1440px;
        --col-19: 1520px;
        --col-20: 1600px;
    }
}

@media screen and (min-width: 375px) {
    :root {
        --display-100: calc(5rem + 2.75 * (100vw - 23.4375rem) / 24.5625);
        --display-200: calc(3.125rem + 1.625 * (100vw - 23.4375rem) / 24.5625);
        --display-300: calc(2rem + 0.5625 * (100vw - 23.4375rem) / 24.5625);
        --headline-100: calc(2.5rem + 0.25 * (100vw - 23.4375rem) / 24.5625);
        --headline-200: calc(2rem + 0.25 * (100vw - 23.4375rem) / 24.5625);
        --headline-300: calc(1.5rem + 0.125 * (100vw - 23.4375rem) / 24.5625);
        --headline-400: calc(1.125rem + 0.125 * (100vw - 23.4375rem) / 24.5625);
    }
}
@media screen and (min-width: 768px) {
    :root {
        --display-100: calc(7.75rem + 1.8125 * (100vw - 48rem) / 16);
        --display-200: calc(4.75rem + 0.8125 * (100vw - 48rem) / 16);
        --display-300: calc(2.5625rem + 0.375 * (100vw - 48rem) / 16);
        --headline-100: calc(2.75rem + 0.25 * (100vw - 48rem) / 16);
        --headline-200: calc(2.25rem + 0.25 * (100vw - 48rem) / 16);
        --headline-300: calc(1.625rem + 0.125 * (100vw - 48rem) / 16);
        --headline-400: calc(1.25rem + 0.125 * (100vw - 48rem) / 16);
    }
}
@media screen and (min-width: 1024px) {
    :root {
        --display-100: calc(9.5625rem + 2.9375 * (100vw - 64rem) / 26);
        --display-200: calc(5.5625rem + 1.3125 * (100vw - 64rem) / 26);
        --display-300: calc(2.9375rem + 0.5625 * (100vw - 64rem) / 26);
        --headline-100: calc(3rem + 0.5 * (100vw - 64rem) / 26);
        --headline-200: calc(2.5rem + 0.25 * (100vw - 64rem) / 26);
        --headline-300: calc(1.75rem + 0.25 * (100vw - 64rem) / 26);
        --headline-400: calc(1.375rem + 0.125 * (100vw - 64rem) / 26);
    }
}
@media screen and (min-width: 1440px) {
    :root {
        --display-100: calc(12.5rem + 3.375 * (100vw - 90rem) / 30);
        --display-200: calc(6.875rem + 1.5 * (100vw - 90rem) / 30);
        --display-300: calc(3.5rem + 0.6875 * (100vw - 90rem) / 30);
        --headline-100: calc(3.5rem + 0.5 * (100vw - 90rem) / 30);
        --headline-200: calc(2.75rem + 0.375 * (100vw - 90rem) / 30);
        --headline-300: calc(2rem + 0.25 * (100vw - 90rem) / 30);
        --headline-400: calc(1.5rem + 0.125 * (100vw - 90rem) / 30);
    }
}
@media screen and (min-width: 1920px) {
    :root {
        --display-100: 15.875rem;
        --display-200: 8.375rem;
        --display-300: 4.1875rem;
        --headline-100: 4rem;
        --headline-200: 3.125rem;
        --headline-300: 2.25rem;
        --headline-400: 1.625rem;
    }
}

input:focus {
    border: 1px solid #2378cd !important;
    box-shadow: 0 0 5px 0 #0070f0 !important;
    outline: none !important;
}

@layer reset {
    img {
        max-inline-size: 100%;
        max-block-size: 100%;
    }
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}


* {
    box-sizing: border-box;
}
body {
    color: #000;
    line-height: unset;
    letter-spacing: unset;
    text-size-adjust: unset;
    font-size: unset;
    margin: 0;
    font-family: var(--font-family-sans);
}