@font-face {
    font-family: "SanaSansAlt-Thin";
    font-weight: 100;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-Thin"), url("../../fonts/SanaSansAlt-Thin.otf") format("otf"), url("../../fonts/SanaSansAlt-Thin.woff2") format("woff2"), url("../../fonts/SanaSansAlt-Thin.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-ThinItalic";
    font-weight: 100;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-ThinItalic"), url("../../fonts/SanaSansAlt-ThinItalic.otf") format("otf"), url("../../fonts/SanaSansAlt-ThinItalic.woff2") format("woff2"), url("../../fonts/SanaSansAlt-ThinItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Book";
    font-weight: 200;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-Book"), url("../../fonts/SanaSansAlt-Book.otf") format("otf"), url("../../fonts/SanaSansAlt-Book.woff2") format("woff2"), url("../../fonts/SanaSansAlt-Book.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-BookItalic";
    font-weight: 200;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-BookItalic"), url("../../fonts/SanaSansAlt-BookItalic.otf") format("otf"), url("../../fonts/SanaSansAlt-BookItalic.woff2") format("woff2"), url("../../fonts/SanaSansAlt-BookItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Light";
    font-weight: 300;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-Light"), url("../../fonts/SanaSansAlt-Light.otf") format("otf"), url("../../fonts/SanaSansAlt-Light.woff2") format("woff2"), url("../../fonts/SanaSansAlt-Light.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-LightItalic";
    font-weight: 300;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-LightItalic"), url("../../fonts/SanaSansAlt-LightItalic.otf") format("otf"), url("../../fonts/SanaSansAlt-LightItalic.woff2") format("woff2"), url("../../fonts/SanaSansAlt-LightItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Regular";
    font-weight: 400;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-Regular"), url("../../fonts/SanaSansAlt-Regular.otf") format("otf"), url("../../fonts/SanaSansAlt-Regular.woff2") format("woff2"), url("../../fonts/SanaSansAlt-Regular.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-RegularItalic";
    font-weight: 400;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-RegularItalic"), url("../../fonts/SanaSansAlt-RegularItalic.otf") format("otf"), url("../../fonts/SanaSansAlt-RegularItalic.woff2") format("woff2"), url("../../fonts/SanaSansAlt-RegularItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Medium";
    font-weight: 500;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-Medium"), url("../../fonts/SanaSansAlt-Medium.otf") format("otf"), url("../../fonts/SanaSansAlt-Medium.woff2") format("woff2"), url("../../fonts/SanaSansAlt-Medium.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-MediumItalic";
    font-weight: 500;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-MediumItalic"), url("../../fonts/SanaSansAlt-MediumItalic.otf") format("otf"), url("../../fonts/SanaSansAlt-MediumItalic.woff2") format("woff2"), url("../../fonts/SanaSansAlt-MediumItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Bold";
    font-weight: 700;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-Bold"), url("../../fonts/SanaSansAlt-Bold.otf") format("otf"), url("../../fonts/SanaSansAlt-Bold.woff2") format("woff2"), url("../../fonts/SanaSansAlt-Bold.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-BoldItalic";
    font-weight: 700;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-BoldItalic"), url("../../fonts/SanaSansAlt-BoldItalic.otf") format("otf"), url("../../fonts/SanaSansAlt-BoldItalic.woff2") format("woff2"), url("../../fonts/SanaSansAlt-BoldItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Black";
    font-weight: 900;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-Black"), url("../../fonts/SanaSansAlt-Black.otf") format("otf"), url("../../fonts/SanaSansAlt-Black.woff2") format("woff2"), url("../../fonts/SanaSansAlt-Black.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-BlackItalic";
    font-weight: 900;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-BlackItalic"), url("../../fonts/SanaSansAlt-BlackItalic.otf") format("otf"), url("../../fonts/SanaSansAlt-BlackItalic.woff2") format("woff2"), url("../../fonts/SanaSansAlt-BlackItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Heavy";
    font-weight: 1000;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-Heavy"), url("../../fonts/SanaSansAlt-Heavy.otf") format("otf"), url("../../fonts/SanaSansAlt-Heavy.woff2") format("woff2"), url("../../fonts/SanaSansAlt-Heavy.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-HeavyItalic";
    font-weight: 1000;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0020-007F, U+00A0-00FF, U+0100-017F, U+0180-024F; */
    src: local("SanaSansAlt-HeavyItalic"), url("../../fonts/SanaSansAlt-HeavyItalic.otf") format("otf"), url("../../fonts/SanaSansAlt-HeavyItalic.woff2") format("woff2"), url("../../fonts/SanaSansAlt-HeavyItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Book-Cyrillic";
    font-weight: 300;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-Book-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-Book.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-Book.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-BookItalic-Cyrillic";
    font-weight: 300;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-BookItalic-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-BookItalic.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-BookItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Medium-Cyrillic";
    font-weight: 400;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-Medium-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-Medium.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-Medium.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-MediumItalic-Cyrillic";
    font-weight: 400;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-MediumItalic-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-MediumItalic.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-MediumItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Medium-Cyrillic";
    font-weight: 500;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-Medium-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-Medium.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-Medium.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-MediumItalic-Cyrillic";
    font-weight: 500;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-MediumItalic-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-MediumItalic.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-MediumItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Black-Cyrillic";
    font-weight: 700;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-Black-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-Black.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-Black.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-BlackItalic-Cyrillic";
    font-weight: 700;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-BlackItalic-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-BlackItalic.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-BlackItalic.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-Black-Cyrillic";
    font-weight: 900;
    font-display: swap;
    font-style: normal;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-Black-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-Black.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-Black.woff") format("woff");
  }
  @font-face {
    font-family: "SanaSansAlt-BlackItalic-Cyrillic";
    font-weight: 900;
    font-display: swap;
    font-style: italic;
    /* unicode-range: U+0400-052F; */
    src: local("SanaSansAlt-BlackItalic-Cyrillic"), url("/fonts/cyrillic/SanaSansAltCyrillic-BlackItalic.woff2") format("woff2"), url("/fonts/cyrillic/SanaSansAltCyrillic-BlackItalic.woff") format("woff");
  }
  .button.light {
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .button.dark {
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c1-caption.dark {
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  .c1-caption.light {
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c1-caption-basic-100.light {
    color: white;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  .c1-caption-basic-100.dark {
    color: white;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c1-caption-basic-400.dark {
    color: #b0c4d5;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  .c1-caption-basic-400.light {
    color: #b0c4d5;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c1-caption-basic-500.light {
    color: #6b879e;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  .c1-caption-basic-500.dark {
    color: #6b879e;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  
  .c1-caption-basic-600.dark {
    color: #3c617f;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  .c1-caption-basic-600.light {
    color: #3c617f;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c1-caption-danger-200.dark {
    color: #f62131;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  .c1-caption-danger-200.light {
    color: #f62131;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c1-caption-information-200.dark {
    color: #009fd4;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  .c1-caption-information-200.light {
    color: #009fd4;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c1-caption-primary-01-500.dark {
    color: #ff0b37;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  .c1-caption-primary-01-500.light {
    color: #ff0b37;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c1-caption-success-200.dark {
    color: #00a925;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  .c1-caption-success-200.light {
    color: #00a925;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c1-caption-warning-200.light {
    color: #eb7300;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  .c1-caption-warning-200.dark {
    color: #eb7300;
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
  }
  
  .c2-caption.dark {
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
  }
  .c2-caption.light {
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
  }
  
  .c2-caption-basic-100.dark {
    color: white;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  .c2-caption-basic-100.light {
    color: white;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  
  .c2-caption-basic-400.dark {
    color: #b0c4d5;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  .c2-caption-basic-400.light {
    color: #b0c4d5;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  
  .c2-caption-basic-500.light {
    color: #6b879e;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  .c2-caption-basic-500.dark {
    color: #6b879e;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  
  .c2-caption-basic-600.dark {
    color: #3c617f;
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
  }
  .c2-caption-basic-600.light {
    color: #3c617f;
    font-size: 12px;
    text-transform: none;
    font-weight: 400;
  }
  
  .c2-caption-danger-200.light {
    color: #f62131;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  .c2-caption-danger-200.dark {
    color: #f62131;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  
  .c2-caption-information-200.dark {
    color: #009fd4;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  .c2-caption-information-200.light {
    color: #009fd4;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  
  .c2-caption-primary-01-500.dark {
    color: #ff0b37;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  .c2-caption-primary-01-500.light {
    color: #ff0b37;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  
  .c2-caption-success-200.light {
    color: #00a925;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  .c2-caption-success-200.dark {
    color: #00a925;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  
  .c2-caption-warning-200.light {
    color: #eb7300;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  .c2-caption-warning-200.dark {
    color: #eb7300;
    font-size: 12px;
    text-transform: none;
    font-weight: 900;
  }
  
  .h1-headline-basic-100.light {
    color: white;
    font-size: 26px;
    text-transform: none;
    font-weight: 1100;
  }
  .h1-headline-basic-100.dark {
    color: white;
    font-size: 26px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h1-headline-basic-600.light {
    color: #3c617f;
    font-size: 26px;
    text-transform: none;
    font-weight: 1100;
  }
  .h1-headline-basic-600.dark {
    color: #3c617f;
    font-size: 26px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h1-headline-mobile.light {
    font-size: 26px;
    text-transform: none;
    font-weight: 700;
  }
  .h1-headline-mobile.dark {
    font-size: 26px;
    text-transform: none;
    font-weight: 700;
  }
  
  .h1-headline-primary-01-500.dark {
    color: #ff0b37;
    font-size: 26px;
    text-transform: none;
    font-weight: 1100;
  }
  .h1-headline-primary-01-500.light {
    color: #ff0b37;
    font-size: 26px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h1-headline-web.light {
    font-size: 34px;
    text-transform: none;
    font-weight: 500;
    color: var(--basic-light-600);
  }
  .h1-headline-web.dark {
    font-size: 34px;
    text-transform: none;
    font-weight: 500;
    color: var(--basic-light-600);
  }
  
  .h2-headline-basic-100.light {
    color: white;
    font-size: 24px;
    text-transform: none;
    font-weight: 1100;
  }
  .h2-headline-basic-100.dark {
    color: white;
    font-size: 24px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h2-headline-basic-600.light {
    color: #3c617f;
    font-size: 24px;
    text-transform: none;
    font-weight: 1100;
  }
  .h2-headline-basic-600.dark {
    color: #3c617f;
    font-size: 24px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h2-headline-mobile.dark {
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
  }
  .h2-headline-mobile.light {
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
  }
  
  .h2-headline-primary-01-500.dark {
    color: #ff0b37;
    font-size: 24px;
    text-transform: none;
    font-weight: 1100;
  }
  .h2-headline-primary-01-500.light {
    color: #ff0b37;
    font-size: 24px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h2-headline-web.light {
    font-size: 60px;
    text-transform: none;
    font-weight: 400;
  }
  .h2-headline-web.dark {
    font-size: 60px;
    text-transform: none;
    font-weight: 400;
  }
  
  .h3-headline-basic-100.light {
    color: white;
    font-size: 22px;
    text-transform: none;
    font-weight: 1100;
  }
  .h3-headline-basic-100.dark {
    color: white;
    font-size: 22px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h3-headline-basic-600.dark {
    color: #3c617f;
    font-size: 22px;
    text-transform: none;
    font-weight: 1100;
  }
  .h3-headline-basic-600.light {
    color: #3c617f;
    font-size: 22px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h3-headline-mobile.light {
    font-size: 22px;
    text-transform: none;
    font-weight: 700;
  }
  .h3-headline-mobile.dark {
    font-size: 22px;
    text-transform: none;
    font-weight: 700;
  }
  
  .h3-headline-primary-01-500.light {
    color: #ff0b37;
    font-size: 22px;
    text-transform: none;
    font-weight: 1100;
  }
  .h3-headline-primary-01-500.dark {
    color: #ff0b37;
    font-size: 22px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h3-headline-web.light {
    font-size: 48px;
    text-transform: none;
    font-weight: 400;
  }
  .h3-headline-web.dark {
    font-size: 48px;
    text-transform: none;
    font-weight: 400;
  }
  
  .h4-headline-basic-100.light {
    color: white;
    font-size: 20px;
    text-transform: none;
    font-weight: 1100;
  }
  .h4-headline-basic-100.dark {
    color: white;
    font-size: 20px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h4-headline-basic-600.dark {
    color: #3c617f;
    font-size: 20px;
    text-transform: none;
    font-weight: 1100;
  }
  .h4-headline-basic-600.light {
    color: #3c617f;
    font-size: 20px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h4-headline-mobile.dark {
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
  }
  .h4-headline-mobile.light {
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
  }
  
  .h4-headline-primary-01-500.dark {
    color: #ff0b37;
    font-size: 20px;
    text-transform: none;
    font-weight: 1100;
  }
  .h4-headline-primary-01-500.light {
    color: #ff0b37;
    font-size: 20px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h4-headline-web.light {
    font-size: 34px;
    text-transform: none;
    font-weight: 500;
    color: var(--basic-light-600);
  }
  .h4-headline-web.dark {
    font-size: 34px;
    text-transform: none;
    font-weight: 500;
    color: var(--basic-dark-600);
  }
  
  .h5-headline-basic-100.light {
    color: white;
    font-size: 18px;
    text-transform: none;
    font-weight: 1100;
  }
  .h5-headline-basic-100.dark {
    color: white;
    font-size: 18px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h5-headline-basic-600.light {
    color: #3c617f;
    font-size: 18px;
    text-transform: none;
    font-weight: 1100;
  }
  .h5-headline-basic-600.dark {
    color: #3c617f;
    font-size: 18px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h5-headline-mobile.dark {
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
  }
  .h5-headline-mobile.light {
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
  }
  
  .h5-headline-primary-01-500.dark {
    color: #ff0b37;
    font-size: 18px;
    text-transform: none;
    font-weight: 1100;
  }
  .h5-headline-primary-01-500.light {
    color: #ff0b37;
    font-size: 18px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h5-headline-web.dark {
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
  }
  .h5-headline-web.light {
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    color: var(--basic-light-600);
  }
  
  .h6-headline-basic-100.dark {
    color: white;
    font-size: 16px;
    text-transform: none;
    font-weight: 1100;
  }
  .h6-headline-basic-100.light {
    color: white;
    font-size: 16px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h6-headline-basic-600.light {
    color: #3c617f;
    font-size: 16px;
    text-transform: none;
    font-weight: 1100;
  }
  .h6-headline-basic-600.dark {
    color: #3c617f;
    font-size: 16px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h6-headline-mobile.light {
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
  }
  .h6-headline-mobile.dark {
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
  }
  
  .h6-headline-primary-01-500.dark {
    color: #ff0b37;
    font-size: 16px;
    text-transform: none;
    font-weight: 1100;
  }
  .h6-headline-primary-01-500.light {
    color: #ff0b37;
    font-size: 16px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .h6-headline-web.light {
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
  }
  .h6-headline-web.dark {
    font-size: 20px;
    text-transform: none;
    font-weight: 700;
  }
  
  .label.dark {
    font-size: 10px;
    text-transform: none;
    font-weight: 500;
  }
  .label.light {
    font-size: 10px;
    text-transform: none;
    font-weight: 500;
  }
  
  .label-basic-100.dark {
    color: white;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  .label-basic-100.light {
    color: white;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .label-basic-400.light {
    color: #b0c4d5;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  .label-basic-400.dark {
    color: #b0c4d5;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .label-basic-500.dark {
    color: #6b879e;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  .label-basic-500.light {
    color: #6b879e;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .label-basic-600.light {
    color: #3c617f;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  .label-basic-600.dark {
    color: #3c617f;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .label-danger-200.dark {
    color: #f62131;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  .label-danger-200.light {
    color: #f62131;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .label-information-200.dark {
    color: #009fd4;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  .label-information-200.light {
    color: #009fd4;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .label-primary-01-500.light {
    color: #ff0b37;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  .label-primary-01-500.dark {
    color: #ff0b37;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .label-success-200.dark {
    color: #00a925;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  .label-success-200.light {
    color: #00a925;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .label-warning-200.dark {
    color: #eb7300;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  .label-warning-200.light {
    color: #eb7300;
    font-size: 12px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .p1-paragraph.light {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
  }
  .p1-paragraph.dark {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
  }
  
  .p1-paragraph-basic-100.light {
    color: white;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  .p1-paragraph-basic-100.dark {
    color: white;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p1-paragraph-basic-400.dark {
    color: #b0c4d5;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  .p1-paragraph-basic-400.light {
    color: #b0c4d5;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p1-paragraph-basic-500.light {
    color: #6b879e;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  .p1-paragraph-basic-500.dark {
    color: #6b879e;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p1-paragraph-basic-600.light {
    color: #3c617f;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  .p1-paragraph-basic-600.dark {
    color: #3c617f;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p1-paragraph-danger-200.light {
    color: #f62131;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  .p1-paragraph-danger-200.dark {
    color: #f62131;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p1-paragraph-information-200.dark {
    color: #009fd4;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  .p1-paragraph-information-200.light {
    color: #009fd4;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p1-paragraph-primary-01-500.dark {
    color: #ff0b37;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  .p1-paragraph-primary-01-500.light {
    color: #ff0b37;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p1-paragraph-success-200.dark {
    color: #00a925;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  .p1-paragraph-success-200.light {
    color: #00a925;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p1-paragraph-warning-200.dark {
    color: #eb7300;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  .p1-paragraph-warning-200.light {
    color: #eb7300;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph.light {
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
  }
  .p2-paragraph.dark {
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
  }
  
  .p2-paragraph-basic-100.dark {
    color: white;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-basic-100.light {
    color: white;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph-basic-400.light {
    color: #b0c4d5;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-basic-400.dark {
    color: #b0c4d5;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph-basic-500.dark {
    color: #6b879e;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-basic-500.light {
    color: #6b879e;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph-basic-600.light {
    color: #3c617f;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-basic-600.dark {
    color: #3c617f;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }

  .p2-paragraph-basic-700.light {
    color: #143d5f;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-basic-700.dark {
    color: #143d5f;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph-danger-200.dark {
    color: #f62131;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-danger-200.light {
    color: #f62131;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph-information-200.dark {
    color: #009fd4;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-information-200.light {
    color: #009fd4;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph-primary-01-500.light {
    color: #ff0b37;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-primary-01-500.dark {
    color: #ff0b37;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph-success-200.dark {
    color: #00a925;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-success-200.light {
    color: #00a925;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph-underline-basic-600.dark {
    color: #3c617f;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .p2-paragraph-warning-200.light {
    color: #eb7300;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  .p2-paragraph-warning-200.dark {
    color: #eb7300;
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
  }
  
  .ps1-paragraph.light {
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
  }
  .ps1-paragraph.dark {
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
  }
  
  .ps2-paragraph.light {
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
  }
  .ps2-paragraph.dark {
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
  }
  
  .s1-subtitle.light {
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
  }
  .s1-subtitle.dark {
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
  }
  
  .s1-subtitle-basic-100.dark {
    color: white;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  .s1-subtitle-basic-100.light {
    color: white;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s1-subtitle-basic-400.light {
    color: #b0c4d5;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  .s1-subtitle-basic-400.dark {
    color: #b0c4d5;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s1-subtitle-basic-500.light {
    color: #6b879e;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  .s1-subtitle-basic-500.dark {
    color: #6b879e;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s1-subtitle-basic-600.dark {
    color: #3c617f;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  .s1-subtitle-basic-600.light {
    color: #3c617f;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s1-subtitle-danger-200.light {
    color: #f62131;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  .s1-subtitle-danger-200.dark {
    color: #f62131;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s1-subtitle-information-200.dark {
    color: #009fd4;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  .s1-subtitle-information-200.light {
    color: #009fd4;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s1-subtitle-primary-01-500.dark {
    color: #ff0b37;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  .s1-subtitle-primary-01-500.light {
    color: #ff0b37;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s1-subtitle-success-200.light {
    color: #00a925;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  .s1-subtitle-success-200.dark {
    color: #00a925;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s1-subtitle-warning-200.light {
    color: #eb7300;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  .s1-subtitle-warning-200.dark {
    color: #eb7300;
    font-size: 16px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s2-subtitle.dark {
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
  }
  .s2-subtitle.light {
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
  }
  
  .s2-subtitle-basic-100.dark {
    color: white;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  .s2-subtitle-basic-100.light {
    color: white;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s2-subtitle-basic-400.light {
    color: #b0c4d5;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  .s2-subtitle-basic-400.dark {
    color: #b0c4d5;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s2-subtitle-basic-500.dark {
    color: #6b879e;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  .s2-subtitle-basic-500.light {
    color: #6b879e;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s2-subtitle-basic-600.light {
    color: #3c617f;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  .s2-subtitle-basic-600.dark {
    color: #3c617f;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s2-subtitle-danger-200.dark {
    color: #f62131;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  .s2-subtitle-danger-200.light {
    color: #f62131;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s2-subtitle-information-200.light {
    color: #009fd4;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  .s2-subtitle-information-200.dark {
    color: #009fd4;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s2-subtitle-primary-01-500.light {
    color: #ff0b37;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  .s2-subtitle-primary-01-500.dark {
    color: #ff0b37;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s2-subtitle-success-200.light {
    color: #00a925;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  .s2-subtitle-success-200.dark {
    color: #00a925;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  
  .s2-subtitle-warning-200.dark {
    color: #eb7300;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  .s2-subtitle-warning-200.light {
    color: #eb7300;
    font-size: 13px;
    text-transform: none;
    font-weight: 900;
  }
  
  .tabbar-basic-500.dark {
    color: #6b879e;
    font-size: 10px;
    text-transform: none;
    font-weight: 500;
  }
  .tabbar-basic-500.light {
    color: #6b879e;
    font-size: 10px;
    text-transform: none;
    font-weight: 500;
  }
  
  .tabbar-mobile.light {
    font-size: 10px;
    text-transform: none;
    font-weight: 400;
  }
  .tabbar-mobile.dark {
    font-size: 10px;
    text-transform: none;
    font-weight: 400;
  }
  
  .tabbar-primary-01-500.light {
    color: #ff0b37;
    font-size: 10px;
    text-transform: none;
    font-weight: 500;
  }
  .tabbar-primary-01-500.dark {
    color: #ff0b37;
    font-size: 10px;
    text-transform: none;
    font-weight: 500;
  }
  
  .xl-headline-basic-100.light {
    color: white;
    font-size: 48px;
    text-transform: none;
    font-weight: 1100;
  }
  .xl-headline-basic-100.dark {
    color: white;
    font-size: 48px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .xl-headline-basic-600.light {
    color: #3c617f;
    font-size: 48px;
    text-transform: none;
    font-weight: 1100;
  }
  .xl-headline-basic-600.dark {
    color: #3c617f;
    font-size: 48px;
    text-transform: none;
    font-weight: 1100;
  }
  
  .xl-headline-primary-01-500.light {
    color: #ff0b37;
    font-size: 48px;
    text-transform: none;
    font-weight: 1100;
  }
  .xl-headline-primary-01-500.dark {
    color: #ff0b37;
    font-size: 48px;
    text-transform: none;
    font-weight: 1100;
  }