
:root {
/* --evgRootFontSize is defined in evergreen.css */

/*** COLORS ***/
--evgBodyTextColor: #585555;
--evgBorderColor: #dddddd;
--evgPrimaryColor: #06607f;
--evgAltColor: #6f3a8f;
--evgBrand1Color: #ffffff;
--evgBrand2Color: #ffffff;
--evgBrand3Color: #ffffff;
--evgBrand4Color: #ffffff;
--evgBrand5Color: #ffffff;
--evgLightColor: #ffffff;
--evgGreyColor: #fafafa;
--evgGreyDarkColor: #374448;
--evgDarkColor: #283033;
--evgDarkenColor: rgba(0, 0, 0, 0.05);
--evgLightenColor: rgba(255, 255, 255, 0.05);
--evgLightOverlayColor: rgba(255, 255, 255, 0.6);
--evgDarkOverlayColor: rgba(0, 0, 0, 0.6);
--evgErrorColor: #b72121;
--evgSuccessColor: #006613;
--evgInheritColor: inherit;

/*** MODULES ***/
/* Padding */
--evgPaddingContainerPadding: 20px;
--evgPaddingItemPadding: 30px;

/* ModuleName */
--evgModuleNameFontFamily: Lato;
--evgModuleNameFontSizeL: calc(var(--evgRootFontSize) * 3.6);
--evgModuleNameFontSizeM: calc(var(--evgRootFontSize) * 2.7);
--evgModuleNameFontSizeS: calc(var(--evgRootFontSize) * 2.7);
--evgModuleNameFontColor: var(--evgBodyTextColor);
--evgModuleNameFontWeight: normal;
--evgModuleNameFontLineHeight: 1.3;
--evgModuleNameFontCapitalization: none;
--evgModuleNameFontAlignment: left;

/* ModuleItem */
--evgModuleItemUnderline: initial;
--evgModuleItemUnderlineColor: var(--evgBodyTextColor);

/* ModuleItemTitle */
--evgModuleItemTitleFontFamily: Lato;
--evgModuleItemTitleFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgModuleItemTitleFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgModuleItemTitleFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgModuleItemTitleFontColor: var(--evgBodyTextColor);
--evgModuleItemTitleFontHoverColor: var(--evgLightColor);
--evgModuleItemTitleFontFocusColor: var(--evgLightColor);
--evgModuleItemTitleFontWeight: normal;
--evgModuleItemTitleFontLineHeight: 1.4;
--evgModuleItemTitleFontCapitalization: none;

/* ModuleItemSubtitle */
--evgModuleItemSubtitleFontFamily: Lato;
--evgModuleItemSubtitleFontSizeL: calc(var(--evgRootFontSize) * 1.3);
--evgModuleItemSubtitleFontSizeM: calc(var(--evgRootFontSize) * 1.3);
--evgModuleItemSubtitleFontSizeS: calc(var(--evgRootFontSize) * 1.3);
--evgModuleItemSubtitleFontColor: var(--evgAltColor);
--evgModuleItemSubtitleFontWeight: normal;
--evgModuleItemSubtitleFontLineHeight: 1.3;
--evgModuleItemSubtitleFontCapitalization: none;

/* ModuleBackground */
--evgModuleBackgroundColor: var(--evgAltColor);
--evgModuleBackgroundItemBackgroundColor: var(--evgAltColor);

/* DateTime */
--evgDateTimeFontFamily: Lato;
--evgDateTimeFontSizeL: calc(var(--evgRootFontSize) * 1.3);
--evgDateTimeFontSizeM: calc(var(--evgRootFontSize) * 1.3);
--evgDateTimeFontSizeS: calc(var(--evgRootFontSize) * 1.3);
--evgDateTimeFontColor: var(--evgAltColor);
--evgDateTimeFontWeight: normal;
--evgDateTimeFontLineHeight: 1.3;
--evgDateTimeFontCapitalization: none;


/*** COMPONENTS ***/
/* Body */
--evgBodyFontColor: var(--evgBodyTextColor);

/* Hyperlink */
--evgHyperlinkFontFamily: Lato;
--evgHyperlinkFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgHyperlinkFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgHyperlinkFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgHyperlinkFontColor: var(--evgAltColor);
--evgHyperlinkFontHoverColor: var(--evgPrimaryColor);
--evgHyperlinkFontFocusColor: var(--evgAltColor);
--evgHyperlinkFontWeight: normal;
--evgHyperlinkFontStyle: normal;
--evgHyperlinkFontLineHeight: 1.3;
--evgHyperlinkFontCapitalization: none;
--evgHyperlinkDecorationTextDecoration: none;
--evgHyperlinkDecorationTextDecorationHover: none;
--evgHyperlinkDecorationTextDecorationFocus: none;
--evgHyperlinkDecorationTextDecorationColor: var(--evgInheritColor);
--evgHyperlinkDecorationTextDecorationHoverColor: var(--evgInheritColor);
--evgHyperlinkDecorationTextDecorationFocusColor: var(--evgInheritColor);

/* Button */
--evgButtonFontFamily: Lato;
--evgButtonFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgButtonFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgButtonFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgButtonFontColor: var(--evgLightColor);
--evgButtonFontHoverColor: var(--evgLightColor);
--evgButtonFontFocusColor: var(--evgLightColor);
--evgButtonFontWeight: normal;
--evgButtonFontStyle: normal;
--evgButtonFontLineHeight: 1.3;
--evgButtonFontCapitalization: none;
--evgButtonBorderColor: var(--evgPrimaryColor);
--evgButtonBorderHoverColor: var(--evgAltColor);
--evgButtonBorderFocusColor: var(--evgAltColor);
--evgButtonBorderRadius: 0;
--evgButtonBackgroundColor: var(--evgPrimaryColor);
--evgButtonBackgroundHoverColor: var(--evgAltColor);
--evgButtonBackgroundFocusColor: var(--evgAltColor);
--evgButtonPaddingItemPadding: initial;
--evgButtonPaddingVerticalPadding: 20px;
--evgButtonDecorationTextDecoration: none;
--evgButtonDecorationTextDecorationHover: none;
--evgButtonDecorationTextDecorationFocus: none;
--evgButtonDecorationTextDecorationColor: var(--evgLightColor);
--evgButtonDecorationTextDecorationHoverColor: var(--evgLightColor);
--evgButtonDecorationTextDecorationFocusColor: var(--evgLightColor);

/* ButtonAlt */
--evgButtonAltFontFamily: Lato;
--evgButtonAltFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgButtonAltFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgButtonAltFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgButtonAltFontColor: var(--evgPrimaryColor);
--evgButtonAltFontHoverColor: var(--evgLightColor);
--evgButtonAltFontFocusColor: var(--evgLightColor);
--evgButtonAltFontWeight: normal;
--evgButtonAltFontStyle: normal;
--evgButtonAltFontLineHeight: 1.3;
--evgButtonAltFontCapitalization: none;
--evgButtonAltBorderColor: var(--evgLightColor);
--evgButtonAltBorderHoverColor: var(--evgPrimaryColor);
--evgButtonAltBorderFocusColor: var(--evgPrimaryColor);
--evgButtonAltBorderRadius: 0;
--evgButtonAltBackgroundColor: var(--evgLightColor);
--evgButtonAltBackgroundHoverColor: var(--evgPrimaryColor);
--evgButtonAltBackgroundFocusColor: var(--evgPrimaryColor);
--evgButtonAltPaddingItemPadding: initial;
--evgButtonAltPaddingVerticalPadding: 20px;
--evgButtonAltDecorationTextDecoration: none;
--evgButtonAltDecorationTextDecorationHover: none;
--evgButtonAltDecorationTextDecorationFocus: none;
--evgButtonAltDecorationTextDecorationColor: var(--evgLightColor);
--evgButtonAltDecorationTextDecorationHoverColor: var(--evgLightColor);
--evgButtonAltDecorationTextDecorationFocusColor: var(--evgLightColor);

/* Dropdown */
--evgDropdownFontFamily: Lato;
--evgDropdownFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgDropdownFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgDropdownFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgDropdownFontColor: var(--evgAltColor);
--evgDropdownFontFocusColor: var(--evgAltColor);
--evgDropdownFontWeight: normal;
--evgDropdownFontLineHeight: 1.3;
--evgDropdownFontCapitalization: none;
--evgDropdownBorderColor: var(--evgAltColor);
--evgDropdownBorderFocusColor: var(--evgAltColor);
--evgDropdownBorderRadius: 0;
--evgDropdownBackgroundColor: var(--evgLightColor);
--evgDropdownBackgroundFocusColor: var(--evgLightColor);

/* Accordion */
--evgAccordionContentFontColor: var(--evgBodyTextColor);
--evgAccordionContentBackgroundColor: var(--evgGreyColor);
--evgAccordionFontFamily: Lato;
--evgAccordionFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgAccordionFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgAccordionFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgAccordionFontColor: var(--evgAltColor);
--evgAccordionFontAltColor: var(--evgPrimaryColor);
--evgAccordionFontFocusColor: var(--evgAltColor);
--evgAccordionFontWeight: normal;
--evgAccordionFontStyle: normal;
--evgAccordionFontLineHeight: 1.5;
--evgAccordionFontCapitalization: none;
--evgAccordionSecondaryFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgAccordionSecondaryFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgAccordionSecondaryFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgAccordionSecondaryFontColor: var(--evgAltColor);
--evgAccordionSecondaryFontAltColor: var(--evgPrimaryColor);
--evgAccordionSecondaryFontWeight: normal;
--evgAccordionSecondaryFontStyle: normal;
--evgAccordionSecondaryFontLineHeight: 1.3;
--evgAccordionSecondaryFontCapitalization: none;
--evgAccordionSecondaryFontActiveColor: primary;
--evgAccordionBorderColor: var(--evgGreyColor);
--evgAccordionBorderHoverColor: var(--evgGreyColor);
--evgAccordionBorderFocusColor: var(--evgGreyColor);
--evgAccordionBorderActiveColor: var(--evgGreyColor);
--evgAccordionBorderRadius: 0px;
--evgAccordionBackgroundColor: var(--evgBorderColor);
--evgAccordionBackgroundHoverColor: var(--evgBorderColor);
--evgAccordionBackgroundFocusColor: var(--evgBorderColor);
--evgAccordionBackgroundActiveColor: var(--evgBorderColor);
--evgAccordionPaddingItemPadding: 20px;

/* Tabs */
--evgTabsFontFamily: Lato;
--evgTabsFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgTabsFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgTabsFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgTabsFontColor: var(--evgLightColor);
--evgTabsFontAltColor: var(--evgPrimaryColor);
--evgTabsFontHoverColor: var(--evgPrimaryColor);
--evgTabsFontWeight: normal;
--evgTabsFontLineHeight: 1.3;
--evgTabsFontCapitalization: none;
--evgTabsBorderRadius: 0;
--evgTabsBackgroundColor: var(--evgPrimaryColor);
--evgTabsSecondaryBackgroundColor: var(--evgPrimaryColor);
--evgTabsSecondaryBackgroundHoverColor: var(--evgLightColor);
--evgTabsSecondaryBackgroundActiveColor: var(--evgLightColor);

/* List */
--evgListBulletStyle: disc;
--evgListBulletColor: var(--evgPrimaryColor);
--evgListFontFamily: Lato;
--evgListFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgListFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgListFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgListFontColor: var(--evgBodyTextColor);
--evgListFontWeight: normal;
--evgListFontStyle: normal;
--evgListFontLineHeight: 1;
--evgListFontCapitalization: none;
--evgListDecorationTextDecoration: none;
--evgListDecorationTextDecorationHover: inherit; /* Empty or N/A */
--evgListDecorationTextDecorationFocus: inherit; /* Empty or N/A */
--evgListDecorationTextDecorationColor: var(--evgInheritColor);

/* Table */
--evgTableZebra: initial;
--evgTableRowUnderline: 1px solid;
--evgTableFontFamily: Lato;
--evgTableFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgTableFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgTableFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgTableFontColor: var(--evgLightColor);
--evgTableFontWeight: normal;
--evgTableFontLineHeight: 1;
--evgTableFontCapitalization: none;
--evgTableSecondaryFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgTableSecondaryFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgTableSecondaryFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgTableSecondaryFontColor: var(--evgPrimaryColor);
--evgTableSecondaryFontAltColor: var(--evgBodyTextColor);
--evgTableSecondaryFontWeight: normal;
--evgTableSecondaryFontCapitalization: none;
--evgTableBorderColor: var(--evgBorderColor);
--evgTableBorderRadius: initial;
--evgTableBackgroundColor: var(--evgPrimaryColor);
--evgTableBackgroundAltColor: var(--evgBorderColor);
--evgTableSecondaryBackgroundColor: var(--evgLightColor);
--evgTableSecondaryBackgroundAltColor: var(--evgGreyColor);

/* StockChart */
--evgStockChartStockChartMainColor: var(--evgPrimaryColor);
--evgStockChartStockChartMarkerColor: var(--evgAltColor);
--evgStockChartStockChartDividerColor: var(--evgGreyColor);
--evgStockChartStockChartTimelineSelectorColor: var(--evgPrimaryColor);
--evgStockChartFontFamily: Lato;
--evgStockChartFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgStockChartFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgStockChartFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgStockChartFontColor: var(--evgBodyTextColor);
--evgStockChartFontWeight: normal;
--evgStockChartBackgroundColor: var(--evgLightColor);

/* Pagination */
--evgPaginationFontFamily: Lato;
--evgPaginationFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgPaginationFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgPaginationFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgPaginationFontColor: var(--evgPrimaryColor);
--evgPaginationFontAltColor: var(--evgLightColor);
--evgPaginationFontHoverColor: var(--evgLightColor);
--evgPaginationFontWeight: normal;
--evgPaginationBorderColor: var(--evgPrimaryColor);
--evgPaginationBorderHoverColor: var(--evgPrimaryColor);
--evgPaginationBorderActiveColor: var(--evgPrimaryColor);
--evgPaginationBorderRadius: 0;
--evgPaginationBackgroundColor: var(--evgLightColor);
--evgPaginationBackgroundHoverColor: var(--evgPrimaryColor);
--evgPaginationBackgroundActiveColor: var(--evgPrimaryColor);

/* Input */
--evgInputPlaceholderColor: var(--evgGreyColor);
--evgInputFontFamily: Lato;
--evgInputFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgInputFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgInputFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgInputFontColor: var(--evgBodyTextColor);
--evgInputFontWeight: normal;
--evgInputFontLineHeight: 1;
--evgInputFontCapitalization: none;
--evgInputSecondaryFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgInputSecondaryFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgInputSecondaryFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgInputSecondaryFontColor: var(--evgBodyTextColor);
--evgInputSecondaryFontWeight: normal;
--evgInputSecondaryFontLineHeight: 1;
--evgInputSecondaryFontCapitalization: capitalize;
--evgInputBorderColor: var(--evgBorderColor);
--evgInputBorderFocusColor: var(--evgPrimaryColor);
--evgInputBorderRadius: 0;
--evgInputBackgroundColor: var(--evgLightColor);


/*** TEXT and HEADINGS ***/
/* Body */
--evgBodyFontFamily: Lato;
--evgBodyFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgBodyFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgBodyFontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgBodyFontColor: var(--evgBodyTextColor);
--evgBodyFontWeight: normal;
--evgBodyLineHeight: 1.5;
--evgBodyCapitalization: none;

/* Link */
--evgLinkFontFamily: Lato;
--evgLinkFontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgLinkFontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgLinkFontSizeS: calc(var(--evgRootFontSize) * 1.6);

/* H1 */
--evgH1FontFamily: Lato;
--evgH1FontSizeL: calc(var(--evgRootFontSize) * 6);
--evgH1FontSizeM: calc(var(--evgRootFontSize) * 4.5);
--evgH1FontSizeS: calc(var(--evgRootFontSize) * 3.6);
--evgH1FontColor: var(--evgBodyTextColor);
--evgH1FontWeight: normal;
--evgH1LineHeight: 1.5;
--evgH1Capitalization: none;

/* H2 */
--evgH2FontFamily: Lato;
--evgH2FontSizeL: calc(var(--evgRootFontSize) * 3.6);
--evgH2FontSizeM: calc(var(--evgRootFontSize) * 2.7);
--evgH2FontSizeS: calc(var(--evgRootFontSize) * 2.7);
--evgH2FontColor: var(--evgBodyTextColor);
--evgH2FontWeight: normal;
--evgH2LineHeight: 1.5;
--evgH2Capitalization: none;

/* H3 */
--evgH3FontFamily: Lato;
--evgH3FontSizeL: calc(var(--evgRootFontSize) * 2.4);
--evgH3FontSizeM: calc(var(--evgRootFontSize) * 2.4);
--evgH3FontSizeS: calc(var(--evgRootFontSize) * 2.4);
--evgH3FontColor: var(--evgBodyTextColor);
--evgH3FontWeight: normal;
--evgH3LineHeight: 1.5;
--evgH3Capitalization: none;

/* H4 */
--evgH4FontFamily: Lato;
--evgH4FontSizeL: calc(var(--evgRootFontSize) * 1.6);
--evgH4FontSizeM: calc(var(--evgRootFontSize) * 1.6);
--evgH4FontSizeS: calc(var(--evgRootFontSize) * 1.6);
--evgH4FontColor: var(--evgBodyTextColor);
--evgH4FontWeight: normal;
--evgH4LineHeight: 1.5;
--evgH4Capitalization: none;

/* H5 */
--evgH5FontFamily: Lato;
--evgH5FontSizeL: calc(var(--evgRootFontSize) * 1.2);
--evgH5FontSizeM: calc(var(--evgRootFontSize) * 1.2);
--evgH5FontSizeS: calc(var(--evgRootFontSize) * 1.2);
--evgH5FontColor: var(--evgBodyTextColor);
--evgH5FontWeight: normal;
--evgH5LineHeight: 1.5;
--evgH5Capitalization: none;

}

