/*
    - Name: "card_item.scss"
    - Description: "Add custom styles to card item component"
*/
/**
 * Do not edit directly, this file was auto-generated.
 */
:root {
  --validationSummaryColorInfoBackground: #f2f7ff;
  --validationSummaryColorInfoTitle: #2c67c1;
  --validationSummaryColorErrorBackground: #fff2f3;
  --validationSummaryColorErrorTitle: #cf2d46;
  --validationSummaryColorSuccessBackground: #f7fdf8;
  --validationSummaryColorSuccessTitle: #7863c;
  --validationSummaryColorWarningBackground: #fff5f2;
  --validationSummaryColorWarningTitle: #bb4802;
  --validationSummaryFontSizeTitle: 14.22px;
  --validationSummaryFontSizeDescription: 14.22px;
  --validationSummaryFontWeightTitle: 700;
  --textInputGap: 12px;
  --textInputPaddingX: 16px;
  --textInputPaddingY: 12px;
  --textInputColorLabel: #131313;
  --textInputColorHelpText: #737373;
  --textInputColorPlaceholder: #c2c2c2;
  --textInputBorderColor: #131313;
  --textInputRadius: 2px;
  --textInputLabelLineheight: 1.25;
  --textInputBackground: #ffffff;
  --textInputFontSize: 16px;
  --borderWidthTextInput: 1px;
  --borderWidthRadioButton: 1px;
  --borderWidthCheckbox: 1px;
  --borderWidthFormFields: 1px;
  --textareaBorderWidth: 1px;
  --textareaRadius: 2px;
  --textareaBorderColorDefault: #131313;
  --textareaBorderColorDisabled: #c2c2c2;
  --textareaBorderColorError: #cf2d46;
  --textareaFontSize: 16px;
  --tooltipFontSize: 14.22px;
  --tooltipPadding: 8px;
  --tooltipColorBackground: #131313;
  --tooltipColorText: #ffffff;
  --tooltipShadow0X: 0;
  --tooltipShadow0Y: 0;
  --tooltipShadow0Blur: 1px;
  --tooltipShadow0Spread: 0;
  --tooltipShadow0Color: rgba(0, 0, 0, 0.4);
  --tooltipShadow0Type: dropShadow;
  --tooltipShadow1X: 0;
  --tooltipShadow1Y: 6px;
  --tooltipShadow1Blur: 6px;
  --tooltipShadow1Spread: -6px;
  --tooltipShadow1Color: rgba(0, 0, 0, 0.16);
  --tooltipShadow1Type: dropShadow;
  --tooltipRadius: 4px;
  --tooltipLineHeight: 1.25;
  --tocListItemFontSize: 16px;
  --tocListItemBorderRadius: 0;
  --tocListItemFontWeight: 400;
  --tocListItemTextColor: #131313;
  --tocListItemTextActiveColor: #ffffff;
  --tocListItemHoverTextDecoration: underline;
  --tocListItemBackgroundActiveColor: #f1f1f1;
  --tocListItemBackgroundActiveShadowX: 0;
  --tocListItemBackgroundActiveShadowY: 0;
  --tocListItemBackgroundActiveShadowBlur: 0;
  --tocListItemBackgroundActiveShadowSpread: 7;
  --tocListItemBackgroundActiveShadowColor: #737373;
  --tocListItemBackgroundActiveShadowType: dropShadow;
  --tocListGap: 12px; /* vertical space between toc list items */
  --tocHeadingFontFamily: "IBM Plex Sans";
  --tocHeadingFontWeight: 600;
  --tocHeadingFontSize: 18px;
  --tocHeadingLineHeight: 1.25;
  --tocHeadingParagraphSpacing: 24px;
  --tocAccordionBorderColorColor: #c2c2c2;
  --tocAccordionBorderColorWidth: 1px;
  --tocAccordionBorderColorStyle: solid;
  --tagFontSize: 14.22px;
  --tagBorderRadius: 2px;
  --tagBorderWidth: 1px;
  --tagBorderStyle: solid;
  --tagBorderColor: #131313;
  --tagPaddingX: 12px;
  --tagPaddingY: 8px;
  --tagLineHeight: 1.25;
  --tagFontWeight: 400;
  --tagTextColor: #131313;
  --tagHoverBackground: #f1f1f1;
  --tagHoverBorderWidth: 2px;
  --tagTextDecoration: none;
  --tagListGapX: 16px; /* horizontal space between tag items */
  --tagListGapY: 8px; /* vertical space between tag items */
  --tabsTabLabelFontFamily: "IBM Plex Sans";
  --tabsTabLabelFontWeight: 600;
  --tabsTabLabelLineHeight: 1.25;
  --tabsTabLabelFontSize: 18px;
  --tabsTabLabelTextCase: none;
  --tabsTabPaddingY: 12px;
  --tabsTabDefaultBorderBottomColor: rgba(0, 0, 0, 0);
  --tabsTabDefaultBorderBottomWidth: 2px;
  --tabsTabDefaultBorderBottomStyle: solid;
  --tabsTabActiveBorderBottomColor: #131313;
  --tabsTabActiveBorderBottomWidth: 2px;
  --tabsTabActiveBorderBottomStyle: solid;
  --tabsTabHoverBorderBottomColor: #131313;
  --tabsTabHoverBorderBottomWidth: 2px;
  --tabsTabHoverBorderBottomStyle: solid;
  --tabsTabListBackgroundColor: #ffffff;
  --tabsTabListBorderBottomColor: #c2c2c2;
  --tabsTabListBorderBottomWidth: 1px;
  --tabsTabListBorderBottomStyle: solid;
  --tabsTabListGap: 10px; /* horizontal space between tab-items */
  --tabsTabContentPadding: 16px;
  --tabsTabContentBorderBottomColor: #c2c2c2;
  --tabsTabContentBorderBottomWidth: 1px;
  --tabsTabContentBorderBottomStyle: solid;
  --tableColorCellBackground: #ffffff;
  --tableColorCellBackgroundStripe: #f1f1f1;
  --tableColorCellBorderBottom: #d9d9d9;
  --tableColorCellText: #131313;
  --tableColorCellIcon: #de0029;
  --tableColorHeaderBackground: #131313;
  --tableColorHeaderText: #ffffff;
  --tableColorHeaderIcon: #737373;
  --tableColorBorder: #d9d9d9;
  --selectColorLabel: #131313;
  --selectColorLabelDisabled: #c2c2c2;
  --selectColorButtonFill: #ffffff;
  --selectColorButtonFillHover: #ffffff;
  --selectColorButtonFillDisabled: #ffffff;
  --selectColorButtonStroke: #a6a6a6;
  --selectColorButtonStrokeHover: #8c8c8c;
  --selectColorButtonStrokeDisabled: #c2c2c2;
  --selectGap: 16px;
  --selectRadius: 2px;
  --selectBorderColorDefault: #131313;
  --radioButtonLabelColorLabel: #131313;
  --radioButtonLabelColorLabelDisabled: #c2c2c2;
  --radioButtonInputDefault: #ffffff;
  --radioButtonInputChecked: #131313;
  --radioButtonInputStroke: #131313;
  --radioButtonInputStrokeError: #cf2d46;
  --radioButtonSpacingGap: 8px;
  --radioButtonSize: 16px; /* input size */
  --radioButtonTypographyLabelFontFamily: "IBM Plex Sans";
  --radioButtonTypographyLabelFontSize: 14.22px;
  --radioButtonTypographyLabelFontWeight: 600;
  --paginationContainerDisplay: flex;
  --paginationContainerJustifyContent: space-between;
  --paginationContainerAlignItems: center;
  --paginationItemsGap: 8px; /* horizontal gap between pagination numbers ittems */
  --paginationTextFontFamily: "IBM Plex Sans";
  --paginationTextFontWeight: 400;
  --paginationTextFontSize: 14.22px;
  --paginationItemPaddingX: 12px;
  --paginationItemPaddingY: 8px;
  --paginationItemDefaultBackground: #ffffff;
  --paginationItemDefaultBorder: #737373;
  --paginationItemDefaultTextcolor: #131313;
  --paginationItemHoverBackground: #f1f1f1;
  --paginationItemActiveBackground: #131313;
  --paginationItemActiveBorder: #131313;
  --paginationItemActiveTextcolor: #ffffff;
  --linkColorDefault: #23529a;
  --linkColorHover: #23529a;
  --linkColorVisited: #0e213e;
  --linkBodyFontFamily: "IBM Plex Sans";
  --linkBodyFontWeight: 400;
  --linkBodyLineHeight: 1.5;
  --linkBodyFontSize: 16px;
  --linkBodyTextCase: none;
  --linkBodyTextDecoration: none;
  --imageTextOverlayBackgroundColor: #131313;
  --imageTextOverlayBackgroundOpacity: 0.2;
  --imageTextOverlayContentPaddingX: 16px;
  --imageTextOverlayContentPaddingY: 12px;
  --imageTextOverlayContentColor: #ffffff;
  --imageTextOverlayContentWeight: 600;
  --imageTextOverlayContentShadow0X: 0;
  --imageTextOverlayContentShadow0Y: 0;
  --imageTextOverlayContentShadow0Blur: 1px;
  --imageTextOverlayContentShadow0Spread: 0;
  --imageTextOverlayContentShadow0Color: rgba(0, 0, 0, 0.4);
  --imageTextOverlayContentShadow0Type: dropShadow;
  --imageTextOverlayContentShadow1X: 0;
  --imageTextOverlayContentShadow1Y: 6px;
  --imageTextOverlayContentShadow1Blur: 6px;
  --imageTextOverlayContentShadow1Spread: -6px;
  --imageTextOverlayContentShadow1Color: rgba(0, 0, 0, 0.16);
  --imageTextOverlayContentShadow1Type: dropShadow;
  --headerColorBackground: #131313;
  --headerColorMenuBackground: #ffffff;
  --headerColorMenuBgHover: #ffffff;
  --headerColorMenuItemText: #131313;
  --headerColorMenuItemDropdownIcon: #131313;
  --headerColorMenuItemTextHover: #131313;
  --headerColorMenuItemSeparator: #d9d9d9;
  --headerColorDropdownBackground: #ffffff;
  --headerColorDropdownItemText: #131313;
  --desktopHeaderMenuShadow0X: 0;
  --desktopHeaderMenuShadow0Y: 0;
  --desktopHeaderMenuShadow0Blur: 1px;
  --desktopHeaderMenuShadow0Spread: 0;
  --desktopHeaderMenuShadow0Color: rgba(0, 0, 0, 0.4);
  --desktopHeaderMenuShadow0Type: dropShadow;
  --desktopHeaderMenuShadow1X: 0;
  --desktopHeaderMenuShadow1Y: 6px;
  --desktopHeaderMenuShadow1Blur: 6px;
  --desktopHeaderMenuShadow1Spread: -6px;
  --desktopHeaderMenuShadow1Color: rgba(0, 0, 0, 0.16);
  --desktopHeaderMenuShadow1Type: dropShadow;
  --desktopHeaderMenuItemTextFontFamily: "IBM Plex Sans";
  --desktopHeaderMenuItemTextFontWeight: 400;
  --desktopHeaderMenuItemTextFontSize: 18px;
  --desktopHeaderMenuItemTextLineHeight: 26;
  --desktopHeaderMenuItemTextLetterSpacing: 0;
  --desktopHeaderMenuItemPaddingY: 16px;
  --desktopHeaderMenuItemPaddingX: 32px;
  --footerColorBackground: #131313;
  --footerColorLinkLabel: #ffffff;
  --footerColorLinkLabelHover: #737373;
  --featuredContentDesktopHeaderFontFamily: "IBM Plex Sans";
  --featuredContentDesktopHeaderFontWeight: 700;
  --featuredContentDesktopHeaderLineHeight: 1.37;
  --featuredContentDesktopHeaderFontSize: 22.78px;
  --featuredContentDesktopHeaderTextCase: none;
  --featuredContentMobileHeaderFontFamily: "IBM Plex Sans";
  --featuredContentMobileHeaderFontWeight: 700;
  --featuredContentMobileHeaderLineHeight: 1.25;
  --featuredContentMobileHeaderFontSize: 18px;
  --featuredContentMobileHeaderTextCase: none;
  --featuredContentBodyFontFamily: "IBM Plex Sans";
  --featuredContentBodyFontWeight: 400;
  --featuredContentBodyLineHeight: 1.5;
  --featuredContentBodyFontSize: 16px;
  --featuredContentBodyTextCase: none;
  --featuredContentButtonFontFamily: "IBM Plex Sans";
  --featuredContentButtonFontWeight: 700;
  --featuredContentButtonTextCase: uppercase;
  --featuredContentButtonFontSize: 16px;
  --featuredContentButtonLineHeight: 1.5;
  --featuredContentColorHeading: #131313;
  --featuredContentColorBody: #131313;
  --featuredContentColorButton: #ffffff;
  --featuredContentBackground: #f1f1f1;
  --featuredContentButtonBackground: #de0029;
  --checkboxLabelColorLabel: #131313;
  --checkboxLabelColorLabelDisabled: #c2c2c2;
  --checkboxInputDefault: #ffffff;
  --checkboxInputChecked: #131313;
  --checkboxInputStroke: #131313;
  --checkboxInputStrokeError: #cf2d46;
  --checkboxSpacingGap: 8px;
  --checkboxRadius: 2px;
  --checkboxSize: 16px; /* input size */
  --checkboxTypographyLabelFontFamily: "IBM Plex Sans";
  --checkboxTypographyLabelFontSize: 14.22px;
  --checkboxTypographyLabelFontWeight: 600;
  --cardSpacing: 32px;
  --buttonColorPrimaryBackground: #de0029;
  --buttonColorPrimaryText: #ffffff;
  --buttonColorPrimaryBackgroundHover: #131313;
  --buttonColorPrimaryTextHover: #ffffff;
  --buttonColorPrimaryIcon: #ffffff;
  --buttonColorPrimaryIconHover: #ffffff;
  --buttonColorSecondaryBackground: #ffffff;
  --buttonColorSecondaryText: #131313;
  --buttonColorSecondaryBackgroundHover: #131313;
  --buttonColorSecondaryTextHover: #ffffff;
  --buttonColorSecondaryIcon: #131313;
  --buttonColorSecondaryIconHover: #ffffff;
  --buttonLgPaddingX: 24px;
  --buttonLgPaddingXHover: 24px;
  --buttonLgPaddingXFocus: 24px;
  --buttonLgPaddingY: 16px;
  --buttonLgPaddingYHover: 16px;
  --buttonLgPaddingYFocus: 16px;
  --buttonRadius: 0;
  --buttonRadiusHover: 0;
  --buttonRadiusFocus: 0;
  --buttonBorderWidthOutlineFocus: 2px;
  --buttonBorderWidthBorder: 2px;
  --buttonBorderWidthBorderHover: 2px;
  --buttonBorderWidthBorderFocus: 2px;
  --buttonTextCase: none;
  --buttonBorderPrimaryColor: #de0029;
  --buttonBorderPrimaryColorHover: #131313;
  --buttonBorderSecondaryColor: #131313;
  --buttonBorderSecondaryColorHover: #131313;
  --buttonFontWeightText: 600;
  --buttonMdPaddingX: 24px;
  --buttonMdPaddingXHover: 24px;
  --buttonMdPaddingXFocus: 24px;
  --buttonMdPaddingY: 12px;
  --buttonMdPaddingYHover: 12px;
  --buttonMdPaddingYFocus: 12px;
  --buttonSmPaddingX: 12px;
  --buttonSmPaddingXHover: 12px;
  --buttonSmPaddingXFocus: 12px;
  --buttonSmPaddingY: 4px;
  --buttonSmPaddingYHover: 4px;
  --buttonSmPaddingYFocus: 4px;
  --buttonFontSizeLg: 20px;
  --buttonFontSizeMd: 16px;
  --buttonFontSizeSm: 14.22px;
  --buttonLineHeightLg: 28;
  --buttonLineHeightMd: 24;
  --buttonLineHeightSm: 22;
  --breadcrumbDefaultFontFamily: "IBM Plex Sans";
  --breadcrumbDefaultFontWeight: 600;
  --breadcrumbDefaultLineHeight: 1;
  --breadcrumbDefaultFontSize: 16px;
  --breadcrumbDefaultTextCase: none;
  --breadcrumbDefaultTextDecoration: underline;
  --breadcrumbTextDefault: #131313;
  --breadcrumbTextHover: #131313;
  --breadcrumbSeparator: #131313;
  --carouselItemContentBackgroundColor: #ffffff;
  --carouselItemContentSpacingLeft: 40px;
  --carouselItemContentSpacingBottom: 40px;
  --carouselItemContentTextColor: #131313;
  --carouselItemContentPadding: 24px;
  --carouselNavigationCounterTypographyFontFamily: "IBM Plex Sans";
  --carouselNavigationCounterTypographyFontWeight: 400;
  --carouselNavigationCounterTypographyFontSize: 14.22px;
  --carouselNavigationCounterTypographyLineHeight: 1.5;
  --carouselNavigationCounterTypographyParagraphSpacing: 24px;
  --blockQuotePaddingX: 40px;
  --blockQuotePaddingY: 24px;
  --accordionHeaderFontFamily: "IBM Plex Sans";
  --accordionHeaderFontWeight: 600;
  --accordionHeaderLineHeight: 1.5;
  --accordionHeaderFontSize: 18px;
  --accordionContentFontFamily: "IBM Plex Sans";
  --accordionContentFontWeight: 400;
  --accordionContentLineHeight: 1.5;
  --accordionContentFontSize: 16px;
  --accordionColorBody: #131313;
  --accordionColorHeader: #131313;
  --accordionColorHeaderHover: #f1f1f1;
  --accordionDividerColor: #c2c2c2;
  --accordionPaddingHeader: 12px;
  --accordionPaddingContent: 16px;
  --colorPrimaryDefault: #de0029;
  --colorTextBody: #131313;
  --colorTextSecondary: #737373;
  --colorTextHeading: #131313;
  --colorTextWhite: #ffffff;
  --colorTextBlack: #131313;
  --colorLinkDefault: #23529a;
  --colorLinkHover: #23529a;
  --colorLinkVisited: #0e213e;
  --colorLinkInverse: #ffffff;
  --colorBorderDefault: #a6a6a6;
  --colorBorderInput: #131313;
  --colorBorderInputDisabled: #c2c2c2;
  --colorBorderInputError: #cf2d46;
  --colorIconDefault: #de0029;
  --colorFocusDefault: #131313;
  --colorBackgroundWhite: #ffffff;
  --colorBackgroundBlack: #131313;
  --colorBackgroundLightGrey: #f1f1f1;
  --colorBackgroundWarning: #ffc700;
  --colorBackgroundInfo: #8bb0f6;
  --colorBrand: #de0029;
  --colorBlack: #131313;
  --colorWhite: #ffffff;
  --colorCobaltblue: #23529a;
  --colorCobaltblueDarker: #0e213e;
  --colorCorporateRed100: #ffe0e6;
  --colorCorporateRed200: #ffadbc;
  --colorCorporateRed300: #ff7a93;
  --colorCorporateRed400: #ff4769;
  --colorCorporateRed500: #ff1440;
  --colorCorporateRed600: #de0029;
  --colorCorporateRed700: #ad0020;
  --colorCorporateRed800: #7a0017;
  --colorCorporateRed900: #47000d;
  --colorGreys100: #f1f1f1;
  --colorGreys200: #d9d9d9;
  --colorGreys300: #c2c2c2;
  --colorGreys400: #a6a6a6;
  --colorGreys500: #8c8c8c;
  --colorGreys600: #737373;
  --colorGreys700: #595959;
  --colorGreys800: #404040;
  --colorFeedbackError: #cf2d46;
  --colorFeedbackSuccess: #17863c;
  --colorFeedbackWarning: #ffc700;
  --colorFeedbackInfo: #8bb0f6;
  --fontFamilyBody: "IBM Plex Sans";
  --fontFamilyHeading: "IBM Plex Sans";
  --fontFamilyBlockquote: "IBM Plex Serif";
  --fontFamilyPrimary: "IBM Plex Sans";
  --fontFamilySecondary: "IBM Plex Serif";
  --radiusFormFields: 2px;
  --radiusNone: 0;
  --radiusXs: 2px;
  --radiusSm: 4px;
  --radiusMd: 10px;
  --radiusLg: 20px;
  --radiusRound: 999px;
  --formFieldFocusX: 0;
  --formFieldFocusY: 0;
  --formFieldFocusBlur: 0;
  --formFieldFocusSpread: 2px;
  --formFieldFocusColor: #8c8c8c;
  --formFieldFocusType: dropShadow;
  --spacingFormFields: 12px; /* Gap between label and input/select/textarea */
  --spacing4xs: 2px;
  --spacing3xs: 4px;
  --spacing2xs: 8px;
  --spacingXs: 12px;
  --spacingSm: 16px;
  --spacingMd: 24px;
  --spacingLg: 32px;
  --spacingXl: 40px;
  --spacing2xl: 48px;
  --spacing3xl: 64px;
  --spacing4xl: 72px;
  --spacing5xl: 96px;
  --sizeXs: 12px;
  --sizeSm: 16px;
  --sizeMd: 24px;
  --sizeLg: 32px;
  --sizeXl: 40px;
  --size2xl: 48px;
  --breakpointXs: 360;
  --breakpointSm: 576;
  --breakpointMd: 800;
  --breakpointLg: 992;
  --breakpointXl: 1248;
  --breakpointXxl: 1440;
  --opacity0: 0;
  --opacitySuperLight: 0.2;
  --opacityLight: 0.4;
  --opacityMedium: 0.65;
  --opacityDark: 0.85;
  --borderSm: 1px;
  --borderMd: 2px;
  --borderLg: 5px;
  --lineHeight1: 1;
  --lineHeightXs: 1.12;
  --lineHeightSm: 1.25;
  --lineHeightMd: 1.37;
  --lineHeightLg: 1.5;
  --lineHeightXl: 1.75;
  --lineHeightXxl: 2;
  --fontWeightRegular: 400;
  --fontWeightSemibold: 600;
  --fontWeightBold: 700;
  --fontSizeXSmall: 12.64px;
  --fontSizeSmall: 14.22px;
  --fontSizeBody: 16px;
  --fontSizeLead: 18px;
  --fontSizeH4: 18px;
  --fontSizeH3: 22.78px;
  --fontSizeH2: 36.49px;
  --fontSizeH1: 52px;
  --fontSizeMobileH1: 28.8px;
  --fontSizeMobileH2: 22.78px;
  --fontSizeMobileH3: 18px;
  --fontSizeMobileH4: 16px;
  --fontSizeMobileLead: 16px;
  --letterSpacing0: 0;
  --letterSpacingTight: -3px;
  --paragraphSpacing0: 0;
  --paragraphSpacingNormal: 24px;
  --desktopH1DefaultFontFamily: "IBM Plex Sans";
  --desktopH1DefaultFontWeight: 400;
  --desktopH1DefaultLineHeight: 1.12;
  --desktopH1DefaultFontSize: 52px;
  --desktopH1DefaultLetterSpacing: 0;
  --desktopH1DefaultParagraphSpacing: 0;
  --desktopH1DefaultTextCase: none;
  --desktopH1DefaultTextDecoration: none;
  --desktopH1BoldFontFamily: "IBM Plex Sans";
  --desktopH1BoldFontWeight: 600;
  --desktopH1BoldLineHeight: 1.12;
  --desktopH1BoldFontSize: 52px;
  --desktopH1BoldLetterSpacing: 0;
  --desktopH1BoldParagraphSpacing: 0;
  --desktopH1BoldTextCase: none;
  --desktopH1BoldTextDecoration: none;
  --desktopH2DefaultFontFamily: "IBM Plex Sans";
  --desktopH2DefaultFontWeight: 400;
  --desktopH2DefaultLineHeight: 1.25;
  --desktopH2DefaultFontSize: 36.49px;
  --desktopH2DefaultLetterSpacing: 0;
  --desktopH2DefaultParagraphSpacing: 0;
  --desktopH2DefaultTextCase: none;
  --desktopH2DefaultTextDecoration: none;
  --desktopH2BoldFontFamily: "IBM Plex Sans";
  --desktopH2BoldFontWeight: 600;
  --desktopH2BoldLineHeight: 1.25;
  --desktopH2BoldFontSize: 36.49px;
  --desktopH2BoldLetterSpacing: 0;
  --desktopH2BoldParagraphSpacing: 0;
  --desktopH2BoldTextCase: none;
  --desktopH2BoldTextDecoration: none;
  --desktopH3DefaultFontFamily: "IBM Plex Sans";
  --desktopH3DefaultFontWeight: 400;
  --desktopH3DefaultLineHeight: 1.37;
  --desktopH3DefaultFontSize: 22.78px;
  --desktopH3DefaultLetterSpacing: 0;
  --desktopH3DefaultParagraphSpacing: 0;
  --desktopH3DefaultTextCase: none;
  --desktopH3DefaultTextDecoration: none;
  --desktopH3BoldFontFamily: "IBM Plex Sans";
  --desktopH3BoldFontWeight: 600;
  --desktopH3BoldLineHeight: 1.37;
  --desktopH3BoldFontSize: 22.78px;
  --desktopH3BoldLetterSpacing: 0;
  --desktopH3BoldParagraphSpacing: 0;
  --desktopH3BoldTextCase: none;
  --desktopH3BoldTextDecoration: none;
  --desktopH4DefaultFontFamily: "IBM Plex Sans";
  --desktopH4DefaultFontWeight: 400;
  --desktopH4DefaultLineHeight: 1.5;
  --desktopH4DefaultFontSize: 18px;
  --desktopH4DefaultLetterSpacing: 0;
  --desktopH4DefaultParagraphSpacing: 0;
  --desktopH4DefaultTextCase: none;
  --desktopH4DefaultTextDecoration: none;
  --desktopH4BoldFontFamily: "IBM Plex Sans";
  --desktopH4BoldFontWeight: 600;
  --desktopH4BoldLineHeight: 1.5;
  --desktopH4BoldFontSize: 18px;
  --desktopH4BoldLetterSpacing: 0;
  --desktopH4BoldParagraphSpacing: 0;
  --desktopH4BoldTextCase: none;
  --desktopH4BoldTextDecoration: none;
  --mobileH1DefaultFontFamily: "IBM Plex Sans";
  --mobileH1DefaultFontWeight: 400;
  --mobileH1DefaultLineHeight: 1.25;
  --mobileH1DefaultFontSize: 28.8px;
  --mobileH1DefaultLetterSpacing: 0;
  --mobileH1DefaultParagraphSpacing: 0;
  --mobileH1DefaultTextCase: none;
  --mobileH1DefaultTextDecoration: none;
  --mobileH1BoldFontFamily: "IBM Plex Sans";
  --mobileH1BoldFontWeight: 600;
  --mobileH1BoldLineHeight: 1.25;
  --mobileH1BoldFontSize: 28.8px;
  --mobileH1BoldLetterSpacing: 0;
  --mobileH1BoldParagraphSpacing: 0;
  --mobileH1BoldTextCase: none;
  --mobileH1BoldTextDecoration: none;
  --mobileH2DefaultFontFamily: "IBM Plex Sans";
  --mobileH2DefaultFontWeight: 400;
  --mobileH2DefaultLineHeight: 1.25;
  --mobileH2DefaultFontSize: 22.78px;
  --mobileH2DefaultLetterSpacing: 0;
  --mobileH2DefaultParagraphSpacing: 0;
  --mobileH2DefaultTextCase: none;
  --mobileH2DefaultTextDecoration: none;
  --mobileH2BoldFontFamily: "IBM Plex Sans";
  --mobileH2BoldFontWeight: 600;
  --mobileH2BoldLineHeight: 1.25;
  --mobileH2BoldFontSize: 22.78px;
  --mobileH2BoldLetterSpacing: 0;
  --mobileH2BoldParagraphSpacing: 0;
  --mobileH2BoldTextCase: none;
  --mobileH2BoldTextDecoration: none;
  --mobileH3DefaultFontFamily: "IBM Plex Sans";
  --mobileH3DefaultFontWeight: 400;
  --mobileH3DefaultLineHeight: 1.25;
  --mobileH3DefaultFontSize: 18px;
  --mobileH3DefaultLetterSpacing: 0;
  --mobileH3DefaultParagraphSpacing: 0;
  --mobileH3DefaultTextCase: none;
  --mobileH3DefaultTextDecoration: none;
  --mobileH3BoldFontFamily: "IBM Plex Sans";
  --mobileH3BoldFontWeight: 600;
  --mobileH3BoldLineHeight: 1.25;
  --mobileH3BoldFontSize: 18px;
  --mobileH3BoldLetterSpacing: 0;
  --mobileH3BoldParagraphSpacing: 0;
  --mobileH3BoldTextCase: none;
  --mobileH3BoldTextDecoration: none;
  --mobileH4DefaultFontFamily: "IBM Plex Sans";
  --mobileH4DefaultFontWeight: 400;
  --mobileH4DefaultLineHeight: 1.25;
  --mobileH4DefaultFontSize: 16px;
  --mobileH4DefaultLetterSpacing: 0;
  --mobileH4DefaultParagraphSpacing: 0;
  --mobileH4DefaultTextCase: none;
  --mobileH4DefaultTextDecoration: none;
  --mobileH4BoldFontFamily: "IBM Plex Sans";
  --mobileH4BoldFontWeight: 600;
  --mobileH4BoldLineHeight: 1.25;
  --mobileH4BoldFontSize: 16px;
  --mobileH4BoldLetterSpacing: 0;
  --mobileH4BoldParagraphSpacing: 0;
  --mobileH4BoldTextCase: none;
  --mobileH4BoldTextDecoration: none;
  --textCaseNone: none;
  --textCaseUpper: uppercase;
  --textCaseCapitalize: capitalize;
  --textCaseLower: lowercase;
  --textDecoration1: underline;
  --textDecorationNone: none;
  --largeDefaultFontFamily: "IBM Plex Sans";
  --largeDefaultFontWeight: 400;
  --largeDefaultFontSize: 18px;
  --largeDefaultLineHeight: 1.25;
  --largeDefaultParagraphSpacing: 24px;
  --largeBoldFontFamily: "IBM Plex Sans";
  --largeBoldFontWeight: 600;
  --largeBoldFontSize: 18px;
  --largeBoldLineHeight: 1.25;
  --largeBoldParagraphSpacing: 24px;
  --baseDefaultFontFamily: "IBM Plex Sans";
  --baseDefaultFontWeight: 400;
  --baseDefaultFontSize: 16px;
  --baseDefaultLineHeight: 1.5;
  --baseDefaultParagraphSpacing: 24px;
  --baseBoldFontFamily: "IBM Plex Sans";
  --baseBoldFontWeight: 600;
  --baseBoldFontSize: 16px;
  --baseBoldLineHeight: 1.5;
  --baseBoldParagraphSpacing: 24px;
  --smallDefaultFontFamily: "IBM Plex Sans";
  --smallDefaultFontWeight: 400;
  --smallDefaultFontSize: 14.22px;
  --smallDefaultLineHeight: 1.5;
  --smallDefaultParagraphSpacing: 24px;
  --smallBoldFontFamily: "IBM Plex Sans";
  --smallBoldFontWeight: 600;
  --smallBoldFontSize: 14.22px;
  --smallBoldLineHeight: 1.5;
  --smallBoldParagraphSpacing: 24px;
  --xsmallDefaultFontFamily: "IBM Plex Sans";
  --xsmallDefaultFontWeight: 400;
  --xsmallDefaultFontSize: 12.64px;
  --xsmallDefaultLineHeight: 1.5;
  --xsmallDefaultParagraphSpacing: 24px;
  --xsmallBoldFontFamily: "IBM Plex Sans";
  --xsmallBoldFontWeight: 600;
  --xsmallBoldFontSize: 12.64px;
  --xsmallBoldLineHeight: 1.5;
  --xsmallBoldParagraphSpacing: 24px;
  --linkBaseFontFamily: "IBM Plex Sans";
  --linkBaseFontWeight: 600;
  --linkBaseFontSize: 16px;
  --linkBaseLineHeight: 1.25;
  --linkHoverTextDecoration: underline;
  --linkLeadFontFamily: "IBM Plex Sans";
  --linkLeadFontWeight: 600;
  --linkLeadFontSize: 18px;
  --linkLeadLineHeight: 1.25;
  --linkSmallFontFamily: "IBM Plex Sans";
  --linkSmallFontWeight: 600;
  --linkSmallFontSize: 14.22px;
  --linkSmallLineHeight: 1.25;
  --linkInverseFontFamily: "IBM Plex Sans";
  --linkInverseFontWeight: 600;
  --linkInverseFontSize: 16px;
  --linkInverseLineHeight: 1.25;
  --linkInverseTextDecoration: underline;
  --blockquoteFontFamily: "IBM Plex Serif";
  --blockquoteFontWeight: 400;
  --blockquoteFontSize: 18px;
  --blockquoteLineHeight: 1.25;
  --blockquoteParagraphSpacing: 0;
  --gridColumnsDefault: 12;
  --gridColumnsXs: 4;
  --gridColumnsSm: 4;
  --gridColumnsMd: 8;
  --gridColumnsLg: 8;
  --gridColumnsXl: 12;
  --gridColumnsXxl: 12;
  --gridGutterXs: 16;
  --gridGutterSm: 16;
  --gridGutterMd: 16;
  --gridGutterLg: 16;
  --gridGutterXl: 24;
  --gridGutterXxl: 24;
  --gridContainerPaddingXs: 16;
  --gridContainerPaddingSm: 16;
  --gridContainerPaddingMd: 16;
  --gridContainerPaddingLg: 16;
  --gridContainerPaddingXl: 24;
  --gridContainerPaddingXxl: 24;
  --gridColumnWidthXs: calc((100% - (3 * 16)) / 4);
  --gridColumnWidthSm: calc((100% - (3 * 16)) / 4);
  --gridColumnWidthMd: calc((100% - (7 * 16)) / 8);
  --gridColumnWidthLg: calc((100% - (7 * 16)) / 8);
  --gridColumnWidthXl: calc((100% - (11 * 24)) / 12 );
  --gridColumnWidthXxl: calc((100% - (11 * 24)) / 12 );
  --gridContainerMaxWidthXs: 100%;
  --gridContainerMaxWidthSm: 100%;
  --gridContainerMaxWidthMd: 100%;
  --gridContainerMaxWidthLg: 100%;
  --gridContainerMaxWidthXl: 100%;
  --gridContainerMaxWidthXxl: 1272px;
  --shadowSm0X: 0;
  --shadowSm0Y: 0;
  --shadowSm0Blur: 1px;
  --shadowSm0Spread: 0;
  --shadowSm0Color: rgba(0, 0, 0, 0.4);
  --shadowSm0Type: dropShadow;
  --shadowSm1X: 0;
  --shadowSm1Y: 6px;
  --shadowSm1Blur: 6px;
  --shadowSm1Spread: -6px;
  --shadowSm1Color: rgba(0, 0, 0, 0.16);
  --shadowSm1Type: dropShadow;
  --shadowMd0X: 0;
  --shadowMd0Y: 0;
  --shadowMd0Blur: 1px;
  --shadowMd0Spread: 0;
  --shadowMd0Color: rgba(0, 0, 0, 0.4);
  --shadowMd0Type: dropShadow;
  --shadowMd1X: 0;
  --shadowMd1Y: 12px;
  --shadowMd1Blur: 12px;
  --shadowMd1Spread: -6px;
  --shadowMd1Color: rgba(0, 0, 0, 0.16);
  --shadowMd1Type: dropShadow;
  --shadowLg0X: 0;
  --shadowLg0Y: 0;
  --shadowLg0Blur: 1px;
  --shadowLg0Spread: 0;
  --shadowLg0Color: rgba(0, 0, 0, 0.4);
  --shadowLg0Type: dropShadow;
  --shadowLg1X: 0;
  --shadowLg1Y: 8px;
  --shadowLg1Blur: 24px;
  --shadowLg1Spread: -6px;
  --shadowLg1Color: rgba(0, 0, 0, 0.16);
  --shadowLg1Type: dropShadow;
  --shadowXl0X: 0;
  --shadowXl0Y: 0;
  --shadowXl0Blur: 1px;
  --shadowXl0Spread: 0;
  --shadowXl0Color: rgba(0, 0, 0, 0.2);
  --shadowXl0Type: dropShadow;
  --shadowXl1X: 0;
  --shadowXl1Y: 0px;
  --shadowXl1Blur: 32px;
  --shadowXl1Spread: -8px;
  --shadowXl1Color: rgba(0, 0, 0, 0.12);
  --shadowXl1Type: dropShadow;
  --shadowXl2X: 0;
  --shadowXl2Y: 32px;
  --shadowXl2Blur: 32px;
  --shadowXl2Spread: -8px;
  --shadowXl2Color: rgba(0, 0, 0, 0.08);
  --shadowXl2Type: dropShadow;
  --tokenSetOrder0: global;
  --tokenSetOrder1: semantic;
  --tokenSetOrder2: components/accordion;
  --tokenSetOrder3: components/blockQuote;
  --tokenSetOrder4: components/carousel;
  --tokenSetOrder5: components/breadcrumbs;
  --tokenSetOrder6: components/button;
  --tokenSetOrder7: components/card;
  --tokenSetOrder8: components/checkbox;
  --tokenSetOrder9: components/featuredContent;
  --tokenSetOrder10: components/footer;
  --tokenSetOrder11: components/header;
  --tokenSetOrder12: components/image&Text;
  --tokenSetOrder13: components/link;
  --tokenSetOrder14: components/pagination;
  --tokenSetOrder15: components/radioButton;
  --tokenSetOrder16: components/select;
  --tokenSetOrder17: components/table;
  --tokenSetOrder18: components/tabs;
  --tokenSetOrder19: components/tag;
  --tokenSetOrder20: components/tableOfContents;
  --tokenSetOrder21: components/tooltip;
  --tokenSetOrder22: components/textarea;
  --tokenSetOrder23: components/textInput;
  --tokenSetOrder24: components/validationSummary;
  --full: [object Object];
  --global: [object Object];
  --semantic: [object Object];
  --components: [object Object];
}

