@layer theme, base, components, utilities;

@layer theme {
  @scope (:root, [data-theme]) to (:scope [data-theme]) {
    --primary-thin: #fce4ec;
    --primary-lightest: #e69bba;
    --primary-lighter: #c84177;
    --primary-light: #be2864;
    --primary: #b50f52;
    --primary-mid-dark: #ac0e4e;
    --primary-dark: #a30d4a;
    --primary-darker: #9a0c46;
    --primary-darkest: #910b42;
    --primary-black: #880b3e;
    --secondary-thinest: #e0f7fa;
    --secondary-thin: #c9edf1;
    --secondary-lightest: #92dae5;
    --secondary-lighter: #5cc8da;
    --secondary-light: #47a7b8;
    --secondary: #308091;
    --secondary-mid-dark: #2c7a8a;
    --secondary-dark: #297484;
    --secondary-darker: #266e7e;
    --secondary-darkest: #236978;
    --secondary-black: #275e6b;
    --tertiary-thin: #eff3f4;
    --tertiary-lightest: #d7dfe7;
    --tertiary-lighter: #bfc8d2;
    --tertiary-light: #a8b2bd;
    --tertiary: #6a7581;
    --tertiary-mid-dark: #5c6f76;
    --tertiary-dark: #4f6067;
    --tertiary-darker: #425158;
    --tertiary-darkest: #354249;
    --tertiary-black: #29333b;
    --tertiary-blackest: #2A323B;
    --success-thin: #cfffd0;
    --success-lightest: #a6dea8;
    --success-lighter: #7ebe81;
    --success-light: #308232;
    --success: #2e7d32;
    --error-thin: #ffe7e2;
    --error-lightest: #ffd9d2;
    --error-lighter: #e89d98;
    --error-light: #ca4944;
    --error: #bb2525;
    --white: #ffffff;
    --black: #000000;
    --transparent: transparent;
    --muted-thin: #f2f2f2;
    --muted-lightest: #c9c9c9;
    --muted-lighter: #a1a1a1;
    --muted-light: #829099;
    --muted: #6b6b6b;
    --muted-mid-dark: #434343;
    --gray-warm-thin: #616161;
    --gray-warm-lightest: #595959;
    --gray-warm-lighter: #4c4c4c;
    --gray-warm-light: #404040;
    --gray-warm: #383838;
    --gray-warm-mid-dark: #303030;
    --gray-warm-dark: #2c2c2c;
    --gray-warm-darker: #282828;
    --gray-warm-darkest: #242424;
    --gray-warm-black: #212121;
    --green-thin: #f2f8bd;
    --green-lightest: #d6dc6c;
    --green-lighter: #c7cf4a;
    --green-light: #b8c228;
    --green: #acb525;
    --green-mid-dark: #a0a923;
    --green-dark: #98a11b;
    --green-darker: #9aa314;
    --green-darkest: #747b09;
    --green-black: #6c7500;
    --orange-thin: #ffe8cb;
    --orange-lightest: #ffddb4;
    --orange-lighter: #fed5b5;
    --orange-light: #fdceb7;
    --orange: #f3b69f;
    --orange-mid-dark: #e99f88;
    --orange-dark: #df8871;
    --orange-darker: #c85032;
    --orange-darkest: #c04e35;
    --orange-black: #c1432b;
    --yellow-thin: #fff1cb;
    --yellow-lightest: #ffd666;
    --yellow-lighter: #feca4d;
    --yellow-light: #febf34;
    --yellow: #ecae27;
    --yellow-mid-dark: #db9e1a;
    --yellow-dark: #c8911a;
    --yellow-darker: #976e17;
    --yellow-darkest: #8c6718;
    --yellow-black: #87651c;
    --berry-transparent-lighter: rgba(181, 15, 82, 0.3);
    --berry-transparent-light: rgba(181, 15, 82, 0.5);
    --berry-transparent-dark: rgba(181, 15, 82, 0.8);
    --berry-transparent-darker: rgba(181, 15, 82, 0.9);
    --blue-transparent-lighter: rgba(48, 128, 145, 0.3);
    --blue-transparent-light: rgba(48, 128, 145, 0.5);
    --blue-transparent-dark: rgba(48, 128, 145, 0.8);
    --blue-transparent-darker: rgba(48, 128, 145, 0.9);
    --gray-cool-transparent-lightest: rgba(79, 96, 103, 0.1);
    --gray-cool-transparent-lighter: rgba(79, 96, 103, 0.3);
    --gray-cool-transparent-light: rgba(79, 96, 103, 0.5);
    --gray-cool-transparent-dark: rgba(79, 96, 103, 0.8);
    --gray-cool-transparent-darker: rgba(79, 96, 103, 0.9);
    --white-transparent-lighter: rgba(255, 255, 255, 0.3);
    --white-transparent-light: rgba(255, 255, 255, 0.5);
    --white-transparent-dark: rgba(255, 255, 255, 0.8);
    --white-transparent-darker: rgba(255, 255, 255, 0.9);
    --black-transparent-lighter: rgba(0, 0, 0, 0.3);
    --black-transparent-light: rgba(0, 0, 0, 0.5);
    --black-transparent-dark: rgba(0, 0, 0, 0.8);
    --black-transparent-darker: rgba(0, 0, 0, 0.9);
    --gray-warm-transparent-lightest: rgba(76, 76, 76, 0.1);
    --gray-warm-transparent-lighter: rgba(76, 76, 76, 0.3);
    --gray-warm-transparent-light: rgba(76, 76, 76, 0.5);
    --gray-warm-transparent-dark: rgba(76, 76, 76, 0.8);
    --gray-warm-transparent-darker: rgba(76, 76, 76, 0.9);
    --green-transparent-lighter: rgba(129, 147, 30, 0.3);
    --green-transparent-light: rgba(129, 147, 30, 0.5);
    --green-transparent-dark: rgba(129, 147, 30, 0.8);
    --green-transparent-darker: rgba(129, 147, 30, 0.9);
    --orange-transparent-lighter: rgba(193, 67, 43, 0.3);
    --orange-transparent-light: rgba(193, 67, 43, 0.5);
    --orange-transparent-dark: rgba(193, 67, 43, 0.8);
    --orange-transparent-darker: rgba(193, 67, 43, 0.9);
    --yellow-transparent-lighter: rgba(236, 174, 39, 0.3);
    --yellow-transparent-light: rgba(236, 174, 39, 0.5);
    --yellow-transparent-dark: rgba(236, 174, 39, 0.8);
    --yellow-transparent-darker: rgba(236, 174, 39, 0.9)
  }

  @scope ([data-theme]) to (:scope [data-theme]) {
    --logo-icon: url('https://www.parametricportfolio.com/-/media/branding/parametric/images/logo.svg');
    --loading-icon: url('/Content/img/logoLoading.png');
    --primary-bg: var(--primary);
    /* #b50f52 */
    --secondary-bg: var(--secondary-darkest);
    /* #236978 */
    --tertiary-bg: var(--secondary);
    /* #308091 */
    --page-bg: var(--white);
    /* #ffffff */
    --primary-action-bg: var(--primary);
    /* #b50f52 */
    --primary-action-bg-hover: var(--transparent);
    --primary-action-bg-hover-v1: var(--primary-black);
    /* #880b3e */
    --secondary-action-bg: var(--secondary-darkest);
    /* #236978 */
    --secondary-action-bg-hover: var(--transparent);
    --secondary-action-bg-v1: var(--tertiary-lightest);
    /* #d7dfe7 */
    --secondary-action-bg-hover-v1: var(--tertiary-thin);
    /* #eff3f4 */
    --tertiary-action-bg: var(--transparent);
    --tertiary-action-bg-hover: var(--tertiary-dark);
    /* #4f6067 */
    --tertiary-action-bg-hover-v1: var(--secondary-black);
    /* #275e6b */
    --ghost-action-bg-hover: var(--gray-warm-transparent-lightest);
    --ghost-action-active-bg: var(--secondary-dark);
    /* #297484 */
    --ghost-action-bg-v1: var(--white);
    /* #ffffff */
    --ghost-action-bg-hover-v1: var(--tertiary-thin);
    /* #eff3f4 */
    --success-bg: var(--success);
    /* #2e7d32 */
    --success-bg-subtle: var(--success-thin);
    /* #cfffd0 */
    --error-bg: var(--error);
    /* #bb2525 */
    --error-bg-subtle: var(--error-thin);
    /* #ffe7e2 */
    --warning-bg: var(--orange-darker);
    /* #c85032 */
    --warning-bg-subtle: var(--orange-thin);
    /* #ffe8cb */
    --info-bg: var(--secondary);
    /* #308091 */
    --info-bg-subtle: var(--secondary-thin);
    /* #c9edf1 */
    --notification-bg: var(--secondary-thinest);
    /* #e0f7fa */
    --primary-text: var(--muted-mid-dark);
    /* #434343 */
    --secondary-text: var(--secondary);
    /* #308091 */
    --tertiary-text: var(--secondary);
    /* #308091 */
    --text-strong: var(--secondary-darkest);
    /* #236978 */
    --text-default: var(--secondary);
    /* #308091 */
    --text-subtle: var(--secondary-dark);
    /* #297484 */
    --text-caption: var(--secondary-darkest);
    /* #236978 */
    --primary-link-text: var(--primary);
    /* #b50f52 */
    --link-text: var(--secondary-dark);
    /* #297484 */
    --link-text-strong: var(--secondary-darkest);
    /* #236978 */
    --link-text-pressed: var(--secondary-darkest);
    /* #236978 */
    --primary-action-text: var(--white);
    /* #ffffff */
    --primary-action-text-inverse: var(--primary);
    /* #b50f52 */
    --secondary-action-text: var(--white);
    /* #ffffff */
    --secondary-action-text-inverse: var(--secondary-darkest);
    /* #236978 */
    --secondary-action-text-v1: var(--primary);
    /* #b50f52 */
    --secondary-action-text-inverse-v1: var(--primary);
    /* #b50f52 */
    --tertiary-action-text: var(--tertiary-dark);
    /* #4f6067 */
    --tertiary-action-text-inverse: var(--white);
    /* #ffffff */
    --ghost-action-text: var(--white);
    /* #ffffff */
    --ghost-action-text-inverse: var(--white);
    /* #ffffff */
    --ghost-action-text-v1: var(--secondary-darkest);
    /* #236978 */
    --primary-action-icon: var(--primary);
    /* #b50f52 */
    --action-icon: var(--secondary-dark);
    /* #297484 */
    --success-text: var(--success);
    /* #2e7d32 */
    --error-text: var(--error);
    /* #bb2525 */
    --warning-text: var(--orange-darker);
    /* #c85032 */
    --info-text: var(--secondary-darkest);
    /* #236978 */
    --primary-action-border: var(--primary);
    /* #b50f52 */
    --secondary-action-border: var(--secondary-darkest);
    /* #236978 */
    --tertiary-action-border: var(--tertiary-dark);
    /* #4f6067 */
    --primary-action-border-v1: var(--transparent);
    --secondary-action-border-v1: var(--transparent);
    --tertiary-action-border-v1: var(--transparent);
    --border-default: var(--secondary);
    /* #308091 */
    --border-strong: var(--tertiary-mid-dark);
    /* #5c6f76 */
    --border-subtle: var(--tertiary-lightest);
    /* #d7dfe7 */
    --border-focus: var(--primary);
    /* #b50f52 */
    --border-focus-hover: var(--tertiary-mid-dark);
    /* #5c6f76 */
    --notification-border: var(--secondary-dark);
    /* #297484 */
    --font-family-regular: ParametricRegular, sans-serif;
    --font-family-semibold: ParametricSemiBold, sans-serif;
    --font-family-bold: ParametricBold, sans-serif;
    --font-family-light: ParametricLight, sans-serif;
    --font-family-black: ParametricBlack, sans-serif;
    --heading-font-family: var(--font-family-bold);
    --default-font-family: var(--font-family-regular);
    --button-font-family: var(--font-family-semibold);
    --heading1: 32px;
    --heading2: 24px;
    --heading3: 18px;
    --heading4: 16px;
    --heading5: 13px;
    --heading6: 10px;
    --title1: 40px;
    --title2: 36px;
    --title3: 26px;
    --subtitle1: 24px;
    --subtitle2: 22px;
    --subtitle3: 20px;
    --body1: 22px;
    --body2: 18px;
    --body3: 16px;
    --body4: 15px;
    --body5: 0.938rem;
    --caption1: 14px;
    --caption2: 13px;
    --caption3: 12px;
    --graphic1: 70px;
    --graphic2: 60px;
    --graphic3: 36px;
    --font-weight-thin: 100;
    --font-weight-lighter: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-bolder: 800;
    --font-weight-heavy: 900;
    --line-height-regular: 1;
    --line-height-mid: 1.3;
    --line-height-high: 1.5;
    --line-height-higher: 1.6;
    --line-height-highest: 1.7;
    --line-height-header1: 3.5rem;
    --line-height-header2: 2rem;
    --line-height-title: 2rem;
    --line-height-text: 1.5rem;
    --line-height-caption: 1rem;
    --nav-link: var(--muted-light);
    /* #829099 */
    --nav-link-hover: var(--tertiary-dark);
    /* #4f6067 */
    --nav-link-selected: var(--tertiary-blackest);
    /* #2A323B */
    --sub-nav-link: var(--secondary-darkest);
    /* #236978 */
    --sub-nav-link-hover: var(--secondary-darkest);
    /* #236978 */
    --sub-nav-desc-text: var(--secondary-thinest);
    /* #e0f7fa */
    --footer-bg: var(--tertiary-blackest);
    /* #2A323B */
    --footer-text: var(--tertiary-lightest);
    /* #d7dfe7 */
    --footer-border: var(--transparent);
    --chart-bg-primary: [#4f6067, #c9edf1, #92dae5, #308091, #829099];
    --chart-bg-primary-0: var(--tertiary-dark);
    /* #4f6067 */
    --chart-bg-primary-1: var(--secondary-thin);
    /* #c9edf1 */
    --chart-bg-primary-2: var(--secondary-lightest);
    /* #92dae5 */
    --chart-bg-primary-3: var(--secondary);
    /* #308091 */
    --chart-bg-primary-4: var(--muted-light);
    /* #829099 */
    --chart-text-primary: [#ffffff, #000000, #000000, #ffffff, #ffffff];
    --chart-text-primary-0: var(--white);
    /* #ffffff */
    --chart-text-primary-1: var(--black);
    /* #000000 */
    --chart-text-primary-2: var(--black);
    /* #000000 */
    --chart-text-primary-3: var(--white);
    /* #ffffff */
    --chart-text-primary-4: var(--white);
    /* #ffffff */
    --chart-border-primary: [#434343, #434343, #434343, #434343, #434343];
    --chart-border-primary-0: var(--muted-mid-dark);
    /* #434343 */
    --chart-border-primary-1: var(--muted-mid-dark);
    /* #434343 */
    --chart-border-primary-2: var(--muted-mid-dark);
    /* #434343 */
    --chart-border-primary-3: var(--muted-mid-dark);
    /* #434343 */
    --chart-border-primary-4: var(--muted-mid-dark);

    /* #434343 */
    .color-red-adobe {
      color: #A20D0D !important
    }

    .color-blue-linkedin {
      color: #2176B6 !important
    }

    .color-blue-twitter {
      color: #2DA0F1 !important
    }
  }

  @scope ([data-theme="lpl"]) to (:scope [data-theme]) {
    --primary-thin: #F5FAFC;
    --primary-lightest: #DAF6FC;
    --primary-lighter: #B4EEF8;
    --primary-light: #76D6EA;
    --primary: #00A3E1;
    --primary-mid-dark: #0068B7;
    --primary-dark: #024FA1;
    --primary-darker: #003B79;
    --primary-darkest: #00205B;
    --primary-black: #00153C;
    --primary-blackest: #000D26;
    --secondary-thin: #F5FAFC;
    --secondary-lightest: #DAF6FC;
    --secondary-lighter: #B4EEF8;
    --secondary-light: #76D6EA;
    --secondary: #00A3E1;
    --secondary-mid-dark: #0068B7;
    --secondary-dark: #024FA1;
    --secondary-darker: #003B79;
    --secondary-darkest: #00205B;
    --secondary-black: #00153C;
    --secondary-blackest: #000D26;
    --logo-icon: url('https://www.parametricportfolio.com/-/media/branding/lpl/images/logo.svg');
    --loading-icon: url('/Content/img/lplLoading.svg');
    --primary-bg: var(--primary-darkest);
    /* #00205B */
    --tertiary-bg: var(--black);
    /* #000000 */
    --primary-action-bg: var(--primary-mid-dark);
    /* #0068B7 */
    --primary-action-bg-hover: var(--primary-dark);
    /* #024FA1 */
    --primary-action-bg-hover-v1: var(--primary-dark);
    /* #024FA1 */
    --secondary-action-bg: var(--secondary-mid-dark);
    /* #0068B7 */
    --secondary-action-bg-hover: var(--secondary-dark);
    /* #024FA1 */
    --secondary-action-bg-v1: var(--transparent);
    --secondary-action-bg-hover-v1: var(--tertiary-dark);
    /* #4f6067 */
    --tertiary-action-bg-hover-v1: var(--secondary-dark);
    /* #024FA1 */
    --ghost-action-active-bg: var(--secondary-darkest);
    /* #00205B */
    --ghost-action-bg-v1: var(--transparent);
    --ghost-action-bg-hover-v1: var(--gray-warm-transparent-lightest);
    --notification-bg: var(--secondary-lightest);
    /* #DAF6FC */
    --info-bg: var(--secondary-darkest);
    /* #00205B */
    --secondary-text: var(--secondary-darkest);
    /* #00205B */
    --tertiary-text: var(--gray-warm);
    /* #383838 */
    --text-strong: var(--gray-warm);
    /* #383838 */
    --text-default: var(--secondary-mid-dark);
    /* #0068B7 */
    --text-subtle: var(--secondary-darkest);
    /* #00205B */
    --text-caption: var(--secondary-mid-dark);
    /* #0068B7 */
    --primary-link-text: var(--primary-darkest);
    /* #00205B */
    --link-text: var(--secondary-mid-dark);
    /* #0068B7 */
    --link-text-strong: var(--secondary-mid-dark);
    /* #0068B7 */
    --link-text-pressed: var(--secondary-dark);
    /* #024FA1 */
    --primary-action-text-inverse: var(--white);
    /* #ffffff */
    --secondary-action-text-inverse: var(--white);
    /* #ffffff */
    --secondary-action-text-v1: var(--tertiary-dark);
    /* #4f6067 */
    --secondary-action-text-inverse-v1: var(--white);
    /* #ffffff */
    --ghost-action-text-inverse: var(--secondary-dark);
    /* #024FA1 */
    --ghost-action-text-v1: var(--muted-mid-dark);
    /* #434343 */
    --primary-action-icon: var(--secondary-mid-dark);
    /* #0068B7 */
    --action-icon: var(--secondary-mid-dark);
    /* #0068B7 */
    --info-text: var(--secondary-dark);
    /* #024FA1 */
    --primary-action-border: var(--primary-mid-dark);
    /* #0068B7 */
    --secondary-action-border: var(--secondary-mid-dark);
    /* #0068B7 */
    --primary-action-border-v1: var(--primary-mid-dark);
    /* #0068B7 */
    --secondary-action-border-v1: var(--tertiary-dark);
    /* #4f6067 */
    --tertiary-action-border-v1: var(--secondary-mid-dark);
    /* #0068B7 */
    --border-default: var(--secondary-darkest);
    /* #00205B */
    --nav-link: var(--muted-light);
    /* #829099 */
    --nav-link-hover: var(--primary-darkest);
    /* #00205B */
    --nav-link-selected: var(--primary-darkest);
    /* #00205B */
    --sub-nav-link: var(--secondary-mid-dark);
    /* #0068B7 */
    --sub-nav-link-hover: var(--secondary-dark);
    /* #024FA1 */
    --sub-nav-desc-text: var(--white);
    /* #ffffff */
    --footer-bg: var(--white);
    /* #ffffff */
    --footer-text: var(--black);
    /* #000000 */
    --footer-border: var(--primary-darkest);
    /* #00205B */
    --chart-bg-primary: [#000D26, #DAF6FC, #76D6EA, #0068B7, #003B79];
    --chart-bg-primary-0: var(--primary-blackest);
    /* #000D26 */
    --chart-bg-primary-1: var(--secondary-lightest);
    /* #DAF6FC */
    --chart-bg-primary-2: var(--secondary-light);
    /* #76D6EA */
    --chart-bg-primary-3: var(--secondary-mid-dark);
    /* #0068B7 */
    --chart-bg-primary-4: var(--secondary-darker);
    /* #003B79 */
    --chart-border-primary: [#000D26, #0068B7, #0068B7, #0068B7, #003B79];
    --chart-border-primary-0: var(--primary-blackest);
    /* #000D26 */
    --chart-border-primary-1: var(--secondary-mid-dark);
    /* #0068B7 */
    --chart-border-primary-2: var(--secondary-mid-dark);
    /* #0068B7 */
    --chart-border-primary-3: var(--secondary-mid-dark);
    /* #0068B7 */
    --chart-border-primary-4: var(--secondary-darker);

    /* #003B79 */
    .theme-display-none {
      display: none !important
    }

    reports-and-documents .dropdown-chip .mat-mdc-select-value {
      color: var(--primary-link-text, #b50f52) !important
    }

    .brand-chart rect[fill="#4f6067"],
    .brand-chart rect[fill="#4F6067"],
    .brand-chart rect[stroke="#4f6067"],
    .brand-chart rect[stroke="#4F6067"] {
      fill: #000D26 !important;
      stroke: #000D26 !important
    }

    .brand-chart rect[fill="#c9edf1"],
    .brand-chart rect[fill="#C9EDF1"],
    .brand-chart rect[stroke="#c9edf1"],
    .brand-chart rect[stroke="#C9EDF1"] {
      fill: #DAF6FC !important;
      stroke: #bfc8d2 !important
    }

    .brand-chart rect[fill="#92dae5"],
    .brand-chart rect[fill="#92DAE5"],
    .brand-chart rect[stroke="#92dae5"],
    .brand-chart rect[stroke="#92DAE5"] {
      fill: #76D6EA !important;
      stroke: #0068B7 !important
    }

    .brand-chart rect[fill="#308091"],
    .brand-chart rect[fill="#308091"],
    .brand-chart rect[stroke="#308091"],
    .brand-chart rect[stroke="#308091"] {
      fill: #0068B7 !important;
      stroke: #0068B7 !important
    }

    .brand-chart rect[fill="#829099"],
    .brand-chart rect[fill="#829099"],
    .brand-chart rect[stroke="#829099"],
    .brand-chart rect[stroke="#829099"] {
      fill: #003B79 !important;
      stroke: #003B79 !important
    }

    .brand-chart rect[fill="#236978"],
    .brand-chart rect[fill="#236978"],
    .brand-chart rect[stroke="#236978"],
    .brand-chart rect[stroke="#236978"] {
      fill: #0068B7 !important;
      stroke: #0068B7 !important
    }

    .brand-chart rect[fill="#b50f52"],
    .brand-chart rect[fill="#B50F52"],
    .brand-chart rect[stroke="#b50f52"],
    .brand-chart rect[stroke="#B50F52"] {
      fill: #40C1AC !important;
      stroke: #1E765A !important
    }

    .brand-chart rect[fill="#34a8db"],
    .brand-chart rect[fill="#34A8DB"],
    .brand-chart rect[stroke="#34a8db"],
    .brand-chart rect[stroke="#34A8DB"] {
      fill: #00A3E1 !important;
      stroke: #00A3E1 !important
    }

    .brand-chart rect[fill="#2d8ca3"],
    .brand-chart rect[fill="#2D8CA3"],
    .brand-chart rect[stroke="#2d8ca3"],
    .brand-chart rect[stroke="#2D8CA3"] {
      fill: #00A3E1 !important;
      stroke: #00A3E1 !important
    }

    .brand-chart rect[fill="#a0a923"],
    .brand-chart rect[fill="#A0A923"],
    .brand-chart rect[stroke="#a0a923"],
    .brand-chart rect[stroke="#A0A923"] {
      fill: #76D6EA !important;
      stroke: #0068B7 !important
    }

    .brand-chart circle[fill="#4f6067"],
    .brand-chart circle[fill="#4F6067"],
    .brand-chart circle[stroke="#4f6067"],
    .brand-chart circle[stroke="#4F6067"] {
      fill: #000D26 !important;
      stroke: #000D26 !important
    }

    .brand-chart circle[fill="#c9edf1"],
    .brand-chart circle[fill="#C9EDF1"],
    .brand-chart circle[stroke="#c9edf1"],
    .brand-chart circle[stroke="#C9EDF1"] {
      fill: #DAF6FC !important;
      stroke: #0068B7 !important
    }

    .brand-chart circle[fill="#92dae5"],
    .brand-chart circle[fill="#92DAE5"],
    .brand-chart circle[stroke="#92dae5"],
    .brand-chart circle[stroke="#92DAE5"] {
      fill: #76D6EA !important;
      stroke: #0068B7 !important
    }

    .brand-chart circle[fill="#308091"],
    .brand-chart circle[fill="#308091"],
    .brand-chart circle[stroke="#308091"],
    .brand-chart circle[stroke="#308091"] {
      fill: #0068B7 !important;
      stroke: #0068B7 !important
    }

    .brand-chart circle[fill="#829099"],
    .brand-chart circle[fill="#829099"],
    .brand-chart circle[stroke="#829099"],
    .brand-chart circle[stroke="#829099"] {
      fill: #003B79 !important;
      stroke: #003B79 !important
    }

    .brand-chart circle[fill="#236978"],
    .brand-chart circle[fill="#236978"],
    .brand-chart circle[stroke="#236978"],
    .brand-chart circle[stroke="#236978"] {
      fill: #0068B7 !important;
      stroke: #0068B7 !important
    }

    .brand-chart circle[fill="#b50f52"],
    .brand-chart circle[fill="#B50F52"],
    .brand-chart circle[stroke="#b50f52"],
    .brand-chart circle[stroke="#B50F52"] {
      fill: #40C1AC !important;
      stroke: #1E765A !important
    }

    .brand-chart circle[fill="#34a8db"],
    .brand-chart circle[fill="#34A8DB"],
    .brand-chart circle[stroke="#34a8db"],
    .brand-chart circle[stroke="#34A8DB"] {
      fill: #00A3E1 !important;
      stroke: #00A3E1 !important
    }

    .brand-chart circle[fill="#2d8ca3"],
    .brand-chart circle[fill="#2D8CA3"],
    .brand-chart circle[stroke="#2d8ca3"],
    .brand-chart circle[stroke="#2D8CA3"] {
      fill: #00A3E1 !important;
      stroke: #00A3E1 !important
    }

    .brand-chart circle[fill="#a0a923"],
    .brand-chart circle[fill="#A0A923"],
    .brand-chart circle[stroke="#a0a923"],
    .brand-chart circle[stroke="#A0A923"] {
      fill: #76D6EA !important;
      stroke: #0068B7 !important
    }

    .brand-chart ellipse[fill="#4f6067"],
    .brand-chart ellipse[fill="#4F6067"],
    .brand-chart ellipse[stroke="#4f6067"],
    .brand-chart ellipse[stroke="#4F6067"] {
      fill: #000D26 !important;
      stroke: #000D26 !important
    }

    .brand-chart ellipse[fill="#c9edf1"],
    .brand-chart ellipse[fill="#C9EDF1"],
    .brand-chart ellipse[stroke="#c9edf1"],
    .brand-chart ellipse[stroke="#C9EDF1"] {
      fill: #DAF6FC !important;
      stroke: #0068B7 !important
    }

    .brand-chart ellipse[fill="#92dae5"],
    .brand-chart ellipse[fill="#92DAE5"],
    .brand-chart ellipse[stroke="#92dae5"],
    .brand-chart ellipse[stroke="#92DAE5"] {
      fill: #76D6EA !important;
      stroke: #0068B7 !important
    }

    .brand-chart ellipse[fill="#308091"],
    .brand-chart ellipse[fill="#308091"],
    .brand-chart ellipse[stroke="#308091"],
    .brand-chart ellipse[stroke="#308091"] {
      fill: #0068B7 !important;
      stroke: #0068B7 !important
    }

    .brand-chart ellipse[fill="#829099"],
    .brand-chart ellipse[fill="#829099"],
    .brand-chart ellipse[stroke="#829099"],
    .brand-chart ellipse[stroke="#829099"] {
      fill: #003B79 !important;
      stroke: #003B79 !important
    }

    .brand-chart ellipse[fill="#236978"],
    .brand-chart ellipse[fill="#236978"],
    .brand-chart ellipse[stroke="#236978"],
    .brand-chart ellipse[stroke="#236978"] {
      fill: #0068B7 !important;
      stroke: #0068B7 !important
    }

    .brand-chart ellipse[fill="#b50f52"],
    .brand-chart ellipse[fill="#B50F52"],
    .brand-chart ellipse[stroke="#b50f52"],
    .brand-chart ellipse[stroke="#B50F52"] {
      fill: #40C1AC !important;
      stroke: #1E765A !important
    }

    .brand-chart ellipse[fill="#34a8db"],
    .brand-chart ellipse[fill="#34A8DB"],
    .brand-chart ellipse[stroke="#34a8db"],
    .brand-chart ellipse[stroke="#34A8DB"] {
      fill: #00A3E1 !important;
      stroke: #00A3E1 !important
    }

    .brand-chart ellipse[fill="#2d8ca3"],
    .brand-chart ellipse[fill="#2D8CA3"],
    .brand-chart ellipse[stroke="#2d8ca3"],
    .brand-chart ellipse[stroke="#2D8CA3"] {
      fill: #00A3E1 !important;
      stroke: #00A3E1 !important
    }

    .brand-chart ellipse[fill="#a0a923"],
    .brand-chart ellipse[fill="#A0A923"],
    .brand-chart ellipse[stroke="#a0a923"],
    .brand-chart ellipse[stroke="#A0A923"] {
      fill: #76D6EA !important;
      stroke: #0068B7 !important
    }

    .brand-chart path[fill="#4f6067"],
    .brand-chart path[fill="#4F6067"],
    .brand-chart path[stroke="#4f6067"],
    .brand-chart path[stroke="#4F6067"] {
      fill: #000D26 !important;
      stroke: #000D26 !important
    }

    .brand-chart path[fill="#c9edf1"],
    .brand-chart path[fill="#C9EDF1"],
    .brand-chart path[stroke="#c9edf1"],
    .brand-chart path[stroke="#C9EDF1"] {
      fill: #DAF6FC !important;
      stroke: #0068B7 !important
    }

    .brand-chart path[fill="#92dae5"],
    .brand-chart path[fill="#92DAE5"],
    .brand-chart path[stroke="#92dae5"],
    .brand-chart path[stroke="#92DAE5"] {
      fill: #76D6EA !important;
      stroke: #0068B7 !important
    }

    .brand-chart path[fill="#308091"],
    .brand-chart path[fill="#308091"],
    .brand-chart path[stroke="#308091"],
    .brand-chart path[stroke="#308091"] {
      fill: #0068B7 !important;
      stroke: #0068B7 !important
    }

    .brand-chart path[fill="#829099"],
    .brand-chart path[fill="#829099"],
    .brand-chart path[stroke="#829099"],
    .brand-chart path[stroke="#829099"] {
      fill: #003B79 !important;
      stroke: #003B79 !important
    }

    .brand-chart path[fill="#236978"],
    .brand-chart path[fill="#236978"],
    .brand-chart path[stroke="#236978"],
    .brand-chart path[stroke="#236978"] {
      fill: #0068B7 !important;
      stroke: #0068B7 !important
    }

    .brand-chart path[fill="#b50f52"],
    .brand-chart path[fill="#B50F52"],
    .brand-chart path[stroke="#b50f52"],
    .brand-chart path[stroke="#B50F52"] {
      fill: #40C1AC !important;
      stroke: #1E765A !important
    }

    .brand-chart path[fill="#34a8db"],
    .brand-chart path[fill="#34A8DB"],
    .brand-chart path[stroke="#34a8db"],
    .brand-chart path[stroke="#34A8DB"] {
      fill: #00A3E1 !important;
      stroke: #00A3E1 !important
    }

    .brand-chart path[fill="#2d8ca3"],
    .brand-chart path[fill="#2D8CA3"],
    .brand-chart path[stroke="#2d8ca3"],
    .brand-chart path[stroke="#2D8CA3"] {
      fill: #00A3E1 !important;
      stroke: #00A3E1 !important
    }

    .brand-chart path[fill="#a0a923"],
    .brand-chart path[fill="#A0A923"],
    .brand-chart path[stroke="#a0a923"],
    .brand-chart path[stroke="#A0A923"] {
      fill: #76D6EA !important;
      stroke: #0068B7 !important
    }
  }

  @scope ([data-theme="morgan-stanley"]) to (:scope [data-theme]) {
    --primary-thin: #d8eafd;
    --primary-lightest: #8db3d9;
    --primary-lighter: #6896c4;
    --primary-light: #4b7faf;
    --primary: #275c90;
    --primary-mid-dark: #003061;
    --primary-dark: #002952;
    --primary-darker: #001f3d;
    --primary-darkest: #00172e;
    --primary-black: #00080f;
    --secondary-thin: #dfeefb;
    --secondary-lightest: #aed4fc;
    --secondary-lighter: #81bcfd;
    --secondary-light: #5ca4f0;
    --secondary: #3b8bde;
    --secondary-mid-dark: #2075cc;
    --secondary-dark: #115aa4;
    --secondary-darker: #09437c;
    --secondary-darkest: #052e58;
    --secondary-black: #051626;
    --tertiary-thin: #eeeff1;
    --tertiary-lightest: #cdd1d7;
    --tertiary-lighter: #aeb4bd;
    --tertiary-light: #8b93a2;
    --tertiary: #767f8e;
    --tertiary-mid-dark: #5b626e;
    --tertiary-dark: #666666;
    --tertiary-darker: #42474f;
    --tertiary-darkest: #282b30;
    --tertiary-black: #000000;
    --secondary-bg: var(--primary-mid-dark);
    /* #003061 */
    --primary-action-bg: var(--transparent);
    --primary-action-bg-hover: var(--secondary-mid-dark);
    /* #2075cc */
    --secondary-action-bg: var(--secondary-mid-dark);
    /* #2075cc */
    --secondary-action-bg-hover: var(--transparent);
    --primary-action-text: var(--secondary-mid-dark);
    /* #2075cc */
    --primary-action-text-inverse: var(--white);
    /* #ffffff */
    --secondary-action-text: var(--white);
    /* #ffffff */
    --secondary-action-text-inverse: var(--secondary-mid-dark);
    /* #2075cc */
    --secondary-text: var(--gray-warm);
    /* #383838 */
    --link-text: var(--sky-blue-mid-dark);
    /* #2075cc */
    --primary-action-border: var(--secondary-mid-dark);
    /* #2075cc */
    --secondary-action-border: var(--secondary-mid-dark);

    /* #2075cc */
    .google-chart rect[fill="#4f6067"],
    .google-chart rect[fill="#4F6067"],
    .google-chart rect[stroke="#4f6067"],
    .google-chart rect[stroke="#4F6067"],
    .brand-chart rect[fill="#4f6067"],
    .brand-chart rect[fill="#4F6067"],
    .brand-chart rect[stroke="#4f6067"],
    .brand-chart rect[stroke="#4F6067"] {
      fill: #4D738A !important;
      stroke: none !important
    }

    .google-chart rect[fill="#308091"],
    .google-chart rect[fill="#308091"],
    .google-chart rect[stroke="#308091"],
    .google-chart rect[stroke="#308091"],
    .brand-chart rect[fill="#308091"],
    .brand-chart rect[fill="#308091"],
    .brand-chart rect[stroke="#308091"],
    .brand-chart rect[stroke="#308091"] {
      fill: #003061 !important;
      stroke: none !important
    }

    .google-chart rect[fill="#92dae5"],
    .google-chart rect[fill="#92DAE5"],
    .google-chart rect[stroke="#92dae5"],
    .google-chart rect[stroke="#92DAE5"],
    .brand-chart rect[fill="#92dae5"],
    .brand-chart rect[fill="#92DAE5"],
    .brand-chart rect[stroke="#92dae5"],
    .brand-chart rect[stroke="#92DAE5"] {
      fill: #2075cc !important;
      stroke: none !important
    }

    .google-chart rect[fill="#c9edf1"],
    .google-chart rect[fill="#C9EDF1"],
    .google-chart rect[stroke="#c9edf1"],
    .google-chart rect[stroke="#C9EDF1"],
    .brand-chart rect[fill="#c9edf1"],
    .brand-chart rect[fill="#C9EDF1"],
    .brand-chart rect[stroke="#c9edf1"],
    .brand-chart rect[stroke="#C9EDF1"] {
      fill: #81bcfd !important;
      stroke: none !important
    }

    .google-chart circle[fill="#4f6067"],
    .google-chart circle[fill="#4F6067"],
    .google-chart circle[stroke="#4f6067"],
    .google-chart circle[stroke="#4F6067"],
    .brand-chart circle[fill="#4f6067"],
    .brand-chart circle[fill="#4F6067"],
    .brand-chart circle[stroke="#4f6067"],
    .brand-chart circle[stroke="#4F6067"] {
      fill: #4D738A !important;
      stroke: none !important
    }

    .google-chart circle[fill="#308091"],
    .google-chart circle[fill="#308091"],
    .google-chart circle[stroke="#308091"],
    .google-chart circle[stroke="#308091"],
    .brand-chart circle[fill="#308091"],
    .brand-chart circle[fill="#308091"],
    .brand-chart circle[stroke="#308091"],
    .brand-chart circle[stroke="#308091"] {
      fill: #003061 !important;
      stroke: none !important
    }

    .google-chart circle[fill="#92dae5"],
    .google-chart circle[fill="#92DAE5"],
    .google-chart circle[stroke="#92dae5"],
    .google-chart circle[stroke="#92DAE5"],
    .brand-chart circle[fill="#92dae5"],
    .brand-chart circle[fill="#92DAE5"],
    .brand-chart circle[stroke="#92dae5"],
    .brand-chart circle[stroke="#92DAE5"] {
      fill: #2075cc !important;
      stroke: none !important
    }

    .google-chart circle[fill="#c9edf1"],
    .google-chart circle[fill="#C9EDF1"],
    .google-chart circle[stroke="#c9edf1"],
    .google-chart circle[stroke="#C9EDF1"],
    .brand-chart circle[fill="#c9edf1"],
    .brand-chart circle[fill="#C9EDF1"],
    .brand-chart circle[stroke="#c9edf1"],
    .brand-chart circle[stroke="#C9EDF1"] {
      fill: #81bcfd !important;
      stroke: none !important
    }

    .google-chart ellipse[fill="#4f6067"],
    .google-chart ellipse[fill="#4F6067"],
    .google-chart ellipse[stroke="#4f6067"],
    .google-chart ellipse[stroke="#4F6067"],
    .brand-chart ellipse[fill="#4f6067"],
    .brand-chart ellipse[fill="#4F6067"],
    .brand-chart ellipse[stroke="#4f6067"],
    .brand-chart ellipse[stroke="#4F6067"] {
      fill: #4D738A !important;
      stroke: none !important
    }

    .google-chart ellipse[fill="#308091"],
    .google-chart ellipse[fill="#308091"],
    .google-chart ellipse[stroke="#308091"],
    .google-chart ellipse[stroke="#308091"],
    .brand-chart ellipse[fill="#308091"],
    .brand-chart ellipse[fill="#308091"],
    .brand-chart ellipse[stroke="#308091"],
    .brand-chart ellipse[stroke="#308091"] {
      fill: #003061 !important;
      stroke: none !important
    }

    .google-chart ellipse[fill="#92dae5"],
    .google-chart ellipse[fill="#92DAE5"],
    .google-chart ellipse[stroke="#92dae5"],
    .google-chart ellipse[stroke="#92DAE5"],
    .brand-chart ellipse[fill="#92dae5"],
    .brand-chart ellipse[fill="#92DAE5"],
    .brand-chart ellipse[stroke="#92dae5"],
    .brand-chart ellipse[stroke="#92DAE5"] {
      fill: #2075cc !important;
      stroke: none !important
    }

    .google-chart ellipse[fill="#c9edf1"],
    .google-chart ellipse[fill="#C9EDF1"],
    .google-chart ellipse[stroke="#c9edf1"],
    .google-chart ellipse[stroke="#C9EDF1"],
    .brand-chart ellipse[fill="#c9edf1"],
    .brand-chart ellipse[fill="#C9EDF1"],
    .brand-chart ellipse[stroke="#c9edf1"],
    .brand-chart ellipse[stroke="#C9EDF1"] {
      fill: #81bcfd !important;
      stroke: none !important
    }

    .google-chart path[fill="#4f6067"],
    .google-chart path[fill="#4F6067"],
    .google-chart path[stroke="#4f6067"],
    .google-chart path[stroke="#4F6067"],
    .brand-chart path[fill="#4f6067"],
    .brand-chart path[fill="#4F6067"],
    .brand-chart path[stroke="#4f6067"],
    .brand-chart path[stroke="#4F6067"] {
      fill: #4D738A !important;
      stroke: none !important
    }

    .google-chart path[fill="#308091"],
    .google-chart path[fill="#308091"],
    .google-chart path[stroke="#308091"],
    .google-chart path[stroke="#308091"],
    .brand-chart path[fill="#308091"],
    .brand-chart path[fill="#308091"],
    .brand-chart path[stroke="#308091"],
    .brand-chart path[stroke="#308091"] {
      fill: #003061 !important;
      stroke: none !important
    }

    .google-chart path[fill="#92dae5"],
    .google-chart path[fill="#92DAE5"],
    .google-chart path[stroke="#92dae5"],
    .google-chart path[stroke="#92DAE5"],
    .brand-chart path[fill="#92dae5"],
    .brand-chart path[fill="#92DAE5"],
    .brand-chart path[stroke="#92dae5"],
    .brand-chart path[stroke="#92DAE5"] {
      fill: #2075cc !important;
      stroke: none !important
    }

    .google-chart path[fill="#c9edf1"],
    .google-chart path[fill="#C9EDF1"],
    .google-chart path[stroke="#c9edf1"],
    .google-chart path[stroke="#C9EDF1"],
    .brand-chart path[fill="#c9edf1"],
    .brand-chart path[fill="#C9EDF1"],
    .brand-chart path[stroke="#c9edf1"],
    .brand-chart path[stroke="#C9EDF1"] {
      fill: #81bcfd !important;
      stroke: none !important
    }
  }
}

@layer utilities {
  .bg-primary-thin {
    /* #fce4ec */
    background-color: var(--primary-thin) !important
  }

  .bg-primary-lightest {
    /* #e69bba */
    background-color: var(--primary-lightest) !important
  }

  .bg-primary-lighter {
    /* #c84177 */
    background-color: var(--primary-lighter) !important
  }

  .bg-primary-light {
    /* #be2864 */
    background-color: var(--primary-light) !important
  }

  .bg-primary {
    /* #b50f52 */
    background-color: var(--primary) !important
  }

  .bg-primary-mid-dark {
    /* #ac0e4e */
    background-color: var(--primary-mid-dark) !important
  }

  .bg-primary-dark {
    /* #a30d4a */
    background-color: var(--primary-dark) !important
  }

  .bg-primary-darker {
    /* #9a0c46 */
    background-color: var(--primary-darker) !important
  }

  .bg-primary-darkest {
    /* #910b42 */
    background-color: var(--primary-darkest) !important
  }

  .bg-primary-black {
    /* #880b3e */
    background-color: var(--primary-black) !important
  }

  .bg-secondary-thinest {
    /* #e0f7fa */
    background-color: var(--secondary-thinest) !important
  }

  .bg-secondary-thin {
    /* #c9edf1 */
    background-color: var(--secondary-thin) !important
  }

  .bg-secondary-lightest {
    /* #92dae5 */
    background-color: var(--secondary-lightest) !important
  }

  .bg-secondary-lighter {
    /* #5cc8da */
    background-color: var(--secondary-lighter) !important
  }

  .bg-secondary-light {
    /* #47a7b8 */
    background-color: var(--secondary-light) !important
  }

  .bg-secondary {
    /* #308091 */
    background-color: var(--secondary) !important
  }

  .bg-secondary-mid-dark {
    /* #2c7a8a */
    background-color: var(--secondary-mid-dark) !important
  }

  .bg-secondary-dark {
    /* #297484 */
    background-color: var(--secondary-dark) !important
  }

  .bg-secondary-darker {
    /* #266e7e */
    background-color: var(--secondary-darker) !important
  }

  .bg-secondary-darkest {
    /* #236978 */
    background-color: var(--secondary-darkest) !important
  }

  .bg-secondary-black {
    /* #275e6b */
    background-color: var(--secondary-black) !important
  }

  .bg-tertiary-thin {
    /* #eff3f4 */
    background-color: var(--tertiary-thin) !important
  }

  .bg-tertiary-lightest {
    /* #d7dfe7 */
    background-color: var(--tertiary-lightest) !important
  }

  .bg-tertiary-lighter {
    /* #bfc8d2 */
    background-color: var(--tertiary-lighter) !important
  }

  .bg-tertiary-light {
    /* #a8b2bd */
    background-color: var(--tertiary-light) !important
  }

  .bg-tertiary {
    /* #6a7581 */
    background-color: var(--tertiary) !important
  }

  .bg-tertiary-mid-dark {
    /* #5c6f76 */
    background-color: var(--tertiary-mid-dark) !important
  }

  .bg-tertiary-dark {
    /* #4f6067 */
    background-color: var(--tertiary-dark) !important
  }

  .bg-tertiary-darker {
    /* #425158 */
    background-color: var(--tertiary-darker) !important
  }

  .bg-tertiary-darkest {
    /* #354249 */
    background-color: var(--tertiary-darkest) !important
  }

  .bg-tertiary-black {
    /* #29333b */
    background-color: var(--tertiary-black) !important
  }

  .bg-tertiary-blackest {
    /* #2A323B */
    background-color: var(--tertiary-blackest) !important
  }

  .bg-success-thin {
    /* #cfffd0 */
    background-color: var(--success-thin) !important
  }

  .bg-success-lightest {
    /* #a6dea8 */
    background-color: var(--success-lightest) !important
  }

  .bg-success-lighter {
    /* #7ebe81 */
    background-color: var(--success-lighter) !important
  }

  .bg-success-light {
    /* #308232 */
    background-color: var(--success-light) !important
  }

  .bg-success {
    /* #2e7d32 */
    background-color: var(--success) !important
  }

  .bg-error-thin {
    /* #ffe7e2 */
    background-color: var(--error-thin) !important
  }

  .bg-error-lightest {
    /* #ffd9d2 */
    background-color: var(--error-lightest) !important
  }

  .bg-error-lighter {
    /* #e89d98 */
    background-color: var(--error-lighter) !important
  }

  .bg-error-light {
    /* #ca4944 */
    background-color: var(--error-light) !important
  }

  .bg-error {
    /* #bb2525 */
    background-color: var(--error) !important
  }

  .bg-white {
    /* #ffffff */
    background-color: var(--white) !important
  }

  .bg-black {
    /* #000000 */
    background-color: var(--black) !important
  }

  .bg-transparent {
    background-color: var(--transparent) !important
  }

  .bg-muted-thin {
    /* #f2f2f2 */
    background-color: var(--muted-thin) !important
  }

  .bg-muted-lightest {
    /* #c9c9c9 */
    background-color: var(--muted-lightest) !important
  }

  .bg-muted-lighter {
    /* #a1a1a1 */
    background-color: var(--muted-lighter) !important
  }

  .bg-muted-light {
    /* #829099 */
    background-color: var(--muted-light) !important
  }

  .bg-muted {
    /* #6b6b6b */
    background-color: var(--muted) !important
  }

  .bg-muted-mid-dark {
    /* #434343 */
    background-color: var(--muted-mid-dark) !important
  }

  .bg-gray-warm-thin {
    /* #616161 */
    background-color: var(--gray-warm-thin) !important
  }

  .bg-gray-warm-lightest {
    /* #595959 */
    background-color: var(--gray-warm-lightest) !important
  }

  .bg-gray-warm-lighter {
    /* #4c4c4c */
    background-color: var(--gray-warm-lighter) !important
  }

  .bg-gray-warm-light {
    /* #404040 */
    background-color: var(--gray-warm-light) !important
  }

  .bg-gray-warm {
    /* #383838 */
    background-color: var(--gray-warm) !important
  }

  .bg-gray-warm-mid-dark {
    /* #303030 */
    background-color: var(--gray-warm-mid-dark) !important
  }

  .bg-gray-warm-dark {
    /* #2c2c2c */
    background-color: var(--gray-warm-dark) !important
  }

  .bg-gray-warm-darker {
    /* #282828 */
    background-color: var(--gray-warm-darker) !important
  }

  .bg-gray-warm-darkest {
    /* #242424 */
    background-color: var(--gray-warm-darkest) !important
  }

  .bg-gray-warm-black {
    /* #212121 */
    background-color: var(--gray-warm-black) !important
  }

  .bg-green-thin {
    /* #f2f8bd */
    background-color: var(--green-thin) !important
  }

  .bg-green-lightest {
    /* #d6dc6c */
    background-color: var(--green-lightest) !important
  }

  .bg-green-lighter {
    /* #c7cf4a */
    background-color: var(--green-lighter) !important
  }

  .bg-green-light {
    /* #b8c228 */
    background-color: var(--green-light) !important
  }

  .bg-green {
    /* #acb525 */
    background-color: var(--green) !important
  }

  .bg-green-mid-dark {
    /* #a0a923 */
    background-color: var(--green-mid-dark) !important
  }

  .bg-green-dark {
    /* #98a11b */
    background-color: var(--green-dark) !important
  }

  .bg-green-darker {
    /* #9aa314 */
    background-color: var(--green-darker) !important
  }

  .bg-green-darkest {
    /* #747b09 */
    background-color: var(--green-darkest) !important
  }

  .bg-green-black {
    /* #6c7500 */
    background-color: var(--green-black) !important
  }

  .bg-orange-thin {
    /* #ffe8cb */
    background-color: var(--orange-thin) !important
  }

  .bg-orange-lightest {
    /* #ffddb4 */
    background-color: var(--orange-lightest) !important
  }

  .bg-orange-lighter {
    /* #fed5b5 */
    background-color: var(--orange-lighter) !important
  }

  .bg-orange-light {
    /* #fdceb7 */
    background-color: var(--orange-light) !important
  }

  .bg-orange {
    /* #f3b69f */
    background-color: var(--orange) !important
  }

  .bg-orange-mid-dark {
    /* #e99f88 */
    background-color: var(--orange-mid-dark) !important
  }

  .bg-orange-dark {
    /* #df8871 */
    background-color: var(--orange-dark) !important
  }

  .bg-orange-darker {
    /* #c85032 */
    background-color: var(--orange-darker) !important
  }

  .bg-orange-darkest {
    /* #c04e35 */
    background-color: var(--orange-darkest) !important
  }

  .bg-orange-black {
    /* #c1432b */
    background-color: var(--orange-black) !important
  }

  .bg-yellow-thin {
    /* #fff1cb */
    background-color: var(--yellow-thin) !important
  }

  .bg-yellow-lightest {
    /* #ffd666 */
    background-color: var(--yellow-lightest) !important
  }

  .bg-yellow-lighter {
    /* #feca4d */
    background-color: var(--yellow-lighter) !important
  }

  .bg-yellow-light {
    /* #febf34 */
    background-color: var(--yellow-light) !important
  }

  .bg-yellow {
    /* #ecae27 */
    background-color: var(--yellow) !important
  }

  .bg-yellow-mid-dark {
    /* #db9e1a */
    background-color: var(--yellow-mid-dark) !important
  }

  .bg-yellow-dark {
    /* #c8911a */
    background-color: var(--yellow-dark) !important
  }

  .bg-yellow-darker {
    /* #976e17 */
    background-color: var(--yellow-darker) !important
  }

  .bg-yellow-darkest {
    /* #8c6718 */
    background-color: var(--yellow-darkest) !important
  }

  .bg-yellow-black {
    /* #87651c */
    background-color: var(--yellow-black) !important
  }

  .bg-berry-transparent-lighter {
    background-color: var(--berry-transparent-lighter) !important
  }

  .bg-berry-transparent-light {
    background-color: var(--berry-transparent-light) !important
  }

  .bg-berry-transparent-dark {
    background-color: var(--berry-transparent-dark) !important
  }

  .bg-berry-transparent-darker {
    background-color: var(--berry-transparent-darker) !important
  }

  .bg-blue-transparent-lighter {
    background-color: var(--blue-transparent-lighter) !important
  }

  .bg-blue-transparent-light {
    background-color: var(--blue-transparent-light) !important
  }

  .bg-blue-transparent-dark {
    background-color: var(--blue-transparent-dark) !important
  }

  .bg-blue-transparent-darker {
    background-color: var(--blue-transparent-darker) !important
  }

  .bg-gray-cool-transparent-lightest {
    background-color: var(--gray-cool-transparent-lightest) !important
  }

  .bg-gray-cool-transparent-lighter {
    background-color: var(--gray-cool-transparent-lighter) !important
  }

  .bg-gray-cool-transparent-light {
    background-color: var(--gray-cool-transparent-light) !important
  }

  .bg-gray-cool-transparent-dark {
    background-color: var(--gray-cool-transparent-dark) !important
  }

  .bg-gray-cool-transparent-darker {
    background-color: var(--gray-cool-transparent-darker) !important
  }

  .bg-white-transparent-lighter {
    background-color: var(--white-transparent-lighter) !important
  }

  .bg-white-transparent-light {
    background-color: var(--white-transparent-light) !important
  }

  .bg-white-transparent-dark {
    background-color: var(--white-transparent-dark) !important
  }

  .bg-white-transparent-darker {
    background-color: var(--white-transparent-darker) !important
  }

  .bg-black-transparent-lighter {
    background-color: var(--black-transparent-lighter) !important
  }

  .bg-black-transparent-light {
    background-color: var(--black-transparent-light) !important
  }

  .bg-black-transparent-dark {
    background-color: var(--black-transparent-dark) !important
  }

  .bg-black-transparent-darker {
    background-color: var(--black-transparent-darker) !important
  }

  .bg-gray-warm-transparent-lightest {
    background-color: var(--gray-warm-transparent-lightest) !important
  }

  .bg-gray-warm-transparent-lighter {
    background-color: var(--gray-warm-transparent-lighter) !important
  }

  .bg-gray-warm-transparent-light {
    background-color: var(--gray-warm-transparent-light) !important
  }

  .bg-gray-warm-transparent-dark {
    background-color: var(--gray-warm-transparent-dark) !important
  }

  .bg-gray-warm-transparent-darker {
    background-color: var(--gray-warm-transparent-darker) !important
  }

  .bg-green-transparent-lighter {
    background-color: var(--green-transparent-lighter) !important
  }

  .bg-green-transparent-light {
    background-color: var(--green-transparent-light) !important
  }

  .bg-green-transparent-dark {
    background-color: var(--green-transparent-dark) !important
  }

  .bg-green-transparent-darker {
    background-color: var(--green-transparent-darker) !important
  }

  .bg-orange-transparent-lighter {
    background-color: var(--orange-transparent-lighter) !important
  }

  .bg-orange-transparent-light {
    background-color: var(--orange-transparent-light) !important
  }

  .bg-orange-transparent-dark {
    background-color: var(--orange-transparent-dark) !important
  }

  .bg-orange-transparent-darker {
    background-color: var(--orange-transparent-darker) !important
  }

  .bg-yellow-transparent-lighter {
    background-color: var(--yellow-transparent-lighter) !important
  }

  .bg-yellow-transparent-light {
    background-color: var(--yellow-transparent-light) !important
  }

  .bg-yellow-transparent-dark {
    background-color: var(--yellow-transparent-dark) !important
  }

  .bg-yellow-transparent-darker {
    background-color: var(--yellow-transparent-darker) !important
  }

  .text-primary-thin {
    /* #fce4ec */
    color: var(--primary-thin) !important
  }

  .text-primary-lightest {
    /* #e69bba */
    color: var(--primary-lightest) !important
  }

  .text-primary-lighter {
    /* #c84177 */
    color: var(--primary-lighter) !important
  }

  .text-primary-light {
    /* #be2864 */
    color: var(--primary-light) !important
  }

  .text-primary {
    /* #b50f52 */
    color: var(--primary) !important
  }

  .text-primary-mid-dark {
    /* #ac0e4e */
    color: var(--primary-mid-dark) !important
  }

  .text-primary-dark {
    /* #a30d4a */
    color: var(--primary-dark) !important
  }

  .text-primary-darker {
    /* #9a0c46 */
    color: var(--primary-darker) !important
  }

  .text-primary-darkest {
    /* #910b42 */
    color: var(--primary-darkest) !important
  }

  .text-primary-black {
    /* #880b3e */
    color: var(--primary-black) !important
  }

  .text-secondary-thinest {
    /* #e0f7fa */
    color: var(--secondary-thinest) !important
  }

  .text-secondary-thin {
    /* #c9edf1 */
    color: var(--secondary-thin) !important
  }

  .text-secondary-lightest {
    /* #92dae5 */
    color: var(--secondary-lightest) !important
  }

  .text-secondary-lighter {
    /* #5cc8da */
    color: var(--secondary-lighter) !important
  }

  .text-secondary-light {
    /* #47a7b8 */
    color: var(--secondary-light) !important
  }

  .text-secondary {
    /* #308091 */
    color: var(--secondary) !important
  }

  .text-secondary-mid-dark {
    /* #2c7a8a */
    color: var(--secondary-mid-dark) !important
  }

  .text-secondary-dark {
    /* #297484 */
    color: var(--secondary-dark) !important
  }

  .text-secondary-darker {
    /* #266e7e */
    color: var(--secondary-darker) !important
  }

  .text-secondary-darkest {
    /* #236978 */
    color: var(--secondary-darkest) !important
  }

  .text-secondary-black {
    /* #275e6b */
    color: var(--secondary-black) !important
  }

  .text-tertiary-thin {
    /* #eff3f4 */
    color: var(--tertiary-thin) !important
  }

  .text-tertiary-lightest {
    /* #d7dfe7 */
    color: var(--tertiary-lightest) !important
  }

  .text-tertiary-lighter {
    /* #bfc8d2 */
    color: var(--tertiary-lighter) !important
  }

  .text-tertiary-light {
    /* #a8b2bd */
    color: var(--tertiary-light) !important
  }

  .text-tertiary {
    /* #6a7581 */
    color: var(--tertiary) !important
  }

  .text-tertiary-mid-dark {
    /* #5c6f76 */
    color: var(--tertiary-mid-dark) !important
  }

  .text-tertiary-dark {
    /* #4f6067 */
    color: var(--tertiary-dark) !important
  }

  .text-tertiary-darker {
    /* #425158 */
    color: var(--tertiary-darker) !important
  }

  .text-tertiary-darkest {
    /* #354249 */
    color: var(--tertiary-darkest) !important
  }

  .text-tertiary-black {
    /* #29333b */
    color: var(--tertiary-black) !important
  }

  .text-tertiary-blackest {
    /* #2A323B */
    color: var(--tertiary-blackest) !important
  }

  .text-success-thin {
    /* #cfffd0 */
    color: var(--success-thin) !important
  }

  .text-success-lightest {
    /* #a6dea8 */
    color: var(--success-lightest) !important
  }

  .text-success-lighter {
    /* #7ebe81 */
    color: var(--success-lighter) !important
  }

  .text-success-light {
    /* #308232 */
    color: var(--success-light) !important
  }

  .text-success {
    /* #2e7d32 */
    color: var(--success) !important
  }

  .text-error-thin {
    /* #ffe7e2 */
    color: var(--error-thin) !important
  }

  .text-error-lightest {
    /* #ffd9d2 */
    color: var(--error-lightest) !important
  }

  .text-error-lighter {
    /* #e89d98 */
    color: var(--error-lighter) !important
  }

  .text-error-light {
    /* #ca4944 */
    color: var(--error-light) !important
  }

  .text-error {
    /* #bb2525 */
    color: var(--error) !important
  }

  .text-white {
    /* #ffffff */
    color: var(--white) !important
  }

  .text-black {
    /* #000000 */
    color: var(--black) !important
  }

  .text-transparent {
    color: var(--transparent) !important
  }

  .text-muted-thin {
    /* #f2f2f2 */
    color: var(--muted-thin) !important
  }

  .text-muted-lightest {
    /* #c9c9c9 */
    color: var(--muted-lightest) !important
  }

  .text-muted-lighter {
    /* #a1a1a1 */
    color: var(--muted-lighter) !important
  }

  .text-muted-light {
    /* #829099 */
    color: var(--muted-light) !important
  }

  .text-muted {
    /* #6b6b6b */
    color: var(--muted) !important
  }

  .text-muted-mid-dark {
    /* #434343 */
    color: var(--muted-mid-dark) !important
  }

  .text-gray-warm-thin {
    /* #616161 */
    color: var(--gray-warm-thin) !important
  }

  .text-gray-warm-lightest {
    /* #595959 */
    color: var(--gray-warm-lightest) !important
  }

  .text-gray-warm-lighter {
    /* #4c4c4c */
    color: var(--gray-warm-lighter) !important
  }

  .text-gray-warm-light {
    /* #404040 */
    color: var(--gray-warm-light) !important
  }

  .text-gray-warm {
    /* #383838 */
    color: var(--gray-warm) !important
  }

  .text-gray-warm-mid-dark {
    /* #303030 */
    color: var(--gray-warm-mid-dark) !important
  }

  .text-gray-warm-dark {
    /* #2c2c2c */
    color: var(--gray-warm-dark) !important
  }

  .text-gray-warm-darker {
    /* #282828 */
    color: var(--gray-warm-darker) !important
  }

  .text-gray-warm-darkest {
    /* #242424 */
    color: var(--gray-warm-darkest) !important
  }

  .text-gray-warm-black {
    /* #212121 */
    color: var(--gray-warm-black) !important
  }

  .text-green-thin {
    /* #f2f8bd */
    color: var(--green-thin) !important
  }

  .text-green-lightest {
    /* #d6dc6c */
    color: var(--green-lightest) !important
  }

  .text-green-lighter {
    /* #c7cf4a */
    color: var(--green-lighter) !important
  }

  .text-green-light {
    /* #b8c228 */
    color: var(--green-light) !important
  }

  .text-green {
    /* #acb525 */
    color: var(--green) !important
  }

  .text-green-mid-dark {
    /* #a0a923 */
    color: var(--green-mid-dark) !important
  }

  .text-green-dark {
    /* #98a11b */
    color: var(--green-dark) !important
  }

  .text-green-darker {
    /* #9aa314 */
    color: var(--green-darker) !important
  }

  .text-green-darkest {
    /* #747b09 */
    color: var(--green-darkest) !important
  }

  .text-green-black {
    /* #6c7500 */
    color: var(--green-black) !important
  }

  .text-orange-thin {
    /* #ffe8cb */
    color: var(--orange-thin) !important
  }

  .text-orange-lightest {
    /* #ffddb4 */
    color: var(--orange-lightest) !important
  }

  .text-orange-lighter {
    /* #fed5b5 */
    color: var(--orange-lighter) !important
  }

  .text-orange-light {
    /* #fdceb7 */
    color: var(--orange-light) !important
  }

  .text-orange {
    /* #f3b69f */
    color: var(--orange) !important
  }

  .text-orange-mid-dark {
    /* #e99f88 */
    color: var(--orange-mid-dark) !important
  }

  .text-orange-dark {
    /* #df8871 */
    color: var(--orange-dark) !important
  }

  .text-orange-darker {
    /* #c85032 */
    color: var(--orange-darker) !important
  }

  .text-orange-darkest {
    /* #c04e35 */
    color: var(--orange-darkest) !important
  }

  .text-orange-black {
    /* #c1432b */
    color: var(--orange-black) !important
  }

  .text-yellow-thin {
    /* #fff1cb */
    color: var(--yellow-thin) !important
  }

  .text-yellow-lightest {
    /* #ffd666 */
    color: var(--yellow-lightest) !important
  }

  .text-yellow-lighter {
    /* #feca4d */
    color: var(--yellow-lighter) !important
  }

  .text-yellow-light {
    /* #febf34 */
    color: var(--yellow-light) !important
  }

  .text-yellow {
    /* #ecae27 */
    color: var(--yellow) !important
  }

  .text-yellow-mid-dark {
    /* #db9e1a */
    color: var(--yellow-mid-dark) !important
  }

  .text-yellow-dark {
    /* #c8911a */
    color: var(--yellow-dark) !important
  }

  .text-yellow-darker {
    /* #976e17 */
    color: var(--yellow-darker) !important
  }

  .text-yellow-darkest {
    /* #8c6718 */
    color: var(--yellow-darkest) !important
  }

  .text-yellow-black {
    /* #87651c */
    color: var(--yellow-black) !important
  }

  .text-berry-transparent-lighter {
    color: var(--berry-transparent-lighter) !important
  }

  .text-berry-transparent-light {
    color: var(--berry-transparent-light) !important
  }

  .text-berry-transparent-dark {
    color: var(--berry-transparent-dark) !important
  }

  .text-berry-transparent-darker {
    color: var(--berry-transparent-darker) !important
  }

  .text-blue-transparent-lighter {
    color: var(--blue-transparent-lighter) !important
  }

  .text-blue-transparent-light {
    color: var(--blue-transparent-light) !important
  }

  .text-blue-transparent-dark {
    color: var(--blue-transparent-dark) !important
  }

  .text-blue-transparent-darker {
    color: var(--blue-transparent-darker) !important
  }

  .text-gray-cool-transparent-lightest {
    color: var(--gray-cool-transparent-lightest) !important
  }

  .text-gray-cool-transparent-lighter {
    color: var(--gray-cool-transparent-lighter) !important
  }

  .text-gray-cool-transparent-light {
    color: var(--gray-cool-transparent-light) !important
  }

  .text-gray-cool-transparent-dark {
    color: var(--gray-cool-transparent-dark) !important
  }

  .text-gray-cool-transparent-darker {
    color: var(--gray-cool-transparent-darker) !important
  }

  .text-white-transparent-lighter {
    color: var(--white-transparent-lighter) !important
  }

  .text-white-transparent-light {
    color: var(--white-transparent-light) !important
  }

  .text-white-transparent-dark {
    color: var(--white-transparent-dark) !important
  }

  .text-white-transparent-darker {
    color: var(--white-transparent-darker) !important
  }

  .text-black-transparent-lighter {
    color: var(--black-transparent-lighter) !important
  }

  .text-black-transparent-light {
    color: var(--black-transparent-light) !important
  }

  .text-black-transparent-dark {
    color: var(--black-transparent-dark) !important
  }

  .text-black-transparent-darker {
    color: var(--black-transparent-darker) !important
  }

  .text-gray-warm-transparent-lightest {
    color: var(--gray-warm-transparent-lightest) !important
  }

  .text-gray-warm-transparent-lighter {
    color: var(--gray-warm-transparent-lighter) !important
  }

  .text-gray-warm-transparent-light {
    color: var(--gray-warm-transparent-light) !important
  }

  .text-gray-warm-transparent-dark {
    color: var(--gray-warm-transparent-dark) !important
  }

  .text-gray-warm-transparent-darker {
    color: var(--gray-warm-transparent-darker) !important
  }

  .text-green-transparent-lighter {
    color: var(--green-transparent-lighter) !important
  }

  .text-green-transparent-light {
    color: var(--green-transparent-light) !important
  }

  .text-green-transparent-dark {
    color: var(--green-transparent-dark) !important
  }

  .text-green-transparent-darker {
    color: var(--green-transparent-darker) !important
  }

  .text-orange-transparent-lighter {
    color: var(--orange-transparent-lighter) !important
  }

  .text-orange-transparent-light {
    color: var(--orange-transparent-light) !important
  }

  .text-orange-transparent-dark {
    color: var(--orange-transparent-dark) !important
  }

  .text-orange-transparent-darker {
    color: var(--orange-transparent-darker) !important
  }

  .text-yellow-transparent-lighter {
    color: var(--yellow-transparent-lighter) !important
  }

  .text-yellow-transparent-light {
    color: var(--yellow-transparent-light) !important
  }

  .text-yellow-transparent-dark {
    color: var(--yellow-transparent-dark) !important
  }

  .text-yellow-transparent-darker {
    color: var(--yellow-transparent-darker) !important
  }

  .border-primary-thin {
    /* #fce4ec */
    border-color: var(--primary-thin) !important
  }

  .border-primary-lightest {
    /* #e69bba */
    border-color: var(--primary-lightest) !important
  }

  .border-primary-lighter {
    /* #c84177 */
    border-color: var(--primary-lighter) !important
  }

  .border-primary-light {
    /* #be2864 */
    border-color: var(--primary-light) !important
  }

  .border-primary {
    /* #b50f52 */
    border-color: var(--primary) !important
  }

  .border-primary-mid-dark {
    /* #ac0e4e */
    border-color: var(--primary-mid-dark) !important
  }

  .border-primary-dark {
    /* #a30d4a */
    border-color: var(--primary-dark) !important
  }

  .border-primary-darker {
    /* #9a0c46 */
    border-color: var(--primary-darker) !important
  }

  .border-primary-darkest {
    /* #910b42 */
    border-color: var(--primary-darkest) !important
  }

  .border-primary-black {
    /* #880b3e */
    border-color: var(--primary-black) !important
  }

  .border-secondary-thinest {
    /* #e0f7fa */
    border-color: var(--secondary-thinest) !important
  }

  .border-secondary-thin {
    /* #c9edf1 */
    border-color: var(--secondary-thin) !important
  }

  .border-secondary-lightest {
    /* #92dae5 */
    border-color: var(--secondary-lightest) !important
  }

  .border-secondary-lighter {
    /* #5cc8da */
    border-color: var(--secondary-lighter) !important
  }

  .border-secondary-light {
    /* #47a7b8 */
    border-color: var(--secondary-light) !important
  }

  .border-secondary {
    /* #308091 */
    border-color: var(--secondary) !important
  }

  .border-secondary-mid-dark {
    /* #2c7a8a */
    border-color: var(--secondary-mid-dark) !important
  }

  .border-secondary-dark {
    /* #297484 */
    border-color: var(--secondary-dark) !important
  }

  .border-secondary-darker {
    /* #266e7e */
    border-color: var(--secondary-darker) !important
  }

  .border-secondary-darkest {
    /* #236978 */
    border-color: var(--secondary-darkest) !important
  }

  .border-secondary-black {
    /* #275e6b */
    border-color: var(--secondary-black) !important
  }

  .border-tertiary-thin {
    /* #eff3f4 */
    border-color: var(--tertiary-thin) !important
  }

  .border-tertiary-lightest {
    /* #d7dfe7 */
    border-color: var(--tertiary-lightest) !important
  }

  .border-tertiary-lighter {
    /* #bfc8d2 */
    border-color: var(--tertiary-lighter) !important
  }

  .border-tertiary-light {
    /* #a8b2bd */
    border-color: var(--tertiary-light) !important
  }

  .border-tertiary {
    /* #6a7581 */
    border-color: var(--tertiary) !important
  }

  .border-tertiary-mid-dark {
    /* #5c6f76 */
    border-color: var(--tertiary-mid-dark) !important
  }

  .border-tertiary-dark {
    /* #4f6067 */
    border-color: var(--tertiary-dark) !important
  }

  .border-tertiary-darker {
    /* #425158 */
    border-color: var(--tertiary-darker) !important
  }

  .border-tertiary-darkest {
    /* #354249 */
    border-color: var(--tertiary-darkest) !important
  }

  .border-tertiary-black {
    /* #29333b */
    border-color: var(--tertiary-black) !important
  }

  .border-tertiary-blackest {
    /* #2A323B */
    border-color: var(--tertiary-blackest) !important
  }

  .border-success-thin {
    /* #cfffd0 */
    border-color: var(--success-thin) !important
  }

  .border-success-lightest {
    /* #a6dea8 */
    border-color: var(--success-lightest) !important
  }

  .border-success-lighter {
    /* #7ebe81 */
    border-color: var(--success-lighter) !important
  }

  .border-success-light {
    /* #308232 */
    border-color: var(--success-light) !important
  }

  .border-success {
    /* #2e7d32 */
    border-color: var(--success) !important
  }

  .border-error-thin {
    /* #ffe7e2 */
    border-color: var(--error-thin) !important
  }

  .border-error-lightest {
    /* #ffd9d2 */
    border-color: var(--error-lightest) !important
  }

  .border-error-lighter {
    /* #e89d98 */
    border-color: var(--error-lighter) !important
  }

  .border-error-light {
    /* #ca4944 */
    border-color: var(--error-light) !important
  }

  .border-error {
    /* #bb2525 */
    border-color: var(--error) !important
  }

  .border-white {
    /* #ffffff */
    border-color: var(--white) !important
  }

  .border-black {
    /* #000000 */
    border-color: var(--black) !important
  }

  .border-transparent {
    border-color: var(--transparent) !important
  }

  .border-muted-thin {
    /* #f2f2f2 */
    border-color: var(--muted-thin) !important
  }

  .border-muted-lightest {
    /* #c9c9c9 */
    border-color: var(--muted-lightest) !important
  }

  .border-muted-lighter {
    /* #a1a1a1 */
    border-color: var(--muted-lighter) !important
  }

  .border-muted-light {
    /* #829099 */
    border-color: var(--muted-light) !important
  }

  .border-muted {
    /* #6b6b6b */
    border-color: var(--muted) !important
  }

  .border-muted-mid-dark {
    /* #434343 */
    border-color: var(--muted-mid-dark) !important
  }

  .border-gray-warm-thin {
    /* #616161 */
    border-color: var(--gray-warm-thin) !important
  }

  .border-gray-warm-lightest {
    /* #595959 */
    border-color: var(--gray-warm-lightest) !important
  }

  .border-gray-warm-lighter {
    /* #4c4c4c */
    border-color: var(--gray-warm-lighter) !important
  }

  .border-gray-warm-light {
    /* #404040 */
    border-color: var(--gray-warm-light) !important
  }

  .border-gray-warm {
    /* #383838 */
    border-color: var(--gray-warm) !important
  }

  .border-gray-warm-mid-dark {
    /* #303030 */
    border-color: var(--gray-warm-mid-dark) !important
  }

  .border-gray-warm-dark {
    /* #2c2c2c */
    border-color: var(--gray-warm-dark) !important
  }

  .border-gray-warm-darker {
    /* #282828 */
    border-color: var(--gray-warm-darker) !important
  }

  .border-gray-warm-darkest {
    /* #242424 */
    border-color: var(--gray-warm-darkest) !important
  }

  .border-gray-warm-black {
    /* #212121 */
    border-color: var(--gray-warm-black) !important
  }

  .border-green-thin {
    /* #f2f8bd */
    border-color: var(--green-thin) !important
  }

  .border-green-lightest {
    /* #d6dc6c */
    border-color: var(--green-lightest) !important
  }

  .border-green-lighter {
    /* #c7cf4a */
    border-color: var(--green-lighter) !important
  }

  .border-green-light {
    /* #b8c228 */
    border-color: var(--green-light) !important
  }

  .border-green {
    /* #acb525 */
    border-color: var(--green) !important
  }

  .border-green-mid-dark {
    /* #a0a923 */
    border-color: var(--green-mid-dark) !important
  }

  .border-green-dark {
    /* #98a11b */
    border-color: var(--green-dark) !important
  }

  .border-green-darker {
    /* #9aa314 */
    border-color: var(--green-darker) !important
  }

  .border-green-darkest {
    /* #747b09 */
    border-color: var(--green-darkest) !important
  }

  .border-green-black {
    /* #6c7500 */
    border-color: var(--green-black) !important
  }

  .border-orange-thin {
    /* #ffe8cb */
    border-color: var(--orange-thin) !important
  }

  .border-orange-lightest {
    /* #ffddb4 */
    border-color: var(--orange-lightest) !important
  }

  .border-orange-lighter {
    /* #fed5b5 */
    border-color: var(--orange-lighter) !important
  }

  .border-orange-light {
    /* #fdceb7 */
    border-color: var(--orange-light) !important
  }

  .border-orange {
    /* #f3b69f */
    border-color: var(--orange) !important
  }

  .border-orange-mid-dark {
    /* #e99f88 */
    border-color: var(--orange-mid-dark) !important
  }

  .border-orange-dark {
    /* #df8871 */
    border-color: var(--orange-dark) !important
  }

  .border-orange-darker {
    /* #c85032 */
    border-color: var(--orange-darker) !important
  }

  .border-orange-darkest {
    /* #c04e35 */
    border-color: var(--orange-darkest) !important
  }

  .border-orange-black {
    /* #c1432b */
    border-color: var(--orange-black) !important
  }

  .border-yellow-thin {
    /* #fff1cb */
    border-color: var(--yellow-thin) !important
  }

  .border-yellow-lightest {
    /* #ffd666 */
    border-color: var(--yellow-lightest) !important
  }

  .border-yellow-lighter {
    /* #feca4d */
    border-color: var(--yellow-lighter) !important
  }

  .border-yellow-light {
    /* #febf34 */
    border-color: var(--yellow-light) !important
  }

  .border-yellow {
    /* #ecae27 */
    border-color: var(--yellow) !important
  }

  .border-yellow-mid-dark {
    /* #db9e1a */
    border-color: var(--yellow-mid-dark) !important
  }

  .border-yellow-dark {
    /* #c8911a */
    border-color: var(--yellow-dark) !important
  }

  .border-yellow-darker {
    /* #976e17 */
    border-color: var(--yellow-darker) !important
  }

  .border-yellow-darkest {
    /* #8c6718 */
    border-color: var(--yellow-darkest) !important
  }

  .border-yellow-black {
    /* #87651c */
    border-color: var(--yellow-black) !important
  }

  .border-berry-transparent-lighter {
    border-color: var(--berry-transparent-lighter) !important
  }

  .border-berry-transparent-light {
    border-color: var(--berry-transparent-light) !important
  }

  .border-berry-transparent-dark {
    border-color: var(--berry-transparent-dark) !important
  }

  .border-berry-transparent-darker {
    border-color: var(--berry-transparent-darker) !important
  }

  .border-blue-transparent-lighter {
    border-color: var(--blue-transparent-lighter) !important
  }

  .border-blue-transparent-light {
    border-color: var(--blue-transparent-light) !important
  }

  .border-blue-transparent-dark {
    border-color: var(--blue-transparent-dark) !important
  }

  .border-blue-transparent-darker {
    border-color: var(--blue-transparent-darker) !important
  }

  .border-gray-cool-transparent-lightest {
    border-color: var(--gray-cool-transparent-lightest) !important
  }

  .border-gray-cool-transparent-lighter {
    border-color: var(--gray-cool-transparent-lighter) !important
  }

  .border-gray-cool-transparent-light {
    border-color: var(--gray-cool-transparent-light) !important
  }

  .border-gray-cool-transparent-dark {
    border-color: var(--gray-cool-transparent-dark) !important
  }

  .border-gray-cool-transparent-darker {
    border-color: var(--gray-cool-transparent-darker) !important
  }

  .border-white-transparent-lighter {
    border-color: var(--white-transparent-lighter) !important
  }

  .border-white-transparent-light {
    border-color: var(--white-transparent-light) !important
  }

  .border-white-transparent-dark {
    border-color: var(--white-transparent-dark) !important
  }

  .border-white-transparent-darker {
    border-color: var(--white-transparent-darker) !important
  }

  .border-black-transparent-lighter {
    border-color: var(--black-transparent-lighter) !important
  }

  .border-black-transparent-light {
    border-color: var(--black-transparent-light) !important
  }

  .border-black-transparent-dark {
    border-color: var(--black-transparent-dark) !important
  }

  .border-black-transparent-darker {
    border-color: var(--black-transparent-darker) !important
  }

  .border-gray-warm-transparent-lightest {
    border-color: var(--gray-warm-transparent-lightest) !important
  }

  .border-gray-warm-transparent-lighter {
    border-color: var(--gray-warm-transparent-lighter) !important
  }

  .border-gray-warm-transparent-light {
    border-color: var(--gray-warm-transparent-light) !important
  }

  .border-gray-warm-transparent-dark {
    border-color: var(--gray-warm-transparent-dark) !important
  }

  .border-gray-warm-transparent-darker {
    border-color: var(--gray-warm-transparent-darker) !important
  }

  .border-green-transparent-lighter {
    border-color: var(--green-transparent-lighter) !important
  }

  .border-green-transparent-light {
    border-color: var(--green-transparent-light) !important
  }

  .border-green-transparent-dark {
    border-color: var(--green-transparent-dark) !important
  }

  .border-green-transparent-darker {
    border-color: var(--green-transparent-darker) !important
  }

  .border-orange-transparent-lighter {
    border-color: var(--orange-transparent-lighter) !important
  }

  .border-orange-transparent-light {
    border-color: var(--orange-transparent-light) !important
  }

  .border-orange-transparent-dark {
    border-color: var(--orange-transparent-dark) !important
  }

  .border-orange-transparent-darker {
    border-color: var(--orange-transparent-darker) !important
  }

  .border-yellow-transparent-lighter {
    border-color: var(--yellow-transparent-lighter) !important
  }

  .border-yellow-transparent-light {
    border-color: var(--yellow-transparent-light) !important
  }

  .border-yellow-transparent-dark {
    border-color: var(--yellow-transparent-dark) !important
  }

  .border-yellow-transparent-darker {
    border-color: var(--yellow-transparent-darker) !important
  }

  .fill-primary-thin {
    /* #fce4ec */
    fill: var(--primary-thin) !important
  }

  .fill-primary-lightest {
    /* #e69bba */
    fill: var(--primary-lightest) !important
  }

  .fill-primary-lighter {
    /* #c84177 */
    fill: var(--primary-lighter) !important
  }

  .fill-primary-light {
    /* #be2864 */
    fill: var(--primary-light) !important
  }

  .fill-primary {
    /* #b50f52 */
    fill: var(--primary) !important
  }

  .fill-primary-mid-dark {
    /* #ac0e4e */
    fill: var(--primary-mid-dark) !important
  }

  .fill-primary-dark {
    /* #a30d4a */
    fill: var(--primary-dark) !important
  }

  .fill-primary-darker {
    /* #9a0c46 */
    fill: var(--primary-darker) !important
  }

  .fill-primary-darkest {
    /* #910b42 */
    fill: var(--primary-darkest) !important
  }

  .fill-primary-black {
    /* #880b3e */
    fill: var(--primary-black) !important
  }

  .fill-secondary-thinest {
    /* #e0f7fa */
    fill: var(--secondary-thinest) !important
  }

  .fill-secondary-thin {
    /* #c9edf1 */
    fill: var(--secondary-thin) !important
  }

  .fill-secondary-lightest {
    /* #92dae5 */
    fill: var(--secondary-lightest) !important
  }

  .fill-secondary-lighter {
    /* #5cc8da */
    fill: var(--secondary-lighter) !important
  }

  .fill-secondary-light {
    /* #47a7b8 */
    fill: var(--secondary-light) !important
  }

  .fill-secondary {
    /* #308091 */
    fill: var(--secondary) !important
  }

  .fill-secondary-mid-dark {
    /* #2c7a8a */
    fill: var(--secondary-mid-dark) !important
  }

  .fill-secondary-dark {
    /* #297484 */
    fill: var(--secondary-dark) !important
  }

  .fill-secondary-darker {
    /* #266e7e */
    fill: var(--secondary-darker) !important
  }

  .fill-secondary-darkest {
    /* #236978 */
    fill: var(--secondary-darkest) !important
  }

  .fill-secondary-black {
    /* #275e6b */
    fill: var(--secondary-black) !important
  }

  .fill-tertiary-thin {
    /* #eff3f4 */
    fill: var(--tertiary-thin) !important
  }

  .fill-tertiary-lightest {
    /* #d7dfe7 */
    fill: var(--tertiary-lightest) !important
  }

  .fill-tertiary-lighter {
    /* #bfc8d2 */
    fill: var(--tertiary-lighter) !important
  }

  .fill-tertiary-light {
    /* #a8b2bd */
    fill: var(--tertiary-light) !important
  }

  .fill-tertiary {
    /* #6a7581 */
    fill: var(--tertiary) !important
  }

  .fill-tertiary-mid-dark {
    /* #5c6f76 */
    fill: var(--tertiary-mid-dark) !important
  }

  .fill-tertiary-dark {
    /* #4f6067 */
    fill: var(--tertiary-dark) !important
  }

  .fill-tertiary-darker {
    /* #425158 */
    fill: var(--tertiary-darker) !important
  }

  .fill-tertiary-darkest {
    /* #354249 */
    fill: var(--tertiary-darkest) !important
  }

  .fill-tertiary-black {
    /* #29333b */
    fill: var(--tertiary-black) !important
  }

  .fill-tertiary-blackest {
    /* #2A323B */
    fill: var(--tertiary-blackest) !important
  }

  .fill-success-thin {
    /* #cfffd0 */
    fill: var(--success-thin) !important
  }

  .fill-success-lightest {
    /* #a6dea8 */
    fill: var(--success-lightest) !important
  }

  .fill-success-lighter {
    /* #7ebe81 */
    fill: var(--success-lighter) !important
  }

  .fill-success-light {
    /* #308232 */
    fill: var(--success-light) !important
  }

  .fill-success {
    /* #2e7d32 */
    fill: var(--success) !important
  }

  .fill-error-thin {
    /* #ffe7e2 */
    fill: var(--error-thin) !important
  }

  .fill-error-lightest {
    /* #ffd9d2 */
    fill: var(--error-lightest) !important
  }

  .fill-error-lighter {
    /* #e89d98 */
    fill: var(--error-lighter) !important
  }

  .fill-error-light {
    /* #ca4944 */
    fill: var(--error-light) !important
  }

  .fill-error {
    /* #bb2525 */
    fill: var(--error) !important
  }

  .fill-white {
    /* #ffffff */
    fill: var(--white) !important
  }

  .fill-black {
    /* #000000 */
    fill: var(--black) !important
  }

  .fill-transparent {
    fill: var(--transparent) !important
  }

  .fill-muted-thin {
    /* #f2f2f2 */
    fill: var(--muted-thin) !important
  }

  .fill-muted-lightest {
    /* #c9c9c9 */
    fill: var(--muted-lightest) !important
  }

  .fill-muted-lighter {
    /* #a1a1a1 */
    fill: var(--muted-lighter) !important
  }

  .fill-muted-light {
    /* #829099 */
    fill: var(--muted-light) !important
  }

  .fill-muted {
    /* #6b6b6b */
    fill: var(--muted) !important
  }

  .fill-muted-mid-dark {
    /* #434343 */
    fill: var(--muted-mid-dark) !important
  }

  .fill-gray-warm-thin {
    /* #616161 */
    fill: var(--gray-warm-thin) !important
  }

  .fill-gray-warm-lightest {
    /* #595959 */
    fill: var(--gray-warm-lightest) !important
  }

  .fill-gray-warm-lighter {
    /* #4c4c4c */
    fill: var(--gray-warm-lighter) !important
  }

  .fill-gray-warm-light {
    /* #404040 */
    fill: var(--gray-warm-light) !important
  }

  .fill-gray-warm {
    /* #383838 */
    fill: var(--gray-warm) !important
  }

  .fill-gray-warm-mid-dark {
    /* #303030 */
    fill: var(--gray-warm-mid-dark) !important
  }

  .fill-gray-warm-dark {
    /* #2c2c2c */
    fill: var(--gray-warm-dark) !important
  }

  .fill-gray-warm-darker {
    /* #282828 */
    fill: var(--gray-warm-darker) !important
  }

  .fill-gray-warm-darkest {
    /* #242424 */
    fill: var(--gray-warm-darkest) !important
  }

  .fill-gray-warm-black {
    /* #212121 */
    fill: var(--gray-warm-black) !important
  }

  .fill-green-thin {
    /* #f2f8bd */
    fill: var(--green-thin) !important
  }

  .fill-green-lightest {
    /* #d6dc6c */
    fill: var(--green-lightest) !important
  }

  .fill-green-lighter {
    /* #c7cf4a */
    fill: var(--green-lighter) !important
  }

  .fill-green-light {
    /* #b8c228 */
    fill: var(--green-light) !important
  }

  .fill-green {
    /* #acb525 */
    fill: var(--green) !important
  }

  .fill-green-mid-dark {
    /* #a0a923 */
    fill: var(--green-mid-dark) !important
  }

  .fill-green-dark {
    /* #98a11b */
    fill: var(--green-dark) !important
  }

  .fill-green-darker {
    /* #9aa314 */
    fill: var(--green-darker) !important
  }

  .fill-green-darkest {
    /* #747b09 */
    fill: var(--green-darkest) !important
  }

  .fill-green-black {
    /* #6c7500 */
    fill: var(--green-black) !important
  }

  .fill-orange-thin {
    /* #ffe8cb */
    fill: var(--orange-thin) !important
  }

  .fill-orange-lightest {
    /* #ffddb4 */
    fill: var(--orange-lightest) !important
  }

  .fill-orange-lighter {
    /* #fed5b5 */
    fill: var(--orange-lighter) !important
  }

  .fill-orange-light {
    /* #fdceb7 */
    fill: var(--orange-light) !important
  }

  .fill-orange {
    /* #f3b69f */
    fill: var(--orange) !important
  }

  .fill-orange-mid-dark {
    /* #e99f88 */
    fill: var(--orange-mid-dark) !important
  }

  .fill-orange-dark {
    /* #df8871 */
    fill: var(--orange-dark) !important
  }

  .fill-orange-darker {
    /* #c85032 */
    fill: var(--orange-darker) !important
  }

  .fill-orange-darkest {
    /* #c04e35 */
    fill: var(--orange-darkest) !important
  }

  .fill-orange-black {
    /* #c1432b */
    fill: var(--orange-black) !important
  }

  .fill-yellow-thin {
    /* #fff1cb */
    fill: var(--yellow-thin) !important
  }

  .fill-yellow-lightest {
    /* #ffd666 */
    fill: var(--yellow-lightest) !important
  }

  .fill-yellow-lighter {
    /* #feca4d */
    fill: var(--yellow-lighter) !important
  }

  .fill-yellow-light {
    /* #febf34 */
    fill: var(--yellow-light) !important
  }

  .fill-yellow {
    /* #ecae27 */
    fill: var(--yellow) !important
  }

  .fill-yellow-mid-dark {
    /* #db9e1a */
    fill: var(--yellow-mid-dark) !important
  }

  .fill-yellow-dark {
    /* #c8911a */
    fill: var(--yellow-dark) !important
  }

  .fill-yellow-darker {
    /* #976e17 */
    fill: var(--yellow-darker) !important
  }

  .fill-yellow-darkest {
    /* #8c6718 */
    fill: var(--yellow-darkest) !important
  }

  .fill-yellow-black {
    /* #87651c */
    fill: var(--yellow-black) !important
  }

  .fill-berry-transparent-lighter {
    fill: var(--berry-transparent-lighter) !important
  }

  .fill-berry-transparent-light {
    fill: var(--berry-transparent-light) !important
  }

  .fill-berry-transparent-dark {
    fill: var(--berry-transparent-dark) !important
  }

  .fill-berry-transparent-darker {
    fill: var(--berry-transparent-darker) !important
  }

  .fill-blue-transparent-lighter {
    fill: var(--blue-transparent-lighter) !important
  }

  .fill-blue-transparent-light {
    fill: var(--blue-transparent-light) !important
  }

  .fill-blue-transparent-dark {
    fill: var(--blue-transparent-dark) !important
  }

  .fill-blue-transparent-darker {
    fill: var(--blue-transparent-darker) !important
  }

  .fill-gray-cool-transparent-lightest {
    fill: var(--gray-cool-transparent-lightest) !important
  }

  .fill-gray-cool-transparent-lighter {
    fill: var(--gray-cool-transparent-lighter) !important
  }

  .fill-gray-cool-transparent-light {
    fill: var(--gray-cool-transparent-light) !important
  }

  .fill-gray-cool-transparent-dark {
    fill: var(--gray-cool-transparent-dark) !important
  }

  .fill-gray-cool-transparent-darker {
    fill: var(--gray-cool-transparent-darker) !important
  }

  .fill-white-transparent-lighter {
    fill: var(--white-transparent-lighter) !important
  }

  .fill-white-transparent-light {
    fill: var(--white-transparent-light) !important
  }

  .fill-white-transparent-dark {
    fill: var(--white-transparent-dark) !important
  }

  .fill-white-transparent-darker {
    fill: var(--white-transparent-darker) !important
  }

  .fill-black-transparent-lighter {
    fill: var(--black-transparent-lighter) !important
  }

  .fill-black-transparent-light {
    fill: var(--black-transparent-light) !important
  }

  .fill-black-transparent-dark {
    fill: var(--black-transparent-dark) !important
  }

  .fill-black-transparent-darker {
    fill: var(--black-transparent-darker) !important
  }

  .fill-gray-warm-transparent-lightest {
    fill: var(--gray-warm-transparent-lightest) !important
  }

  .fill-gray-warm-transparent-lighter {
    fill: var(--gray-warm-transparent-lighter) !important
  }

  .fill-gray-warm-transparent-light {
    fill: var(--gray-warm-transparent-light) !important
  }

  .fill-gray-warm-transparent-dark {
    fill: var(--gray-warm-transparent-dark) !important
  }

  .fill-gray-warm-transparent-darker {
    fill: var(--gray-warm-transparent-darker) !important
  }

  .fill-green-transparent-lighter {
    fill: var(--green-transparent-lighter) !important
  }

  .fill-green-transparent-light {
    fill: var(--green-transparent-light) !important
  }

  .fill-green-transparent-dark {
    fill: var(--green-transparent-dark) !important
  }

  .fill-green-transparent-darker {
    fill: var(--green-transparent-darker) !important
  }

  .fill-orange-transparent-lighter {
    fill: var(--orange-transparent-lighter) !important
  }

  .fill-orange-transparent-light {
    fill: var(--orange-transparent-light) !important
  }

  .fill-orange-transparent-dark {
    fill: var(--orange-transparent-dark) !important
  }

  .fill-orange-transparent-darker {
    fill: var(--orange-transparent-darker) !important
  }

  .fill-yellow-transparent-lighter {
    fill: var(--yellow-transparent-lighter) !important
  }

  .fill-yellow-transparent-light {
    fill: var(--yellow-transparent-light) !important
  }

  .fill-yellow-transparent-dark {
    fill: var(--yellow-transparent-dark) !important
  }

  .fill-yellow-transparent-darker {
    fill: var(--yellow-transparent-darker) !important
  }

  .primary-bg {
    background-color: var(--primary-bg) !important
  }

  .secondary-bg {
    background-color: var(--secondary-bg) !important
  }

  .tertiary-bg {
    background-color: var(--tertiary-bg) !important
  }

  .page-bg {
    background-color: var(--page-bg) !important
  }

  .primary-action-bg {
    background-color: var(--primary-action-bg) !important
  }

  .primary-action-bg-hover {
    background-color: var(--primary-action-bg-hover) !important
  }

  .primary-action-bg-hover-v1 {
    background-color: var(--primary-action-bg-hover-v1) !important
  }

  .secondary-action-bg {
    background-color: var(--secondary-action-bg) !important
  }

  .secondary-action-bg-hover {
    background-color: var(--secondary-action-bg-hover) !important
  }

  .secondary-action-bg-v1 {
    background-color: var(--secondary-action-bg-v1) !important
  }

  .secondary-action-bg-hover-v1 {
    background-color: var(--secondary-action-bg-hover-v1) !important
  }

  .tertiary-action-bg {
    background-color: var(--tertiary-action-bg) !important
  }

  .tertiary-action-bg-hover {
    background-color: var(--tertiary-action-bg-hover) !important
  }

  .tertiary-action-bg-hover-v1 {
    background-color: var(--tertiary-action-bg-hover-v1) !important
  }

  .ghost-action-bg-hover {
    background-color: var(--ghost-action-bg-hover) !important
  }

  .ghost-action-active-bg {
    background-color: var(--ghost-action-active-bg) !important
  }

  .ghost-action-bg-v1 {
    background-color: var(--ghost-action-bg-v1) !important
  }

  .ghost-action-bg-hover-v1 {
    background-color: var(--ghost-action-bg-hover-v1) !important
  }

  .success-bg {
    background-color: var(--success-bg) !important
  }

  .success-bg-subtle {
    background-color: var(--success-bg-subtle) !important
  }

  .error-bg {
    background-color: var(--error-bg) !important
  }

  .error-bg-subtle {
    background-color: var(--error-bg-subtle) !important
  }

  .warning-bg {
    background-color: var(--warning-bg) !important
  }

  .warning-bg-subtle {
    background-color: var(--warning-bg-subtle) !important
  }

  .info-bg {
    background-color: var(--info-bg) !important
  }

  .info-bg-subtle {
    background-color: var(--info-bg-subtle) !important
  }

  .notification-bg {
    background-color: var(--notification-bg) !important
  }

  .primary-text {
    color: var(--primary-text) !important
  }

  .secondary-text {
    color: var(--secondary-text) !important
  }

  .tertiary-text {
    color: var(--tertiary-text) !important
  }

  .text-strong {
    color: var(--text-strong) !important
  }

  .text-default {
    color: var(--text-default) !important
  }

  .text-subtle {
    color: var(--text-subtle) !important
  }

  .text-caption {
    color: var(--text-caption) !important
  }

  .primary-link-text {
    color: var(--primary-link-text) !important
  }

  .link-text {
    color: var(--link-text) !important
  }

  .link-text-strong {
    color: var(--link-text-strong) !important
  }

  .link-text-pressed {
    color: var(--link-text-pressed) !important
  }

  .primary-action-text {
    color: var(--primary-action-text) !important
  }

  .primary-action-text-inverse {
    color: var(--primary-action-text-inverse) !important
  }

  .secondary-action-text {
    color: var(--secondary-action-text) !important
  }

  .secondary-action-text-inverse {
    color: var(--secondary-action-text-inverse) !important
  }

  .secondary-action-text-v1 {
    color: var(--secondary-action-text-v1) !important
  }

  .secondary-action-text-inverse-v1 {
    color: var(--secondary-action-text-inverse-v1) !important
  }

  .tertiary-action-text {
    color: var(--tertiary-action-text) !important
  }

  .tertiary-action-text-inverse {
    color: var(--tertiary-action-text-inverse) !important
  }

  .ghost-action-text {
    color: var(--ghost-action-text) !important
  }

  .ghost-action-text-inverse {
    color: var(--ghost-action-text-inverse) !important
  }

  .ghost-action-text-v1 {
    color: var(--ghost-action-text-v1) !important
  }

  .primary-action-icon {
    color: var(--primary-action-icon) !important
  }

  .action-icon {
    color: var(--action-icon) !important
  }

  .success-text {
    color: var(--success-text) !important
  }

  .error-text {
    color: var(--error-text) !important
  }

  .warning-text {
    color: var(--warning-text) !important
  }

  .info-text {
    color: var(--info-text) !important
  }

  .primary-action-border {
    border-color: var(--primary-action-border) !important
  }

  .secondary-action-border {
    border-color: var(--secondary-action-border) !important
  }

  .tertiary-action-border {
    border-color: var(--tertiary-action-border) !important
  }

  .primary-action-border-v1 {
    border-color: var(--primary-action-border-v1) !important
  }

  .secondary-action-border-v1 {
    border-color: var(--secondary-action-border-v1) !important
  }

  .tertiary-action-border-v1 {
    border-color: var(--tertiary-action-border-v1) !important
  }

  .border-default {
    border-color: var(--border-default) !important
  }

  .border-strong {
    border-color: var(--border-strong) !important
  }

  .border-subtle {
    border-color: var(--border-subtle) !important
  }

  .border-focus {
    border-color: var(--border-focus) !important
  }

  .border-focus-hover {
    border-color: var(--border-focus-hover) !important
  }

  .notification-border {
    border-color: var(--notification-border) !important
  }

  .bg-chart-primary-0 {
    background-color: var(--chart-bg-primary-0) !important
  }

  .bg-chart-primary-1 {
    background-color: var(--chart-bg-primary-1) !important
  }

  .bg-chart-primary-2 {
    background-color: var(--chart-bg-primary-2) !important
  }

  .bg-chart-primary-3 {
    background-color: var(--chart-bg-primary-3) !important
  }

  .bg-chart-primary-4 {
    background-color: var(--chart-bg-primary-4) !important
  }

  .text-chart-primary-0 {
    color: var(--chart-text-primary-0) !important
  }

  .text-chart-primary-1 {
    color: var(--chart-text-primary-1) !important
  }

  .text-chart-primary-2 {
    color: var(--chart-text-primary-2) !important
  }

  .text-chart-primary-3 {
    color: var(--chart-text-primary-3) !important
  }

  .text-chart-primary-4 {
    color: var(--chart-text-primary-4) !important
  }

  .border-chart-primary-0 {
    border-color: var(--chart-border-primary-0) !important
  }

  .border-chart-primary-1 {
    border-color: var(--chart-border-primary-1) !important
  }

  .border-chart-primary-2 {
    border-color: var(--chart-border-primary-2) !important
  }

  .border-chart-primary-3 {
    border-color: var(--chart-border-primary-3) !important
  }

  .border-chart-primary-4 {
    border-color: var(--chart-border-primary-4) !important
  }

  [data-theme=lpl] .bg-chart-primary-0 {
    background-color: var(--chart-bg-primary-0) !important
  }

  [data-theme=lpl] .bg-chart-primary-1 {
    background-color: var(--chart-bg-primary-1) !important
  }

  [data-theme=lpl] .bg-chart-primary-2 {
    background-color: var(--chart-bg-primary-2) !important
  }

  [data-theme=lpl] .bg-chart-primary-3 {
    background-color: var(--chart-bg-primary-3) !important
  }

  [data-theme=lpl] .bg-chart-primary-4 {
    background-color: var(--chart-bg-primary-4) !important
  }

  [data-theme=lpl] .border-chart-primary-0 {
    border-color: var(--chart-border-primary-0) !important
  }

  [data-theme=lpl] .border-chart-primary-1 {
    border-color: var(--chart-border-primary-1) !important
  }

  [data-theme=lpl] .border-chart-primary-2 {
    border-color: var(--chart-border-primary-2) !important
  }

  [data-theme=lpl] .border-chart-primary-3 {
    border-color: var(--chart-border-primary-3) !important
  }

  [data-theme=lpl] .border-chart-primary-4 {
    border-color: var(--chart-border-primary-4) !important
  }
}

.button-primary {
  background-color: var(--primary-action-bg) !important;
  color: var(--primary-action-text) !important;
  fill: var(--primary-action-text) !important;
  border: 1px solid var(--primary-action-border-v1) !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-family: var(--font-family-regular) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  outline: 0 !important
}

.button-primary:hover {
  background-color: var(--primary-action-bg-hover-v1) !important;
  color: var(--primary-action-text) !important;
  fill: var(--primary-action-text) !important
}

.button-primary:focus {
  outline: 2px solid var(--black) !important;
  outline-offset: 2px
}

.button-primary .button-ghost {
  color: var(--ghost-action-text-v1) !important;
  fill: var(--ghost-action-text-v1) !important;
  background-color: var(--ghost-action-bg-v1) !important
}

.button-primary.disabled,
.button-primary.disable,
.button-primary:disabled {
  color: #7E8C9A !important;
  fill: #7E8C9A !important;
  background-color: var(--tertiary-thin) !important;
  outline: 1px solid #7E8C9A !important
}

.button-secondary {
  background-color: var(--secondary-action-bg-v1) !important;
  color: var(--secondary-action-text-v1) !important;
  fill: var(--secondary-action-text-v1) !important;
  border: 1px solid var(--secondary-action-border-v1) !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-family: var(--font-family-regular) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  outline: 0 !important
}

.button-secondary:hover {
  background-color: var(--secondary-action-bg-hover-v1) !important;
  color: var(--secondary-action-text-inverse-v1) !important;
  fill: var(--secondary-action-text-inverse-v1) !important
}

.button-secondary:focus {
  outline: 2px solid var(--black) !important;
  outline-offset: 2px
}

.button-secondary .button-ghost {
  color: var(--ghost-action-text-v1) !important;
  fill: var(--ghost-action-text-v1) !important;
  background-color: var(--ghost-action-bg-v1) !important
}

.button-secondary.disabled,
.button-secondary.disable,
.button-secondary:disabled {
  color: #7E8C9A !important;
  fill: #7E8C9A !important;
  background-color: var(--tertiary-thin) !important;
  outline: 1px solid #7E8C9A !important
}

.button-tertiary {
  background-color: var(--secondary-action-bg) !important;
  color: var(--secondary-action-text) !important;
  fill: var(--secondary-action-text) !important;
  border: 1px solid var(--tertiary-action-border-v1) !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-family: var(--font-family-regular) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  outline: 0 !important
}

.button-tertiary:hover {
  background-color: var(--tertiary-action-bg-hover-v1) !important;
  color: var(--secondary-action-text) !important;
  fill: var(--secondary-action-text) !important
}

.button-tertiary:focus {
  outline: 2px solid var(--black) !important;
  outline-offset: 2px
}

.button-tertiary .button-ghost {
  color: var(--ghost-action-text-v1) !important;
  fill: var(--ghost-action-text-v1) !important;
  background-color: var(--ghost-action-bg-v1) !important
}

.button-tertiary.disabled,
.button-tertiary.disable,
.button-tertiary:disabled {
  color: #7E8C9A !important;
  fill: #7E8C9A !important;
  background-color: var(--tertiary-thin) !important;
  outline: 1px solid #7E8C9A !important
}

.button-ghost {
  background-color: var(--ghost-action-bg-v1) !important;
  color: var(--ghost-action-text-v1) !important;
  fill: var(--ghost-action-text-v1) !important;
  border: none !important;
  outline: 0 !important;
  font-size: 16px !important;
  padding: 0 16px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-family: var(--font-family-regular) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important
}

.button-ghost:hover,
.button-ghost:focus {
  background-color: var(--ghost-action-bg-hover-v1) !important;
  color: var(--ghost-action-text-v1) !important;
  fill: var(--ghost-action-text-v1) !important
}

.button-ghost:hover {
  outline: none !important
}

.button-ghost:focus {
  outline: 2px solid #000000 !important;
  outline-offset: 2px
}

.button-ghost.disabled,
.button-ghost.disable,
.button-ghost:disabled {
  color: #7E8C9A !important;
  fill: #7E8C9A !important;
  background-color: #ffffff !important;
  outline: none !important
}

.button-primary-next {
  background-color: var(--primary-action-bg) !important;
  color: var(--primary-action-text) !important;
  fill: var(--primary-action-text) !important;
  border: 1px solid var(--primary-action-border) !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-family: var(--font-family-regular) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important
}

.button-primary-next:hover,
.button-primary-next:focus {
  background-color: var(--primary-action-bg-hover) !important;
  color: var(--primary-action-text-inverse) !important;
  fill: var(--primary-action-text-inverse) !important;
  border-color: var(--primary-action-border) !important
}

.button-primary-next:focus-visible {
  outline: 1.5px solid var(--black) !important;
  outline-offset: 3px !important
}

.button-primary-next.disabled,
.button-primary-next.disable,
.button-primary-next:disabled {
  color: var(--muted-light) !important;
  background-color: var(--tertiary-thin) !important
}

.button-secondary-next {
  background-color: var(--tertiary-action-bg) !important;
  color: var(--tertiary-action-text) !important;
  fill: var(--tertiary-action-text) !important;
  border: 1px solid var(--tertiary-action-border) !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-family: var(--font-family-regular) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important
}

.button-secondary-next:hover,
.button-secondary-next:focus {
  background-color: var(--tertiary-action-bg-hover) !important;
  color: var(--tertiary-action-text-inverse) !important;
  fill: var(--tertiary-action-text-inverse) !important;
  border: 1px solid var(--tertiary-action-border) !important
}

.button-secondary-next:focus-visible {
  outline: 1.5px solid var(--black) !important;
  outline-offset: 3px !important
}

.button-secondary-next.disabled,
.button-secondary-next.disable,
.button-secondary-next:disabled {
  color: var(--muted-light) !important;
  background-color: var(--tertiary-thin) !important
}

.button-tertiary-next {
  background-color: var(--secondary-action-bg) !important;
  color: var(--secondary-action-text) !important;
  fill: var(--secondary-action-text) !important;
  border: 1px solid var(--secondary-action-border) !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-family: var(--font-family-regular) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important
}

.button-tertiary-next:hover,
.button-tertiary-next:focus {
  background-color: var(--secondary-action-bg-hover) !important;
  color: var(--secondary-action-text-inverse) !important;
  fill: var(--secondary-action-text-inverse) !important;
  border-color: var(--secondary-action-border) !important
}

.button-tertiary-next:focus-visible {
  outline: 1.5px solid var(--black) !important;
  outline-offset: 3px !important
}

.button-tertiary-next.disabled,
.button-tertiary-next.disable,
.button-tertiary-next:disabled {
  color: var(--muted-light) !important;
  background-color: var(--tertiary-thin) !important
}

.button-ghost-next {
  background-color: var(--transparent) !important;
  color: var(--primary-text) !important;
  fill: var(--primary-text) !important;
  border: none !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-family: var(--font-family-regular) !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important
}

.button-ghost-next:hover,
.button-ghost-next:focus {
  background-color: var(--ghost-action-bg-hover) !important
}

.button-ghost-next.disabled,
.button-ghost-next.disable,
.button-ghost-next:disabled {
  background-color: var(--transparent) !important;
  color: var(--muted-light) !important;
  fill: var(--muted-light) !important
}

.button-full {
  width: 100% !important
}

.button-lg {
  width: 160px !important
}

.button-md {
  width: 144px !important
}

.button-sm {
  width: 112px !important
}

.link-text {
  color: var(--link-text) !important
}

.link-text:hover,
.link-text:focus {
  color: var(--link-text-pressed) !important
}

.link-text:focus-visible {
  outline: 1.5px solid var(--secondary-action-border) !important;
  outline-offset: 3px !important
}

.font-gray {
  color: #46535B !important
}

.font-orange {
  color: #DB5D39 !important
}

.color-blue-light {
  color: #3997AB !important
}

.color-blue-darker {
  color: #296896 !important
}

.color-gray {
  color: #46535B !important
}

.color-gray-darker {
  color: #5C6E76 !important
}

.color-green-dark {
  color: #859200 !important
}

.color-green-darker {
  color: #8B931E !important
}

.color-yellow-dark {
  color: #E38712 !important
}

.color-orange {
  color: #DB5D39 !important
}

.color-orange-light {
  color: #ED993D !important
}

.color-red-semantic {
  color: #A83131 !important
}

.color-green-semantic {
  color: #237D32 !important
}

.gray-50 {
  color: #46535B !important
}

.gray-100 {
  color: #5C6E76 !important
}

.bg-gray {
  background-color: #46535B !important
}

.font-berry {
  color: #b50f52 !important
}

.font-blue {
  color: #3887ab !important
}

.font-green {
  color: #b8c228 !important
}

.font-yellow {
  color: #febf34 !important
}

.font-white {
  color: #ffffff !important
}

.color-berry {
  color: #b50f52 !important
}

.color-berry-light {
  color: #d36f97 !important
}

.color-berry-lighter {
  color: #fce4ec !important
}

.color-berry-dark {
  color: #880B3E !important
}

.color-blue {
  color: #3887ab !important
}

.color-blue-dark {
  color: #236978 !important
}

.color-blue-lighter {
  color: #E0F7FA !important
}

.color-gray-light {
  color: #5c6f76 !important
}

.color-gray-lighter {
  color: #D7DFE7 !important
}

.color-gray-dark {
  color: #616161 !important
}

.color-green {
  color: #b8c228 !important
}

.color-green-light {
  color: #D6DC6C !important
}

.color-yellow {
  color: #febf34 !important
}

.color-yellow-light {
  color: #FFD666 !important
}

.color-yellow-darker {
  color: #bf8f27 !important
}

.color-orange-dark {
  color: #c1432b !important
}

.color-white {
  color: #ffffff !important
}

.berry-50 {
  color: #b50f52 !important
}

.berry-30 {
  color: #d36f97 !important
}

.berry-10 {
  color: #fce4ec !important
}

.berry-80 {
  color: #880b3e !important
}

.blue-50 {
  color: #3887ab !important
}

.blue-30 {
  color: #3997ab !important
}

.blue-10 {
  color: #e0f7fa !important
}

.blue-80 {
  color: #236978 !important
}

.blue-100 {
  color: #296896 !important
}

.gray-30 {
  color: #5c6f76 !important
}

.gray-10 {
  color: #D7DFE7 !important
}

.gray-80 {
  color: #616161 !important
}

.green-50 {
  color: #b8c228 !important
}

.green-30 {
  color: #d6dc6c !important
}

.green-80 {
  color: #859200 !important
}

.green-100 {
  color: #8b931e !important
}

.yellow-50 {
  color: #bf8f27 !important
}

.yellow-30 {
  color: #ffd666 !important
}

.yellow-80 {
  color: #e38712 !important
}

.yellow-100 {
  color: #bf8f27 !important
}

.orange-50 {
  color: #c1432b !important
}

.orange-30 {
  color: #ed993d !important
}

.orange-80 {
  color: #c1432b !important
}

.text-color {
  color: #29333b !important
}

.error-color {
  color: #BB2525 !important
}

.text-link {
  color: var(--link-text-strong) !important;
  text-decoration: underline
}

.text-link:hover,
.text-link:focus {
  color: var(--link-text-pressed) !important
}

.text-link:focus-visible {
  outline-color: var(--secondary-action-border) !important;
  outline-offset: 2px;
  outline: 1px auto -webkit-focus-ring-color
}

.bg-white {
  background-color: #ffffff !important
}

.bg-berry {
  background-color: #b50f52 !important
}

.bg-blue {
  background-color: #236978 !important
}

.bg-green {
  background-color: #b8c228 !important
}

.bg-gray-dark {
  background-color: #616161 !important
}

:root {
  accent-color: var(--secondary-action-bg)
}

.form-input,
.form-dropdown {
  border-radius: 5px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
  background-color: #ffffff !important;
  color: var(--tertiary-mid-dark) !important;
  border: 1px solid var(--gray-warm-thin) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  height: 40px !important
}

.form-input:hover,
.form-input:focus,
.form-dropdown:hover,
.form-dropdown:focus {
  border: 1px solid var(--secondary-action-border) !important
}

.form-input:focus,
.form-dropdown:focus {
  outline: 1px solid var(--tertiary-darkest) !important;
  outline-offset: 1px !important
}

.form-input.error,
.form-input._has_errors,
.form-input.input-validation-error,
.form-dropdown.error,
.form-dropdown._has_errors,
.form-dropdown.input-validation-error {
  border: 1px solid var(--error-bg) !important
}

.form-input-error,
.form-input.input-validation-error,
.form-dropdown-error,
.form-dropdown.input-validation-error {
  border: 1px solid var(--error-bg) !important
}

.form-input-error:hover,
.form-input.input-validation-error:hover,
.form-dropdown-error:hover,
.form-dropdown.input-validation-error:hover {
  border: 1px solid var(--error-bg) !important
}

.form-input-error-caption,
.form-input.input-validation-error-caption,
.form-dropdown-error-caption,
.form-dropdown.input-validation-error-caption {
  color: var(--error-text) !important
}

.form-input-error-caption::before,
.form-input.input-validation-error-caption::before,
.form-dropdown-error-caption::before,
.form-dropdown.input-validation-error-caption::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGZpbGw9IiNiYjI1MjUiIGQ9Ik0yNTYgMzJjMTQuMiAwIDI3LjMgNy41IDM0LjUgMTkuOGwyMTYgMzY4YzcuMyAxMi40IDcuMyAyNy43IC4yIDQwLjFTNDg2LjMgNDgwIDQ3MiA0ODBINDBjLTE0LjMgMC0yNy42LTcuNy0zNC43LTIwLjFzLTctMjcuOCAuMi00MC4xbDIxNi0zNjhDMjI4LjcgMzkuNSAyNDEuOCAzMiAyNTYgMzJ6bTAgMTI4Yy0xMy4zIDAtMjQgMTAuNy0yNCAyNFYyOTZjMCAxMy4zIDEwLjcgMjQgMjQgMjRzMjQtMTAuNyAyNC0yNFYxODRjMC0xMy4zLTEwLjctMjQtMjQtMjR6bTMyIDIyNGEzMiAzMiAwIDEgMCAtNjQgMCAzMiAzMiAwIDEgMCA2NCAweiIvPjwvc3ZnPg==) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important
}

.field-validation-error {
  color: var(--error-text) !important
}

input.form-checkbox:where([type=checkbox]),
input.form-radio:where([type=radio]) {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  margin: calc(0.75em - 11px) 0.25rem 0 0;
  vertical-align: top;
  border: 1px solid var(--secondary-action-border);
  border-radius: 4px;
  background: var(--white) no-repeat center center
}

input[type=radio].form-radio {
  border-radius: 50% !important
}

input.form-checkbox:where([type=checkbox]):where(:active:not(:disabled), :hover),
input.form-radio:where([type=radio]):where(:active:not(:disabled), :hover) {
  background-color: var(--secondary-thinest) !important
}

input.form-checkbox:where([type=checkbox]):where(:active:not(:disabled), :focus),
input.form-radio:where([type=radio]):where(:active:not(:disabled), :focus) {
  border: 1px solid var(--secondary-action-border) !important;
  outline: 2px solid var(--secondary-action-border) !important;
  outline-offset: 1px !important
}

input.form-checkbox:where([type=checkbox]):disabled,
input.form-radio:where([type=radio]):disabled {
  background: var(--tertiary-thin) !important
}

input.form-checkbox[type=checkbox]:checked {
  background-color: var(--secondary-action-bg) !important
}

input.form-radio[type=radio]:checked {
  background-color: var(--secondary-action-bg) !important
}

.margin-0 {
  margin: 0px !important
}

.margin-2 {
  margin: 2px !important
}

.margin-4 {
  margin: 4px !important
}

.margin-6 {
  margin: 6px !important
}

.margin-8 {
  margin: 8px !important
}

.margin-10 {
  margin: 10px !important
}

.margin-12 {
  margin: 12px !important
}

.margin-14 {
  margin: 14px !important
}

.margin-16 {
  margin: 16px !important
}

.margin-18 {
  margin: 18px !important
}

.margin-20 {
  margin: 20px !important
}

.margin-22 {
  margin: 22px !important
}

.margin-24 {
  margin: 24px !important
}

.margin-26 {
  margin: 26px !important
}

.margin-28 {
  margin: 28px !important
}

.margin-30 {
  margin: 30px !important
}

.margin-32 {
  margin: 32px !important
}

.margin-34 {
  margin: 34px !important
}

.margin-36 {
  margin: 36px !important
}

.margin-38 {
  margin: 38px !important
}

.margin-40 {
  margin: 40px !important
}

.margin-42 {
  margin: 42px !important
}

.margin-44 {
  margin: 44px !important
}

.margin-46 {
  margin: 46px !important
}

.margin-48 {
  margin: 48px !important
}

.margin-top-0 {
  margin-top: 0px !important
}

.margin-top-2 {
  margin-top: 2px !important
}

.margin-top-4 {
  margin-top: 4px !important
}

.margin-top-6 {
  margin-top: 6px !important
}

.margin-top-8 {
  margin-top: 8px !important
}

.margin-top-10 {
  margin-top: 10px !important
}

.margin-top-12 {
  margin-top: 12px !important
}

.margin-top-14 {
  margin-top: 14px !important
}

.margin-top-16 {
  margin-top: 16px !important
}

.margin-top-18 {
  margin-top: 18px !important
}

.margin-top-20 {
  margin-top: 20px !important
}

.margin-top-22 {
  margin-top: 22px !important
}

.margin-top-24 {
  margin-top: 24px !important
}

.margin-top-26 {
  margin-top: 26px !important
}

.margin-top-28 {
  margin-top: 28px !important
}

.margin-top-30 {
  margin-top: 30px !important
}

.margin-top-32 {
  margin-top: 32px !important
}

.margin-top-34 {
  margin-top: 34px !important
}

.margin-top-36 {
  margin-top: 36px !important
}

.margin-top-38 {
  margin-top: 38px !important
}

.margin-top-40 {
  margin-top: 40px !important
}

.margin-top-42 {
  margin-top: 42px !important
}

.margin-top-44 {
  margin-top: 44px !important
}

.margin-top-46 {
  margin-top: 46px !important
}

.margin-top-48 {
  margin-top: 48px !important
}

.margin-right-0 {
  margin-right: 0px !important
}

.margin-right-2 {
  margin-right: 2px !important
}

.margin-right-4 {
  margin-right: 4px !important
}

.margin-right-6 {
  margin-right: 6px !important
}

.margin-right-8 {
  margin-right: 8px !important
}

.margin-right-10 {
  margin-right: 10px !important
}

.margin-right-12 {
  margin-right: 12px !important
}

.margin-right-14 {
  margin-right: 14px !important
}

.margin-right-16 {
  margin-right: 16px !important
}

.margin-right-18 {
  margin-right: 18px !important
}

.margin-right-20 {
  margin-right: 20px !important
}

.margin-right-22 {
  margin-right: 22px !important
}

.margin-right-24 {
  margin-right: 24px !important
}

.margin-right-26 {
  margin-right: 26px !important
}

.margin-right-28 {
  margin-right: 28px !important
}

.margin-right-30 {
  margin-right: 30px !important
}

.margin-right-32 {
  margin-right: 32px !important
}

.margin-right-34 {
  margin-right: 34px !important
}

.margin-right-36 {
  margin-right: 36px !important
}

.margin-right-38 {
  margin-right: 38px !important
}

.margin-right-40 {
  margin-right: 40px !important
}

.margin-right-42 {
  margin-right: 42px !important
}

.margin-right-44 {
  margin-right: 44px !important
}

.margin-right-46 {
  margin-right: 46px !important
}

.margin-right-48 {
  margin-right: 48px !important
}

.margin-bottom-0 {
  margin-bottom: 0px !important
}

.margin-bottom-2 {
  margin-bottom: 2px !important
}

.margin-bottom-4 {
  margin-bottom: 4px !important
}

.margin-bottom-6 {
  margin-bottom: 6px !important
}

.margin-bottom-8 {
  margin-bottom: 8px !important
}

.margin-bottom-10 {
  margin-bottom: 10px !important
}

.margin-bottom-12 {
  margin-bottom: 12px !important
}

.margin-bottom-14 {
  margin-bottom: 14px !important
}

.margin-bottom-16 {
  margin-bottom: 16px !important
}

.margin-bottom-18 {
  margin-bottom: 18px !important
}

.margin-bottom-20 {
  margin-bottom: 20px !important
}

.margin-bottom-22 {
  margin-bottom: 22px !important
}

.margin-bottom-24 {
  margin-bottom: 24px !important
}

.margin-bottom-26 {
  margin-bottom: 26px !important
}

.margin-bottom-28 {
  margin-bottom: 28px !important
}

.margin-bottom-30 {
  margin-bottom: 30px !important
}

.margin-bottom-32 {
  margin-bottom: 32px !important
}

.margin-bottom-34 {
  margin-bottom: 34px !important
}

.margin-bottom-36 {
  margin-bottom: 36px !important
}

.margin-bottom-38 {
  margin-bottom: 38px !important
}

.margin-bottom-40 {
  margin-bottom: 40px !important
}

.margin-bottom-42 {
  margin-bottom: 42px !important
}

.margin-bottom-44 {
  margin-bottom: 44px !important
}

.margin-bottom-46 {
  margin-bottom: 46px !important
}

.margin-bottom-48 {
  margin-bottom: 48px !important
}

.margin-left-0 {
  margin-left: 0px !important
}

.margin-left-2 {
  margin-left: 2px !important
}

.margin-left-4 {
  margin-left: 4px !important
}

.margin-left-6 {
  margin-left: 6px !important
}

.margin-left-8 {
  margin-left: 8px !important
}

.margin-left-10 {
  margin-left: 10px !important
}

.margin-left-12 {
  margin-left: 12px !important
}

.margin-left-14 {
  margin-left: 14px !important
}

.margin-left-16 {
  margin-left: 16px !important
}

.margin-left-18 {
  margin-left: 18px !important
}

.margin-left-20 {
  margin-left: 20px !important
}

.margin-left-22 {
  margin-left: 22px !important
}

.margin-left-24 {
  margin-left: 24px !important
}

.margin-left-26 {
  margin-left: 26px !important
}

.margin-left-28 {
  margin-left: 28px !important
}

.margin-left-30 {
  margin-left: 30px !important
}

.margin-left-32 {
  margin-left: 32px !important
}

.margin-left-34 {
  margin-left: 34px !important
}

.margin-left-36 {
  margin-left: 36px !important
}

.margin-left-38 {
  margin-left: 38px !important
}

.margin-left-40 {
  margin-left: 40px !important
}

.margin-left-42 {
  margin-left: 42px !important
}

.margin-left-44 {
  margin-left: 44px !important
}

.margin-left-46 {
  margin-left: 46px !important
}

.margin-left-48 {
  margin-left: 48px !important
}

.padding-0 {
  padding: 0px !important
}

.padding-2 {
  padding: 2px !important
}

.padding-4 {
  padding: 4px !important
}

.padding-6 {
  padding: 6px !important
}

.padding-8 {
  padding: 8px !important
}

.padding-10 {
  padding: 10px !important
}

.padding-12 {
  padding: 12px !important
}

.padding-14 {
  padding: 14px !important
}

.padding-16 {
  padding: 16px !important
}

.padding-18 {
  padding: 18px !important
}

.padding-20 {
  padding: 20px !important
}

.padding-22 {
  padding: 22px !important
}

.padding-24 {
  padding: 24px !important
}

.padding-26 {
  padding: 26px !important
}

.padding-28 {
  padding: 28px !important
}

.padding-30 {
  padding: 30px !important
}

.padding-32 {
  padding: 32px !important
}

.padding-34 {
  padding: 34px !important
}

.padding-36 {
  padding: 36px !important
}

.padding-38 {
  padding: 38px !important
}

.padding-40 {
  padding: 40px !important
}

.padding-42 {
  padding: 42px !important
}

.padding-44 {
  padding: 44px !important
}

.padding-46 {
  padding: 46px !important
}

.padding-48 {
  padding: 48px !important
}

.padding-top-0 {
  padding-top: 0px !important
}

.padding-top-2 {
  padding-top: 2px !important
}

.padding-top-4 {
  padding-top: 4px !important
}

.padding-top-6 {
  padding-top: 6px !important
}

.padding-top-8 {
  padding-top: 8px !important
}

.padding-top-10 {
  padding-top: 10px !important
}

.padding-top-12 {
  padding-top: 12px !important
}

.padding-top-14 {
  padding-top: 14px !important
}

.padding-top-16 {
  padding-top: 16px !important
}

.padding-top-18 {
  padding-top: 18px !important
}

.padding-top-20 {
  padding-top: 20px !important
}

.padding-top-22 {
  padding-top: 22px !important
}

.padding-top-24 {
  padding-top: 24px !important
}

.padding-top-26 {
  padding-top: 26px !important
}

.padding-top-28 {
  padding-top: 28px !important
}

.padding-top-30 {
  padding-top: 30px !important
}

.padding-top-32 {
  padding-top: 32px !important
}

.padding-top-34 {
  padding-top: 34px !important
}

.padding-top-36 {
  padding-top: 36px !important
}

.padding-top-38 {
  padding-top: 38px !important
}

.padding-top-40 {
  padding-top: 40px !important
}

.padding-top-42 {
  padding-top: 42px !important
}

.padding-top-44 {
  padding-top: 44px !important
}

.padding-top-46 {
  padding-top: 46px !important
}

.padding-top-48 {
  padding-top: 48px !important
}

.padding-right-0 {
  padding-right: 0px !important
}

.padding-right-2 {
  padding-right: 2px !important
}

.padding-right-4 {
  padding-right: 4px !important
}

.padding-right-6 {
  padding-right: 6px !important
}

.padding-right-8 {
  padding-right: 8px !important
}

.padding-right-10 {
  padding-right: 10px !important
}

.padding-right-12 {
  padding-right: 12px !important
}

.padding-right-14 {
  padding-right: 14px !important
}

.padding-right-16 {
  padding-right: 16px !important
}

.padding-right-18 {
  padding-right: 18px !important
}

.padding-right-20 {
  padding-right: 20px !important
}

.padding-right-22 {
  padding-right: 22px !important
}

.padding-right-24 {
  padding-right: 24px !important
}

.padding-right-26 {
  padding-right: 26px !important
}

.padding-right-28 {
  padding-right: 28px !important
}

.padding-right-30 {
  padding-right: 30px !important
}

.padding-right-32 {
  padding-right: 32px !important
}

.padding-right-34 {
  padding-right: 34px !important
}

.padding-right-36 {
  padding-right: 36px !important
}

.padding-right-38 {
  padding-right: 38px !important
}

.padding-right-40 {
  padding-right: 40px !important
}

.padding-right-42 {
  padding-right: 42px !important
}

.padding-right-44 {
  padding-right: 44px !important
}

.padding-right-46 {
  padding-right: 46px !important
}

.padding-right-48 {
  padding-right: 48px !important
}

.padding-bottom-0 {
  padding-bottom: 0px !important
}

.padding-bottom-2 {
  padding-bottom: 2px !important
}

.padding-bottom-4 {
  padding-bottom: 4px !important
}

.padding-bottom-6 {
  padding-bottom: 6px !important
}

.padding-bottom-8 {
  padding-bottom: 8px !important
}

.padding-bottom-10 {
  padding-bottom: 10px !important
}

.padding-bottom-12 {
  padding-bottom: 12px !important
}

.padding-bottom-14 {
  padding-bottom: 14px !important
}

.padding-bottom-16 {
  padding-bottom: 16px !important
}

.padding-bottom-18 {
  padding-bottom: 18px !important
}

.padding-bottom-20 {
  padding-bottom: 20px !important
}

.padding-bottom-22 {
  padding-bottom: 22px !important
}

.padding-bottom-24 {
  padding-bottom: 24px !important
}

.padding-bottom-26 {
  padding-bottom: 26px !important
}

.padding-bottom-28 {
  padding-bottom: 28px !important
}

.padding-bottom-30 {
  padding-bottom: 30px !important
}

.padding-bottom-32 {
  padding-bottom: 32px !important
}

.padding-bottom-34 {
  padding-bottom: 34px !important
}

.padding-bottom-36 {
  padding-bottom: 36px !important
}

.padding-bottom-38 {
  padding-bottom: 38px !important
}

.padding-bottom-40 {
  padding-bottom: 40px !important
}

.padding-bottom-42 {
  padding-bottom: 42px !important
}

.padding-bottom-44 {
  padding-bottom: 44px !important
}

.padding-bottom-46 {
  padding-bottom: 46px !important
}

.padding-bottom-48 {
  padding-bottom: 48px !important
}

.padding-left-0 {
  padding-left: 0px !important
}

.padding-left-2 {
  padding-left: 2px !important
}

.padding-left-4 {
  padding-left: 4px !important
}

.padding-left-6 {
  padding-left: 6px !important
}

.padding-left-8 {
  padding-left: 8px !important
}

.padding-left-10 {
  padding-left: 10px !important
}

.padding-left-12 {
  padding-left: 12px !important
}

.padding-left-14 {
  padding-left: 14px !important
}

.padding-left-16 {
  padding-left: 16px !important
}

.padding-left-18 {
  padding-left: 18px !important
}

.padding-left-20 {
  padding-left: 20px !important
}

.padding-left-22 {
  padding-left: 22px !important
}

.padding-left-24 {
  padding-left: 24px !important
}

.padding-left-26 {
  padding-left: 26px !important
}

.padding-left-28 {
  padding-left: 28px !important
}

.padding-left-30 {
  padding-left: 30px !important
}

.padding-left-32 {
  padding-left: 32px !important
}

.padding-left-34 {
  padding-left: 34px !important
}

.padding-left-36 {
  padding-left: 36px !important
}

.padding-left-38 {
  padding-left: 38px !important
}

.padding-left-40 {
  padding-left: 40px !important
}

.padding-left-42 {
  padding-left: 42px !important
}

.padding-left-44 {
  padding-left: 44px !important
}

.padding-left-46 {
  padding-left: 46px !important
}

.padding-left-48 {
  padding-left: 48px !important
}

@media screen and (max-width:720px) {
  .padding-xl {
    padding: 56px !important
  }

  .padding-l {
    padding: 48px !important
  }

  .padding-m {
    padding: 32px !important
  }

  .padding-s {
    padding: 24px !important
  }

  .padding-xs {
    padding: 16px !important
  }

  .padding-xxs {
    padding: 8px !important
  }

  .padding-left-xl {
    padding-left: 56px !important
  }

  .padding-left-l {
    padding-left: 48px !important
  }

  .padding-left-m {
    padding-left: 32px !important
  }

  .padding-left-s {
    padding-left: 24px !important
  }

  .padding-left-xs {
    padding-left: 16px !important
  }

  .padding-left-xxs {
    padding-left: 8px !important
  }

  .padding-right-xl {
    padding-right: 56px !important
  }

  .padding-right-l {
    padding-right: 48px !important
  }

  .padding-right-m {
    padding-right: 32px !important
  }

  .padding-right-s {
    padding-right: 24px !important
  }

  .padding-right-xs {
    padding-right: 16px !important
  }

  .padding-right-xxs {
    padding-right: 8px !important
  }

  .padding-top-xl {
    padding-top: 56px !important
  }

  .padding-top-l {
    padding-top: 48px !important
  }

  .padding-top-m {
    padding-top: 32px !important
  }

  .padding-top-s {
    padding-top: 24px !important
  }

  .padding-top-xs {
    padding-top: 16px !important
  }

  .padding-top-xxs {
    padding-top: 8px !important
  }

  .padding-bottom-xl {
    padding-bottom: 56px !important
  }

  .padding-bottom-l {
    padding-bottom: 48px !important
  }

  .padding-bottom-m {
    padding-bottom: 32px !important
  }

  .padding-bottom-s {
    padding-bottom: 24px !important
  }

  .padding-bottom-xs {
    padding-bottom: 16px !important
  }

  .padding-bottom-xxs {
    padding-bottom: 8px !important
  }

  .margin-xl {
    margin: 56px !important
  }

  .margin-l {
    margin: 48px !important
  }

  .margin-m {
    margin: 32px !important
  }

  .margin-s {
    margin: 24px !important
  }

  .margin-xs {
    margin: 16px !important
  }

  .margin-xxs {
    margin: 8px !important
  }

  .margin-left-xl {
    margin-left: 56px !important
  }

  .margin-left-l {
    margin-left: 48px !important
  }

  .margin-left-m {
    margin-left: 32px !important
  }

  .margin-left-s {
    margin-left: 24px !important
  }

  .margin-left-xs {
    margin-left: 16px !important
  }

  .margin-left-xxs {
    margin-left: 8px !important
  }

  .margin-right-xl {
    margin-right: 56px !important
  }

  .margin-right-l {
    margin-right: 48px !important
  }

  .margin-right-m {
    margin-right: 32px !important
  }

  .margin-right-s {
    margin-right: 24px !important
  }

  .margin-right-xs {
    margin-right: 16px !important
  }

  .margin-right-xxs {
    margin-right: 8px !important
  }

  .margin-top-xl {
    margin-top: 56px !important
  }

  .margin-top-l {
    margin-top: 48px !important
  }

  .margin-top-m {
    margin-top: 32px !important
  }

  .margin-top-s {
    margin-top: 24px !important
  }

  .margin-top-xs {
    margin-top: 16px !important
  }

  .margin-top-xxs {
    margin-top: 8px !important
  }

  .margin-bottom-xl {
    margin-bottom: 56px !important
  }

  .margin-bottom-l {
    margin-bottom: 48px !important
  }

  .margin-bottom-m {
    margin-bottom: 32px !important
  }

  .margin-bottom-s {
    margin-bottom: 24px !important
  }

  .margin-bottom-xs {
    margin-bottom: 16px !important
  }

  .margin-bottom-xxs {
    margin-bottom: 8px !important
  }

  .margin-0-ms {
    margin: 0px !important
  }

  .margin-2-ms {
    margin: 2px !important
  }

  .margin-4-ms {
    margin: 4px !important
  }

  .margin-6-ms {
    margin: 6px !important
  }

  .margin-8-ms {
    margin: 8px !important
  }

  .margin-10-ms {
    margin: 10px !important
  }

  .margin-12-ms {
    margin: 12px !important
  }

  .margin-14-ms {
    margin: 14px !important
  }

  .margin-16-ms {
    margin: 16px !important
  }

  .margin-18-ms {
    margin: 18px !important
  }

  .margin-20-ms {
    margin: 20px !important
  }

  .margin-22-ms {
    margin: 22px !important
  }

  .margin-24-ms {
    margin: 24px !important
  }

  .margin-26-ms {
    margin: 26px !important
  }

  .margin-28-ms {
    margin: 28px !important
  }

  .margin-30-ms {
    margin: 30px !important
  }

  .margin-32-ms {
    margin: 32px !important
  }

  .margin-34-ms {
    margin: 34px !important
  }

  .margin-36-ms {
    margin: 36px !important
  }

  .margin-38-ms {
    margin: 38px !important
  }

  .margin-40-ms {
    margin: 40px !important
  }

  .margin-42-ms {
    margin: 42px !important
  }

  .margin-44-ms {
    margin: 44px !important
  }

  .margin-46-ms {
    margin: 46px !important
  }

  .margin-48-ms {
    margin: 48px !important
  }

  .margin-top-0-ms {
    margin-top: 0px !important
  }

  .margin-top-2-ms {
    margin-top: 2px !important
  }

  .margin-top-4-ms {
    margin-top: 4px !important
  }

  .margin-top-6-ms {
    margin-top: 6px !important
  }

  .margin-top-8-ms {
    margin-top: 8px !important
  }

  .margin-top-10-ms {
    margin-top: 10px !important
  }

  .margin-top-12-ms {
    margin-top: 12px !important
  }

  .margin-top-14-ms {
    margin-top: 14px !important
  }

  .margin-top-16-ms {
    margin-top: 16px !important
  }

  .margin-top-18-ms {
    margin-top: 18px !important
  }

  .margin-top-20-ms {
    margin-top: 20px !important
  }

  .margin-top-22-ms {
    margin-top: 22px !important
  }

  .margin-top-24-ms {
    margin-top: 24px !important
  }

  .margin-top-26-ms {
    margin-top: 26px !important
  }

  .margin-top-28-ms {
    margin-top: 28px !important
  }

  .margin-top-30-ms {
    margin-top: 30px !important
  }

  .margin-top-32-ms {
    margin-top: 32px !important
  }

  .margin-top-34-ms {
    margin-top: 34px !important
  }

  .margin-top-36-ms {
    margin-top: 36px !important
  }

  .margin-top-38-ms {
    margin-top: 38px !important
  }

  .margin-top-40-ms {
    margin-top: 40px !important
  }

  .margin-top-42-ms {
    margin-top: 42px !important
  }

  .margin-top-44-ms {
    margin-top: 44px !important
  }

  .margin-top-46-ms {
    margin-top: 46px !important
  }

  .margin-top-48-ms {
    margin-top: 48px !important
  }

  .margin-right-0-ms {
    margin-right: 0px !important
  }

  .margin-right-2-ms {
    margin-right: 2px !important
  }

  .margin-right-4-ms {
    margin-right: 4px !important
  }

  .margin-right-6-ms {
    margin-right: 6px !important
  }

  .margin-right-8-ms {
    margin-right: 8px !important
  }

  .margin-right-10-ms {
    margin-right: 10px !important
  }

  .margin-right-12-ms {
    margin-right: 12px !important
  }

  .margin-right-14-ms {
    margin-right: 14px !important
  }

  .margin-right-16-ms {
    margin-right: 16px !important
  }

  .margin-right-18-ms {
    margin-right: 18px !important
  }

  .margin-right-20-ms {
    margin-right: 20px !important
  }

  .margin-right-22-ms {
    margin-right: 22px !important
  }

  .margin-right-24-ms {
    margin-right: 24px !important
  }

  .margin-right-26-ms {
    margin-right: 26px !important
  }

  .margin-right-28-ms {
    margin-right: 28px !important
  }

  .margin-right-30-ms {
    margin-right: 30px !important
  }

  .margin-right-32-ms {
    margin-right: 32px !important
  }

  .margin-right-34-ms {
    margin-right: 34px !important
  }

  .margin-right-36-ms {
    margin-right: 36px !important
  }

  .margin-right-38-ms {
    margin-right: 38px !important
  }

  .margin-right-40-ms {
    margin-right: 40px !important
  }

  .margin-right-42-ms {
    margin-right: 42px !important
  }

  .margin-right-44-ms {
    margin-right: 44px !important
  }

  .margin-right-46-ms {
    margin-right: 46px !important
  }

  .margin-right-48-ms {
    margin-right: 48px !important
  }

  .margin-bottom-0-ms {
    margin-bottom: 0px !important
  }

  .margin-bottom-2-ms {
    margin-bottom: 2px !important
  }

  .margin-bottom-4-ms {
    margin-bottom: 4px !important
  }

  .margin-bottom-6-ms {
    margin-bottom: 6px !important
  }

  .margin-bottom-8-ms {
    margin-bottom: 8px !important
  }

  .margin-bottom-10-ms {
    margin-bottom: 10px !important
  }

  .margin-bottom-12-ms {
    margin-bottom: 12px !important
  }

  .margin-bottom-14-ms {
    margin-bottom: 14px !important
  }

  .margin-bottom-16-ms {
    margin-bottom: 16px !important
  }

  .margin-bottom-18-ms {
    margin-bottom: 18px !important
  }

  .margin-bottom-20-ms {
    margin-bottom: 20px !important
  }

  .margin-bottom-22-ms {
    margin-bottom: 22px !important
  }

  .margin-bottom-24-ms {
    margin-bottom: 24px !important
  }

  .margin-bottom-26-ms {
    margin-bottom: 26px !important
  }

  .margin-bottom-28-ms {
    margin-bottom: 28px !important
  }

  .margin-bottom-30-ms {
    margin-bottom: 30px !important
  }

  .margin-bottom-32-ms {
    margin-bottom: 32px !important
  }

  .margin-bottom-34-ms {
    margin-bottom: 34px !important
  }

  .margin-bottom-36-ms {
    margin-bottom: 36px !important
  }

  .margin-bottom-38-ms {
    margin-bottom: 38px !important
  }

  .margin-bottom-40-ms {
    margin-bottom: 40px !important
  }

  .margin-bottom-42-ms {
    margin-bottom: 42px !important
  }

  .margin-bottom-44-ms {
    margin-bottom: 44px !important
  }

  .margin-bottom-46-ms {
    margin-bottom: 46px !important
  }

  .margin-bottom-48-ms {
    margin-bottom: 48px !important
  }

  .margin-left-0-ms {
    margin-left: 0px !important
  }

  .margin-left-2-ms {
    margin-left: 2px !important
  }

  .margin-left-4-ms {
    margin-left: 4px !important
  }

  .margin-left-6-ms {
    margin-left: 6px !important
  }

  .margin-left-8-ms {
    margin-left: 8px !important
  }

  .margin-left-10-ms {
    margin-left: 10px !important
  }

  .margin-left-12-ms {
    margin-left: 12px !important
  }

  .margin-left-14-ms {
    margin-left: 14px !important
  }

  .margin-left-16-ms {
    margin-left: 16px !important
  }

  .margin-left-18-ms {
    margin-left: 18px !important
  }

  .margin-left-20-ms {
    margin-left: 20px !important
  }

  .margin-left-22-ms {
    margin-left: 22px !important
  }

  .margin-left-24-ms {
    margin-left: 24px !important
  }

  .margin-left-26-ms {
    margin-left: 26px !important
  }

  .margin-left-28-ms {
    margin-left: 28px !important
  }

  .margin-left-30-ms {
    margin-left: 30px !important
  }

  .margin-left-32-ms {
    margin-left: 32px !important
  }

  .margin-left-34-ms {
    margin-left: 34px !important
  }

  .margin-left-36-ms {
    margin-left: 36px !important
  }

  .margin-left-38-ms {
    margin-left: 38px !important
  }

  .margin-left-40-ms {
    margin-left: 40px !important
  }

  .margin-left-42-ms {
    margin-left: 42px !important
  }

  .margin-left-44-ms {
    margin-left: 44px !important
  }

  .margin-left-46-ms {
    margin-left: 46px !important
  }

  .margin-left-48-ms {
    margin-left: 48px !important
  }

  .padding-0-ms {
    padding: 0px !important
  }

  .padding-2-ms {
    padding: 2px !important
  }

  .padding-4-ms {
    padding: 4px !important
  }

  .padding-6-ms {
    padding: 6px !important
  }

  .padding-8-ms {
    padding: 8px !important
  }

  .padding-10-ms {
    padding: 10px !important
  }

  .padding-12-ms {
    padding: 12px !important
  }

  .padding-14-ms {
    padding: 14px !important
  }

  .padding-16-ms {
    padding: 16px !important
  }

  .padding-18-ms {
    padding: 18px !important
  }

  .padding-20-ms {
    padding: 20px !important
  }

  .padding-22-ms {
    padding: 22px !important
  }

  .padding-24-ms {
    padding: 24px !important
  }

  .padding-26-ms {
    padding: 26px !important
  }

  .padding-28-ms {
    padding: 28px !important
  }

  .padding-30-ms {
    padding: 30px !important
  }

  .padding-32-ms {
    padding: 32px !important
  }

  .padding-34-ms {
    padding: 34px !important
  }

  .padding-36-ms {
    padding: 36px !important
  }

  .padding-38-ms {
    padding: 38px !important
  }

  .padding-40-ms {
    padding: 40px !important
  }

  .padding-42-ms {
    padding: 42px !important
  }

  .padding-44-ms {
    padding: 44px !important
  }

  .padding-46-ms {
    padding: 46px !important
  }

  .padding-48-ms {
    padding: 48px !important
  }

  .padding-top-0-ms {
    padding-top: 0px !important
  }

  .padding-top-2-ms {
    padding-top: 2px !important
  }

  .padding-top-4-ms {
    padding-top: 4px !important
  }

  .padding-top-6-ms {
    padding-top: 6px !important
  }

  .padding-top-8-ms {
    padding-top: 8px !important
  }

  .padding-top-10-ms {
    padding-top: 10px !important
  }

  .padding-top-12-ms {
    padding-top: 12px !important
  }

  .padding-top-14-ms {
    padding-top: 14px !important
  }

  .padding-top-16-ms {
    padding-top: 16px !important
  }

  .padding-top-18-ms {
    padding-top: 18px !important
  }

  .padding-top-20-ms {
    padding-top: 20px !important
  }

  .padding-top-22-ms {
    padding-top: 22px !important
  }

  .padding-top-24-ms {
    padding-top: 24px !important
  }

  .padding-top-26-ms {
    padding-top: 26px !important
  }

  .padding-top-28-ms {
    padding-top: 28px !important
  }

  .padding-top-30-ms {
    padding-top: 30px !important
  }

  .padding-top-32-ms {
    padding-top: 32px !important
  }

  .padding-top-34-ms {
    padding-top: 34px !important
  }

  .padding-top-36-ms {
    padding-top: 36px !important
  }

  .padding-top-38-ms {
    padding-top: 38px !important
  }

  .padding-top-40-ms {
    padding-top: 40px !important
  }

  .padding-top-42-ms {
    padding-top: 42px !important
  }

  .padding-top-44-ms {
    padding-top: 44px !important
  }

  .padding-top-46-ms {
    padding-top: 46px !important
  }

  .padding-top-48-ms {
    padding-top: 48px !important
  }

  .padding-right-0-ms {
    padding-right: 0px !important
  }

  .padding-right-2-ms {
    padding-right: 2px !important
  }

  .padding-right-4-ms {
    padding-right: 4px !important
  }

  .padding-right-6-ms {
    padding-right: 6px !important
  }

  .padding-right-8-ms {
    padding-right: 8px !important
  }

  .padding-right-10-ms {
    padding-right: 10px !important
  }

  .padding-right-12-ms {
    padding-right: 12px !important
  }

  .padding-right-14-ms {
    padding-right: 14px !important
  }

  .padding-right-16-ms {
    padding-right: 16px !important
  }

  .padding-right-18-ms {
    padding-right: 18px !important
  }

  .padding-right-20-ms {
    padding-right: 20px !important
  }

  .padding-right-22-ms {
    padding-right: 22px !important
  }

  .padding-right-24-ms {
    padding-right: 24px !important
  }

  .padding-right-26-ms {
    padding-right: 26px !important
  }

  .padding-right-28-ms {
    padding-right: 28px !important
  }

  .padding-right-30-ms {
    padding-right: 30px !important
  }

  .padding-right-32-ms {
    padding-right: 32px !important
  }

  .padding-right-34-ms {
    padding-right: 34px !important
  }

  .padding-right-36-ms {
    padding-right: 36px !important
  }

  .padding-right-38-ms {
    padding-right: 38px !important
  }

  .padding-right-40-ms {
    padding-right: 40px !important
  }

  .padding-right-42-ms {
    padding-right: 42px !important
  }

  .padding-right-44-ms {
    padding-right: 44px !important
  }

  .padding-right-46-ms {
    padding-right: 46px !important
  }

  .padding-right-48-ms {
    padding-right: 48px !important
  }

  .padding-bottom-0-ms {
    padding-bottom: 0px !important
  }

  .padding-bottom-2-ms {
    padding-bottom: 2px !important
  }

  .padding-bottom-4-ms {
    padding-bottom: 4px !important
  }

  .padding-bottom-6-ms {
    padding-bottom: 6px !important
  }

  .padding-bottom-8-ms {
    padding-bottom: 8px !important
  }

  .padding-bottom-10-ms {
    padding-bottom: 10px !important
  }

  .padding-bottom-12-ms {
    padding-bottom: 12px !important
  }

  .padding-bottom-14-ms {
    padding-bottom: 14px !important
  }

  .padding-bottom-16-ms {
    padding-bottom: 16px !important
  }

  .padding-bottom-18-ms {
    padding-bottom: 18px !important
  }

  .padding-bottom-20-ms {
    padding-bottom: 20px !important
  }

  .padding-bottom-22-ms {
    padding-bottom: 22px !important
  }

  .padding-bottom-24-ms {
    padding-bottom: 24px !important
  }

  .padding-bottom-26-ms {
    padding-bottom: 26px !important
  }

  .padding-bottom-28-ms {
    padding-bottom: 28px !important
  }

  .padding-bottom-30-ms {
    padding-bottom: 30px !important
  }

  .padding-bottom-32-ms {
    padding-bottom: 32px !important
  }

  .padding-bottom-34-ms {
    padding-bottom: 34px !important
  }

  .padding-bottom-36-ms {
    padding-bottom: 36px !important
  }

  .padding-bottom-38-ms {
    padding-bottom: 38px !important
  }

  .padding-bottom-40-ms {
    padding-bottom: 40px !important
  }

  .padding-bottom-42-ms {
    padding-bottom: 42px !important
  }

  .padding-bottom-44-ms {
    padding-bottom: 44px !important
  }

  .padding-bottom-46-ms {
    padding-bottom: 46px !important
  }

  .padding-bottom-48-ms {
    padding-bottom: 48px !important
  }

  .padding-left-0-ms {
    padding-left: 0px !important
  }

  .padding-left-2-ms {
    padding-left: 2px !important
  }

  .padding-left-4-ms {
    padding-left: 4px !important
  }

  .padding-left-6-ms {
    padding-left: 6px !important
  }

  .padding-left-8-ms {
    padding-left: 8px !important
  }

  .padding-left-10-ms {
    padding-left: 10px !important
  }

  .padding-left-12-ms {
    padding-left: 12px !important
  }

  .padding-left-14-ms {
    padding-left: 14px !important
  }

  .padding-left-16-ms {
    padding-left: 16px !important
  }

  .padding-left-18-ms {
    padding-left: 18px !important
  }

  .padding-left-20-ms {
    padding-left: 20px !important
  }

  .padding-left-22-ms {
    padding-left: 22px !important
  }

  .padding-left-24-ms {
    padding-left: 24px !important
  }

  .padding-left-26-ms {
    padding-left: 26px !important
  }

  .padding-left-28-ms {
    padding-left: 28px !important
  }

  .padding-left-30-ms {
    padding-left: 30px !important
  }

  .padding-left-32-ms {
    padding-left: 32px !important
  }

  .padding-left-34-ms {
    padding-left: 34px !important
  }

  .padding-left-36-ms {
    padding-left: 36px !important
  }

  .padding-left-38-ms {
    padding-left: 38px !important
  }

  .padding-left-40-ms {
    padding-left: 40px !important
  }

  .padding-left-42-ms {
    padding-left: 42px !important
  }

  .padding-left-44-ms {
    padding-left: 44px !important
  }

  .padding-left-46-ms {
    padding-left: 46px !important
  }

  .padding-left-48-ms {
    padding-left: 48px !important
  }
}

@media screen and (min-width:720px) {
  .padding-xl {
    padding: 64px !important
  }

  .padding-l {
    padding: 56px !important
  }

  .padding-m {
    padding: 48px !important
  }

  .padding-s {
    padding: 32px !important
  }

  .padding-xs {
    padding: 24px !important
  }

  .padding-xxs {
    padding: 16px !important
  }

  .padding-left-xl {
    padding-left: 64px !important
  }

  .padding-left-l {
    padding-left: 56px !important
  }

  .padding-left-m {
    padding-left: 48px !important
  }

  .padding-left-s {
    padding-left: 32px !important
  }

  .padding-left-xs {
    padding-left: 24px !important
  }

  .padding-left-xxs {
    padding-left: 16px !important
  }

  .padding-right-xl {
    padding-right: 64px !important
  }

  .padding-right-l {
    padding-right: 56px !important
  }

  .padding-right-m {
    padding-right: 48px !important
  }

  .padding-right-s {
    padding-right: 32px !important
  }

  .padding-right-xs {
    padding-right: 24px !important
  }

  .padding-right-xxs {
    padding-right: 16px !important
  }

  .padding-top-xl {
    padding-top: 64px !important
  }

  .padding-top-l {
    padding-top: 56px !important
  }

  .padding-top-m {
    padding-top: 48px !important
  }

  .padding-top-s {
    padding-top: 32px !important
  }

  .padding-top-xs {
    padding-top: 24px !important
  }

  .padding-top-xxs {
    padding-top: 16px !important
  }

  .padding-bottom-xl {
    padding-bottom: 64px !important
  }

  .padding-bottom-l {
    padding-bottom: 56px !important
  }

  .padding-bottom-m {
    padding-bottom: 48px !important
  }

  .padding-bottom-s {
    padding-bottom: 32px !important
  }

  .padding-bottom-xs {
    padding-bottom: 24px !important
  }

  .padding-bottom-xxs {
    padding-bottom: 16px !important
  }

  .margin-xl {
    margin: 64px !important
  }

  .margin-l {
    margin: 56px !important
  }

  .margin-m {
    margin: 48px !important
  }

  .margin-s {
    margin: 32px !important
  }

  .margin-xs {
    margin: 24px !important
  }

  .margin-xxs {
    margin: 16px !important
  }

  .margin-left-xl {
    margin-left: 64px !important
  }

  .margin-left-l {
    margin-left: 56px !important
  }

  .margin-left-m {
    margin-left: 48px !important
  }

  .margin-left-s {
    margin-left: 32px !important
  }

  .margin-left-xs {
    margin-left: 24px !important
  }

  .margin-left-xxs {
    margin-left: 16px !important
  }

  .margin-right-xl {
    margin-right: 64px !important
  }

  .margin-right-l {
    margin-right: 56px !important
  }

  .margin-right-m {
    margin-right: 48px !important
  }

  .margin-right-s {
    margin-right: 32px !important
  }

  .margin-right-xs {
    margin-right: 24px !important
  }

  .margin-right-xxs {
    margin-right: 16px !important
  }

  .margin-top-xl {
    margin-top: 64px !important
  }

  .margin-top-l {
    margin-top: 56px !important
  }

  .margin-top-m {
    margin-top: 48px !important
  }

  .margin-top-s {
    margin-top: 32px !important
  }

  .margin-top-xs {
    margin-top: 24px !important
  }

  .margin-top-xxs {
    margin-top: 16px !important
  }

  .margin-bottom-xl {
    margin-bottom: 64px !important
  }

  .margin-bottom-l {
    margin-bottom: 56px !important
  }

  .margin-bottom-m {
    margin-bottom: 48px !important
  }

  .margin-bottom-s {
    margin-bottom: 32px !important
  }

  .margin-bottom-xs {
    margin-bottom: 24px !important
  }

  .margin-bottom-xxs {
    margin-bottom: 16px !important
  }

  .margin-0-ls {
    margin: 0px !important
  }

  .margin-2-ls {
    margin: 2px !important
  }

  .margin-4-ls {
    margin: 4px !important
  }

  .margin-6-ls {
    margin: 6px !important
  }

  .margin-8-ls {
    margin: 8px !important
  }

  .margin-10-ls {
    margin: 10px !important
  }

  .margin-12-ls {
    margin: 12px !important
  }

  .margin-14-ls {
    margin: 14px !important
  }

  .margin-16-ls {
    margin: 16px !important
  }

  .margin-18-ls {
    margin: 18px !important
  }

  .margin-20-ls {
    margin: 20px !important
  }

  .margin-22-ls {
    margin: 22px !important
  }

  .margin-24-ls {
    margin: 24px !important
  }

  .margin-26-ls {
    margin: 26px !important
  }

  .margin-28-ls {
    margin: 28px !important
  }

  .margin-30-ls {
    margin: 30px !important
  }

  .margin-32-ls {
    margin: 32px !important
  }

  .margin-34-ls {
    margin: 34px !important
  }

  .margin-36-ls {
    margin: 36px !important
  }

  .margin-38-ls {
    margin: 38px !important
  }

  .margin-40-ls {
    margin: 40px !important
  }

  .margin-42-ls {
    margin: 42px !important
  }

  .margin-44-ls {
    margin: 44px !important
  }

  .margin-46-ls {
    margin: 46px !important
  }

  .margin-48-ls {
    margin: 48px !important
  }

  .margin-top-0-ls {
    margin-top: 0px !important
  }

  .margin-top-2-ls {
    margin-top: 2px !important
  }

  .margin-top-4-ls {
    margin-top: 4px !important
  }

  .margin-top-6-ls {
    margin-top: 6px !important
  }

  .margin-top-8-ls {
    margin-top: 8px !important
  }

  .margin-top-10-ls {
    margin-top: 10px !important
  }

  .margin-top-12-ls {
    margin-top: 12px !important
  }

  .margin-top-14-ls {
    margin-top: 14px !important
  }

  .margin-top-16-ls {
    margin-top: 16px !important
  }

  .margin-top-18-ls {
    margin-top: 18px !important
  }

  .margin-top-20-ls {
    margin-top: 20px !important
  }

  .margin-top-22-ls {
    margin-top: 22px !important
  }

  .margin-top-24-ls {
    margin-top: 24px !important
  }

  .margin-top-26-ls {
    margin-top: 26px !important
  }

  .margin-top-28-ls {
    margin-top: 28px !important
  }

  .margin-top-30-ls {
    margin-top: 30px !important
  }

  .margin-top-32-ls {
    margin-top: 32px !important
  }

  .margin-top-34-ls {
    margin-top: 34px !important
  }

  .margin-top-36-ls {
    margin-top: 36px !important
  }

  .margin-top-38-ls {
    margin-top: 38px !important
  }

  .margin-top-40-ls {
    margin-top: 40px !important
  }

  .margin-top-42-ls {
    margin-top: 42px !important
  }

  .margin-top-44-ls {
    margin-top: 44px !important
  }

  .margin-top-46-ls {
    margin-top: 46px !important
  }

  .margin-top-48-ls {
    margin-top: 48px !important
  }

  .margin-right-0-ls {
    margin-right: 0px !important
  }

  .margin-right-2-ls {
    margin-right: 2px !important
  }

  .margin-right-4-ls {
    margin-right: 4px !important
  }

  .margin-right-6-ls {
    margin-right: 6px !important
  }

  .margin-right-8-ls {
    margin-right: 8px !important
  }

  .margin-right-10-ls {
    margin-right: 10px !important
  }

  .margin-right-12-ls {
    margin-right: 12px !important
  }

  .margin-right-14-ls {
    margin-right: 14px !important
  }

  .margin-right-16-ls {
    margin-right: 16px !important
  }

  .margin-right-18-ls {
    margin-right: 18px !important
  }

  .margin-right-20-ls {
    margin-right: 20px !important
  }

  .margin-right-22-ls {
    margin-right: 22px !important
  }

  .margin-right-24-ls {
    margin-right: 24px !important
  }

  .margin-right-26-ls {
    margin-right: 26px !important
  }

  .margin-right-28-ls {
    margin-right: 28px !important
  }

  .margin-right-30-ls {
    margin-right: 30px !important
  }

  .margin-right-32-ls {
    margin-right: 32px !important
  }

  .margin-right-34-ls {
    margin-right: 34px !important
  }

  .margin-right-36-ls {
    margin-right: 36px !important
  }

  .margin-right-38-ls {
    margin-right: 38px !important
  }

  .margin-right-40-ls {
    margin-right: 40px !important
  }

  .margin-right-42-ls {
    margin-right: 42px !important
  }

  .margin-right-44-ls {
    margin-right: 44px !important
  }

  .margin-right-46-ls {
    margin-right: 46px !important
  }

  .margin-right-48-ls {
    margin-right: 48px !important
  }

  .margin-bottom-0-ls {
    margin-bottom: 0px !important
  }

  .margin-bottom-2-ls {
    margin-bottom: 2px !important
  }

  .margin-bottom-4-ls {
    margin-bottom: 4px !important
  }

  .margin-bottom-6-ls {
    margin-bottom: 6px !important
  }

  .margin-bottom-8-ls {
    margin-bottom: 8px !important
  }

  .margin-bottom-10-ls {
    margin-bottom: 10px !important
  }

  .margin-bottom-12-ls {
    margin-bottom: 12px !important
  }

  .margin-bottom-14-ls {
    margin-bottom: 14px !important
  }

  .margin-bottom-16-ls {
    margin-bottom: 16px !important
  }

  .margin-bottom-18-ls {
    margin-bottom: 18px !important
  }

  .margin-bottom-20-ls {
    margin-bottom: 20px !important
  }

  .margin-bottom-22-ls {
    margin-bottom: 22px !important
  }

  .margin-bottom-24-ls {
    margin-bottom: 24px !important
  }

  .margin-bottom-26-ls {
    margin-bottom: 26px !important
  }

  .margin-bottom-28-ls {
    margin-bottom: 28px !important
  }

  .margin-bottom-30-ls {
    margin-bottom: 30px !important
  }

  .margin-bottom-32-ls {
    margin-bottom: 32px !important
  }

  .margin-bottom-34-ls {
    margin-bottom: 34px !important
  }

  .margin-bottom-36-ls {
    margin-bottom: 36px !important
  }

  .margin-bottom-38-ls {
    margin-bottom: 38px !important
  }

  .margin-bottom-40-ls {
    margin-bottom: 40px !important
  }

  .margin-bottom-42-ls {
    margin-bottom: 42px !important
  }

  .margin-bottom-44-ls {
    margin-bottom: 44px !important
  }

  .margin-bottom-46-ls {
    margin-bottom: 46px !important
  }

  .margin-bottom-48-ls {
    margin-bottom: 48px !important
  }

  .margin-left-0-ls {
    margin-left: 0px !important
  }

  .margin-left-2-ls {
    margin-left: 2px !important
  }

  .margin-left-4-ls {
    margin-left: 4px !important
  }

  .margin-left-6-ls {
    margin-left: 6px !important
  }

  .margin-left-8-ls {
    margin-left: 8px !important
  }

  .margin-left-10-ls {
    margin-left: 10px !important
  }

  .margin-left-12-ls {
    margin-left: 12px !important
  }

  .margin-left-14-ls {
    margin-left: 14px !important
  }

  .margin-left-16-ls {
    margin-left: 16px !important
  }

  .margin-left-18-ls {
    margin-left: 18px !important
  }

  .margin-left-20-ls {
    margin-left: 20px !important
  }

  .margin-left-22-ls {
    margin-left: 22px !important
  }

  .margin-left-24-ls {
    margin-left: 24px !important
  }

  .margin-left-26-ls {
    margin-left: 26px !important
  }

  .margin-left-28-ls {
    margin-left: 28px !important
  }

  .margin-left-30-ls {
    margin-left: 30px !important
  }

  .margin-left-32-ls {
    margin-left: 32px !important
  }

  .margin-left-34-ls {
    margin-left: 34px !important
  }

  .margin-left-36-ls {
    margin-left: 36px !important
  }

  .margin-left-38-ls {
    margin-left: 38px !important
  }

  .margin-left-40-ls {
    margin-left: 40px !important
  }

  .margin-left-42-ls {
    margin-left: 42px !important
  }

  .margin-left-44-ls {
    margin-left: 44px !important
  }

  .margin-left-46-ls {
    margin-left: 46px !important
  }

  .margin-left-48-ls {
    margin-left: 48px !important
  }

  .padding-0-ls {
    padding: 0px !important
  }

  .padding-2-ls {
    padding: 2px !important
  }

  .padding-4-ls {
    padding: 4px !important
  }

  .padding-6-ls {
    padding: 6px !important
  }

  .padding-8-ls {
    padding: 8px !important
  }

  .padding-10-ls {
    padding: 10px !important
  }

  .padding-12-ls {
    padding: 12px !important
  }

  .padding-14-ls {
    padding: 14px !important
  }

  .padding-16-ls {
    padding: 16px !important
  }

  .padding-18-ls {
    padding: 18px !important
  }

  .padding-20-ls {
    padding: 20px !important
  }

  .padding-22-ls {
    padding: 22px !important
  }

  .padding-24-ls {
    padding: 24px !important
  }

  .padding-26-ls {
    padding: 26px !important
  }

  .padding-28-ls {
    padding: 28px !important
  }

  .padding-30-ls {
    padding: 30px !important
  }

  .padding-32-ls {
    padding: 32px !important
  }

  .padding-34-ls {
    padding: 34px !important
  }

  .padding-36-ls {
    padding: 36px !important
  }

  .padding-38-ls {
    padding: 38px !important
  }

  .padding-40-ls {
    padding: 40px !important
  }

  .padding-42-ls {
    padding: 42px !important
  }

  .padding-44-ls {
    padding: 44px !important
  }

  .padding-46-ls {
    padding: 46px !important
  }

  .padding-48-ls {
    padding: 48px !important
  }

  .padding-top-0-ls {
    padding-top: 0px !important
  }

  .padding-top-2-ls {
    padding-top: 2px !important
  }

  .padding-top-4-ls {
    padding-top: 4px !important
  }

  .padding-top-6-ls {
    padding-top: 6px !important
  }

  .padding-top-8-ls {
    padding-top: 8px !important
  }

  .padding-top-10-ls {
    padding-top: 10px !important
  }

  .padding-top-12-ls {
    padding-top: 12px !important
  }

  .padding-top-14-ls {
    padding-top: 14px !important
  }

  .padding-top-16-ls {
    padding-top: 16px !important
  }

  .padding-top-18-ls {
    padding-top: 18px !important
  }

  .padding-top-20-ls {
    padding-top: 20px !important
  }

  .padding-top-22-ls {
    padding-top: 22px !important
  }

  .padding-top-24-ls {
    padding-top: 24px !important
  }

  .padding-top-26-ls {
    padding-top: 26px !important
  }

  .padding-top-28-ls {
    padding-top: 28px !important
  }

  .padding-top-30-ls {
    padding-top: 30px !important
  }

  .padding-top-32-ls {
    padding-top: 32px !important
  }

  .padding-top-34-ls {
    padding-top: 34px !important
  }

  .padding-top-36-ls {
    padding-top: 36px !important
  }

  .padding-top-38-ls {
    padding-top: 38px !important
  }

  .padding-top-40-ls {
    padding-top: 40px !important
  }

  .padding-top-42-ls {
    padding-top: 42px !important
  }

  .padding-top-44-ls {
    padding-top: 44px !important
  }

  .padding-top-46-ls {
    padding-top: 46px !important
  }

  .padding-top-48-ls {
    padding-top: 48px !important
  }

  .padding-right-0-ls {
    padding-right: 0px !important
  }

  .padding-right-2-ls {
    padding-right: 2px !important
  }

  .padding-right-4-ls {
    padding-right: 4px !important
  }

  .padding-right-6-ls {
    padding-right: 6px !important
  }

  .padding-right-8-ls {
    padding-right: 8px !important
  }

  .padding-right-10-ls {
    padding-right: 10px !important
  }

  .padding-right-12-ls {
    padding-right: 12px !important
  }

  .padding-right-14-ls {
    padding-right: 14px !important
  }

  .padding-right-16-ls {
    padding-right: 16px !important
  }

  .padding-right-18-ls {
    padding-right: 18px !important
  }

  .padding-right-20-ls {
    padding-right: 20px !important
  }

  .padding-right-22-ls {
    padding-right: 22px !important
  }

  .padding-right-24-ls {
    padding-right: 24px !important
  }

  .padding-right-26-ls {
    padding-right: 26px !important
  }

  .padding-right-28-ls {
    padding-right: 28px !important
  }

  .padding-right-30-ls {
    padding-right: 30px !important
  }

  .padding-right-32-ls {
    padding-right: 32px !important
  }

  .padding-right-34-ls {
    padding-right: 34px !important
  }

  .padding-right-36-ls {
    padding-right: 36px !important
  }

  .padding-right-38-ls {
    padding-right: 38px !important
  }

  .padding-right-40-ls {
    padding-right: 40px !important
  }

  .padding-right-42-ls {
    padding-right: 42px !important
  }

  .padding-right-44-ls {
    padding-right: 44px !important
  }

  .padding-right-46-ls {
    padding-right: 46px !important
  }

  .padding-right-48-ls {
    padding-right: 48px !important
  }

  .padding-bottom-0-ls {
    padding-bottom: 0px !important
  }

  .padding-bottom-2-ls {
    padding-bottom: 2px !important
  }

  .padding-bottom-4-ls {
    padding-bottom: 4px !important
  }

  .padding-bottom-6-ls {
    padding-bottom: 6px !important
  }

  .padding-bottom-8-ls {
    padding-bottom: 8px !important
  }

  .padding-bottom-10-ls {
    padding-bottom: 10px !important
  }

  .padding-bottom-12-ls {
    padding-bottom: 12px !important
  }

  .padding-bottom-14-ls {
    padding-bottom: 14px !important
  }

  .padding-bottom-16-ls {
    padding-bottom: 16px !important
  }

  .padding-bottom-18-ls {
    padding-bottom: 18px !important
  }

  .padding-bottom-20-ls {
    padding-bottom: 20px !important
  }

  .padding-bottom-22-ls {
    padding-bottom: 22px !important
  }

  .padding-bottom-24-ls {
    padding-bottom: 24px !important
  }

  .padding-bottom-26-ls {
    padding-bottom: 26px !important
  }

  .padding-bottom-28-ls {
    padding-bottom: 28px !important
  }

  .padding-bottom-30-ls {
    padding-bottom: 30px !important
  }

  .padding-bottom-32-ls {
    padding-bottom: 32px !important
  }

  .padding-bottom-34-ls {
    padding-bottom: 34px !important
  }

  .padding-bottom-36-ls {
    padding-bottom: 36px !important
  }

  .padding-bottom-38-ls {
    padding-bottom: 38px !important
  }

  .padding-bottom-40-ls {
    padding-bottom: 40px !important
  }

  .padding-bottom-42-ls {
    padding-bottom: 42px !important
  }

  .padding-bottom-44-ls {
    padding-bottom: 44px !important
  }

  .padding-bottom-46-ls {
    padding-bottom: 46px !important
  }

  .padding-bottom-48-ls {
    padding-bottom: 48px !important
  }

  .padding-left-0-ls {
    padding-left: 0px !important
  }

  .padding-left-2-ls {
    padding-left: 2px !important
  }

  .padding-left-4-ls {
    padding-left: 4px !important
  }

  .padding-left-6-ls {
    padding-left: 6px !important
  }

  .padding-left-8-ls {
    padding-left: 8px !important
  }

  .padding-left-10-ls {
    padding-left: 10px !important
  }

  .padding-left-12-ls {
    padding-left: 12px !important
  }

  .padding-left-14-ls {
    padding-left: 14px !important
  }

  .padding-left-16-ls {
    padding-left: 16px !important
  }

  .padding-left-18-ls {
    padding-left: 18px !important
  }

  .padding-left-20-ls {
    padding-left: 20px !important
  }

  .padding-left-22-ls {
    padding-left: 22px !important
  }

  .padding-left-24-ls {
    padding-left: 24px !important
  }

  .padding-left-26-ls {
    padding-left: 26px !important
  }

  .padding-left-28-ls {
    padding-left: 28px !important
  }

  .padding-left-30-ls {
    padding-left: 30px !important
  }

  .padding-left-32-ls {
    padding-left: 32px !important
  }

  .padding-left-34-ls {
    padding-left: 34px !important
  }

  .padding-left-36-ls {
    padding-left: 36px !important
  }

  .padding-left-38-ls {
    padding-left: 38px !important
  }

  .padding-left-40-ls {
    padding-left: 40px !important
  }

  .padding-left-42-ls {
    padding-left: 42px !important
  }

  .padding-left-44-ls {
    padding-left: 44px !important
  }

  .padding-left-46-ls {
    padding-left: 46px !important
  }

  .padding-left-48-ls {
    padding-left: 48px !important
  }
}

.border-1 {
  border-width: 1px !important;
  border-style: solid !important
}

.border-2 {
  border-width: 2px !important;
  border-style: solid !important
}

.border-4 {
  border-width: 4px !important;
  border-style: solid !important
}

.border-berry-1 {
  border: 1px solid var(--primary, #b50f52) !important
}

.border-berry-2 {
  border: 2px solid var(--primary, #b50f52) !important
}

.border-berry-4 {
  border: 4px solid var(--primary, #b50f52) !important
}

.border-blue-1 {
  border: 1px solid var(--secondary-darkest, #236978) !important
}

.border-blue-2 {
  border: 2px solid var(--secondary-darkest, #236978) !important
}

.border-blue-4 {
  border: 4px solid var(--secondary-darkest, #236978) !important
}

.border-black-1 {
  border: 1px solid var(--gray-warm-black, #212121) !important
}

.border-black-2 {
  border: 2px solid var(--gray-warm-black, #212121) !important
}

.border-black-4 {
  border: 4px solid var(--gray-warm-black, #212121) !important
}

.border-gray-1 {
  border: 1px solid #46535b !important
}

.border-gray-2 {
  border: 2px solid #46535b !important
}

.border-gray-4 {
  border: 4px solid #46535b !important
}

.border-radius-0 {
  border-radius: 0px !important
}

.border-radius-1 {
  border-radius: 1px !important
}

.border-radius-2 {
  border-radius: 2px !important
}

.border-radius-4 {
  border-radius: 4px !important
}

.border-radius-6 {
  border-radius: 6px !important
}

.width-100 {
  width: 100% !important
}

.width-50 {
  width: 50% !important
}

.height-100 {
  height: 100% !important
}

.line-height-regular {
  line-height: var(--line-height-regular) !important
}

.line-height-mid {
  line-height: var(--line-height-mid) !important
}

.line-height-high {
  line-height: var(--line-height-high) !important
}

.line-height-higher {
  line-height: var(--line-height-higher) !important
}

.line-height-highest {
  line-height: var(--line-height-highest) !important
}

.font-size-10 {
  font-size: 10px !important
}

.font-size-12 {
  font-size: 12px !important
}

.font-size-14 {
  font-size: 14px !important
}

.font-size-16 {
  font-size: 16px !important
}

.font-size-18 {
  font-size: 18px !important
}

.font-size-20 {
  font-size: 20px !important
}

.font-size-22 {
  font-size: 22px !important
}

.font-size-24 {
  font-size: 24px !important
}

.font-size-26 {
  font-size: 26px !important
}

.font-size-30 {
  font-size: 30px !important
}

.font-size-32 {
  font-size: 32px !important
}

.font-size-36 {
  font-size: 36px !important
}

.font-size-40 {
  font-size: 40px !important
}

.font-size-60 {
  font-size: 60px !important
}

.font-size-70 {
  font-size: 70px !important
}

.font-size-10-rem {
  font-size: 0.625rem !important
}

.font-size-12-rem {
  font-size: 0.75rem !important
}

.font-size-14-rem {
  font-size: 0.875rem !important
}

.font-size-16-rem {
  font-size: 1rem !important
}

.font-size-18-rem {
  font-size: 1.125rem !important
}

.font-size-20-rem {
  font-size: 1.25rem !important
}

.font-size-22-rem {
  font-size: 1.375rem !important
}

.font-size-24-rem {
  font-size: 1.5rem !important
}

.font-size-26-rem {
  font-size: 1.625rem !important
}

.font-size-30-rem {
  font-size: 1.875rem !important
}

.font-size-32-rem {
  font-size: 2rem !important
}

.font-size-36-rem {
  font-size: 2.25rem !important
}

.font-size-40-rem {
  font-size: 2.5rem !important
}

.font-size-60-rem {
  font-size: 3.75rem !important
}

.font-size-70-rem {
  font-size: 4.375rem !important
}

.font-family-regular {
  font-family: var(--font-family-regular) !important
}

.font-family-semibold {
  font-family: var(--font-family-semibold) !important
}

.font-family-black {
  font-family: var(--font-family-black) !important
}

.font-family-bold {
  font-family: var(--font-family-bold) !important
}

.font-weight-thin {
  font-weight: var(--font-weight-thin) !important
}

.font-weight-lighter {
  font-weight: var(--font-weight-lighter) !important
}

.font-weight-light {
  font-weight: var(--font-weight-light) !important
}

.font-weight-regular {
  font-weight: var(--font-weight-regular) !important
}

.font-weight-medium {
  font-weight: var(--font-weight-medium) !important
}

.font-weight-semibold {
  font-weight: var(--font-weight-semibold) !important
}

.font-weight-bold {
  font-weight: var(--font-weight-bold) !important
}

.font-weight-bolder {
  font-weight: var(--font-weight-bolder) !important
}

.font-weight-heavy {
  font-weight: var(--font-weight-heavy) !important
}

.heading1 {
  font-size: var(--heading1) !important;
  font-family: var(--font-family-bold) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-height-mid) !important
}

.heading2 {
  font-size: var(--heading2) !important;
  font-family: var(--font-family-bold) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-height-mid) !important
}

.heading3 {
  font-size: var(--heading3) !important;
  font-family: var(--font-family-bold) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-height-higher) !important
}

.heading4 {
  font-size: var(--heading4) !important;
  font-family: var(--font-family-bold) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-height-higher) !important
}

.heading5 {
  font-size: var(--heading5) !important;
  font-family: var(--font-family-bold) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-height-highest) !important
}

.heading6 {
  font-size: var(--heading6) !important;
  font-family: var(--font-family-bold) !important;
  font-weight: var(--font-weight-bold) !important;
  line-height: var(--line-height-highest) !important
}

.title1 {
  font-size: var(--title1) !important;
  font-family: var(--font-family-black) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-mid) !important
}

.title2 {
  font-size: var(--title2) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-semibold) !important;
  line-height: var(--line-height-mid) !important
}

.title3 {
  font-size: var(--title3) !important;
  font-family: var(--font-family-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
  line-height: var(--line-height-mid) !important
}

.subtitle1 {
  font-size: var(--subtitle1) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-semibold) !important;
  line-height: var(--line-height-mid) !important
}

.subtitle2 {
  font-size: var(--subtitle2) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-semibold) !important;
  line-height: var(--line-height-mid) !important
}

.subtitle3 {
  font-size: var(--subtitle3) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-mid) !important
}

.body1 {
  font-size: var(--body1) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-high) !important
}

.body2 {
  font-size: var(--body2) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-higher) !important
}

.body3 {
  font-size: var(--body3) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-higher) !important
}

.body4 {
  font-size: var(--body4) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-highest) !important
}