/***** EVERGREEN STYLES *****/
.evergreen,
.evergreen-layout {
    --fontSize: var(--evgBodyFontSizeL);
    --fontFamily: var(--evgBodyFontFamily);
    --fontColor: var(--evgBodyFontColor);
    --fontWeight: var(--evgBodyFontWeight);
    --lineHeight: var(--evgBodyLineHeight);
    --capitalization: var(--evgBodyCapitalization);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen {
    padding: 50px 0;
}

.evergreen h1 {
    --fontSize: var(--evgH1FontSizeL);
    --fontFamily: var(--evgH1FontFamily);
    --fontColor: var(--evgH1FontColor);
    --fontWeight: var(--evgH1FontWeight);
    --lineHeight: var(--evgH1LineHeight);
    --capitalization: var(--evgH1Capitalization);
}

.evergreen h2 {
    --fontSize: var(--evgH2FontSizeL);
    --fontFamily: var(--evgH2FontFamily);
    --fontColor: var(--evgH2FontColor);
    --fontWeight: var(--evgH2FontWeight);
    --lineHeight: var(--evgH2LineHeight);
    --capitalization: var(--evgH2Capitalization);
}

.evergreen h3 {
    --fontSize: var(--evgH3FontSizeL);
    --fontFamily: var(--evgH3FontFamily);
    --fontColor: var(--evgH3FontColor);
    --fontWeight: var(--evgH3FontWeight);
    --lineHeight: var(--evgH3LineHeight);
    --capitalization: var(--evgH3Capitalization);
}

.evergreen h4 {
    --fontSize: var(--evgH4FontSizeL);
    --fontFamily: var(--evgH4FontFamily);
    --fontColor: var(--evgH4FontColor);
    --fontWeight: var(--evgH4FontWeight);
    --lineHeight: var(--evgH4LineHeight);
    --capitalization: var(--evgH4Capitalization);
}

.evergreen h5 {
    --fontSize: var(--evgH5FontSizeL);
    --fontFamily: var(--evgH5FontFamily);
    --fontColor: var(--evgH5FontColor);
    --fontWeight: var(--evgH5FontWeight);
    --lineHeight: var(--evgH5LineHeight);
    --capitalization: var(--evgH5Capitalization);
}

.evergreen h1,
.evergreen h2,
.evergreen h3,
.evergreen h4,
.evergreen h5 {
    border-bottom: none;

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen-container--outer {
    --padding: var(--evgPaddingContainerPadding);

    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--padding);
    padding-right: var(--padding);
}

.evergreen *:focus, .evergreen *:focus-visible {
    outline-width: 2px;
    outline-style: dotted;
    outline-color: inherit;
    outline-offset: 2px;
}

/* Hyperlink */
.evergreen .evergreen-link,
.evergreen a {
    --fontSize: var(--evgHyperlinkFontSizeL);
    --fontFamily: var(--evgHyperlinkFontFamily);
    --fontColor: var(--evgHyperlinkFontColor);
    --fontWeight: var(--evgHyperlinkFontWeight);
    --lineHeight: var(--evgHyperlinkFontLineHeight);
    --capitalization: var(--evgHyperlinkFontCapitalization);
    --textDecoration: var(--evgHyperlinkDecorationTextDecoration);
    --textDecorationColor: var(--evgHyperlinkDecorationTextDecorationColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);

    text-decoration: var(--textDecoration);
    text-decoration-color: var(--textDecorationColor);

    transition-property: color, text-decoration;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.evergreen .evergreen-link:hover,
.evergreen a:hover {
    --fontColor: var(--evgHyperlinkFontHoverColor);
    --textDecoration: var(--evgHyperlinkDecorationTextDecorationHover);
    --textDecorationColor: var(--evgHyperlinkDecorationTextDecorationHoverColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
    text-decoration: var(--textDecoration);
    text-decoration-color: var(--textDecorationColor);
}

.evergreen .evergreen-link:focus,
.evergreen .evergreen-link:focus-visible,
.evergreen a:focus,
.evergreen a:focus-visible {
    --fontColor: var(--evgHyperlinkFontFocusColor);
    --textDecoration: var(--evgHyperlinkDecorationTextDecorationFocus);
    --textDecorationColor: var(--evgHyperlinkDecorationTextDecorationFocusColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
    text-decoration: var(--textDecoration);
    text-decoration-color: var(--textDecorationColor);
}

/* Shared/Default Button Props */
.evergreen [class*="evergreen-button"],
.evergreen [class*="evergreen-link--button"],
.evergreen [class^="button"] {
    --fontSize: var(--evgButtonFontSizeL);
    --fontFamily: var(--evgButtonFontFamily);
    --fontColor: var(--evgButtonFontColor);
    --fontWeight: var(--evgButtonFontWeight);
    --lineHeight: var(--evgButtonLineHeight);
    --capitalization: var(--evgButtonCapitalization);

    --fontStyle: var(--evgButtonFontStyle);
    --textDecoration: var(--evgButtonDecorationTextDecoration);
    --textDecorationColor: var(--evgButtonDecorationTextDecorationColor);

    --borderRadius: var(--evgButtonBorderRadius);
    --borderColor: var(--evgButtonBorderColor);

    --backgroundColor: var(--evgButtonBackgroundColor);

    --topBottomPadding: var(--evgButtonPaddingVerticalPadding);

    display: inline-block;
    text-align: center;
    min-width: 165px;
    max-width: 100%;
    border: 1px solid;
    cursor: pointer;
    transition: all 0.3s ease-in-out;

    padding: var(--topBottomPadding) 20px;
    font-style: var(--fontStyle);
    text-decoration: var(--textDecoration);
    text-decoration-color: var(--textDecorationColor);
    border-radius: var(--borderRadius);
    border-color: var(--borderColor);
    background-color: var(--backgroundColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen [class*="evergreen-button"]:hover,
.evergreen [class*="evergreen-link--button"]:hover,
.evergreen [class^="button"]:hover {
    --fontColor: var(--evgButtonFontHoverColor);
    --borderColor: var(--evgButtonBorderHoverColor);
    --backgroundColor: var(--evgButtonBackgroundHoverColor);
    --textDecoration: var(--evgButtonDecorationTextDecorationHover);
    --textDecorationColor: var(--evgButtonDecorationTextDecorationHoverColor);

    padding: var(--topBottomPadding) 20px;
    font-style: var(--fontStyle);
    text-decoration: var(--textDecoration);
    text-decoration-color: var(--textDecorationColor);
    border-radius: var(--borderRadius);
    border-color: var(--borderColor);
    background-color: var(--backgroundColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen [class*="evergreen-button"]:focus,
.evergreen [class*="evergreen-link--button"]:focus,
.evergreen [class^="button"]:focus,
.evergreen [class*="evergreen-button"]:focus-visible,
.evergreen [class*="evergreen-link--button"]:focus-visible,
.evergreen [class^="button"]:focus-visible {
    --fontColor: var(--evgButtonFontFocusColor);
    --borderColor: var(--evgButtonBorderFocusColor);
    --backgroundColor: var(--evgButtonBackgroundFocusColor);
    --textDecoration: var(--evgButtonDecorationTextDecorationFocus);
    --textDecorationColor: var(--evgButtonDecorationTextDecorationFocusColor);

    padding: var(--topBottomPadding) 20px;
    font-style: var(--fontStyle);
    text-decoration: var(--textDecoration);
    text-decoration-color: var(--textDecorationColor);
    border-radius: var(--borderRadius);
    border-color: var(--borderColor);
    background-color: var(--backgroundColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);

    outline-color: var(--borderColor);
}

/* Alt Button */
.evergreen .button--alt,
.evergreen .evergreen-button--alt,
.evergreen a.evergreen-link--button--alt,
.evergreen a.evergreen-link--button-alt {
    --fontSize: var(--evgButtonAltFontSizeL);
    --fontFamily: var(--evgButtonAltFontFamily);
    --fontColor: var(--evgButtonAltFontColor);
    --fontWeight: var(--evgButtonAltFontWeight);
    --lineHeight: var(--evgButtonAltFontLineHeight);
    --capitalization: var(--evgButtonAltFontCapitalization);

    --fontStyle: var(--evgButtonAltFontStyle);
    --textDecoration: var(--evgButtonAltDecorationTextDecoration);
    --textDecorationColor: var(--evgButtonAltDecorationTextDecorationColor);

    --borderRadius: var(--evgButtonAltBorderRadius);
    --borderColor: var(--evgButtonAltBorderColor);

    --backgroundColor: var(--evgButtonAltBackgroundColor);

    --topBottomPadding: var(--evgButtonAltPaddingVerticalPadding);
}

.evergreen .button--alt:hover,
.evergreen .evergreen-button--alt:hover,
.evergreen a.evergreen-link--button--alt:hover,
.evergreen a.evergreen-link--button-alt:hover {
    --fontColor: var(--evgButtonAltFontHoverColor);
    --borderColor: var(--evgButtonAltBorderHoverColor);
    --backgroundColor: var(--evgButtonAltBackgroundHoverColor);
    --textDecoration: var(--evgButtonAltDecorationTextDecorationHover);
    --textDecorationColor: var(--evgButtonAltDecorationTextDecorationHoverColor);
}

.evergreen .button--alt:focus
.evergreen .button--alt:focus-visible,
.evergreen .evergreen-button--alt:focus
.evergreen .evergreen-button--alt:focus-visible,
.evergreen a.evergreen-link--button--alt:focus
.evergreen a.evergreen-link--button--alt:focus-visible,
.evergreen a.evergreen-link--button-alt:focus
.evergreen a.evergreen-link--button-alt:focus-visible {
    --fontColor: var(--evgButtonAltFontFocusColor);
    --borderColor: var(--evgButtonAltBorderFocusColor);
    --backgroundColor: var(--evgButtonAltBackgroundFocusColor);
    --textDecoration: var(--evgButtonAltDecorationTextDecorationFocus);
    --textDecorationColor: var(--evgButtonAltDecorationTextDecorationFocusColor);
}

/* Dropdown */
.evergreen .evergreen-dropdown-wrapper {
    --fontSize: var(--evgDropdownFontSizeL);
    --fontFamily: var(--evgDropdownFontFamily);
    --fontColor: var(--evgDropdownFontColor);
    --fontWeight: var(--evgDropdownFontWeight);
    --fontStyle: var(--evgDropdownFontStyle);
    --capitalization: var(--evgDropdownCapitalization);
    --borderRadius: var(--evgDropdownBorderRadius);
    --borderColor: var(--evgDropdownBorderColor);
    --backgroundColor: var(--evgDropdownBackgroundColor);
}

.evergreen .evergreen-dropdown {
    font-style: var(--fontStyle);
    border-radius: var(--borderRadius);
    border-color: var(--borderColor);
    background-color: var(--backgroundColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);

    cursor: pointer;
    transition: all 0.3s ease-in-out;
    padding: 8px 32px 8px 8px;
    appearance: none;
    min-width: 90px;
}

.evergreen .evergreen-dropdown:focus, .evergreen .evergreen-dropdown:focus-visible {
    --fontColor: var(--evgDropdownFontFocusColor);
    --borderColor: var(--evgDropdownBorderFocusColor);
    --backgroundColor: var(--evgDropdownBackgroundFocusColor);

    outline-color: var(--borderColor);
}

/* Accordion */
.evergreen .evergreen-accordion {
    --fontFamily: var(--evgAccordionFontFamily);

    --detailFontColor: var(--evgAccordionContentFontColor);
    --detailBackgroundColor: var(--evgAccordionContentBackgroundColor);

    --headingFontSize: var(--evgAccordionFontSizeL);
    --headingFontColor: var(--evgAccordionFontColor);
    --headingFontActiveColor: var(--evgAccordionFontAltColor);
    --headingFontFocusColor: var(--evgAccordionFontFocusColor);
    --headingFontWeight: var(--evgAccordionFontWeight);
    --headingFontStyle: var(--evgAccordionFontStyle);
    --headingFontLineHeight: var(--evgAccordionFontLineHeight);
    --headingFontCapitalization: var(--evgAccordionFontCapitalization);

    --headingPadding: var(--evgAccordionPaddingItemPadding);

    --subtitleFontSize: var(--evgAccordionSecondaryFontSizeL);
    --subtitleFontColor: var(--evgAccordionSecondaryFontColor);
    --subtitleFontWeight: var(--evgAccordionSecondaryFontWeight);
    --subtitleFontStyle: var(--evgAccordionSecondaryFontStyle);
    --subtitleFontLineHeight: var(--evgAccordionSecondaryFontLineHeight);
    --subtitleFontCapitalization: var(--evgAccordionSecondaryFontCapitalization);
    --subtitleFontActiveColor: var(--evgAccordionSecondaryFontAltColor);

    --borderColor: var(--evgAccordionBorderColor);
    --borderColorHover: var(--evgAccordionBorderHoverColor);
    --borderColorFocus: var(--evgAccordionBorderFocusColor);
    --borderColorActive: var(--evgAccordionBorderActiveColor);
    --borderRadius: var(--evgAccordionBorderRadius);

    --backgroundColor: var(--evgAccordionBackgroundColor);
    --backgroundColorFocus: var(--evgAccordionBackgroundFocusColor);
    --backgroundColorActive: var(--evgAccordionBackgroundActiveColor);

    padding: 0;
    border-top: 1px solid var(--borderColor);
    background-color: var(--backgroundColor);
    border-radius: var(--borderRadius);
}

.evergreen .evergreen-accordion:last-child {
    border-bottom: 1px solid var(--borderColor);
}

.evergreen .evergreen-accordion:not(.evergreen-accordion--active):focus-within {
    --borderColor: var(--borderColorFocus);
    --backgroundColor: var(--backgroundColorFocus);
}

.evergreen .evergreen-accordion:not(.evergreen-accordion--active):focus-within + .evergreen-accordion {
    --borderTopColor: var(--borderColorFocus);
}

.evergreen .evergreen-accordion:last-child:not(.evergreen-accordion--active):focus-within {
    --borderBottomColor: var(--borderColorFocus);
}

.evergreen .evergreen-accordion--active {
    --borderColor: var(--borderColorActive);
    --backgroundColor: var(--backgroundColorActive);
}

.evergreen .evergreen-accordion--active + .evergreen-accordion:not(.evergreen-accordion--active),
.evergreen .evergreen-accordion--active + .evergreen-accordion:focus-within:not(.evergreen-accordion--active) {
    --borderTopColor: var(--borderColorActive);
}

.evergreen .evergreen-accordion--active.evergreen-accordion:last-child:focus-within {
    --borderBottomColor: var(--borderColorActive);
}

.evergreen .evergreen-accordion .evergreen-accordion-header button.accordion-toggle {
    all: inherit;
    display: flex;
    width: 100%;
    padding: var(--headingPadding) 0;
}

.evergreen .evergreen-accordion h4.evergreen-accordion-header,
.evergreen .evergreen-accordion .evergreen-accordion-header button.accordion-toggle {
    --fontSize: var(--headingFontSize);
    --fontFamily: var(--evgAccordionFontFamily);
    --fontColor: var(--headingFontColor);
    --fontWeight: var(--headingFontWeight);
    --fontStyle: var(--headingFontStyle);
    --lineHeight: var(--headingFontLineHeight);
    --capitalization: var(--headingFontCapitalization);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    font-style: var(--fontStyle);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen .evergreen-accordion:not(.evergreen-accordion--active):focus-within h4.evergreen-accordion-header,
.evergreen .evergreen-accordion:not(.evergreen-accordion--active):focus-within .evergreen-accordion-header button.accordion-toggle {
    --fontColor: var(--headingFontFocusColor);
    color: var(--fontColor);
}

.evergreen .evergreen-accordion--active h4.evergreen-accordion-header,
.evergreen .evergreen-accordion--active .evergreen-accordion-header button.accordion-toggle {
    --fontColor: var(--headingFontActiveColor);
    color: var(--fontColor);
}

.evergreen .evergreen-accordion .evergreen-accordion-header button.accordion-toggle .evergreen-accordion-subtitle {
    --fontSize: var(--subtitleFontSize);
    --fontColor: var(--subtitleFontColor);
    --fontWeight: var(--subtitleFontWeight);
    --fontStyle: var(--subtitleFontStyle);
    --lineHeight: var(--subtitleFontLineHeight);
    --capitalization: var(--subtitleFontCapitalization);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    font-style: var(--fontStyle);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen .evergreen-accordion--active .evergreen-accordion-header button.accordion-toggle .evergreen-accordion-subtitle {
    --fontColor: var(--subtitleFontActiveColor);
    color: var(--fontColor);
}

.evergreen .evergreen-accordion-content {
    --fontColor: var(--detailFontColor);
    --fontSize: var(--evgBodyFontSizeL);
    --backgroundColor: var(--detailBackgroundColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);

    background-color: var(--backgroundColor);
}

.evergreen .evergreen-accordion-content-text,
.evergreen .evergreen-accordion-content-text p {
    font-size: var(--fontSize);
    color: var(--fontColor);
}

.evergreen .evergreen-accordion-content-text p a,
.evergreen .evergreen-accordion-content-text a:not([class*="evergreen-link--button"]) {
    --fontColor: var(--evgHyperlinkFontColor);

    color: var(--fontColor);

    transition-property: color, text-decoration;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.evergreen .evergreen-accordion-content-text p a:hover,
.evergreen .evergreen-accordion-content-text a:not([class*="evergreen-link--button"]):hover {
    --fontColor: var(--evgHyperlinkFontHoverColor);
    color: var(--fontColor);
}

.evergreen .evergreen-accordion-content-text p a:focus,
.evergreen .evergreen-accordion-content-text a:not([class*="evergreen-link--button"]):focus {
    --fontColor: var(--evgHyperlinkFontFocusColor);
    color: var(--fontColor);
}

/* Carousel */
.evergreen .evergreen-carousel-slider-item-text {
    --fontColor: var(--evgBodyFontColor);
    --fontSize: var(--evgBodyFontSizeL);

    color: var(--fontColor);
    font-size: var(--fontSize);
}

.evergreen .evergreen-carousel-display-item-header-text {
    --fontColor: var(--evgBodyFontColor);
    --fontSize: var(--evgH3FontSizeL);

    color: var(--fontColor);
    font-size: var(--fontSize);
}

.evergreen .evergreen-carousel-display-item-subtitle-text,
.evergreen .evergreen-carousel-display-item-text,
.evergreen .evergreen-carousel-display-item-text p {
    --fontColor: var(--evgBodyFontColor);
    --fontSize: var(--evgBodyFontSizeL);

    color: var(--fontColor);
    font-size: var(--fontSize);
}

.evergreen .evergreen-carousel-arrow,
.evergreen .evergreen-carousel-display-item-text a,
.evergreen .evergreen-carousel-display-item-text p a {
    --fontColor: var(--evgHyperlinkFontColor);

    color: var(--fontColor);
    transition-property: color, text-decoration;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.evergreen .evergreen-carousel-arrow:hover,
.evergreen .evergreen-carousel-display-item-text a:hover,
.evergreen .evergreen-carousel-display-item-text p a:hover {
    --fontColor: var(--evgHyperlinkFontHoverColor);
    text-decoration: underline;
    color: var(--fontColor);
}

.evergreen .evergreen-carousel-arrow:focus,
.evergreen .evergreen-carousel-display-item-text a:focus,
.evergreen .evergreen-carousel-display-item-text p a:focus {
    --fontColor: var(--evgHyperlinkFontFocusColor);
    color: var(--fontColor);
}


/* Tabs */
.evergreen .evergreen-tabs {
    --fontSize: var(--evgTabsFontSizeL);
    --fontFamily: var(--evgTabsFontFamily);
    --fontColor: var(--evgTabsFontColor);
    --fontColorHover: var(--evgTabsFontHoverColor);
    --fontColorActive: var(--evgTabsFontAltColor);
    --fontWeight: var(--evgTabsFontWeight);
    --lineHeight: var(--evgTabsFontLineHeight);
    --capitalization: var(--evgTabsFontCapitalization);
    --backgroundColor: var(--evgTabsBackgroundColor);
    --itemBackgroundColor: var(--evgTabsSecondaryBackgroundColor);
    --itemBackgroundColorHover: var(--evgTabsSecondaryBackgroundHoverColor);
    --itemBackgroundColorActive: var(--evgTabsSecondaryBackgroundActiveColor);
    --borderRadius: var(--evgTabsBorderRadius);

    margin-bottom: 16px;
    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen .evergreen-tabs ul {
    background-color: var(--backgroundColor);
    border: 0 none;
    padding: 10px 15px 0;
    list-style: none;
    display: flex;
    column-gap: 3px;
    margin: 0;
    flex-wrap: wrap;
}

.evergreen .evergreen-tabs li {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-wrap: anywhere;
}

.evergreen .evergreen-tabs ul li a {
    --fontSize: var(--evgTabsFontSizeL);
    --fontFamily: var(--evgTabsFontFamily);
    --fontColor: var(--evgTabsFontColor);
    --fontColorHover: var(--evgTabsFontHoverColor);
    --fontColorActive: var(--evgTabsFontAltColor);
    --fontWeight: var(--evgTabsFontWeight);
    --lineHeight: var(--evgTabsFontLineHeight);
    --capitalization: var(--evgTabsFontCapitalization);
    --backgroundColor: var(--itemBackgroundColor);

    color: var(--fontColor);
    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
    background: var(--backgroundColor);
    display: inline-block;
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
    padding: 10px 15px 5px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.evergreen .evergreen-tabs ul li a:not(.evergreen--selected):hover {
    --fontColor: var(--fontColorHover);
    --backgroundColor: var(--itemBackgroundColorHover);

    color: var(--fontColor);
    background-color: var(--backgroundColor);
}

.evergreen .evergreen-tabs ul li a.evergreen--selected,
.evergreen .evergreen-tabs ul li a.evergreen-active {
    --fontColor: var(--fontColorActive);
    --backgroundColor: var(--itemBackgroundColorActive);
    pointer-events: none;
    cursor: default;

    color: var(--fontColor);
    background-color: var(--backgroundColor);
}

/* List */
.evergreen ul {
    --bulletStyle: var(--evgListBulletStyle);
    --bulletcolor: var(--evgListBulletColor);
    --fontFamily: var(--evgListFontFamily);
    --fontSize: var(--evgListFontSizeL);
    --fontColor: var(--evgListFontColor);
    --fontWeight: var(--evgListFontWeight);
    --fontStyle: var(--evgListFontStyle);
    --lineHeight: var(--evgListFontLineHeight);
    --capitalization: var(--evgListFontCapitalization);
    --textDecoration: var(--evgListDecorationTextDecoration);
    --textDecorationColor: var(--evgListDecorationTextDecorationColor);
}

.evergreen ul li {
    color: var(--fontColor);
    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    font-weight: var(--fontWeight);
    font-style: var(--fontStyle);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);

    list-style-type: var(--bulletStyle);
    text-decoration: var(--textDecoration);
    text-decoration-color: var(--textDecorationColor);
}

.evergreen ul li:marker {
    color: var(--bulletcolor);
}

/* Table */
.evergreen table,
.evergreen .evergreen-table {

    --fontFamily: var(--evgTableFontFamily);
    --headingFontSize: var(--evgTableFontSizeL);
    --headingFontColor: var(--evgTableFontColor);
    --headingFontWeight: var(--evgTableFontWeight);
    --headingLineHeight: var(--evgTableFontLineHeight);
    --headingCapitalization: var(--evgTableFontCapitalization);
    --headerBackgroundColor: var(--evgTableBackgroundColor);

    --categoryFontColor: var(--evgTableSecondaryFontAltColor);
    --categoryBackgroundColor: var(--evgTableBackgroundAltColor);

    --rowFontSize: var(--evgTableSecondaryFontSizeL);
    --rowFontColor: var(--evgTableSecondaryFontColor);
    --rowFontWeight: var(--evgTableSecondaryFontWeight);
    --rowCapitalization: var(--evgTableSecondaryFontCapitalization);
    --rowBackgroundColor: var(--evgTableSecondaryBackgroundColor);
    --rowAltBackgroundColor: var(--evgTableZebra);

    --border: var(--evgTableRowUnderline);
    --borderColor: var(--evgTableBorderColor);
    --borderRadius: var(--evgTableBorderRadius);
}

.evergreen table tbody,
.evergreen table tbody tr,
.evergreen table tr,
.evergreen .evergreen-table tbody,
.evergreen .evergreen-table .evergreen-table-body,
.evergreen .evergreen-table tr,
.evergreen .evergreen-table .evergreen-table-row {
    font-size: var(--rowFontSize);
    font-family: var(--fontFamily);
    font-weight: var(--rowFontWeight);
    color: var(--rowFontColor);
    text-transform: var(--rowCapitalization);
    background-color: var(--rowBackgroundColor);
    border: var(--border);
    border-color: var(--borderColor);
}

.evergreen table tbody tr:nth-child(even),
.evergreen table tr:nth-child(even),
.evergreen .evergreen-table tbody tr:nth-child(even),
.evergreen .evergreen-table .evergreen-table-body tr:nth-child(even),
.evergreen .evergreen-table tr:nth-child(even),
.evergreen .evergreen-table .evergreen-table-row:nth-child(even) {
    background-color: var(--rowAltBackgroundColor);
}

.evergreen .evergreen-table tbody td.evergreen-table-category,
.evergreen .evergreen-table .evergreen-table-category {
    color: var(--categoryFontColor);
    background-color: var(--categoryBackgroundColor);
}

.evergreen .evergreen-table thead,
.evergreen .evergreen-table .evergreen-table-header,
.evergreen .evergreen-table thead tr {
    --fontSize: var(--headingFontSize);
    --fontColor: var(--headingFontColor);
    --fontWeight: var(--headingFontWeight);
    --lineHeight: var(--headingLineHeight);
    --capitalization: var(--headingCapitalization);
    --backgroundColor: var(--headerBackgroundColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    font-weight: var(--headingFontWeight);
    color: var(--headingFontColor);
    text-transform: var(--headingCapitalization);
    background-color: var(--headerBackgroundColor);
}

.evergreen .evergreen-table tbody a,
.evergreen .evergreen-table tbody .evergreen-link,
.evergreen .evergreen-table tbody a:hover,
.evergreen .evergreen-table tbody .evergreen-link:hover,
.evergreen .evergreen-table tbody a:focus,
.evergreen .evergreen-table tbody .evergreen-link:focus {
   color: var(--rowFontColor);
}


/* Module Styling */
.evergreen {
    background-color: var(--evgModuleBackgroundColor);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

.evergreen .evergreen-title, .evergreen .evergreen-title,
.evergreen .evergreen-title, .evergreen .evergreen-title .ModuleTitle {
    --fontSize: var(--evgModuleNameFontSizeL);
    --fontColor: var(--evgModuleNameFontColor);
    --fontFamily: var(--evgModuleNameFontFamily);
    --fontWeight: var(--evgModuleNameFontWeight);
    --capitalization: var(--evgModuleNameFontCapitalization);
    --lineHeight: var(--evgModuleNameFontLineHeight);
    --alignment: var(--evgModuleNameFontAlignment);

    margin: 0;
    overflow-wrap: anywhere;
    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
    text-align: var(--alignment);
}

.evergreen .evergreen-item {
    --backgroundColor: var(--evgModuleBackgroundItemBackgroundColor);
    --padding: var(--evgPaddingItemPadding);
    --borderBottom: var(--evgModuleItemUnderline);
    --borderBottomColor: var(--evgModuleItemUnderlineColor);

    background-color: var(--backgroundColor);
    padding: 30px var(--padding) 10px var(--padding);
    border-bottom: var(--borderBottom);
    border-bottom-color: var(borderBottomColor);
}

.evergreen .evergreen-item-title, .evergreen a.evergreen-item-title, .evergreen .evergreen-item-detail-title {
    --fontSize: var(--evgModuleItemTitleFontSizeL);
    --fontFamily: var(--evgModuleItemTitleFontFamily);
    --fontWeight: var(--evgModuleItemTitleFontWeight);
    --lineHeight: var(--evgModuleItemTitleFontLineHeight);
    --capitalization: var(--evgModuleItemTitleFontCapitalization);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen .evergreen-item-subtitle {
    --fontSize: var(--evgModuleItemSubtitleFontSizeL);
    --fontColor: var(--evgModuleItemSubtitleFontColor);
    --fontFamily: var(--evgModuleItemSubtitleFontFamily);
    --fontWeight: var(--evgModuleItemSubtitleFontWeight);
    --lineHeight: var(--evgModuleItemSubtitleFontLineHeight);
    --capitalization: var(--evgModuleItemSubtitleFontCapitalization);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen .evergreen-item-title:not(:hover):not(:focus), .evergreen a.evergreen-item-title:not(:hover):not(:focus), .evergreen .evergreen-item-detail-title {
    --fontColor: var(--evgModuleItemTitleFontColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen a.evergreen-item-title:hover {
    --fontColor: var(--evgModuleItemTitleFontHoverColor);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

.evergreen a.evergreen-item-title:focus, .evergreen a.evergreen-item-title:focus-visible {
    --fontColor: var(--evgModuleItemTitleFontFocusColor);
    color: var(--fontColor);
}

.evergreen .evergreen-item-date-time {
    --fontSize: var(--evgDateTimeFontSizeL);
    --fontColor: var(--evgDateTimeFontColor);
    --fontFamily: var(--evgDateTimeFontFamily);
    --fontWeight: var(--evgDateTimeFontWeight);
    --capitalization: var(--evgDateTimeFontCapitalization);
    --lineHeight: var(--evgDateTimeFontLineHeight);

    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    color: var(--fontColor);
    font-weight: var(--fontWeight);
    line-height: var(--lineHeight);
    text-transform: var(--capitalization);
}

/* Pager */
.evergreen .evergreen-pager {
    font-size: var(--evgBodyFontSizeL);
}

/** Responsive Tablet **/
@media only screen and (max-width: 1024px) and (min-width: 481px) {
    .evergreen {
        font-size: var(--evgBodyFontSizeM);
    }

    /* Text Editor */
    .evergreen p {
        font-size: var(--evgBodyFontSizeM);
    }

    .evergreen h1 {
        font-size: var(--evgH1FontSizeM);
        font-family: var(--evgH1FontFamily);
    }

    .evergreen h2 {
        font-size: var(--evgH2FontSizeM);
        font-family: var(--evgH2FontFamily);
    }

    .evergreen h3 {
        font-size: var(--evgH3FontSizeM);
        font-family: var(--evgH3FontFamily);
    }

    .evergreen h4 {
        font-size: var(--evgH4FontSizeM);
        font-family: var(--evgH4FontFamily);
    }

    .evergreen h5 {
        font-size: var(--evgH5FontSizeM);
        font-family: var(--evgH5FontFamily);
    }

    /* Hyperlink */
    .evergreen .evergreen-link,
    .evergreen a {
        font-size: var(--evgLinkFontSizeM);
    }

    /* Default Button */
    .evergreen .button, .evergreen .evergreen-button {
        font-size: var(--evgButtonFontSizeM);
    }

    /* Alt Button */
    .evergreen .button--alt, .evergreen .evergreen-button--alt {
        font-size: var(--evgButtonAltFontSizeM)
    }

    /* Dropdown */
    .evergreen .evergreen-dropdown {
        font-size: var(--evgDropdownFontSizeM);
    }

    /* Accordion */
    .evergreen .evergreen-accordion-header,
    .evergreen .evergreen-accordion button,
    .evergreen .evergreen-accordion button .evergreen-accordion-title,
    .evergreen .evergreen-accordion button .accordion-toggle-icon {
        font-size: var(--evgAccordionFontSizeM);
    }

    .evergreen .evergreen-accordion button .evergreen-accordion-subtitle {
        font-size: var(--evgAccordionSubtitleFontSizeM);
    }

    .evergreen .evergreen-accordion-content h3 {
        font-size: var(--evgH3FontSizeM);
    }

    .evergreen .evergreen-accordion-content-text,
    .evergreen .evergreen-accordion-content-text p {
        font-size: var(--evgBodyFontSizeM);
    }

    /* Carousel */
    .evergreen .evergreen-carousel-display-item-subtitle-text,
    .evergreen .evergreen-carousel-display-item-text,
    .evergreen .evergreen-carousel-slider-item-text {
        font-size: var(--evgBodyFontSizeM);
    }

    .evergreen .evergreen-carousel-display-item-header-text {
        font-size: var(--evgH3FontSizeM);
    }

    /* Tabs */
    .evergreen .evergreen-tabs {
        font-size: var(--evgTabsFontSizeM);
    }

    /* Module Styling */
    .evergreen .evergreen-title, .evergreen .evergreen-title .ModuleTitle {
        font-size: var(--evgModuleNameFontSizeM);
    }

    .evergreen .evergreen-item-title, .evergreen a.evergreen-item-title, .evergreen .evergreen-item-detail-title {
        font-size: var(--evgModuleItemTitleFontSizeM);
    }

    .evergreen .evergreen-item-subtitle {
        font-size: var(--evgModuleItemSubtitleFontSizeM);
    }

    .evergreen .evergreen-item-date-time {
        font-size: var(--evgDateTimeFontSizeM);
    }

    /* Pager */
    .evergreen .evergreen-pager {
        font-size: var(--evgBodyFontSizeM);
    }

    /* List */
    .evergreen ul {
        --fontSize: var(--evgListFontSizeM);
    }

    /* Table */
    .evergreen .evergreen-table tbody,
    .evergreen .evergreen-table .evergreen-table-body,
    .evergreen .evergreen-table tr {
        font-size: var(--evgTableSecondaryFontSizeM);
    }

    .evergreen .evergreen-table thead,
    .evergreen .evergreen-table .evergreen-table-header,
    .evergreen .evergreen-table thead tr {
        font-size: var(--evgTableFontSizeM);
    }
}

/** Responsive Mobile **/
@media only screen and (max-width: 480px) {
    .evergreen {
        font-size: var(--evgBodyFontSizeS);
    }

    /* Text Editor */
    .evergreen p {
        font-size: var(--evgBodyFontSizeS);
    }

    .evergreen h1 {
        font-size: var(--evgH1FontSizeS);
        font-family: var(--evgH1FontFamily);
    }

    .evergreen h2 {
        font-size: var(--evgH2FontSizeS);
        font-family: var(--evgH2FontFamily);
    }

    .evergreen h3 {
        font-size: var(--evgH3FontSizeS);
        font-family: var(--evgH3FontFamily);
    }

    .evergreen h4 {
        font-size: var(--evgH4FontSizeS);
        font-family: var(--evgH4FontFamily);
    }

    .evergreen h5 {
        font-size: var(--evgH5FontSizeS);
        font-family: var(--evgH5FontFamily);
    }

    /* Hyperlink */
    .evergreen .evergreen-link,
    .evergreen a {
        font-size: var(--evgLinkFontSizeS);
    }

    /* Default Button */
    .evergreen .button, .evergreen .evergreen-button {
        font-size: var(--evgButtonFontSizeS);
    }

    /* Alt Button */
    .evergreen .button--alt, .evergreen .evergreen-button--alt {
        font-size: var(--evgButtonAltFontSizeS)
    }

    /* Dropdown */
    .evergreen .evergreen-dropdown {
        font-size: var(--evgDropdownFontSizeS);
    }

    /* Accordion */
    .evergreen .evergreen-accordion-header,
    .evergreen .evergreen-accordion button,
    .evergreen .evergreen-accordion button .evergreen-accordion-title,
    .evergreen .evergreen-accordion button .accordion-toggle-icon {
        font-size: var(--evgAccordionFontSizeS);
    }

    .evergreen .evergreen-accordion button .evergreen-accordion-subtitle {
        font-size: var(--evgAccordionSubtitleFontSizeS);
    }

    .evergreen .evergreen-accordion-content h3 {
        font-size: var(--evgH3FontSizeS);
    }

    .evergreen .evergreen-accordion-content-text,
    .evergreen-accordion-content-text p {
        font-size: var(--evgBodyFontSizeS);
    }

    /* Carousel */
    .evergreen .evergreen-carousel-display-item-subtitle-text,
    .evergreen .evergreen-carousel-display-item-text,
    .evergreen .evergreen-carousel-slider-item-text {
        font-size: var(--evgBodyFontSizeS);
    }

    .evergreen .evergreen-carousel-display-item-header-text {
        font-size: var(--evgH3FontSizeS);
    }

    /* Tabs */
    .evergreen .evergreen-tabs {
        font-size: var(--evgTabsFontSizeS);
    }

    /* Module Styling */
    .evergreen .evergreen-title, .evergreen .evergreen-title .ModuleTitle {
        font-size: var(--evgModuleNameFontSizeS);
    }

    .evergreen .evergreen-item-title, .evergreen a.evergreen-item-title, .evergreen .evergreen-item-detail-title {
        font-size: var(--evgModuleItemTitleFontSizeS);
    }

    .evergreen .evergreen-item-subtitle {
        font-size: var(--evgModuleItemSubtitleFontSizeS);
    }

    .evergreen .evergreen-item-date-time {
        font-size: var(--evgDateTimeFontSizeS);
    }

    /* Pager */
    .evergreen .evergreen-pager {
        font-size: var(--evgBodyFontSizeS);
    }

    /* List */
    .evergreen ul {
        --fontSize: var(--evgListFontSizeM);
    }

    /* Table */
    .evergreen table tbody,
    .evergreen table tbody tr,
    .evergreen .evergreen-table tbody,
    .evergreen .evergreen-table .evergreen-table-body,
    .evergreen .evergreen-table tr {
        font-size: var(--evgTableSecondaryFontSizeS);
    }

    .evergreen table thead,
    .evergreen table thead tr,
    .evergreen .evergreen-table thead,
    .evergreen .evergreen-table .evergreen-table-header,
    .evergreen .evergreen-table thead tr {
        font-size: var(--evgTableFontSizeS);
    }
}