.component-cards.cards_layout_grid .cards-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  align-self: flex-start;
  gap: var(--spacingSm);
}

.component-cards.cards_layout_grid .cards-wrapper > .card-item {
  width: 100%;
}

@media all and (min-width: 36rem) {
  .component-cards.cards_layout_grid.two-cols .cards-wrapper > .card-item {
    width: calc(50% - var(--paragraphSpacingNormal) * 1 / 2);
  }
}
.component-cards.cards_layout_grid.two-cols .card-title .heading {
  font-size: var(--desktopH3BoldFontSize);
  font-weight: var(--desktopH3BoldFontWeight);
  line-height: var(--desktopH3BoldLineHeight);
}

@media all and (min-width: 36rem) {
  .component-cards.cards_layout_grid.three-cols .cards-wrapper > .card-item {
    width: calc(50% - var(--paragraphSpacingNormal) * 1 / 2);
  }
}
@media all and (min-width: 50.0625rem) {
  .component-cards.cards_layout_grid.three-cols .cards-wrapper > .card-item {
    width: calc(33.333% - var(--paragraphSpacingNormal) * 2 / 3);
  }
}
@media all and (min-width: 36rem) {
  .component-cards.cards_layout_grid.four-cols .cards-wrapper > .card-item {
    width: calc(50% - var(--paragraphSpacingNormal) * 1 / 2);
  }
}
@media all and (min-width: 50.0625rem) {
  .component-cards.cards_layout_grid.four-cols .cards-wrapper > .card-item {
    width: calc(33.333% - var(--paragraphSpacingNormal) * 2 / 3);
  }
}
@media all and (min-width: 62rem) {
  .component-cards.cards_layout_grid.four-cols .cards-wrapper > .card-item {
    width: calc(25% - var(--paragraphSpacingNormal) * 3 / 4);
  }
}
.component-cards .cards-slider.splide .splide__track {
  padding: 0 15% !important;
}