.caption1 {
  font-size: var(--caption1) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-highest) !important;
  text-transform: uppercase !important
}

.caption2 {
  font-size: var(--caption2) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-highest) !important;
  text-transform: uppercase !important
}

.caption3 {
  font-size: var(--caption3) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-highest) !important;
  text-transform: uppercase !important
}

.graphic1 {
  font-size: var(--graphic1) !important;
  font-family: var(--font-family-regular) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-regular) !important
}

.graphic2 {
  font-size: var(--graphic2) !important;
  font-family: var(--font-family-bold) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-regular) !important
}

.graphic3 {
  font-size: var(--graphic3) !important;
  font-family: var(--font-family-black) !important;
  font-weight: var(--font-weight-regular) !important;
  line-height: var(--line-height-regular) !important
}

.text-align-center {
  text-align: center !important
}

.text-align-left {
  text-align: left !important
}

.text-align-right {
  text-align: right !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-underline {
  text-decoration: underline !important
}

.ppa-form:not(.mat-form-field-disabled):where(:hover, .mat-focused) .mdc-notched-outline__notch,
.ppa-form:not(.mat-form-field-disabled):where(:hover, .mat-focused) .mdc-notched-outline__leading,
.ppa-form:not(.mat-form-field-disabled):where(:hover, .mat-focused) .mdc-notched-outline__trailing {
  --ppa-form-border-color: var(--secondary-action-bg, var(--system-dark-blue-300)) !important;
  border-width: var(--ppa-form-border-width-hover-focus) !important
}

.dropdown-panel-class .ppa-select__option-text:hover .mdc-list-item__primary-text,
.dropdown-panel-class .mat-mdc-focus-indicator.mat-mdc-option.mat-mdc-option-active .mdc-list-item__primary-text {
  color: var(--secondary-action-bg, var(--system-dark-blue-300)) !important
}

.ppa-form:not(.mat-form-field-disabled):is(.ng-invalid):where(.ng-touched, .ng-dirty) {
  --ppa-form-border-color: var(--error-bg) !important
}

.expandable-section__collapse-btn:focus-visible,
.expandable-section__expand-btn:focus-visible {
  outline-color: var(--secondary-action-bg, var(--system-dark-blue-300)) !important
}

.cash-proposal-app .popover-tooltip:focus,
.cash-proposal-app .popover-tooltip:focus-visible {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: 2px !important;
  outline-color: var(--secondary-action-bg, #236978) !important
}

.cash-proposal-app .expandableContainerExpand:focus,
.cash-proposal-app .expandableContainerExpand:focus-visible,
.cash-proposal-app .expandableContainerCollapse:focus,
.cash-proposal-app .expandableContainerCollapse:focus-visible {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: 0px !important;
  outline-color: var(--secondary-action-bg, #236978) !important
}

.cash-proposal-app .removal-item:focus,
.cash-proposal-app .removal-item:focus-visible {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: 4px !important;
  outline-color: var(--secondary-action-bg, #236978) !important
}

.cash-proposal-app .clickable:focus {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: 2px !important;
  outline-color: var(--secondary-action-bg, #236978) !important
}

.cash-proposal-app .form-input.ng-dirty.ng-invalid {
  border: 1px solid var(--error-bg, #bb2525) !important
}

.cash-proposal-app .form-input.ng-invalid.ng-dirty {
  border: 1px solid var(--error-bg, #bb2525) !important
}

.cash-proposal-app .button-expanded img:focus-visible {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: 4px !important;
  outline-color: var(--secondary-action-bg, #236978) !important
}

.cash-proposal-app .button-not-expanded img:focus-visible {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: 0px !important;
  outline-color: var(--secondary-action-bg, #236978) !important
}

.cash-proposal-app .screen-removal-item:focus {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: 4px !important;
  outline-color: var(--secondary-action-bg, #236978) !important
}

.cash-proposal-app .restrictions-menu-item {
  font-size: 16px;
  cursor: pointer;
  background: none !important;
  border: none;
  color: var(--secondary-action-bg, #236978)
}

.cash-proposal-app .restrictions-menu-item:focus {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: 2px !important;
  outline-color: var(--secondary-action-bg, #236978) !important
}

.cash-proposal-app span.form-field-validation,
.cash-proposal-app div.form-field-validation {
  color: var(--error-bg, #bb2525);
  font-size: 14px;
  text-align: left;
  margin-top: 5px
}

.cash-proposal-app .mat-sort-header.cdk-keyboard-focused .mat-sort-header-container,
.cash-proposal-app .mat-sort-header.cdk-program-focused .mat-sort-header-container {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-color: var(--secondary-action-bg, #236978) !important;
  border: 2px solid var(--secondary-action-bg, #236978) !important
}

.cash-proposal-app .regulargrey {
  color: var(--primary-link-text, #b50f52) !important
}

.cash-proposal-app .delete-benchmark-item:hover,
.cash-proposal-app .delete-security-item:hover {
  color: var(--secondary-action-bg, #236978)
}

.cash-proposal-app .delete-benchmark-item:focus,
.cash-proposal-app .delete-benchmark-item:focus-visible,
.cash-proposal-app .delete-security-item:focus,
.cash-proposal-app .delete-security-item:focus-visible {
  outline: 1px auto -webkit-focus-ring-color !important;
  outline-offset: 1px !important;
  outline-color: var(--secondary-action-bg, #236978) !important;
  border-radius: 50%;
  color: var(--secondary-action-bg, #236978)
}

.cash-proposal-app .form-dropdown.ng-invalid.ng-dirty,
.cash-proposal-app .form-input.ng-invalid.ng-dirty {
  border: 1px solid var(--error-bg, #bb2525) !important
}

.cash-proposal-app .form-dropdown.ng-invalid.ng-dirty:hover,
.cash-proposal-app .form-dropdown.ng-invalid.ng-dirty:focus,
.cash-proposal-app .form-dropdown.ng-invalid.ng-dirty:focus-visible,
.cash-proposal-app .form-input.ng-invalid.ng-dirty:hover,
.cash-proposal-app .form-input.ng-invalid.ng-dirty:focus,
.cash-proposal-app .form-input.ng-invalid.ng-dirty:focus-visible {
  border: 1px solid var(--error-bg, #bb2525) !important;
  outline: 1px solid var(--error-bg, #bb2525) !important
}

.button-primary .mat-button-focus-overlay,
.button-secondary .mat-button-focus-overlay,
.button-tertiary .mat-button-focus-overlay {
  background-color: transparent !important
}

.session-secondary-button {
  background-color: var(--secondary-darkest, #236978) !important;
  color: #fff !important;
  fill: #fff !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-weight: 600 !important;
  font-family: "ParametricRegular" !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: 1px solid var(--secondary-black, #275E6B) !important;
  outline: 0 !important
}

.session-secondary-button:focus,
.session-secondary-button:hover {
  background-color: #FFFFFF !important;
  color: var(--secondary-black, #275E6B) !important;
  fill: var(--secondary-black, #275E6B) !important
}

.session-tertiary-button {
  background-color: #FFFFFF !important;
  color: var(--tertiary-dark, #4F6067) !important;
  fill: var(--tertiary-dark, #4F6067) !important;
  font-size: 16px !important;
  padding: 10px 15px !important;
  border-radius: 4px !important;
  height: 40px !important;
  font-weight: 600 !important;
  font-family: "ParametricRegular" !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: 1px solid var(--tertiary-dark, #4F6067) !important;
  text-decoration: none !important;
  outline: 0 !important
}

.session-tertiary-button:hover,
.session-tertiary-button:focus {
  background-color: var(--tertiary-dark, #4F6067) !important;
  color: #FFFFFF !important;
  fill: #FFFFFF !important
}