@media all and (min-width: 36rem) {
  .component-cards .cards-slider.splide .splide__track {
    margin: 0 !important;
    padding: 0 !important;
  }
}
.component-cards .cards-slider.splide .splide__track .splide__slide {
  padding: 0;
}

.component-cards .cards-slider.splide .splide__track .splide__slide:first-child, .component-cards .cards-slider.splide .splide__track .splide__slide:last-child:not(:nth-child(2)), .component-cards .cards-slider.splide .splide__track .splide__slide:first-child:nth-last-child(2), .component-cards .cards-slider.splide .splide__track .splide__slide:nth-child(2):last-child {
  padding: 0;
  margin: 0;
}

.component-cards .cards-slider.splide .splide__arrows {
  margin-bottom: 0;
}

.component-cards .cards-slider.splide .splide__arrows button.splide__arrow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  align-self: center;
  width: var(--sizeLg);
  height: var(--sizeLg);
  margin-left: var(--spacingSm);
  border: 2px solid var(--colorBlack);
}

@media all and (min-width: 36rem) {
  .component-cards .cards-slider.splide .splide__arrows button.splide__arrow {
    width: var(--size2xl);
    height: var(--size2xl);
  }
}
.component-cards .cards-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: flex-start;
  align-self: flex-start;
  margin-bottom: var(--spacingSm);
}

.component-cards .cards-header .cards-heading {
  flex: 1 0 auto;
}

.component-cards .cards-footer {
  margin: var(--spacingMd);
}

.component-cards .cards-footer .cards-read-more-link {
  display: flex;
  justify-content: center;
}