/**
 * Do not edit directly
 * Generated on Sat, 22 Feb 2025 16:44:05 GMT
 */
:root {
  --group-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); /* Increases readability when used on a image background. */
  --group-shadow-large: 0 0 30px 0 rgba(0, 7, 57, 0.15); /* Large shadow are used for hover effects. */
  --group-shadow-normal: 0 0 10px 0 rgba(0, 7, 57, 0.15); /* Default shadow size to elevate an element. */
  --group-shadow-small: 0px 2px 5px 1px rgba(0, 7, 57, 0.12);
  --group-opacity-100: 1;
  --group-opacity-80: 0.8;
  --group-opacity-60: 0.6;
  --group-opacity-50: 0.5;
  --group-opacity-40: 0.4;
  --group-opacity-30: 0.3;
  --group-opacity-0: 0;
  --group-font-family-text: "UniversNextforHSBC-Regular", sans-serif;
  --group-font-family-title: "UniversNextforHSBC-Bold", sans-serif;
  --group-animation-transition-easing: cubic-bezier(0.25, 0.8, 0.5, 1);
  --group-animation-transition-duration: 300ms;
  --group-z-index-tooltip: 1300; /* Default z-index for tooltips. */
  --group-z-index-toast: 1200; /* Default z-index for toast and snackbar messages. */
  --group-z-index-modal: 1100; /* Default z-index for modals that stacks on top of overlays and other elements, but still allows popups to be visible. */
  --group-z-index-popup: 1000; /* Default z-index for popups that stacks on top of all other elements. */
  --group-z-index-navigation: 400; /* Default z-index for navigation. */
  --group-z-index-sticky: 300; /* Default z-index for sticky interface elements. */
  --group-z-index-mask: 200; /* Default z-index for masking interface elements. */
  --group-z-index-masked: 100; /* Default z-index for masked interface elements. */
  --group-z-index: 1; /* The default z-index for components and elements inside components. */
  --group-z-index-deep: -999999; /* Deep z-index is used to stack something behind everything else. */
  --group-space-xx-large-desktop: 4rem;
  --group-space-xx-large-tablet: 3.5rem;
  --group-space-xx-large: 3rem;
  --group-space-x-large-desktop: 3rem;
  --group-space-x-large-tablet: 2.5rem;
  --group-space-x-large: 2rem; /* Space between heading and card */
  --group-space-large-desktop: 2rem;
  --group-space-large: 1.5rem; /* Space between cards */
  --group-space-medium-desktop: 1.5rem;
  --group-space-medium: 1.25rem; /* Inner padding of cards */
  --group-space-normal: 1rem; /* Space between large headings and content. */
  --group-space-small: 0.75rem;
  --group-space-x-small: 0.5rem; /* Space between text and icons or headings and content or clickable elements */
  --group-space-xx-small: 0.25rem; /* Minimum space between two elements */
  --group-radius-rounded: 9999px; /* The rounded radius token embraces a curvier design language, introducing a high degree of softness and fluidity to your elements. */
  --group-radius-large: 0.75rem; /* The large radius token makes a bold visual statement by significantly rounding the corners of elements. */
  --group-container-size-fluid: 100%; /* The container for fullscreen application with a large table for example. */
  --group-container-size-normal: 1496px; /* The default container size is versatile and suitable for various applications and website pages. */
  --group-container-size-compact: 896px; /* Tailored container size designed for form wizard applications or pages. */
  --group-breakpoint-fullhd: 1920px; /* Crafted for Full HD displays, this breakpoint strikes a balance between detail and performance. */
  --group-breakpoint-widescreen: 1440px; /* Tailored for widescreen monitors, this breakpoint offers a panoramic view that accommodates expansive content layouts. */
  --group-breakpoint-high-definition: 1280px; /* Designed for high-definition displays, this breakpoint elevates your interface to a level of visual richness and clarity. */
  --group-breakpoint-desktop: 1024px; /* Optimized for desktop screens, this breakpoint provides a spacious canvas for your design, allowing for more intricate layouts and detailed content presentation. */
  --group-breakpoint-tablet: 769px; /* Tailored for tablet devices, this breakpoint ensures a seamless and optimized user experience on medium-sized screens. */
  --group-scale-3-elevation-functional-spread: 0rem;
  --group-scale-3-elevation-functional-blur: 1rem;
  --group-scale-3-elevation-functional-y: 0rem;
  --group-scale-3-elevation-functional-x: 0rem;
  --group-scale-3-elevation-decorative-spread: 0rem;
  --group-scale-3-elevation-decorative-blur: 0.5rem;
  --group-scale-3-elevation-decorative-y: 0rem;
  --group-scale-3-elevation-decorative-x: 0rem;
  --group-scale-3-icon-large-width: 2.25rem;
  --group-scale-3-icon-large-height: 2.25rem;
  --group-scale-3-icon-medium-width: 1.5rem;
  --group-scale-3-icon-medium-height: 1.5rem;
  --group-scale-3-icon-small-width: 1.125rem;
  --group-scale-3-icon-small-height: 1.125rem;
  --group-scale-3-icon-xsmall-width: 0.75rem;
  --group-scale-3-icon-xsmall-height: 0.75rem;
  --group-scale-3-icon-arrow-font-7-height: 0.5625rem;
  --group-scale-3-icon-arrow-font-7-width: 0.28125rem;
  --group-scale-3-icon-arrow-font-6-height: 0.625rem;
  --group-scale-3-icon-arrow-font-6-width: 0.3125rem;
  --group-scale-3-icon-arrow-font-5-height: 0.75rem;
  --group-scale-3-icon-arrow-font-5-width: 0.375rem;
  --group-scale-3-icon-arrow-font-4-height: 0.75rem;
  --group-scale-3-icon-arrow-font-4-width: 0.375rem;
  --group-scale-3-icon-arrow-font-3-height: 1rem;
  --group-scale-3-icon-arrow-font-3-width: 0.5rem;
  --group-scale-3-icon-arrow-font-2-height: 1.375rem;
  --group-scale-3-icon-arrow-font-2-width: 0.6875rem;
  --group-scale-3-icon-arrow-font-1-height: 1.75rem;
  --group-scale-3-icon-arrow-font-1-width: 0.875rem;
  --group-scale-3-typography-letter-spacing-font-7: 0rem;
  --group-scale-3-typography-letter-spacing-font-6: 0rem;
  --group-scale-3-typography-letter-spacing-font-5: 0rem;
  --group-scale-3-typography-letter-spacing-font-4: 0rem;
  --group-scale-3-typography-letter-spacing-font-3: 0rem;
  --group-scale-3-typography-letter-spacing-font-2: 0rem;
  --group-scale-3-typography-letter-spacing-font-1: 0rem;
  --group-scale-3-typography-paragraph-spacing-font-7: 0.5rem;
  --group-scale-3-typography-paragraph-spacing-font-6: 0.625rem;
  --group-scale-3-typography-paragraph-spacing-font-5: 0.75rem;
  --group-scale-3-typography-paragraph-spacing-font-4: 1.0625rem;
  --group-scale-3-typography-paragraph-spacing-font-3: 1.3125rem;
  --group-scale-3-typography-paragraph-spacing-font-2: 1.625rem;
  --group-scale-3-typography-paragraph-spacing-font-1: 2rem;
  --group-scale-3-typography-line-height-font-7: 1rem;
  --group-scale-3-typography-line-height-font-6: 1.25rem;
  --group-scale-3-typography-line-height-font-5: 1.5rem;
  --group-scale-3-typography-line-height-font-4: 2.125rem;
  --group-scale-3-typography-line-height-font-3: 2.625rem;
  --group-scale-3-typography-line-height-font-2: 3.25rem;
  --group-scale-3-typography-line-height-font-1: 4.125rem;
  --group-scale-3-typography-font-size-font-7: 0.75rem;
  --group-scale-3-typography-font-size-font-6: 0.875rem;
  --group-scale-3-typography-font-size-font-5: 1rem;
  --group-scale-3-typography-font-size-font-4: 1.5rem;
  --group-scale-3-typography-font-size-font-3: 2rem;
  --group-scale-3-typography-font-size-font-2: 2.6875rem;
  --group-scale-3-typography-font-size-font-1: 3.5625rem;
  --group-scale-3-typography-font-weight-bold: String value;
  --group-scale-3-typography-font-weight-medium: medium;
  --group-scale-3-typography-font-weight-regular: regular;
  --group-scale-3-typography-font-weight-light: light;
  --group-scale-3-typography-font-weight-thin: thin;
  --group-scale-3-typography-font-family: Univers Next for HSBC;
  --group-scale-3-border-width-large: 0.25rem;
  --group-scale-3-border-width-medium: 0.125rem;
  --group-scale-3-border-width-small: 0.0625rem;
  --group-scale-3-border-radius: 0rem;
  --group-scale-3-padding-arrow-font-7-left: 0.25rem;
  --group-scale-3-padding-arrow-font-7-top: 0.25rem;
  --group-scale-3-padding-arrow-font-6-left: 0.3125rem;
  --group-scale-3-padding-arrow-font-6-top: 0.375rem;
  --group-scale-3-padding-arrow-font-5-left: 0.375rem;
  --group-scale-3-padding-arrow-font-5-top: 0.4375rem;
  --group-scale-3-padding-arrow-font-4-left: 0.375rem;
  --group-scale-3-padding-arrow-font-4-top: 0.9375rem;
  --group-scale-3-padding-arrow-font-3-left: 0.5rem;
  --group-scale-3-padding-arrow-font-3-top: 1.125rem;
  --group-scale-3-padding-arrow-font-2-left: 0.6875rem;
  --group-scale-3-padding-arrow-font-2-top: 1.375rem;
  --group-scale-3-padding-arrow-font-1-left: 0.875rem;
  --group-scale-3-padding-arrow-font-1-top: 1.8125rem;
  --group-scale-3-padding-fixed-xlarge: 1.5rem;
  --group-scale-3-padding-fixed-large: 1.25rem;
  --group-scale-3-padding-fixed-medium: 1rem;
  --group-scale-3-padding-fixed-small: 0.75rem;
  --group-scale-3-padding-responsive-xlarge: 2rem;
  --group-scale-3-padding-responsive-large: 1.75rem;
  --group-scale-3-padding-responsive-medium: 1.5rem;
  --group-scale-3-padding-responsive-small: 1.25rem;
  --group-scale-3-padding-responsive-xsmall: 1.1875rem;
  --group-scale-3-padding-responsive-xxsmall: 1.0625rem;
  --group-scale-3-padding-responsive-xxxsmall: 0.625rem;
  --group-scale-3-gap-responsive-section-xlarge: 8.5rem;
  --group-scale-3-gap-responsive-section-large: 7.25rem;
  --group-scale-3-gap-responsive-section-medium: 6rem;
  --group-scale-3-gap-responsive-section-small: 5rem;
  --group-scale-3-gap-responsive-section-xsmall: 4rem;
  --group-scale-3-gap-responsive-subsection-large: 4rem;
  --group-scale-3-gap-responsive-subsection-medium: 3.5rem;
  --group-scale-3-gap-responsive-subsection-small: 2.5rem;
  --group-scale-3-gap-responsive-subsection-xsmall: 2rem;
  --group-scale-3-gap-responsive-content-xxlarge: 2rem;
  --group-scale-3-gap-responsive-content-xlarge: 1.75rem;
  --group-scale-3-gap-responsive-content-large: 1.5rem;
  --group-scale-3-gap-responsive-content-medium: 1.25rem;
  --group-scale-3-gap-responsive-content-small: 1rem;
  --group-scale-3-gap-responsive-content-xsmall: 0.75rem;
  --group-scale-3-gap-fixed-section-xlarge: 7.5rem;
  --group-scale-3-gap-fixed-section-large: 6.25rem;
  --group-scale-3-gap-fixed-section-medium: 5rem;
  --group-scale-3-gap-fixed-section-small: 4rem;
  --group-scale-3-gap-fixed-section-xsmall: 3rem;
  --group-scale-3-gap-fixed-subsection-large: 3rem;
  --group-scale-3-gap-fixed-subsection-medium: 2.5rem;
  --group-scale-3-gap-fixed-subsection-small: 2rem;
  --group-scale-3-gap-fixed-subsection-xsmall: 1.5rem;
  --group-scale-3-gap-fixed-content-medium: 0.75rem;
  --group-scale-3-gap-fixed-content-small: 0.5rem;
  --group-scale-3-gap-fixed-content-xsmall: 0.25rem;
  --group-scale-3-gap-fixed-content-xxsmall: 0.125rem;
  --group-scale-3-layout-app-columns: 0.75rem;
  --group-scale-3-layout-app-gutter: 1rem;
  --group-scale-3-layout-app-margin: 1rem;
  --group-scale-3-layout-web-columns: 0.75rem;
  --group-scale-3-layout-web-gutter: 1.5rem;
  --group-scale-3-layout-web-margin: 1.5rem;
  --group-scale-2-elevation-functional-spread: 0rem;
  --group-scale-2-elevation-functional-blur: 1rem;
  --group-scale-2-elevation-functional-y: 0rem;
  --group-scale-2-elevation-functional-x: 0rem;
  --group-scale-2-elevation-decorative-spread: 0rem;
  --group-scale-2-elevation-decorative-blur: 0.5rem;
  --group-scale-2-elevation-decorative-y: 0rem;
  --group-scale-2-elevation-decorative-x: 0rem;
  --group-scale-2-icon-large-width: 2.25rem;
  --group-scale-2-icon-large-height: 2.25rem;
  --group-scale-2-icon-medium-width: 1.5rem;
  --group-scale-2-icon-medium-height: 1.5rem;
  --group-scale-2-icon-small-width: 1.125rem;
  --group-scale-2-icon-small-height: 1.125rem;
  --group-scale-2-icon-xsmall-width: 0.75rem;
  --group-scale-2-icon-xsmall-height: 0.75rem;
  --group-scale-2-icon-arrow-font-7-height: 0.5625rem;
  --group-scale-2-icon-arrow-font-7-width: 0.28125rem;
  --group-scale-2-icon-arrow-font-6-height: 0.625rem;
  --group-scale-2-icon-arrow-font-6-width: 0.3125rem;
  --group-scale-2-icon-arrow-font-5-height: 0.75rem;
  --group-scale-2-icon-arrow-font-5-width: 0.375rem;
  --group-scale-2-icon-arrow-font-4-height: 0.6875rem;
  --group-scale-2-icon-arrow-font-4-width: 0.34375rem;
  --group-scale-2-icon-arrow-font-3-height: 0.875rem;
  --group-scale-2-icon-arrow-font-3-width: 0.4375rem;
  --group-scale-2-icon-arrow-font-2-height: 1.125rem;
  --group-scale-2-icon-arrow-font-2-width: 0.5625rem;
  --group-scale-2-icon-arrow-font-1-height: 1.375rem;
  --group-scale-2-icon-arrow-font-1-width: 0.6875rem;
  --group-scale-2-typography-letter-spacing-font-7: 0rem;
  --group-scale-2-typography-letter-spacing-font-6: 0rem;
  --group-scale-2-typography-letter-spacing-font-5: 0rem;
  --group-scale-2-typography-letter-spacing-font-4: 0rem;
  --group-scale-2-typography-letter-spacing-font-3: 0rem;
  --group-scale-2-typography-letter-spacing-font-2: 0rem;
  --group-scale-2-typography-letter-spacing-font-1: 0rem;
  --group-scale-2-typography-paragraph-spacing-font-7: 0.5rem;
  --group-scale-2-typography-paragraph-spacing-font-6: 0.625rem;
  --group-scale-2-typography-paragraph-spacing-font-5: 0.75rem;
  --group-scale-2-typography-paragraph-spacing-font-4: 1rem;
  --group-scale-2-typography-paragraph-spacing-font-3: 1.125rem;
  --group-scale-2-typography-paragraph-spacing-font-2: 1.3125rem;
  --group-scale-2-typography-paragraph-spacing-font-1: 1.5625rem;
  --group-scale-2-typography-line-height-font-7: 1rem;
  --group-scale-2-typography-line-height-font-6: 1.25rem;
  --group-scale-2-typography-line-height-font-5: 1.5rem;
  --group-scale-2-typography-line-height-font-4: 1.9375rem;
  --group-scale-2-typography-line-height-font-3: 2.25rem;
  --group-scale-2-typography-line-height-font-2: 2.625rem;
  --group-scale-2-typography-line-height-font-1: 3.125rem;
  --group-scale-2-typography-font-size-font-7: 0.75rem;
  --group-scale-2-typography-font-size-font-6: 0.875rem;
  --group-scale-2-typography-font-size-font-5: 1rem;
  --group-scale-2-typography-font-size-font-4: 1.375rem;
  --group-scale-2-typography-font-size-font-3: 1.75rem;
  --group-scale-2-typography-font-size-font-2: 2.1875rem;
  --group-scale-2-typography-font-size-font-1: 2.75rem;
  --group-scale-2-typography-font-weight-bold: bold;
  --group-scale-2-typography-font-weight-medium: medium;
  --group-scale-2-typography-font-weight-regular: regular;
  --group-scale-2-typography-font-weight-light: light;
  --group-scale-2-typography-font-weight-thin: thin;
  --group-scale-2-typography-font-family: Univers Next for HSBC;
  --group-scale-2-border-width-large: 0.25rem;
  --group-scale-2-border-width-medium: 0.125rem;
  --group-scale-2-border-width-small: 0.0625rem;
  --group-scale-2-border-radius: 0rem;
  --group-scale-2-padding-arrow-font-7-left: 0.25rem;
  --group-scale-2-padding-arrow-font-7-top: 0.25rem;
  --group-scale-2-padding-arrow-font-6-left: 0.3125rem;
  --group-scale-2-padding-arrow-font-6-top: 0.375rem;
  --group-scale-2-padding-arrow-font-5-left: 0.375rem;
  --group-scale-2-padding-arrow-font-5-top: 0.4375rem;
  --group-scale-2-padding-arrow-font-4-left: 0.3125rem;
  --group-scale-2-padding-arrow-font-4-top: 0.875rem;
  --group-scale-2-padding-arrow-font-3-left: 0.4375rem;
  --group-scale-2-padding-arrow-font-3-top: 1rem;
  --group-scale-2-padding-arrow-font-2-left: 0.5625rem;
  --group-scale-2-padding-arrow-font-2-top: 1.125rem;
  --group-scale-2-padding-arrow-font-1-left: 0.6875rem;
  --group-scale-2-padding-arrow-font-1-top: 1.3125rem;
  --group-scale-2-padding-fixed-xlarge: 1.5rem;
  --group-scale-2-padding-fixed-large: 1.25rem;
  --group-scale-2-padding-fixed-medium: 1rem;
  --group-scale-2-padding-fixed-small: 0.75rem;
  --group-scale-2-padding-responsive-xlarge: 1.75rem;
  --group-scale-2-padding-responsive-large: 1.5rem;
  --group-scale-2-padding-responsive-medium: 1.25rem;
  --group-scale-2-padding-responsive-small: 1rem;
  --group-scale-2-padding-responsive-xsmall: 0.9375rem;
  --group-scale-2-padding-responsive-xxsmall: 0.8125rem;
  --group-scale-2-padding-responsive-xxxsmall: 0.5rem;
  --group-scale-2-gap-responsive-section-xlarge: 8rem;
  --group-scale-2-gap-responsive-section-large: 6.75rem;
  --group-scale-2-gap-responsive-section-medium: 5.5rem;
  --group-scale-2-gap-responsive-section-small: 4.5rem;
  --group-scale-2-gap-responsive-section-xsmall: 3.5rem;
  --group-scale-2-gap-responsive-subsection-large: 3.5rem;
  --group-scale-2-gap-responsive-subsection-medium: 3rem;
  --group-scale-2-gap-responsive-subsection-small: 2.25rem;
  --group-scale-2-gap-responsive-subsection-xsmall: 1.75rem;
  --group-scale-2-gap-responsive-content-xxlarge: 1.75rem;
  --group-scale-2-gap-responsive-content-xlarge: 1.5rem;
  --group-scale-2-gap-responsive-content-large: 1.25rem;
  --group-scale-2-gap-responsive-content-medium: 1rem;
  --group-scale-2-gap-responsive-content-small: 0.75rem;
  --group-scale-2-gap-responsive-content-xsmall: 0.5rem;
  --group-scale-2-gap-fixed-section-xlarge: 7.5rem;
  --group-scale-2-gap-fixed-section-large: 6.25rem;
  --group-scale-2-gap-fixed-section-medium: 5rem;
  --group-scale-2-gap-fixed-section-small: 4rem;
  --group-scale-2-gap-fixed-section-xsmall: 3rem;
  --group-scale-2-gap-fixed-subsection-large: 3rem;
  --group-scale-2-gap-fixed-subsection-medium: 2.5rem;
  --group-scale-2-gap-fixed-subsection-small: 2rem;
  --group-scale-2-gap-fixed-subsection-xsmall: 1.5rem;
  --group-scale-2-gap-fixed-content-medium: 0.75rem;
  --group-scale-2-gap-fixed-content-small: 0.5rem;
  --group-scale-2-gap-fixed-content-xsmall: 0.25rem;
  --group-scale-2-gap-fixed-content-xxsmall: 0.125rem;
  --group-scale-2-layout-app-columns: 0.75rem;
  --group-scale-2-layout-app-gutter: 1rem;
  --group-scale-2-layout-app-margin: 1rem;
  --group-scale-2-layout-web-columns: 0.75rem;
  --group-scale-2-layout-web-gutter: 1.25rem;
  --group-scale-2-layout-web-margin: 1.25rem;
  --group-scale-1-elevation-functional-spread: 0rem;
  --group-scale-1-elevation-functional-blur: 1rem;
  --group-scale-1-elevation-functional-y: 0rem;
  --group-scale-1-elevation-functional-x: 0rem;
  --group-scale-1-elevation-decorative-spread: 0rem;
  --group-scale-1-elevation-decorative-blur: 0.5rem;
  --group-scale-1-elevation-decorative-y: 0rem;
  --group-scale-1-elevation-decorative-x: 0rem;
  --group-scale-1-icon-large-width: 2.25rem;
  --group-scale-1-icon-large-height: 2.25rem;
  --group-scale-1-icon-medium-width: 1.5rem;
  --group-scale-1-icon-medium-height: 1.5rem;
  --group-scale-1-icon-small-width: 1.125rem;
  --group-scale-1-icon-small-height: 1.125rem;
  --group-scale-1-icon-xsmall-width: 0.75rem;
  --group-scale-1-icon-xsmall-height: 0.75rem;
  --group-scale-1-icon-arrow-font-7-height: 0.5625rem;
  --group-scale-1-icon-arrow-font-7-width: 0.28125rem;
  --group-scale-1-icon-arrow-font-6-height: 0.625rem;
  --group-scale-1-icon-arrow-font-6-width: 0.3125rem;
  --group-scale-1-icon-arrow-font-5-height: 0.75rem;
  --group-scale-1-icon-arrow-font-5-width: 0.375rem;
  --group-scale-1-icon-arrow-font-4-height: 0.625rem;
  --group-scale-1-icon-arrow-font-4-width: 0.3125rem;
  --group-scale-1-icon-arrow-font-3-height: 0.75rem;
  --group-scale-1-icon-arrow-font-3-width: 0.375rem;
  --group-scale-1-icon-arrow-font-2-height: 0.875rem;
  --group-scale-1-icon-arrow-font-2-width: 0.4375rem;
  --group-scale-1-icon-arrow-font-1-height: 1.0625rem;
  --group-scale-1-icon-arrow-font-1-width: 0.53125rem;
  --group-scale-1-typography-letter-spacing-font-7: 0rem;
  --group-scale-1-typography-letter-spacing-font-6: 0rem;
  --group-scale-1-typography-letter-spacing-font-5: 0rem;
  --group-scale-1-typography-letter-spacing-font-4: 0rem;
  --group-scale-1-typography-letter-spacing-font-3: 0rem;
  --group-scale-1-typography-letter-spacing-font-2: 0rem;
  --group-scale-1-typography-letter-spacing-font-1: 0rem;
  --group-scale-1-typography-paragraph-spacing-font-7: 0.5rem;
  --group-scale-1-typography-paragraph-spacing-font-6: 0.625rem;
  --group-scale-1-typography-paragraph-spacing-font-5: 0.75rem;
  --group-scale-1-typography-paragraph-spacing-font-4: 0.875rem;
  --group-scale-1-typography-paragraph-spacing-font-3: 0.9375rem;
  --group-scale-1-typography-paragraph-spacing-font-2: 1.125rem;
  --group-scale-1-typography-paragraph-spacing-font-1: 1.25rem;
  --group-scale-1-typography-line-height-font-7: 1rem;
  --group-scale-1-typography-line-height-font-6: 1.25rem;
  --group-scale-1-typography-line-height-font-5: 1.5rem;
  --group-scale-1-typography-line-height-font-4: 1.6875rem;
  --group-scale-1-typography-line-height-font-3: 1.875rem;
  --group-scale-1-typography-line-height-font-2: 2.25rem;
  --group-scale-1-typography-line-height-font-1: 2.5rem;
  --group-scale-1-typography-font-size-font-7: 0.75rem;
  --group-scale-1-typography-font-size-font-6: 0.875rem;
  --group-scale-1-typography-font-size-font-5: 1rem;
  --group-scale-1-typography-font-size-font-4: 1.1875rem;
  --group-scale-1-typography-font-size-font-3: 1.4375rem;
  --group-scale-1-typography-font-size-font-2: 1.75rem;
  --group-scale-1-typography-font-size-font-1: 2.0625rem;
  --group-scale-1-typography-font-weight-bold: bold;
  --group-scale-1-typography-font-weight-medium: medium;
  --group-scale-1-typography-font-weight-regular: regular;
  --group-scale-1-typography-font-weight-light: light;
  --group-scale-1-typography-font-weight-thin: thin;
  --group-scale-1-typography-font-family: Univers Next for HSBC;
  --group-scale-1-border-width-large: 0.25rem;
  --group-scale-1-border-width-medium: 0.125rem;
  --group-scale-1-border-width-small: 0.0625rem;
  --group-scale-1-border-radius: 0rem;
  --group-scale-1-padding-arrow-font-7-left: 0.25rem;
  --group-scale-1-padding-arrow-font-7-top: 0.25rem;
  --group-scale-1-padding-arrow-font-6-left: 0.3125rem;
  --group-scale-1-padding-arrow-font-6-top: 0.375rem;
  --group-scale-1-padding-arrow-font-5-left: 0.375rem;
  --group-scale-1-padding-arrow-font-5-top: 0.4375rem;
  --group-scale-1-padding-arrow-font-4-left: 0.3125rem;
  --group-scale-1-padding-arrow-font-4-top: 0.6875rem;
  --group-scale-1-padding-arrow-font-3-left: 0.375rem;
  --group-scale-1-padding-arrow-font-3-top: 0.8125rem;
  --group-scale-1-padding-arrow-font-2-left: 0.4375rem;
  --group-scale-1-padding-arrow-font-2-top: 1rem;
  --group-scale-1-padding-arrow-font-1-left: 0.5rem;
  --group-scale-1-padding-arrow-font-1-top: 1.0625rem;
  --group-scale-1-padding-fixed-xlarge: 1.5rem;
  --group-scale-1-padding-fixed-large: 1.25rem;
  --group-scale-1-padding-fixed-medium: 1rem;
  --group-scale-1-padding-fixed-small: 0.75rem;
  --group-scale-1-padding-responsive-xlarge: 1.5rem;
  --group-scale-1-padding-responsive-large: 1.25rem;
  --group-scale-1-padding-responsive-medium: 1rem;
  --group-scale-1-padding-responsive-small: 0.75rem;
  --group-scale-1-padding-responsive-xsmall: 0.6875rem;
  --group-scale-1-padding-responsive-xxsmall: 0.5625rem;
  --group-scale-1-padding-responsive-xxxsmall: 0.375rem;
  --group-scale-1-gap-responsive-section-xlarge: 7.5rem;
  --group-scale-1-gap-responsive-section-large: 6.25rem;
  --group-scale-1-gap-responsive-section-medium: 5rem;
  --group-scale-1-gap-responsive-section-small: 4rem;
  --group-scale-1-gap-responsive-section-xsmall: 3rem;
  --group-scale-1-gap-responsive-subsection-large: 3rem;
  --group-scale-1-gap-responsive-subsection-medium: 2.5rem;
  --group-scale-1-gap-responsive-subsection-small: 2rem;
  --group-scale-1-gap-responsive-subsection-xsmall: 1.5rem;
  --group-scale-1-gap-responsive-content-xxlarge: 1.5rem;
  --group-scale-1-gap-responsive-content-xlarge: 1.25rem;
  --group-scale-1-gap-responsive-content-large: 1rem;
  --group-scale-1-gap-responsive-content-medium: 0.75rem;
  --group-scale-1-gap-responsive-content-small: 0.5rem;
  --group-scale-1-gap-responsive-content-xsmall: 0.25rem;
  --group-scale-1-gap-fixed-section-xlarge: 7.5rem;
  --group-scale-1-gap-fixed-section-large: 6.25rem;
  --group-scale-1-gap-fixed-section-medium: 5rem;
  --group-scale-1-gap-fixed-section-small: 4rem;
  --group-scale-1-gap-fixed-section-xsmall: 3rem;
  --group-scale-1-gap-fixed-subsection-large: 3rem;
  --group-scale-1-gap-fixed-subsection-medium: 2.5rem;
  --group-scale-1-gap-fixed-subsection-small: 2rem;
  --group-scale-1-gap-fixed-subsection-xsmall: 1.5rem;
  --group-scale-1-gap-fixed-content-medium: 0.75rem;
  --group-scale-1-gap-fixed-content-small: 0.5rem;
  --group-scale-1-gap-fixed-content-xsmall: 0.25rem;
  --group-scale-1-gap-fixed-content-xxsmall: 0.125rem;
  --group-scale-1-layout-app-columns: 0.75rem;
  --group-scale-1-layout-app-gutter: 1rem;
  --group-scale-1-layout-app-margin: 1rem;
  --group-scale-1-layout-web-columns: 0.75rem;
  --group-scale-1-layout-web-gutter: 1rem;
  --group-scale-1-layout-web-margin: 1rem;
  --group-light-elevation-border: #ffffff00;
  --group-light-elevation-functional: #00000033;
  --group-light-elevation-decorative: #00000033;
  --group-light-image-opacity-disabled: 20;
  --group-light-image-opacity: 100;
  --group-light-overlay-on-light-version2: #000000d9;
  --group-light-overlay-on-light-version1: #00000080;
  --group-hsbc-colour-rag-dark-blue-tint: #000d1b;
  --group-hsbc-colour-rag-dark-green-tint: #001615;
  --group-hsbc-colour-rag-dark-amber-tint: #221701;
  --group-hsbc-colour-rag-dark-red-tint: #260005;
  --group-hsbc-colour-rag-blue-tint: #ebeff4;
  --group-hsbc-colour-rag-blue: #305a85;
  --group-hsbc-colour-rag-green-tint: #e5f2f2;
  --group-hsbc-colour-rag-green: #00847f;
  --group-hsbc-colour-rag-amber-tint: #fff8ea;
  --group-hsbc-colour-rag-amber: #ffbb33;
  --group-hsbc-colour-rag-red-tint: #f9f2f3;
  --group-hsbc-colour-rag-red: #a8000b;
  --group-hsbc-colour-data-vis-green-4: #74a157;
  --group-hsbc-colour-data-vis-green-3: #4da90f;
  --group-hsbc-colour-data-vis-green-2: #518827;
  --group-hsbc-colour-data-vis-green-1: #356512;
  --group-hsbc-colour-data-vis-orange-4: #ec7046;
  --group-hsbc-colour-data-vis-orange-3: #ed500d;
  --group-hsbc-colour-data-vis-orange-2: #c64d24;
  --group-hsbc-colour-data-vis-orange-1: #9b4822;
  --group-hsbc-colour-data-vis-pink-4: #e76e84;
  --group-hsbc-colour-data-vis-pink-3: #f14e73;
  --group-hsbc-colour-data-vis-pink-2: #c03954;
  --group-hsbc-colour-data-vis-pink-1: #933d4f;
  --group-hsbc-colour-data-vis-purple-4: #b184c7;
  --group-hsbc-colour-data-vis-purple-3: #a752cf;
  --group-hsbc-colour-data-vis-purple-2: #8738ab;
  --group-hsbc-colour-data-vis-purple-1: #7c4386;
  --group-hsbc-colour-data-vis-blue-4: #509ebc;
  --group-hsbc-colour-data-vis-blue-3: #1494c6;
  --group-hsbc-colour-data-vis-blue-2: #347893;
  --group-hsbc-colour-data-vis-blue-1: #266076;
  --group-hsbc-colour-illustration-complimentary-cream-8: #5a493b;
  --group-hsbc-colour-illustration-complimentary-cream-7: #725d4b;
  --group-hsbc-colour-illustration-complimentary-cream-6: #987b64;
  --group-hsbc-colour-illustration-complimentary-cream-5: #b59377;
  --group-hsbc-colour-illustration-complimentary-cream-4: #f8dbbb;
  --group-hsbc-colour-illustration-complimentary-cream-3: #fee8cf;
  --group-hsbc-colour-illustration-complimentary-cream-2: #fef0e0;
  --group-hsbc-colour-illustration-complimentary-cream-1: #fff7ee;
  --group-hsbc-colour-illustration-complimentary-tan-8: #523821;
  --group-hsbc-colour-illustration-complimentary-tan-7: #6d4a2a;
  --group-hsbc-colour-illustration-complimentary-tan-6: #956539;
  --group-hsbc-colour-illustration-complimentary-tan-5: #ae7d54;
  --group-hsbc-colour-illustration-complimentary-tan-4: #edb97f;
  --group-hsbc-colour-illustration-complimentary-tan-3: #f1cca5;
  --group-hsbc-colour-illustration-complimentary-tan-2: #f5dbc0;
  --group-hsbc-colour-illustration-complimentary-tan-1: #f8e5d2;
  --group-hsbc-colour-illustration-complimentary-mid-brown-8: #43290e;
  --group-hsbc-colour-illustration-complimentary-mid-brown-7: #5d3811;
  --group-hsbc-colour-illustration-complimentary-mid-brown-6: #794817;
  --group-hsbc-colour-illustration-complimentary-mid-brown-5: #915d31;
  --group-hsbc-colour-illustration-complimentary-mid-brown-4: #bc8145;
  --group-hsbc-colour-illustration-complimentary-mid-brown-3: #cfa67c;
  --group-hsbc-colour-illustration-complimentary-mid-brown-2: #ddc1a3;
  --group-hsbc-colour-illustration-complimentary-mid-brown-1: #e7d2bd;
  --group-hsbc-colour-illustration-complimentary-brown-8: #28170f;
  --group-hsbc-colour-illustration-complimentary-brown-7: #462918;
  --group-hsbc-colour-illustration-complimentary-brown-6: #5e3620;
  --group-hsbc-colour-illustration-complimentary-brown-5: #724732;
  --group-hsbc-colour-illustration-complimentary-brown-4: #885c46;
  --group-hsbc-colour-illustration-complimentary-brown-3: #aa8c7d;
  --group-hsbc-colour-illustration-complimentary-brown-2: #c3aea4;
  --group-hsbc-colour-illustration-complimentary-brown-1: #d4c5be;
  --group-hsbc-colour-illustration-orange-8: #461700;
  --group-hsbc-colour-illustration-orange-7: #6e2e11;
  --group-hsbc-colour-illustration-orange-6: #954017;
  --group-hsbc-colour-illustration-orange-5: #be511d;
  --group-hsbc-colour-illustration-orange-4: #e8804c;
  --group-hsbc-colour-illustration-orange-3: #fbad8d;
  --group-hsbc-colour-illustration-orange-2: #f7d5c4;
  --group-hsbc-colour-illustration-orange-1: #fcede5;
  --group-hsbc-colour-illustration-yellow-8: #4a3800;
  --group-hsbc-colour-illustration-yellow-7: #7f5f00;
  --group-hsbc-colour-illustration-yellow-6: #a87c00;
  --group-hsbc-colour-illustration-yellow-5: #d1a033;
  --group-hsbc-colour-illustration-yellow-4: #fdc530;
  --group-hsbc-colour-illustration-yellow-3: #ffdd82;
  --group-hsbc-colour-illustration-yellow-2: #ffe8ab;
  --group-hsbc-colour-illustration-yellow-1: #fff4d7;
  --group-hsbc-colour-illustration-pink-8: #3f2f34;
  --group-hsbc-colour-illustration-pink-7: #8f6470;
  --group-hsbc-colour-illustration-pink-6: #b67e8f;
  --group-hsbc-colour-illustration-pink-5: #d199a9;
  --group-hsbc-colour-illustration-pink-4: #f8bfce;
  --group-hsbc-colour-illustration-pink-3: #fad8e1;
  --group-hsbc-colour-illustration-pink-2: #fbe4ea;
  --group-hsbc-colour-illustration-pink-1: #fdf1f4;
  --group-hsbc-colour-illustration-green-8: #0b3322;
  --group-hsbc-colour-illustration-green-7: #114f35;
  --group-hsbc-colour-illustration-green-6: #176a47;
  --group-hsbc-colour-illustration-green-5: #1c7f55;
  --group-hsbc-colour-illustration-green-4: #28b67a;
  --group-hsbc-colour-illustration-green-3: #7ed3af;
  --group-hsbc-colour-illustration-green-2: #bee9d7;
  --group-hsbc-colour-illustration-green-1: #e5f6ef;
  --group-hsbc-colour-illustration-blue-8: #152932;
  --group-hsbc-colour-illustration-blue-7: #264a5c;
  --group-hsbc-colour-illustration-blue-6: #366982;
  --group-hsbc-colour-illustration-blue-5: #4587a7;
  --group-hsbc-colour-illustration-blue-4: #63c2ef;
  --group-hsbc-colour-illustration-blue-3: #a1daf6;
  --group-hsbc-colour-illustration-blue-2: #c7e9fa;
  --group-hsbc-colour-illustration-blue-1: #e8f6fd;
  --group-hsbc-colour-neutral-dark-new-grey: #5e5e5e;
  --group-hsbc-colour-neutral-dark-grey-8: #101010;
  --group-hsbc-colour-neutral-dark-grey-7: #1d1d1d;
  --group-hsbc-colour-neutral-dark-grey-6: #212121;
  --group-hsbc-colour-neutral-black: #000000;
  --group-hsbc-colour-neutral-grey-5: #333333;
  --group-hsbc-colour-neutral-grey-4: #767676;
  --group-hsbc-colour-neutral-grey-3: #d7d8d6;
  --group-hsbc-colour-neutral-grey-2: #ededed;
  --group-hsbc-colour-neutral-grey-1: #f3f3f3;
  --group-hsbc-colour-neutral-white: #ffffff;
  --group-hsbc-colour-complimentary-red-3: #730014;
  --group-hsbc-colour-complimentary-red-2: #ba1110;
  --group-hsbc-colour-complimentary-red-1: #e31e22;
  --group-hsbc-colour-core-white: #ffffff;
  --group-hsbc-colour-core-black: #000000;
  --group-hsbc-colour-core-hsbc-red: #db0011;
  --group-dark-elevation-functional: #00000033;
  --group-dark-elevation-decorative: #00000000;
  --group-dark-image-opacity-disabled: 20;
  --group-dark-image-opacity: 100;
  --group-dark-overlay-on-light-version2: #000000d9;
  --group-dark-overlay-on-light-version1: #00000080;
  --group-line-height-size-7-desktop: var(--group-scale-3-typography-line-height-font-7);
  --group-line-height-size-7-tablet: var(--group-scale-2-typography-line-height-font-7);
  --group-line-height-size-7: var(--group-scale-1-typography-line-height-font-7); /* Should only be used for helper texts or validation messages of a form control. */
  --group-line-height-size-6-desktop: var(--group-scale-3-typography-line-height-font-6);
  --group-line-height-size-6-tablet: var(--group-scale-2-typography-line-height-font-6);
  --group-line-height-size-6: var(--group-scale-1-typography-line-height-font-6); /* Should only be used for label texts. */
  --group-line-height-size-5-desktop: var(--group-scale-3-typography-line-height-font-5);
  --group-line-height-size-5-tablet: var(--group-scale-2-typography-line-height-font-5);
  --group-line-height-size-5: var(--group-scale-1-typography-line-height-font-5); /* Should only be used for label texts. */
  --group-line-height-size-4-desktop: var(--group-scale-3-typography-line-height-font-4);
  --group-line-height-size-4-tablet: var(--group-scale-2-typography-line-height-font-4);
  --group-line-height-size-4: var(--group-scale-1-typography-line-height-font-4); /* Should only be used in a 2/3 grid column to improve readability. */
  --group-line-height-size-3-desktop: var(--group-scale-3-typography-line-height-font-3);
  --group-line-height-size-3-tablet: var(--group-scale-2-typography-line-height-font-3);
  --group-line-height-size-3: var(--group-scale-1-typography-line-height-font-3); /* Should only be used for standard card titles and headings of level 4 or for lead text/paragraphs after a heading. */
  --group-line-height-size-2-desktop: var(--group-scale-3-typography-line-height-font-2);
  --group-line-height-size-2-tablet: var(--group-scale-2-typography-line-height-font-2);
  --group-line-height-size-2: var(--group-scale-1-typography-line-height-font-2); /* Should only be used for form titles, quick link navigation's and headings of level 3. */
  --group-line-height-size-1-desktop: var(--group-scale-3-typography-line-height-font-1);
  --group-line-height-size-1-tablet: var(--group-scale-2-typography-line-height-font-1);
  --group-line-height-size-1: var(--group-scale-1-typography-line-height-font-1); /* Should only be used for content titles and headings of level 2. */
  --group-text-size-7-desktop: var(--group-scale-3-typography-font-size-font-7);
  --group-text-size-7-tablet: var(--group-scale-2-typography-font-size-font-7);
  --group-text-size-7: var(--group-scale-1-typography-font-size-font-7); /* Should only be used for helper texts or validation messages of a form control. */
  --group-text-size-6-desktop: var(--group-scale-3-typography-font-size-font-6);
  --group-text-size-6-tablet: var(--group-scale-2-typography-font-size-font-6);
  --group-text-size-6: var(--group-scale-1-typography-font-size-font-6); /* Should only be used for label texts. */
  --group-text-size-5-desktop: var(--group-scale-3-typography-font-size-font-5);
  --group-text-size-5-tablet: var(--group-scale-2-typography-font-size-font-5);
  --group-text-size-5: var(--group-scale-1-typography-font-size-font-5); /* Should only be used for label texts. */
  --group-text-size-4-desktop: var(--group-scale-3-typography-font-size-font-4);
  --group-text-size-4-tablet: var(--group-scale-2-typography-font-size-font-4);
  --group-text-size-4: var(--group-scale-1-typography-font-size-font-4); /* Should only be used in a 2/3 grid column to improve readability. */
  --group-text-size-3-desktop: var(--group-scale-3-typography-font-size-font-3);
  --group-text-size-3-tablet: var(--group-scale-2-typography-font-size-font-3);
  --group-text-size-3: var(--group-scale-1-typography-font-size-font-3); /* Should only be used for standard card titles and headings of level 4 or for lead text/paragraphs after a heading. */
  --group-text-size-2-desktop: var(--group-scale-3-typography-font-size-font-2);
  --group-text-size-2-tablet: var(--group-scale-2-typography-font-size-font-2);
  --group-text-size-2: var(--group-scale-1-typography-font-size-font-2); /* Should only be used for form titles, quick link navigation's and headings of level 3. */
  --group-text-size-1-desktop: var(--group-scale-3-typography-font-size-font-1);
  --group-text-size-1-tablet: var(--group-scale-2-typography-font-size-font-1);
  --group-text-size-1: var(--group-scale-1-typography-font-size-font-1); /* Should only be used for content titles and headings of level 2. */
  --group-font-weight-thin: var(--group-scale-1-typography-font-weight-thin); /* Default width of paragraphs. Only available with the font Univers Next for HSBC. */
  --group-font-weight-light: var(--group-scale-1-typography-font-weight-light); /* Can be used for secondary headings. Only available with the font Univers Next for HSBC. */
  --group-font-weight-medium: var(--group-scale-1-typography-font-weight-medium); /* Can be used for secondary headings. Only available with the font Univers Next for HSBC. */
  --group-font-weight-regular: var(--group-scale-1-typography-font-weight-regular); /* Default width of paragraphs. Only available with the font Univers. */
  --group-font-weight-bold: var(--group-scale-1-typography-font-weight-bold); /* Bold is used for headings, links and buttons. */
  --group-space-large-tablet: var(--group-space-large);
  --group-space-medium-tablet: var(--group-space-medium);
  --group-space-normal-desktop: var(--group-space-normal);
  --group-space-normal-tablet: var(--group-space-normal);
  --group-space-small-desktop: var(--group-space-small);
  --group-space-small-tablet: var(--group-space-small);
  --group-space-x-small-desktop: var(--group-space-x-small);
  --group-space-x-small-tablet: var(--group-space-x-small);
  --group-space-xx-small-desktop: var(--group-space-xx-small);
  --group-space-xx-small-tablet: var(--group-space-xx-small);
  --group-radius-normal: var(--group-scale-1-border-radius); /* The normal radius token strikes a balance between softness and structure. */
  --group-column-gap: var(--group-space-normal);
  --group-container-space-desktop: var(--group-space-x-large-desktop); /* Default space on desktops of a container to left and right side. */
  --group-container-space-tablet: var(--group-space-x-large-tablet); /* Default space on tablets of a container to left and right side. */
  --group-container-space: var(--group-space-normal); /* Default space of a container to left and right side. */
  --group-border-large-desktop: var(--group-scale-3-border-width-large); /* The large border size is a bold choice for creating strong visual separation between elements, such as modals or panels. */
  --group-border-large-tablet: var(--group-scale-2-border-width-large); /* The large border size is a bold choice for creating strong visual separation between elements, such as modals or panels. */
  --group-border-large: var(--group-scale-1-border-width-large); /* The large border size is a bold choice for creating strong visual separation between elements, such as modals or panels. */
  --group-border-medium-desktop: var(--group-scale-3-border-width-medium); /* The medium border size is a versatile choice for creating visual separation between elements, such as cards or sections. */
  --group-border-medium-tablet: var(--group-scale-2-border-width-medium); /* The medium border size is a versatile choice for creating visual separation between elements, such as cards or sections. */
  --group-border-medium: var(--group-scale-1-border-width-medium); /* The medium border size is a versatile choice for creating visual separation between elements, such as cards or sections. */
  --group-border-small-desktop: var(--group-scale-3-border-width-small); /* The small border size is ideal for creating subtle divisions between elements, such as form fields or buttons. */
  --group-border-small-tablet: var(--group-scale-2-border-width-small); /* The small border size is ideal for creating subtle divisions between elements, such as form fields or buttons. */
  --group-border-small: var(--group-scale-1-border-width-small); /* The small border size is ideal for creating subtle divisions between elements, such as form fields or buttons. */
  --group-light-rag-border-information: var(--group-hsbc-colour-rag-blue);
  --group-light-rag-border-success: var(--group-hsbc-colour-rag-green);
  --group-light-rag-border-warning: var(--group-hsbc-colour-rag-amber);
  --group-light-rag-border-error: var(--group-hsbc-colour-rag-red);
  --group-light-rag-surface-information-default2: var(--group-hsbc-colour-rag-blue-tint);
  --group-light-rag-surface-information-default-1: var(--group-hsbc-colour-rag-blue);
  --group-light-rag-surface-success-default2: var(--group-hsbc-colour-rag-green-tint);
  --group-light-rag-surface-success-default-1: var(--group-hsbc-colour-rag-green);
  --group-light-rag-surface-warning-default2: var(--group-hsbc-colour-rag-amber-tint);
  --group-light-rag-surface-warning-default-1: var(--group-hsbc-colour-rag-amber);
  --group-light-rag-surface-error-default2: var(--group-hsbc-colour-rag-red-tint);
  --group-light-rag-surface-error-default-1: var(--group-hsbc-colour-rag-red);
  --group-light-rag-icon-information-icon: var(--group-hsbc-colour-neutral-white);
  --group-light-rag-icon-information-container: var(--group-hsbc-colour-rag-blue);
  --group-light-rag-icon-success-icon: var(--group-hsbc-colour-neutral-white);
  --group-light-rag-icon-success-container: var(--group-hsbc-colour-rag-green);
  --group-light-rag-icon-warning-icon: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-rag-icon-warning-container: var(--group-hsbc-colour-rag-amber);
  --group-light-rag-icon-error-icon: var(--group-hsbc-colour-neutral-white);
  --group-light-rag-icon-error-container: var(--group-hsbc-colour-rag-red);
  --group-light-rag-text-on-dark: var(--group-hsbc-colour-neutral-white);
  --group-light-rag-text-on-light: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-data-vis-border-on-dark-indicator: var(--group-hsbc-colour-neutral-white);
  --group-light-data-vis-border-on-dark-gridline: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-data-vis-border-on-dark-baseline-2: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-data-vis-border-on-dark-baseline-1: var(--group-hsbc-colour-neutral-white);
  --group-light-data-vis-border-on-light-indicator: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-data-vis-border-on-light-gridline: var(--group-hsbc-colour-neutral-grey-2);
  --group-light-data-vis-border-on-light-baseline-2: var(--group-hsbc-colour-neutral-grey-2);
  --group-light-data-vis-border-on-light-baseline-1: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-data-vis-surface-secondary: var(--group-hsbc-colour-neutral-black);
  --group-light-data-vis-surface-primary: var(--group-hsbc-colour-neutral-white);
  --group-light-data-vis-data-chart-green-4: var(--group-hsbc-colour-data-vis-green-4);
  --group-light-data-vis-data-chart-green-3: var(--group-hsbc-colour-data-vis-green-3);
  --group-light-data-vis-data-chart-green-2: var(--group-hsbc-colour-data-vis-green-2);
  --group-light-data-vis-data-chart-green-1: var(--group-hsbc-colour-data-vis-green-1);
  --group-light-data-vis-data-chart-orange-4: var(--group-hsbc-colour-data-vis-orange-4);
  --group-light-data-vis-data-chart-orange-3: var(--group-hsbc-colour-data-vis-orange-3);
  --group-light-data-vis-data-chart-orange-2: var(--group-hsbc-colour-data-vis-orange-2);
  --group-light-data-vis-data-chart-orange-1: var(--group-hsbc-colour-data-vis-orange-1);
  --group-light-data-vis-data-chart-pink-4: var(--group-hsbc-colour-data-vis-pink-4);
  --group-light-data-vis-data-chart-pink-3: var(--group-hsbc-colour-data-vis-pink-3);
  --group-light-data-vis-data-chart-pink-2: var(--group-hsbc-colour-data-vis-pink-2);
  --group-light-data-vis-data-chart-pink-1: var(--group-hsbc-colour-data-vis-pink-1);
  --group-light-data-vis-data-chart-purple-4: var(--group-hsbc-colour-data-vis-purple-4);
  --group-light-data-vis-data-chart-purple-3: var(--group-hsbc-colour-data-vis-purple-3);
  --group-light-data-vis-data-chart-purple-2: var(--group-hsbc-colour-data-vis-purple-2);
  --group-light-data-vis-data-chart-purple-1: var(--group-hsbc-colour-data-vis-purple-1);
  --group-light-data-vis-data-chart-blue-4: var(--group-hsbc-colour-data-vis-blue-4);
  --group-light-data-vis-data-chart-blue-3: var(--group-hsbc-colour-data-vis-blue-3);
  --group-light-data-vis-data-chart-blue-2: var(--group-hsbc-colour-data-vis-blue-2);
  --group-light-data-vis-data-chart-blue-1: var(--group-hsbc-colour-data-vis-blue-1);
  --group-light-interactive-on-dark-border-brand-1-processing: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-border-brand-1-pressed: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-brand-1-hover: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-brand-1: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-brand-2-processing: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-border-brand-2-pressed: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-brand-2-hover: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-brand-2: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-active-pressed: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-active-hover: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-active: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-border-high-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-border-high-contrast-pressed: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-dark-border-high-contrast-hover: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-dark-border-high-contrast: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-dark-border-low-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-border-low-contrast-pressed: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-border-low-contrast-hover: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-border-low-contrast: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-surface-brand-2-processing: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-surface-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-surface-brand-2-pressed: var(--group-hsbc-colour-neutral-grey-2);
  --group-light-interactive-on-dark-surface-brand-2-hover: var(--group-hsbc-colour-neutral-grey-1);
  --group-light-interactive-on-dark-surface-brand-2: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-surface-brand-1-processing: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-interactive-on-dark-surface-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-surface-brand-1-pressed: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-surface-brand-1-hover: var(--group-hsbc-colour-complimentary-red-2);
  --group-light-interactive-on-dark-surface-brand-1: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-interactive-on-dark-surface-active-pressed: var(--group-hsbc-colour-neutral-grey-2);
  --group-light-interactive-on-dark-surface-active-hover: var(--group-hsbc-colour-neutral-grey-1);
  --group-light-interactive-on-dark-surface-active: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-dark-surface-primary-disabled: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-interactive-on-dark-surface-primary-pressed: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-dark-surface-primary-hover: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-dark-surface-primary: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-interactive-on-light-border-brand-2-processing: var(--group-hsbc-colour-neutral-black);
  --group-light-interactive-on-light-border-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-light-border-brand-2-pressed: var(--group-hsbc-colour-neutral-black);
  --group-light-interactive-on-light-border-brand-2-hover: var(--group-hsbc-colour-neutral-black);
  --group-light-interactive-on-light-border-brand-2: var(--group-hsbc-colour-neutral-black);
  --group-light-interactive-on-light-border-brand-1-pressed: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-interactive-on-light-border-brand-1-hover: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-interactive-on-light-border-brand-1: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-interactive-on-light-border-active-pressed: var(--group-hsbc-colour-neutral-black);
  --group-light-interactive-on-light-border-active-hover: var(--group-hsbc-colour-neutral-black);
  --group-light-interactive-on-light-border-active: var(--group-hsbc-colour-neutral-black);
  --group-light-interactive-on-light-border-high-contrast-disabled: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-light-border-high-contrast-pressed: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-light-border-high-contrast-hover: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-light-border-high-contrast: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-light-border-low-contrast-disabled: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-light-border-low-contrast-pressed: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-light-border-low-contrast-hover: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-light-border-low-contrast: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-light-surface-brand-2-processing: var(--group-hsbc-colour-core-black);
  --group-light-interactive-on-light-surface-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-light-surface-brand-2-pressed: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-light-surface-brand-2-hover: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-interactive-on-light-surface-brand-2: var(--group-hsbc-colour-core-black);
  --group-light-interactive-on-light-surface-brand-1-processing: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-interactive-on-light-surface-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-interactive-on-light-surface-brand-1-pressed: var(--group-hsbc-colour-neutral-black);
  --group-light-interactive-on-light-surface-brand-1-hover: var(--group-hsbc-colour-complimentary-red-2);
  --group-light-interactive-on-light-surface-brand-1: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-interactive-on-light-surface-active-pressed: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-light-surface-active-hover: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-interactive-on-light-surface-active: var(--group-hsbc-colour-neutral-black);
  --group-light-interactive-on-light-surface-primary-processing: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-light-surface-primary-disabled: var(--group-hsbc-colour-neutral-white);
  --group-light-interactive-on-light-surface-primary-pressed: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-interactive-on-light-surface-primary-hover: var(--group-hsbc-colour-neutral-grey-1);
  --group-light-interactive-on-light-surface-primary: var(--group-hsbc-colour-neutral-white);
  --group-light-non-interactive-border-black: var(--group-hsbc-colour-neutral-black);
  --group-light-non-interactive-border-neutral-5: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-non-interactive-border-neutral-4: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-non-interactive-border-neutral-3: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-non-interactive-border-neutral-2: var(--group-hsbc-colour-neutral-grey-2);
  --group-light-non-interactive-border-neutral-1: var(--group-hsbc-colour-neutral-grey-1);
  --group-light-non-interactive-border-white: var(--group-hsbc-colour-neutral-white);
  --group-light-non-interactive-surface-brand-3: var(--group-hsbc-colour-complimentary-red-3);
  --group-light-non-interactive-surface-brand-2: var(--group-hsbc-colour-complimentary-red-2);
  --group-light-non-interactive-surface-brand-1: var(--group-hsbc-colour-complimentary-red-1);
  --group-light-non-interactive-surface-black: var(--group-hsbc-colour-neutral-black);
  --group-light-non-interactive-surface-neutral-5: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-non-interactive-surface-neutral-4: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-non-interactive-surface-neutral-3: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-non-interactive-surface-neutral-2: var(--group-hsbc-colour-neutral-grey-2);
  --group-light-non-interactive-surface-neutral-1: var(--group-hsbc-colour-neutral-grey-1);
  --group-light-non-interactive-surface-white: var(--group-hsbc-colour-neutral-white);
  --group-light-canvas: var(--group-hsbc-colour-neutral-white);
  --group-light-icon-on-dark-processing: var(--group-hsbc-colour-neutral-white);
  --group-light-icon-on-dark-disabled-2: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-icon-on-dark-disabled-1: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-icon-on-dark-pressed: var(--group-hsbc-colour-neutral-white);
  --group-light-icon-on-dark-hover: var(--group-hsbc-colour-neutral-white);
  --group-light-icon-on-dark: var(--group-hsbc-colour-neutral-white);
  --group-light-icon-on-light-processing: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-icon-on-light-disabled-2: var(--group-hsbc-colour-neutral-white);
  --group-light-icon-on-light-disabled-1: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-icon-on-light-pressed-2: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-icon-on-light-hover-2: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-icon-on-light-default-2: var(--group-hsbc-colour-core-hsbc-red);
  --group-light-icon-on-light-pressed-1: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-icon-on-light-hover-1: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-icon-on-light-default-1: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-text-on-dark-disabled-2: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-text-on-dark-disabled-1: var(--group-hsbc-colour-neutral-grey-4);
  --group-light-text-on-dark-pressed: var(--group-hsbc-colour-neutral-white);
  --group-light-text-on-dark-hover: var(--group-hsbc-colour-neutral-white);
  --group-light-text-on-dark: var(--group-hsbc-colour-neutral-white);
  --group-light-text-on-light-disabled-2: var(--group-hsbc-colour-neutral-white);
  --group-light-text-on-light-disabled-1: var(--group-hsbc-colour-neutral-grey-3);
  --group-light-text-on-light-pressed: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-text-on-light-hover: var(--group-hsbc-colour-neutral-grey-5);
  --group-light-text-on-light: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-elevation-border: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-rag-border-information: var(--group-hsbc-colour-rag-blue);
  --group-dark-rag-border-success: var(--group-hsbc-colour-rag-green);
  --group-dark-rag-border-warning: var(--group-hsbc-colour-rag-amber);
  --group-dark-rag-border-error: var(--group-hsbc-colour-rag-red);
  --group-dark-rag-surface-information-default2: var(--group-hsbc-colour-rag-dark-blue-tint);
  --group-dark-rag-surface-information-default-1: var(--group-hsbc-colour-rag-blue);
  --group-dark-rag-surface-success-default2: var(--group-hsbc-colour-rag-dark-green-tint);
  --group-dark-rag-surface-success-default-1: var(--group-hsbc-colour-rag-green);
  --group-dark-rag-surface-warning-default2: var(--group-hsbc-colour-rag-dark-amber-tint);
  --group-dark-rag-surface-warning-default-1: var(--group-hsbc-colour-rag-amber);
  --group-dark-rag-surface-error-default2: var(--group-hsbc-colour-rag-dark-red-tint);
  --group-dark-rag-surface-error-default-1: var(--group-hsbc-colour-rag-red);
  --group-dark-rag-icon-information-icon: var(--group-hsbc-colour-neutral-white);
  --group-dark-rag-icon-information-container: var(--group-hsbc-colour-rag-blue);
  --group-dark-rag-icon-success-icon: var(--group-hsbc-colour-neutral-white);
  --group-dark-rag-icon-success-container: var(--group-hsbc-colour-rag-green);
  --group-dark-rag-icon-warning-icon: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-rag-icon-warning-container: var(--group-hsbc-colour-rag-amber);
  --group-dark-rag-icon-error-icon: var(--group-hsbc-colour-neutral-white);
  --group-dark-rag-icon-error-container: var(--group-hsbc-colour-rag-red);
  --group-dark-rag-text-on-dark: var(--group-hsbc-colour-neutral-white);
  --group-dark-rag-text-on-light: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-data-vis-border-on-dark-indicator: var(--group-hsbc-colour-neutral-white);
  --group-dark-data-vis-border-on-dark-gridline: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-data-vis-border-on-dark-baseline-2: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-data-vis-border-on-dark-baseline-1: var(--group-hsbc-colour-neutral-white);
  --group-dark-data-vis-border-on-light-indicator: var(--group-hsbc-colour-neutral-white);
  --group-dark-data-vis-border-on-light-gridline: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-data-vis-border-on-light-baseline-2: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-data-vis-border-on-light-baseline-1: var(--group-hsbc-colour-neutral-white);
  --group-dark-data-vis-surface-secondary: var(--group-hsbc-colour-neutral-black);
  --group-dark-data-vis-surface-primary: var(--group-hsbc-colour-neutral-black);
  --group-dark-data-vis-data-chart-green-4: var(--group-hsbc-colour-data-vis-green-4);
  --group-dark-data-vis-data-chart-green-3: var(--group-hsbc-colour-data-vis-green-3);
  --group-dark-data-vis-data-chart-green-2: var(--group-hsbc-colour-data-vis-green-2);
  --group-dark-data-vis-data-chart-green-1: var(--group-hsbc-colour-data-vis-green-1);
  --group-dark-data-vis-data-chart-orange-4: var(--group-hsbc-colour-data-vis-orange-4);
  --group-dark-data-vis-data-chart-orange-3: var(--group-hsbc-colour-data-vis-orange-3);
  --group-dark-data-vis-data-chart-orange-2: var(--group-hsbc-colour-data-vis-orange-2);
  --group-dark-data-vis-data-chart-orange-1: var(--group-hsbc-colour-data-vis-orange-1);
  --group-dark-data-vis-data-chart-pink-4: var(--group-hsbc-colour-data-vis-pink-4);
  --group-dark-data-vis-data-chart-pink-3: var(--group-hsbc-colour-data-vis-pink-3);
  --group-dark-data-vis-data-chart-pink-2: var(--group-hsbc-colour-data-vis-pink-2);
  --group-dark-data-vis-data-chart-pink-1: var(--group-hsbc-colour-data-vis-pink-1);
  --group-dark-data-vis-data-chart-purple-4: var(--group-hsbc-colour-data-vis-purple-4);
  --group-dark-data-vis-data-chart-purple-3: var(--group-hsbc-colour-data-vis-purple-3);
  --group-dark-data-vis-data-chart-purple-2: var(--group-hsbc-colour-data-vis-purple-2);
  --group-dark-data-vis-data-chart-purple-1: var(--group-hsbc-colour-data-vis-purple-1);
  --group-dark-data-vis-data-chart-blue-4: var(--group-hsbc-colour-data-vis-blue-4);
  --group-dark-data-vis-data-chart-blue-3: var(--group-hsbc-colour-data-vis-blue-3);
  --group-dark-data-vis-data-chart-blue-2: var(--group-hsbc-colour-data-vis-blue-2);
  --group-dark-data-vis-data-chart-blue-1: var(--group-hsbc-colour-data-vis-blue-1);
  --group-dark-interactive-on-dark-border-brand-1-processing: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-dark-border-brand-1-pressed: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-brand-1-hover: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-brand-1: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-brand-2-processing: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-dark-border-brand-2-pressed: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-brand-2-hover: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-brand-2: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-active-pressed: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-active-hover: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-active: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-border-high-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-dark-border-high-contrast-pressed: var(--group-hsbc-colour-neutral-grey-3);
  --group-dark-interactive-on-dark-border-high-contrast-hover: var(--group-hsbc-colour-neutral-grey-3);
  --group-dark-interactive-on-dark-border-high-contrast: var(--group-hsbc-colour-neutral-grey-3);
  --group-dark-interactive-on-dark-border-low-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-dark-border-low-contrast-pressed: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-dark-border-low-contrast-hover: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-dark-border-low-contrast: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-dark-surface-brand-2-processing: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-surface-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-dark-surface-brand-2-pressed: var(--group-hsbc-colour-neutral-grey-2);
  --group-dark-interactive-on-dark-surface-brand-2-hover: var(--group-hsbc-colour-neutral-grey-1);
  --group-dark-interactive-on-dark-surface-brand-2: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-dark-surface-brand-1-processing: var(--group-hsbc-colour-core-hsbc-red);
  --group-dark-interactive-on-dark-surface-brand-1-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-dark-surface-brand-1-pressed: var(--group-hsbc-colour-neutral-black);
  --group-dark-interactive-on-dark-surface-brand-1-hover: var(--group-hsbc-colour-complimentary-red-2);
  --group-dark-interactive-on-dark-surface-brand-1: var(--group-hsbc-colour-core-hsbc-red);
  --group-dark-interactive-on-dark-surface-active-pressed: var(--group-hsbc-colour-neutral-dark-grey-7);
  --group-dark-interactive-on-dark-surface-active-hover: var(--group-hsbc-colour-neutral-dark-grey-8);
  --group-dark-interactive-on-dark-surface-active: var(--group-hsbc-colour-neutral-black);
  --group-dark-interactive-on-dark-surface-primary-disabled: var(--group-hsbc-colour-neutral-dark-new-grey);
  --group-dark-interactive-on-dark-surface-primary-pressed: var(--group-hsbc-colour-neutral-dark-grey-6);
  --group-dark-interactive-on-dark-surface-primary-hover: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-interactive-on-dark-surface-primary: var(--group-hsbc-colour-neutral-dark-new-grey);
  --group-dark-interactive-on-light-border-brand-2-processing: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-brand-2-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-border-brand-2-pressed: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-brand-2-hover: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-brand-2: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-brand-1-pressed: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-brand-1-hover: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-brand-1: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-active-pressed: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-active-hover: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-active: var(--group-hsbc-colour-neutral-white);
  --group-dark-interactive-on-light-border-high-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-border-high-contrast-pressed: var(--group-hsbc-colour-neutral-grey-3);
  --group-dark-interactive-on-light-border-high-contrast-hover: var(--group-hsbc-colour-neutral-grey-3);
  --group-dark-interactive-on-light-border-high-contrast: var(--group-hsbc-colour-neutral-grey-3);
  --group-dark-interactive-on-light-border-low-contrast-disabled: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-border-low-contrast-pressed: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-border-low-contrast-hover: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-border-low-contrast: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-surface-brand-2-processing: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-surface-brand-2-disabled: var(--group-hsbc-colour-neutral-dark-grey-6);
  --group-dark-interactive-on-light-surface-brand-2-pressed: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-interactive-on-light-surface-brand-2-hover: var(--group-hsbc-colour-neutral-dark-new-grey);
  --group-dark-interactive-on-light-surface-brand-2: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-surface-brand-1-processing: var(--group-hsbc-colour-core-hsbc-red);
  --group-dark-interactive-on-light-surface-brand-1-disabled: var(--group-hsbc-colour-neutral-dark-grey-6);
  --group-dark-interactive-on-light-surface-brand-1-pressed: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-surface-brand-1-hover: var(--group-hsbc-colour-complimentary-red-2);
  --group-dark-interactive-on-light-surface-brand-1: var(--group-hsbc-colour-core-hsbc-red);
  --group-dark-interactive-on-light-surface-active-pressed: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-interactive-on-light-surface-active-hover: var(--group-hsbc-colour-neutral-dark-new-grey);
  --group-dark-interactive-on-light-surface-active: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-surface-primary-processing: var(--group-hsbc-colour-neutral-black);
  --group-dark-interactive-on-light-surface-primary-disabled: var(--group-hsbc-colour-neutral-black);
  --group-dark-interactive-on-light-surface-primary-pressed: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-interactive-on-light-surface-primary-hover: var(--group-hsbc-colour-neutral-dark-grey-8);
  --group-dark-interactive-on-light-surface-primary: var(--group-hsbc-colour-neutral-black);
  --group-dark-non-interactive-border-black: var(--group-hsbc-colour-neutral-white);
  --group-dark-non-interactive-border-neutral-5: var(--group-hsbc-colour-neutral-grey-2);
  --group-dark-non-interactive-border-neutral-4: var(--group-hsbc-colour-neutral-grey-3);
  --group-dark-non-interactive-border-neutral-3: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-non-interactive-border-neutral-2: var(--group-hsbc-colour-neutral-dark-new-grey);
  --group-dark-non-interactive-border-neutral-1: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-non-interactive-border-white: var(--group-hsbc-colour-neutral-black);
  --group-dark-non-interactive-surface-brand-3: var(--group-hsbc-colour-complimentary-red-3);
  --group-dark-non-interactive-surface-brand-2: var(--group-hsbc-colour-complimentary-red-2);
  --group-dark-non-interactive-surface-brand-1: var(--group-hsbc-colour-complimentary-red-1);
  --group-dark-non-interactive-surface-black: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-non-interactive-surface-neutral-5: var(--group-hsbc-colour-neutral-dark-new-grey);
  --group-dark-non-interactive-surface-neutral-4: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-non-interactive-surface-neutral-3: var(--group-hsbc-colour-neutral-dark-grey-6);
  --group-dark-non-interactive-surface-neutral-2: var(--group-hsbc-colour-neutral-dark-grey-7);
  --group-dark-non-interactive-surface-neutral-1: var(--group-hsbc-colour-neutral-dark-grey-8);
  --group-dark-non-interactive-surface-white: var(--group-hsbc-colour-neutral-black);
  --group-dark-canvas: var(--group-hsbc-colour-neutral-black);
  --group-dark-icon-on-dark-processing: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-dark-disabled-2: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-icon-on-dark-disabled-1: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-icon-on-dark-pressed: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-dark-hover: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-dark: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-light-processing: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-light-disabled-2: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-icon-on-light-disabled-1: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-icon-on-light-pressed-2: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-light-hover-2: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-light-default-2: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-light-pressed-1: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-light-hover-1: var(--group-hsbc-colour-neutral-white);
  --group-dark-icon-on-light-default-1: var(--group-hsbc-colour-neutral-white);
  --group-dark-text-on-dark-disabled-2: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-text-on-dark-disabled-1: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-text-on-dark-pressed: var(--group-hsbc-colour-neutral-white);
  --group-dark-text-on-dark-hover: var(--group-hsbc-colour-neutral-white);
  --group-dark-text-on-dark: var(--group-hsbc-colour-neutral-white);
  --group-dark-text-on-light-disabled-2: var(--group-hsbc-colour-neutral-grey-5);
  --group-dark-text-on-light-disabled-1: var(--group-hsbc-colour-neutral-grey-4);
  --group-dark-text-on-light-pressed: var(--group-hsbc-colour-neutral-white);
  --group-dark-text-on-light-hover: var(--group-hsbc-colour-neutral-white);
  --group-dark-text-on-light: var(--group-hsbc-colour-neutral-white);
  --group-color-base-neutral-5: var(--group-hsbc-colour-neutral-grey-5);
  --group-color-base-neutral-4: var(--group-hsbc-colour-neutral-grey-4);
  --group-color-base-neutral-3: var(--group-hsbc-colour-neutral-grey-3);
  --group-color-base-neutral-2: var(--group-hsbc-colour-neutral-grey-2);
  --group-color-base-neutral-1: var(--group-hsbc-colour-neutral-grey-1);
  --group-color-base-black: var(--group-hsbc-colour-core-black);
  --group-color-base-white: var(--group-hsbc-colour-core-white);
  --group-color-base-complimentary-red-3: var(--group-hsbc-colour-complimentary-red-3);
  --group-color-base-complimentary-red-2: var(--group-hsbc-colour-complimentary-red-2);
  --group-color-base-complimentary-red-1: var(--group-hsbc-colour-complimentary-red-1);
  --group-color-base-core-white: var(--group-hsbc-colour-core-white);
  --group-color-base-core-black: var(--group-hsbc-colour-core-black);
  --group-color-base-core-primary: var(--group-hsbc-colour-core-hsbc-red);
  --group-color-base-error-default-2: var(--group-light-rag-surface-error-default2);
  --group-color-base-error-default-1: var(--group-light-rag-surface-error-default-1);
  --group-color-base-warning-default-2: var(--group-light-rag-surface-warning-default2);
  --group-color-base-warning-default-1: var(--group-light-rag-surface-warning-default-1);
  --group-color-base-success-default-2: var(--group-light-rag-surface-success-default2);
  --group-color-base-success-default-1: var(--group-light-rag-surface-success-default-1);
  --group-color-base-info-default-2: var(--group-light-rag-surface-information-default2);
  --group-color-base-info-default-1: var(--group-light-rag-surface-information-default-1);
  --group-color-background-disabled: var(--group-light-interactive-on-light-surface-brand-1-disabled); /* Disabled elements are displayed in a light grey. */
  --group-color-background-primary: var(--group-color-base-core-primary); /* Red is our accent color and it is present on every touch-point */
  --group-color-text-error: var(--group-color-base-error-default-1);
  --group-color-text-success: var(--group-color-base-success-default-1);
  --group-color-text-warning: var(--group-color-base-warning-default-1);
  --group-color-text-info: var(--group-color-base-info-default-1);
  --group-color-background-error: var(--group-color-base-error-default-1); /* Error messages are displayed in red. */
  --group-color-background-warning: var(--group-color-base-warning-default-1); /* Warning messages are displayed in yellow. */
  --group-color-background-success: var(--group-color-base-success-default-1); /* Success messages are displayed in green. */
  --group-color-background-info: var(--group-color-base-info-default-1); /* Informational messages are displayed in blue. */
}

.table-container:not(:last-child), .table:not(:last-child) {
  margin-bottom: 0.25rem;
}

a.link:not(.button):focus-visible,
a.is-link:not(.button):focus-visible {
  outline: 2px solid black;
  outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
  a.link:not(.button).is-light:focus-visible,
  a.is-link:not(.button).is-light:focus-visible, a.link:not(.button).is-inverted:focus-visible,
  a.is-link:not(.button).is-inverted:focus-visible {
    box-shadow: var(--group-shadow-small) !important;
  }
}

.file.is-disabled .file-label,
.file.is-disabled .file-cta {
  cursor: default !important;
  pointer-events: none !important;
}

.file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/**
 * * @prop --group-body-background: Body background color
 * * @prop --group-body-font-family: Body font family
 * * @prop --group-body-color: Body text color
 * * @prop --group-body-font-weight: Body text weight
 * * @prop --group-body-font-size: Body font size
 * * @prop --group-body-line-height: Body line height
 * * @prop --group-divider-background: Divider background color
 * * @prop --group-small-font-size: TBD
 * * @prop --group-strong-color: TBD
 * * @prop --group-strong-font-weight: TBD
 * */
:root {
  --group-body-background: var(--group-light-non-interactive-surface-white);
  --group-body-font-family: var(--group-font-family-text);
  --group-body-color: var(--group-light-text-on-light);
  --group-body-font-weight: var(--group-font-weight-regular);
  --group-body-font-size: 16px;
  --group-body-line-height: var(--group-line-height-size-6-desktop);
  --group-small-font-size: var(--group-text-size-6-desktop);
  --group-strong-color: var(--group-color-text-primary);
  --group-strong-font-weight: var(--group-font-weight-bold);
  --group-divider-background: var(--group-light-non-interactive-surface-neutral-3);
}

/**
 * * @prop --group-title-font-family: Title font family
 * * @prop --group-title-font-weight: Title font weight
 * * @prop --group-subtitle-font-family: Subtitle font family
 * * @prop --group-subtitle-font-weight: Subtitle font weight
 * */
:root {
  --group-title-font-family: var(--group-scale-1-typography-font-family);
  --group-title-font-weight: var(--group-scale-1-typography-font-weight-bold);
  --group-subtitle-font-family: var(--group-scale-1-typography-font-family);
  --group-subtitle-font-weight: var(--group-scale-1-typography-font-weight-regular);
}

/**
 * * @prop --group-link-color: Default link color
 * * @prop --group-link-color-hover: Link color on hover
 * * @prop --group-link-color-active: Link color on pressed
 * * @prop --group-link-font-weight: Default link font weight
 * * @prop --group-link-radius: Default link border radius
 * * @prop --group-link-text-decoration: Link text decoration
 * * @prop --group-link-text-underline-offset: Link decoration underline-offset 0.25rem
 * * @prop --group-link-text-decoration-thickness: Link decoration thickness 2px
 * * @prop --group-link-inverted-color: Link color on dark background
 * * @prop --group-link-inverted-color-hover: Link color on dark background when hovering
 * * @prop --group-link-inverted-color-active: Link color on dark background when pressing
 * * @prop --group-link-inverted-light-font-weight: Link font weight on dark background
 * * @prop --group-link-inverted-light-text-decoration: Link text-decoration on dark background
 * */
:root {
  --group-link-color: var(--group-light-text-on-light);
  --group-link-color-hover: var(--group-light-text-on-light-hover);
  --group-link-color-active: var(--group-light-text-on-light-pressed);
  --group-link-font-weight: var(--group-font-weight-bold);
  --group-link-radius: var(--group-radius-normal);
  --group-link-background: transparent;
  --group-link-border-color: transparent;
  --group-link-text-decoration: underline;
  --group-link-text-underline-offset: 0.25rem;
  --group-link-text-decoration-thickness: var(--group-scale-3-border-width-small);
  --group-link-inverted-color: var(--group-light-text-on-dark);
  --group-link-inverted-color-hover: var(--group-light-text-on-dark-hover);
  --group-link-inverted-color-active: var(--group-light-text-on-dark-pressed);
  --group-link-inverted-light-font-weight: var(--group-font-weight-regular);
  --group-link-inverted-light-text-decoration: none;
}

/**
 * * @prop --group-form-field-control-font-size: TBD
 * * @prop --group-form-field-control-font-family: TBD
 * * @prop --group-form-field-control-color: TBD
 * * @prop --group-form-field-control-placeholder-color: TBD
 * * @prop --group-form-field-control-radius: TBD
 * * @prop --group-form-field-control-background: TBD
 * * @prop --group-form-field-control-background-hover: TBD
 * * @prop --group-form-field-control-background-active: TBD
 * * @prop --group-form-field-control-border-width: TBD
 * * @prop --group-form-field-control-border-style: TBD
 * * @prop --group-form-field-control-border-color: TBD
 * * @prop --group-form-field-control-border-color-hover: TBD
 * * @prop --group-form-field-control-border-color-active: TBD
 * * @prop --group-form-field-control-success-background: TBD
 * * @prop --group-form-field-control-success-background-hover: TBD
 * * @prop --group-form-field-control-success-background-active: TBD
 * * @prop --group-form-field-control-success-border-color: TBD
 * * @prop --group-form-field-control-success-border-color-hover: TBD
 * * @prop --group-form-field-control-success-border-color-active: TBD
 * * @prop --group-form-field-control-error-background: TBD
 * * @prop --group-form-field-control-error-background-hover: TBD
 * * @prop --group-form-field-control-error-background-active: TBD
 * * @prop --group-form-field-control-error-border-color: TBD
 * * @prop --group-form-field-control-error-border-color-hover: TBD
 * * @prop --group-form-field-control-error-border-color-active: TBD
 * * @prop --group-form-field-control-disabled-color: TBD
 * * @prop --group-form-field-control-disabled-background: TBD
 * * @prop --group-form-field-control-disabled-border-color: TBD
 * * @prop --group-form-field-label-font-size: TBD
 * * @prop --group-form-field-label-line-height: TBD
 * * @prop --group-form-field-label-font-weight: TBD
 * * @prop --group-form-field-label-font-family: TBD
 * * @prop --group-form-field-label-margin-bottom: TBD
 * * @prop --group-form-field-label-color-hover: TBD
 * * @prop --group-form-field-label-color-active: TBD
 * * @prop --group-form-field-label-success-color: TBD
 * * @prop --group-form-field-label-error-color: TBD
 * * @prop --group-form-field-label-error-color-hover: TBD
 * * @prop --group-form-field-label-error-color-active: TBD
 * * @prop --group-form-field-label-disabled-color TBD
 * * @prop --group-form-field-message-font-size: TBD
 * * @prop --group-form-field-message-font-weight: TBD
 * * @prop --group-form-field-message-color: TBD
 * * @prop --group-form-field-message-color-hover: TBD
 * * @prop --group-form-field-message-color-active: TBD
 * * @prop --group-form-field-message-font-weight: TBD
 * * @prop --group-form-field-message-success-color: TBD
 * * @prop --group-form-field-message-error-color: TBD
 * * @prop --group-form-field-message-disabled-color: TBD
 * * @prop --group-form-field-icon-color: TBD
 * * @prop --group-form-field-icon-color-hover: TBD
 * * @prop --group-form-field-icon-color-active: TBD
 * * @prop --group-form-field-icon-success-color: TBD
 * * @prop --group-form-field-icon-error-color: TBD
 * * @prop --group-form-field-icon-disabled-color: TBD
 * * @prop --group-file-label-color: TBD
 * * @prop --group-file-label-color-hover: TBD
 * * @prop --group-file-label-color-active: TBD
 * * @prop --group-file-border-style: TBD
 * * @prop --group-file-label-disabled-color: TBD
 * */
:root {
  --group-form-field-control-font-size: var(--group-text-size-5);
  --group-form-field-control-font-family: var(--group-font-family-text);
  --group-form-field-control-color: var(--group-light-text-on-light);
  --group-form-field-control-placeholder-color: var(--group-light-text-on-light);
  --group-form-field-control-radius: var(--group-radius-normal);
  --group-form-field-control-background: var(--group-color-base-core-white);
  --group-form-field-control-background-hover: var(--group-color-base-neutral-1);
  --group-form-field-control-background-active: var(--group-color-base-neutral-1);
  --group-form-field-control-border-width: var(--group-scale-3-border-width-medium);
  --group-form-field-control-border-style: solid;
  --group-form-field-control-border-color: var(--group-color-base-neutral-3);
  --group-form-field-control-border-color-hover: var(--group-form-field-control-border-color);
  --group-form-field-control-border-color-active: var(--group-color-base-core-primary);
  --group-form-field-control-success-background: var(--group-color-base-success-default-1);
  --group-form-field-control-success-background-hover: var(--group-color-base-success-default-1);
  --group-form-field-control-success-background-active: var(--group-color-base-success-default-1);
  --group-form-field-control-success-border-color: var(--group-color-base-success-default-1);
  --group-form-field-control-success-border-color-hover: var(--group-color-base-success-default-1);
  --group-form-field-control-success-border-color-active: var(--group-color-base-success-default-1);
  --group-form-field-control-error-background: var(--group-color-base-error-default-1);
  --group-form-field-control-error-background-hover: var(--group-color-base-error-default-1);
  --group-form-field-control-error-background-active: var(--group-color-base-error-default-1);
  --group-form-field-control-error-border-color: var(--group-color-base-error-default-1);
  --group-form-field-control-error-border-color-hover: var(--group-form-field-control-border-color);
  --group-form-field-control-error-border-color-active: var(--group-color-base-error-default-1);
  --group-form-field-control-disabled-color: var(--group-light-text-on-dark-disabled-1);
  --group-form-field-control-disabled-background: var(--group-light-text-on-dark-disabled-2);
  --group-form-field-control-disabled-border-color: var(--group-light-text-on-dark-disabled-1);
  --group-form-field-label-font-size: var(--group-text-size-5-desktop);
  --group-form-field-label-line-height: var(--group-line-height-size-5-desktop);
  --group-form-field-label-font-weight: var(--group-font-weight-regular);
  --group-form-field-label-font-family: var(--group-font-family-text);
  --group-form-field-label-margin-bottom: 0.25rem;
  --group-form-field-label-color-hover: var(--group-link-color-hover);
  --group-form-field-label-color-active: var(--group-link-color-active);
  --group-form-field-label-success-color: var(--group-color-text-success);
  --group-form-field-label-error-color: var(--group-color-text-error);
  --group-form-field-label-error-color-hover: var(--group-color-text-error);
  --group-form-field-label-error-color-active: var(--group-color-text-error);
  --group-form-field-label-disabled-color: var(--group-light-non-interactive-surface-neutral-3);
  --group-form-field-message-font-size: var(--group-text-size-6-desktop);
  --group-form-field-message-font-weight: var(--group-font-weight-regular);
  --group-form-field-message-color: var(--group-link-color);
  --group-form-field-message-color-hover: var(--group-link-color-hover);
  --group-form-field-message-color-active: var(--group-link-color-active);
  --group-form-field-message-success-color: var(--group-color-text-success);
  --group-form-field-message-error-color: var(--group-color-text-error);
  --group-form-field-message-disabled-color: var(--group-link-color);
  --group-form-field-icon-color: var(--group-link-color);
  --group-form-field-icon-color-hover: var(--group-link-color-hover);
  --group-form-field-icon-color-active: var(--group-link-color-active);
  --group-form-field-icon-success-color: var(--group-color-text-success);
  --group-form-field-icon-error-color: var(--group-color-text-error);
  --group-form-field-icon-disabled-color: var(--group-color-text-grey);
  --group-file-label-color: var(--group-light-non-interactive-surface-neutral-3);
  --group-file-label-color-hover: var(--group-light-non-interactive-surface-neutral-3);
  --group-file-label-color-active: var(--group-light-non-interactive-surface-neutral-3);
  --group-file-border-style: dashed;
  --group-file-label-disabled-color: var(--group-light-non-interactive-surface-neutral-5);
}

/**
 * * @prop --group-list-marker-color: Color of the list marker symbol
 * * @prop --group-list-marker-inverted-color: Color of the list marker symbol on a dark background
 * * @prop --group-list-bullet-radius: Radius of the custom bullet
 * * @prop --group-list-bullet-background: Background color of the custom bullet
 * */
:root {
  --group-list-marker-color: var(--group-light-non-interactive-surface-black);
  --group-list-marker-inverted-color: var(--group-light-non-interactive-surface-white);
  --group-list-bullet-radius: var(--group-radius-rounded);
  --group-list-bullet-background: var(--group-light-non-interactive-surface-black);
}

/**
 * * @prop --group-table-color: Tables default font color
 * * @prop --group-table-background-color: Tables default background color
 * * @prop --group-table-body-background-color: Table body background
 * * @prop --group-table-cell-border: Table cell border
 * * @prop --group-table-cell-border-width: Table cell border width
 * * @prop --group-table-cell-padding: Table cell padding
 * * @prop --group-table-cell-heading-color: Table cell heading color
 * * @prop --group-table-head-cell-border-width: Table head cell border width
 * * @prop --group-table-head-cell-border-color: Table head cell border color
 * * @prop --group-table-head-cell-color: Table head cell color
 * * @prop --group-table-head-background-color: Table head cell background
 * * @prop --group-table-head-font-size:  Table head cell font size backgound
 * * @prop --group-table-head-font-family: Table head cell font family
 * * @prop --group-table-foot-cell-border-width: Table foot cell border width
 * * @prop --group-table-foot-cell-color: Table foot cell color
 * * @prop --group-table-foot-background-color: Table foot cell background
 * * @prop --group-table-row-background-color-hover: Table row hover background
 * * @prop --group-table-row-background-color-active: Table row pressed background
 * * @prop --group-table-row-color-active: Table row pressed font color
 * * @prop --group-table-striped-row-even-background-color: Table row striped background
 * * @prop --group-table-striped-row-even-background-color-hover: Table row striped background on hover
 * */
:root {
  --group-table-color: var(--group-color-primary);
  --group-table-background-color: var(--group-color-base-core-white);
  --group-table-body-background-color: transparent;
  --group-table-cell-border-color: var(--group-color-border);
  --group-table-cell-border: 2px solid var(--group-table-cell-border-color);
  --group-table-cell-border-width: 0 0 2px;
  --group-table-cell-padding: 0.5em 0.75em;
  --group-table-cell-heading-color: var(--group-color-primary);
  --group-table-head-cell-border-width: 0 0 1px;
  --group-table-head-cell-border-color: var(--group-color-primary);
  --group-table-head-cell-color: var(--group-color-primary);
  --group-table-head-background-color: transparent;
  --group-table-head-font-size: var(--group-text-size-normal);
  --group-table-head-font-family: var(--group-font-family-text);
  --group-table-foot-cell-border-width: 0 0 0;
  --group-table-foot-cell-color: var(--group-color-primary);
  --group-table-foot-background-color: transparent;
  --group-table-row-background-color-hover: var(--group-color-grey-2);
  --group-table-row-background-color-active: var(--group-color-primary-1);
  --group-table-row-color-active: var(--group-color-primary);
  --group-table-striped-row-even-background-color: var(--group-color-grey-1);
  --group-table-striped-row-even-background-color-hover: var(--group-color-grey-2);
}

.select select, .textarea, .input {
  justify-content: flex-start;
  background-color: var(--group-form-field-control-background);
  border-color: var(--group-form-field-control-border-color);
  border-style: var(--group-form-field-control-border-style);
  border-radius: var(--group-form-field-control-radius);
  color: var(--group-form-field-control-color);
}
.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
  color: var(--group-form-field-control-placeholder-color);
}
.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
  color: var(--group-form-field-control-placeholder-color);
}
.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
  color: var(--group-form-field-control-placeholder-color);
}
.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
  color: var(--group-form-field-control-placeholder-color);
}
@media (hover: hover) and (pointer: fine) {
  .select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
    border-color: var(--group-form-field-control-border-color-hover);
    background-color: var(--group-form-field-control-background-hover);
  }
}
.select select.group-focused, .group-focused.textarea, .group-focused.input, .select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
  border-color: var(--group-form-field-control-border-color-active);
  background-color: var(--group-form-field-control-background-active);
}
.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
  background-color: var(--group-form-field-control-disabled-background);
  border-color: var(--group-form-field-control-disabled-border-color);
  box-shadow: none;
  color: var(--group-form-field-control-disabled-color);
}
.select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
  color: var(--group-form-field-control-disabled-color);
}
.select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
  color: var(--group-form-field-control-disabled-color);
}
.select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
  color: var(--group-form-field-control-disabled-color);
}
.select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
  color: var(--group-form-field-control-disabled-color);
}

.file-cta, .select select, .textarea, .input {
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  align-items: center;
  border-width: var(--group-border-width-normal);
  border-color: var(--group-color-border);
  border-radius: var(--group-radius-normal);
  box-shadow: none;
  display: inline-flex;
  font-size: var(--group-text-size-normal);
  min-height: 3rem;
  height: 3rem;
  line-height: 1.5;
  padding-left: calc(0.75em - var(--group-border-width-normal));
  padding-right: calc(0.75em - var(--group-border-width-normal));
  position: relative;
  vertical-align: top;
}
.file-cta:focus, .select select:focus, .textarea:focus, .input:focus, .is-focused.file-cta, .select select.is-focused, .is-focused.textarea, .is-focused.input, .file-cta:active, .select select:active, .textarea:active, .input:active, .is-active.file-cta, .select select.is-active, .is-active.textarea, .is-active.input {
  outline: none;
}
[disabled].file-cta, .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .file-cta, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
  cursor: default;
}

.textarea, .input {
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  box-shadow: none;
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  resize: vertical;
  padding: calc(0.75em - 2px);
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

input.input,
textarea.textarea {
  border-width: 2px;
  border-radius: var(--group-form-field-control-radius);
  font-size: var(--group-form-field-control-font-size);
  font-family: var(--group-form-field-control-font-family);
  color: var(--group-form-field-control-color);
  outline: none;
  box-shadow: none;
}
input.input.is-danger,
textarea.textarea.is-danger {
  border-color: var(--group-form-field-control-danger-border-color);
  background: var(--group-form-field-control-danger-background);
}
input.input.is-danger.group-focused, input.input.is-danger:focus, input.input.is-danger.is-focused, input.input.is-danger:active, input.input.is-danger.is-active,
textarea.textarea.is-danger.group-focused,
textarea.textarea.is-danger:focus,
textarea.textarea.is-danger.is-focused,
textarea.textarea.is-danger:active,
textarea.textarea.is-danger.is-active {
  border-color: var(--group-form-field-control-border-color-active);
}
input.input.is-success,
textarea.textarea.is-success {
  border-color: var(--group-form-field-control-success-border-color);
  background: var(--group-form-field-control-success-background);
}
input.input.is-success.group-focused, input.input.is-success:focus, input.input.is-success.is-focused, input.input.is-success:active, input.input.is-success.is-active,
textarea.textarea.is-success.group-focused,
textarea.textarea.is-success:focus,
textarea.textarea.is-success.is-focused,
textarea.textarea.is-success:active,
textarea.textarea.is-success.is-active {
  border-color: var(--group-form-field-control-border-color-active);
}
input.input.is-warning,
textarea.textarea.is-warning {
  border-color: var(--group-color-border-warning);
  background: var(--group-color-warning-1);
}
input.input.is-warning.group-focused, input.input.is-warning:focus, input.input.is-warning.is-focused, input.input.is-warning:active, input.input.is-warning.is-active,
textarea.textarea.is-warning.group-focused,
textarea.textarea.is-warning:focus,
textarea.textarea.is-warning.is-focused,
textarea.textarea.is-warning:active,
textarea.textarea.is-warning.is-active {
  border-color: var(--group-form-field-control-border-color-active);
}
input.input.is-disabled,
textarea.textarea.is-disabled {
  color: var(--group-form-field-control-disabled-color);
  border-color: var(--group-form-field-control-disabled-border-color);
  background: var(--group-form-field-control-disabled-background);
}

input.is-grouped {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.select {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 3rem;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid var(--group-form-field-icon-color);
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4rem;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
  right: 1.125em;
  z-index: 4;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  width: 100%;
  outline: none;
  border-radius: var(--group-form-field-control-radius);
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: var(--group-form-field-control-disabled-border-color);
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: var(--group-form-field-label-color-hover);
}
.select:not(.is-multiple):not(.is-loading):active::after {
  border-color: var(--group-form-field-label-color-active);
}
.select.is-disabled::after {
  border-color: var(--group-form-field-control-disabled-border-color) !important;
}
.select.is-success select {
  border-color: var(--group-form-field-control-success-border-color);
  background: var(--group-form-field-control-success-background);
}
.select.is-success select.group-focused, .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  border-color: var(--group-form-field-control-success-border-color-active);
}
.select.is-success::after {
  border-color: var(--group-form-field-control-success-border-color) !important;
}
.select.is-success:focus::after, .select.is-success:active::after, .select.is-success:focus-within::after {
  border-color: var(--group-form-field-control-success-border-color-active) !important;
}
.select.is-danger select {
  border-color: var(--group-form-field-control-danger-border-color);
  background: var(--group-form-field-control-danger-background);
}
.select.is-danger select.group-focused, .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  border-color: var(--group-form-field-control-danger-border-color-active);
}
.select.is-danger::after {
  border-color: var(--group-form-field-control-danger-border-color) !important;
}
.select.is-danger:focus::after, .select.is-danger:active::after, .select.is-danger:focus-within::after {
  border-color: var(--group-form-field-control-danger-border-color-active) !important;
}
.select.is-warning select {
  border-color: var(--group-color-border-warning);
  background: var(--group-color-warning-1);
}
.select.is-warning select.group-focused, .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  border-color: var(--group-color-border-primary);
}
.select.is-warning::after {
  border-color: var(--group-color-border-warning) !important;
}
.select.is-warning:focus::after, .select.is-warning:active::after, .select.is-warning:focus-within::after {
  border-color: var(--group-color-border-primary) !important;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  font-size: var(--group-form-field-control-font-size);
  justify-content: center;
}
.file .file-label {
  width: 100%;
  flex-direction: column;
}
.file .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file .file-icon {
  height: 1.5em;
  width: 1.5em;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  gap: 0.5rem;
  font-weight: var(--group-form-field-label-font-weight);
  color: var(--group-form-field-label-color);
  text-align: center;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.file-label:hover .file-cta,
.file-label:hover .file-label {
  color: var(--group-form-field-label-color-hover);
}
.file-label:hover .file-cta {
  background-color: var(--group-form-field-control-background-hover);
  border-color: var(--group-form-field-control-border-color-hover);
}
.file-label:active .file-cta,
.file-label:active .file-label, .file-label:focus-within .file-cta,
.file-label:focus-within .file-label {
  color: var(--group-form-field-label-color-active);
}
.file-label:active .file-cta, .file-label:focus-within .file-cta {
  background-color: var(--group-form-field-control-background-active);
  border-color: var(--group-form-field-control-border-color-active);
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta {
  justify-content: flex-start;
  border-style: var(--group-file-border-style);
  border-color: var(--group-form-field-control-border-color);
  border-radius: var(--group-form-field-control-radius);
  background: var(--group-form-field-control-background);
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
  gap: 0.5rem;
}

.file-cta {
  background-color: var(--group-form-field-control-background);
  color: var(--group-form-field-control-color);
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}

.file.is-success .file-label,
.file.is-success .file-cta {
  color: var(--group-form-field-label-success-color);
}
.file.is-success .file-cta {
  border-color: var(--group-form-field-control-success-border-color);
  background: var(--group-form-field-control-success-background);
}
.file.is-success .file-label:active .file-cta, .file.is-success .file-label:focus-within .file-cta {
  border-color: var(--group-form-field-control-border-color-active);
  color: var(--group-link-color-active);
}
.file.is-success .file-label:active .file-cta .file-label, .file.is-success .file-label:focus-within .file-cta .file-label {
  color: var(--group-link-color-active);
}

.file.is-danger .file-label,
.file.is-danger .file-cta {
  color: var(--group-form-field-label-danger-color);
}
.file.is-danger .file-cta {
  border-color: var(--group-form-field-control-danger-border-color);
  background: var(--group-form-field-control-danger-background);
}
.file.is-danger .file-label:active .file-cta, .file.is-danger .file-label:focus-within .file-cta {
  border-color: var(--group-form-field-control-border-color-active);
  color: var(--group-link-color-active);
}
.file.is-danger .file-label:active .file-cta .file-label, .file.is-danger .file-label:focus-within .file-cta .file-label {
  color: var(--group-link-color-active);
}

.file.is-warning .file-label,
.file.is-warning .file-cta {
  color: var(--group-color-text-warning);
}
.file.is-warning .file-cta {
  border-color: var(--group-color-border-warning);
  background: var(--group-color-warning-1);
}
.file.is-warning .file-label:active .file-cta, .file.is-warning .file-label:focus-within .file-cta {
  border-color: var(--group-form-field-control-border-color-active);
  color: var(--group-link-color-active);
}
.file.is-warning .file-label:active .file-cta .file-label, .file.is-warning .file-label:focus-within .file-cta .file-label {
  color: var(--group-link-color-active);
}

.file.is-disabled .file-label,
.file.is-disabled .file-cta {
  color: var(--group-file-label-disabled-color);
}
.file.is-disabled .file-cta {
  border-color: var(--group-form-field-control-disabled-border-color);
  background: var(--group-form-field-control-disabled-background);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.label {
  display: block;
  font-size: var(--group-form-field-label-font-size);
  line-height: var(--group-form-field-label-line-height);
  font-weight: var(--group-form-field-label-font-weight);
  font-family: var(--group-form-field-label-font-family), sans-serif;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.label:not(:last-child) {
  margin-bottom: var(--group-form-field-label-margin-bottom);
}
.label.is-danger {
  color: var(--group-form-field-label-danger-color);
}
.label.is-success {
  color: var(--group-form-field-label-success-color);
}
.label.is-warning {
  color: var(--group-color-text-warning);
}
.label.is-disabled {
  color: var(--group-form-field-label-disabled-color);
}

.help {
  display: block;
  margin-top: -2px;
  color: var(--group-form-field-message-color);
  font-size: var(--group-form-field-message-font-size);
  font-weight: var(--group-form-field-message-font-weight);
  -webkit-hyphens: auto;
          hyphens: auto;
}
.help.is-danger {
  color: var(--group-form-field-message-danger-color);
}
.help.is-success {
  color: var(--group-form-field-message-success-color);
}
.help.is-warning {
  color: var(--group-color-text-warning);
}
.help.is-disabled {
  color: var(--group-form-field-message-disabled-color);
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: var(--group-text-size-small);
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: var(--group-form-field-control-font-size);
  position: relative;
  text-align: inherit;
}
.control.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid var(--group-form-field-control-border-color-active);
  border-radius: var(--group-radius-rounded);
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1.125em;
  width: 1.125em;
  position: absolute !important;
  right: 0.875rem;
  top: 0.875rem;
  z-index: 4;
}

.control.has-icons-right::after {
  right: 2.3rem;
}

.field.is-grouped {
  gap: calc(var(--group-column-gap) / 2);
}

.field.has-direction-row.is-grouped {
  flex-direction: row;
}

.field.has-direction-column.is-grouped {
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.field.has-direction-column.is-grouped .button {
  width: 100%;
}
.field.has-direction-column.is-grouped .group-button {
  margin: 0 !important;
}

@media screen and (max-width: 768px) {
  .field.has-direction-auto.is-grouped {
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
  }
  .field.has-direction-auto.is-grouped .control {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 100%;
    margin-right: 0 !important;
  }
  .field.has-direction-auto.is-grouped .control .button {
    min-width: 100%;
  }
  .field.has-direction-auto.is-grouped.is-reverse {
    flex-direction: column-reverse;
  }
}
.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
  width: 100% !important;
  padding-left: var(--group-scale-1-layout-web-margin);
  padding-right: var(--group-scale-1-layout-web-margin);
}
.container.is-fluid {
  max-width: var(--group-container-size-fluid) !important;
}
.container.is-compact {
  max-width: var(--group-container-size-compact) !important;
}

.grid {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}

.col {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: var(--group-scale-1-layout-web-margin);
}
.grid.is-mobile > .col.is-narrow {
  flex: none;
  width: unset;
}
.grid.is-mobile > .col.is-full {
  flex: none;
  width: 100%;
}
.grid.is-mobile > .col.is-three-quarters {
  flex: none;
  width: 75%;
}
.grid.is-mobile > .col.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.grid.is-mobile > .col.is-half {
  flex: none;
  width: 50%;
}
.grid.is-mobile > .col.is-one-third {
  flex: none;
  width: 33.3333%;
}
.grid.is-mobile > .col.is-one-quarter {
  flex: none;
  width: 25%;
}
.grid.is-mobile > .col.is-one-fifth {
  flex: none;
  width: 20%;
}
.grid.is-mobile > .col.is-two-fifths {
  flex: none;
  width: 40%;
}
.grid.is-mobile > .col.is-three-fifths {
  flex: none;
  width: 60%;
}
.grid.is-mobile > .col.is-four-fifths {
  flex: none;
  width: 80%;
}
.grid.is-mobile > .col.is-offset-three-quarters {
  margin-left: 75%;
}
.grid.is-mobile > .col.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.grid.is-mobile > .col.is-offset-half {
  margin-left: 50%;
}
.grid.is-mobile > .col.is-offset-one-third {
  margin-left: 33.3333%;
}
.grid.is-mobile > .col.is-offset-one-quarter {
  margin-left: 25%;
}
.grid.is-mobile > .col.is-offset-one-fifth {
  margin-left: 20%;
}
.grid.is-mobile > .col.is-offset-two-fifths {
  margin-left: 40%;
}
.grid.is-mobile > .col.is-offset-three-fifths {
  margin-left: 60%;
}
.grid.is-mobile > .col.is-offset-four-fifths {
  margin-left: 80%;
}
.grid.is-mobile > .col.is-0 {
  flex: none;
  width: 0%;
}
.grid.is-mobile > .col.is-offset-0 {
  margin-left: 0%;
}
.grid.is-mobile > .col.is-1 {
  flex: none;
  width: 8.3333333333%;
}
.grid.is-mobile > .col.is-offset-1 {
  margin-left: 8.3333333333%;
}
.grid.is-mobile > .col.is-2 {
  flex: none;
  width: 16.6666666667%;
}
.grid.is-mobile > .col.is-offset-2 {
  margin-left: 16.6666666667%;
}
.grid.is-mobile > .col.is-3 {
  flex: none;
  width: 25%;
}
.grid.is-mobile > .col.is-offset-3 {
  margin-left: 25%;
}
.grid.is-mobile > .col.is-4 {
  flex: none;
  width: 33.3333333333%;
}
.grid.is-mobile > .col.is-offset-4 {
  margin-left: 33.3333333333%;
}
.grid.is-mobile > .col.is-5 {
  flex: none;
  width: 41.6666666667%;
}
.grid.is-mobile > .col.is-offset-5 {
  margin-left: 41.6666666667%;
}
.grid.is-mobile > .col.is-6 {
  flex: none;
  width: 50%;
}
.grid.is-mobile > .col.is-offset-6 {
  margin-left: 50%;
}
.grid.is-mobile > .col.is-7 {
  flex: none;
  width: 58.3333333333%;
}
.grid.is-mobile > .col.is-offset-7 {
  margin-left: 58.3333333333%;
}
.grid.is-mobile > .col.is-8 {
  flex: none;
  width: 66.6666666667%;
}
.grid.is-mobile > .col.is-offset-8 {
  margin-left: 66.6666666667%;
}
.grid.is-mobile > .col.is-9 {
  flex: none;
  width: 75%;
}
.grid.is-mobile > .col.is-offset-9 {
  margin-left: 75%;
}
.grid.is-mobile > .col.is-10 {
  flex: none;
  width: 83.3333333333%;
}
.grid.is-mobile > .col.is-offset-10 {
  margin-left: 83.3333333333%;
}
.grid.is-mobile > .col.is-11 {
  flex: none;
  width: 91.6666666667%;
}
.grid.is-mobile > .col.is-offset-11 {
  margin-left: 91.6666666667%;
}
.grid.is-mobile > .col.is-12 {
  flex: none;
  width: 100%;
}
.grid.is-mobile > .col.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .col.mobile\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.mobile\:is-full {
    flex: none;
    width: 100%;
  }
  .col.mobile\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.mobile\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.mobile\:is-half {
    flex: none;
    width: 50%;
  }
  .col.mobile\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.mobile\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.mobile\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.mobile\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.mobile\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.mobile\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.mobile\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.mobile\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.mobile\:is-offset-half {
    margin-left: 50%;
  }
  .col.mobile\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.mobile\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.mobile\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.mobile\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.mobile\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.mobile-offset-four-fifths {
    margin-left: 80%;
  }
  .col.mobile\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.mobile\:is-offset-0 {
    margin-left: 0%;
  }
  .col.mobile\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.mobile\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.mobile\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.mobile\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.mobile\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.mobile\:is-offset-3 {
    margin-left: 25%;
  }
  .col.mobile\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.mobile\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.mobile\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.mobile\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.mobile\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.mobile\:is-offset-6 {
    margin-left: 50%;
  }
  .col.mobile\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.mobile\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.mobile\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.mobile\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.mobile\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.mobile\:is-offset-9 {
    margin-left: 75%;
  }
  .col.mobile\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.mobile\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.mobile\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.mobile\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.mobile\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.mobile\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .col.is-narrow, .col.tablet\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.is-full, .col.tablet\:is-full {
    flex: none;
    width: 100%;
  }
  .col.is-three-quarters, .col.tablet\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.is-two-thirds, .col.tablet\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.is-half, .col.tablet\:is-half {
    flex: none;
    width: 50%;
  }
  .col.is-one-third, .col.tablet\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.is-one-quarter, .col.tablet\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.is-one-fifth, .col.tablet\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.is-two-fifths, .col.tablet\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.is-three-fifths, .col.tablet\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.is-four-fifths, .col.tablet\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.is-offset-three-quarters, .col.tablet\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.is-offset-two-thirds, .col.tablet\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.is-offset-half, .col.tablet\:is-offset-half {
    margin-left: 50%;
  }
  .col.is-offset-one-third, .col.tablet\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.is-offset-one-quarter, .col.tablet\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.is-offset-one-fifth, .col.tablet\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.is-offset-two-fifths, .col.tablet\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.is-offset-three-fifths, .col.tablet\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.is-offset-four-fifths, .col.tablet\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.is-0, .col.tablet\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.is-offset-0, .col.tablet\:is-offset-0 {
    margin-left: 0%;
  }
  .col.is-1, .col.tablet\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.is-offset-1, .col.tablet\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.is-2, .col.tablet\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.is-offset-2, .col.tablet\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.is-3, .col.tablet\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.is-offset-3, .col.tablet\:is-offset-3 {
    margin-left: 25%;
  }
  .col.is-4, .col.tablet\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.is-offset-4, .col.tablet\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.is-5, .col.tablet\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.is-offset-5, .col.tablet\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.is-6, .col.tablet\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.is-offset-6, .col.tablet\:is-offset-6 {
    margin-left: 50%;
  }
  .col.is-7, .col.tablet\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.is-offset-7, .col.tablet\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.is-8, .col.tablet\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.is-offset-8, .col.tablet\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.is-9, .col.tablet\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.is-offset-9, .col.tablet\:is-offset-9 {
    margin-left: 75%;
  }
  .col.is-10, .col.tablet\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.is-offset-10, .col.tablet\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.is-11, .col.tablet\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.is-offset-11, .col.tablet\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.is-12, .col.tablet\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.is-offset-12, .col.tablet\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .col.touch\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.touch\:is-full {
    flex: none;
    width: 100%;
  }
  .col.touch\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.touch\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.touch\:is-half {
    flex: none;
    width: 50%;
  }
  .col.touch\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.touch\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.touch\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.touch\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.touch\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.touch\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.touch\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.touch\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.touch\:is-offset-half {
    margin-left: 50%;
  }
  .col.touch\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.touch\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.touch\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.touch\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.touch\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.touch\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.touch\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.touch\:is-offset-0 {
    margin-left: 0%;
  }
  .col.touch\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.touch\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.touch\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.touch\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.touch\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.touch\:is-offset-3 {
    margin-left: 25%;
  }
  .col.touch\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.touch\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.touch\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.touch\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.touch\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.touch\:is-offset-6 {
    margin-left: 50%;
  }
  .col.touch\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.touch\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.touch\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.touch\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.touch\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.touch\:is-offset-9 {
    margin-left: 75%;
  }
  .col.touch\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.touch\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.touch\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.touch\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.touch\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.touch\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .col.desktop\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.desktop\:is-full {
    flex: none;
    width: 100%;
  }
  .col.desktop\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.desktop\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.desktop\:is-half {
    flex: none;
    width: 50%;
  }
  .col.desktop\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.desktop\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.desktop\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.desktop\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.desktop\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.desktop\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.desktop\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.desktop\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.desktop\:is-offset-half {
    margin-left: 50%;
  }
  .col.desktop\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.desktop\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.desktop\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.desktop\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.desktop\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.desktop\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.desktop\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.desktop\:is-offset-0 {
    margin-left: 0%;
  }
  .col.desktop\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.desktop\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.desktop\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.desktop\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.desktop\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.desktop\:is-offset-3 {
    margin-left: 25%;
  }
  .col.desktop\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.desktop\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.desktop\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.desktop\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.desktop\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.desktop\:is-offset-6 {
    margin-left: 50%;
  }
  .col.desktop\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.desktop\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.desktop\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.desktop\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.desktop\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.desktop\:is-offset-9 {
    margin-left: 75%;
  }
  .col.desktop\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.desktop\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.desktop\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.desktop\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.desktop\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.desktop\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .col.widescreen\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.widescreen\:is-full {
    flex: none;
    width: 100%;
  }
  .col.widescreen\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.widescreen\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.widescreen\:is-half {
    flex: none;
    width: 50%;
  }
  .col.widescreen\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.widescreen\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.widescreen\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.widescreen\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.widescreen\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.widescreen\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.widescreen\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.widescreen\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.widescreen\:is-offset-half {
    margin-left: 50%;
  }
  .col.widescreen\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.widescreen\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.widescreen\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.widescreen\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.widescreen\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.widescreen\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.widescreen\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.widescreen\:is-offset-0 {
    margin-left: 0%;
  }
  .col.widescreen\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.widescreen\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.widescreen\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.widescreen\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.widescreen\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.widescreen\:is-offset-3 {
    margin-left: 25%;
  }
  .col.widescreen\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.widescreen\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.widescreen\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.widescreen\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.widescreen\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.widescreen\:is-offset-6 {
    margin-left: 50%;
  }
  .col.widescreen\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.widescreen\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.widescreen\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.widescreen\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.widescreen\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.widescreen\:is-offset-9 {
    margin-left: 75%;
  }
  .col.widescreen\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.widescreen\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.widescreen\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.widescreen\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.widescreen\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.widescreen\:is-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .col.fullhd\:is-narrow {
    flex: none;
    width: unset;
  }
  .col.fullhd\:is-full {
    flex: none;
    width: 100%;
  }
  .col.fullhd\:is-three-quarters {
    flex: none;
    width: 75%;
  }
  .col.fullhd\:is-two-thirds {
    flex: none;
    width: 66.6666%;
  }
  .col.fullhd\:is-half {
    flex: none;
    width: 50%;
  }
  .col.fullhd\:is-one-third {
    flex: none;
    width: 33.3333%;
  }
  .col.fullhd\:is-one-quarter {
    flex: none;
    width: 25%;
  }
  .col.fullhd\:is-one-fifth {
    flex: none;
    width: 20%;
  }
  .col.fullhd\:is-two-fifths {
    flex: none;
    width: 40%;
  }
  .col.fullhd\:is-three-fifths {
    flex: none;
    width: 60%;
  }
  .col.fullhd\:is-four-fifths {
    flex: none;
    width: 80%;
  }
  .col.fullhd\:is-offset-three-quarters {
    margin-left: 75%;
  }
  .col.fullhd\:is-offset-two-thirds {
    margin-left: 66.6666%;
  }
  .col.fullhd\:is-offset-half {
    margin-left: 50%;
  }
  .col.fullhd\:is-offset-one-third {
    margin-left: 33.3333%;
  }
  .col.fullhd\:is-offset-one-quarter {
    margin-left: 25%;
  }
  .col.fullhd\:is-offset-one-fifth {
    margin-left: 20%;
  }
  .col.fullhd\:is-offset-two-fifths {
    margin-left: 40%;
  }
  .col.fullhd\:is-offset-three-fifths {
    margin-left: 60%;
  }
  .col.fullhd\:is-offset-four-fifths {
    margin-left: 80%;
  }
  .col.fullhd\:is-0 {
    flex: none;
    width: 0%;
  }
  .col.fullhd\:is-offset-0 {
    margin-left: 0%;
  }
  .col.fullhd\:is-1 {
    flex: none;
    width: 8.3333333333%;
  }
  .col.fullhd\:is-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col.fullhd\:is-2 {
    flex: none;
    width: 16.6666666667%;
  }
  .col.fullhd\:is-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col.fullhd\:is-3 {
    flex: none;
    width: 25%;
  }
  .col.fullhd\:is-offset-3 {
    margin-left: 25%;
  }
  .col.fullhd\:is-4 {
    flex: none;
    width: 33.3333333333%;
  }
  .col.fullhd\:is-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col.fullhd\:is-5 {
    flex: none;
    width: 41.6666666667%;
  }
  .col.fullhd\:is-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col.fullhd\:is-6 {
    flex: none;
    width: 50%;
  }
  .col.fullhd\:is-offset-6 {
    margin-left: 50%;
  }
  .col.fullhd\:is-7 {
    flex: none;
    width: 58.3333333333%;
  }
  .col.fullhd\:is-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col.fullhd\:is-8 {
    flex: none;
    width: 66.6666666667%;
  }
  .col.fullhd\:is-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col.fullhd\:is-9 {
    flex: none;
    width: 75%;
  }
  .col.fullhd\:is-offset-9 {
    margin-left: 75%;
  }
  .col.fullhd\:is-10 {
    flex: none;
    width: 83.3333333333%;
  }
  .col.fullhd\:is-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col.fullhd\:is-11 {
    flex: none;
    width: 91.6666666667%;
  }
  .col.fullhd\:is-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col.fullhd\:is-12 {
    flex: none;
    width: 100%;
  }
  .col.fullhd\:is-offset-12 {
    margin-left: 100%;
  }
}

.grid {
  margin-left: calc(var(--group-scale-1-layout-web-margin) * -1);
  margin-right: calc(var(--group-scale-1-layout-web-margin) * -1);
  margin-top: calc(var(--group-scale-1-layout-web-margin) * -1);
}
.grid:last-child {
  margin-bottom: calc(var(--group-scale-1-layout-web-margin) * -1);
}
.grid:not(:last-child) {
  margin-bottom: calc(1.5rem - var(--group-scale-1-layout-web-margin));
}
.grid.is-centered {
  justify-content: center;
}
.grid.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.grid.is-gapless > .col {
  margin: 0;
  padding: 0 !important;
}
.grid.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.grid.is-gapless:last-child {
  margin-bottom: 0;
}
.grid.is-mobile {
  display: flex;
}
.grid.is-multiline {
  flex-wrap: wrap;
}
.grid.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .grid:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .grid.is-desktop {
    display: flex;
  }
}

a.link:not(.button),
a.is-link:not(.button) {
  color: var(--group-link-color);
  font-weight: var(--group-link-font-weight);
  -webkit-text-decoration: var(--group-link-text-decoration);
          text-decoration: var(--group-link-text-decoration);
  text-underline-offset: var(--group-link-text-underline-offset);
  text-decoration-thickness: var(--group-link-text-decoration-thickness);
  border-radius: var(--group-link-radius);
}
a.link:not(.button) svg,
a.link:not(.button) g,
a.link:not(.button) path,
a.link:not(.button) circle,
a.is-link:not(.button) svg,
a.is-link:not(.button) g,
a.is-link:not(.button) path,
a.is-link:not(.button) circle {
  fill: var(--group-link-color);
}
a.link:not(.button):hover,
a.is-link:not(.button):hover {
  -webkit-text-decoration: var(--group-link-text-decoration);
          text-decoration: var(--group-link-text-decoration);
  text-decoration-thickness: var(--group-link-text-decoration-thickness);
  text-underline-offset: var(--group-link-text-underline-offset);
  color: var(--group-link-color-hover);
}
a.link:not(.button):hover svg,
a.link:not(.button):hover g,
a.link:not(.button):hover path,
a.link:not(.button):hover circle,
a.is-link:not(.button):hover svg,
a.is-link:not(.button):hover g,
a.is-link:not(.button):hover path,
a.is-link:not(.button):hover circle {
  fill: var(--group-link-color-hover);
}
a.link:not(.button):active,
a.is-link:not(.button):active {
  -webkit-text-decoration: var(--group-link-text-decoration);
          text-decoration: var(--group-link-text-decoration);
  text-decoration-thickness: var(--group-link-text-decoration-thickness);
  text-underline-offset: var(--group-link-text-underline-offset);
  color: var(--group-link-color-active);
}
a.link:not(.button):active svg,
a.link:not(.button):active g,
a.link:not(.button):active path,
a.link:not(.button):active circle,
a.is-link:not(.button):active svg,
a.is-link:not(.button):active g,
a.is-link:not(.button):active path,
a.is-link:not(.button):active circle {
  fill: var(--group-link-color-active);
}
a.link:not(.button).is-inverted,
a.is-link:not(.button).is-inverted {
  color: var(--group-link-inverted-color);
}
a.link:not(.button).is-inverted svg,
a.link:not(.button).is-inverted g,
a.link:not(.button).is-inverted path,
a.link:not(.button).is-inverted circle,
a.is-link:not(.button).is-inverted svg,
a.is-link:not(.button).is-inverted g,
a.is-link:not(.button).is-inverted path,
a.is-link:not(.button).is-inverted circle {
  fill: var(--group-link-inverted-color);
}
a.link:not(.button).is-inverted:hover,
a.is-link:not(.button).is-inverted:hover {
  -webkit-text-decoration: var(--group-link-text-decoration);
          text-decoration: var(--group-link-text-decoration);
  text-decoration-thickness: var(--group-link-text-decoration-thickness);
  text-underline-offset: var(--group-link-text-underline-offset);
  color: var(--group-link-inverted-color-hover);
}
a.link:not(.button).is-inverted:hover svg,
a.link:not(.button).is-inverted:hover g,
a.link:not(.button).is-inverted:hover path,
a.link:not(.button).is-inverted:hover circle,
a.is-link:not(.button).is-inverted:hover svg,
a.is-link:not(.button).is-inverted:hover g,
a.is-link:not(.button).is-inverted:hover path,
a.is-link:not(.button).is-inverted:hover circle {
  fill: var(--group-link-inverted-color-hover);
}
a.link:not(.button).is-inverted:active,
a.is-link:not(.button).is-inverted:active {
  -webkit-text-decoration: var(--group-link-text-decoration);
          text-decoration: var(--group-link-text-decoration);
  text-decoration-thickness: var(--group-link-text-decoration-thickness);
  text-underline-offset: var(--group-link-text-underline-offset);
  color: var(--group-link-inverted-color-active);
}
a.link:not(.button).is-inverted:active svg,
a.link:not(.button).is-inverted:active g,
a.link:not(.button).is-inverted:active path,
a.link:not(.button).is-inverted:active circle,
a.is-link:not(.button).is-inverted:active svg,
a.is-link:not(.button).is-inverted:active g,
a.is-link:not(.button).is-inverted:active path,
a.is-link:not(.button).is-inverted:active circle {
  fill: var(--group-link-inverted-color-active);
}
a.link:not(.button).is-light,
a.is-link:not(.button).is-light {
  -webkit-text-decoration: var(--group-link-inverted-light-text-decoration);
          text-decoration: var(--group-link-inverted-light-text-decoration);
  font-weight: var(--group-link-inverted-light-font-weight);
  color: var(--group-link-inverted-color);
}
a.link:not(.button).is-light svg,
a.link:not(.button).is-light g,
a.link:not(.button).is-light path,
a.link:not(.button).is-light circle,
a.is-link:not(.button).is-light svg,
a.is-link:not(.button).is-light g,
a.is-link:not(.button).is-light path,
a.is-link:not(.button).is-light circle {
  fill: var(--group-link-inverted-color);
}
a.link:not(.button).is-light:hover,
a.is-link:not(.button).is-light:hover {
  color: var(--group-link-inverted-color-hover);
}
a.link:not(.button).is-light:hover svg,
a.link:not(.button).is-light:hover g,
a.link:not(.button).is-light:hover path,
a.link:not(.button).is-light:hover circle,
a.is-link:not(.button).is-light:hover svg,
a.is-link:not(.button).is-light:hover g,
a.is-link:not(.button).is-light:hover path,
a.is-link:not(.button).is-light:hover circle {
  fill: var(--group-link-inverted-color-hover);
}
a.link:not(.button).is-light:active,
a.is-link:not(.button).is-light:active {
  color: var(--group-link-inverted-color-active);
}
a.link:not(.button).is-light:active svg,
a.link:not(.button).is-light:active g,
a.link:not(.button).is-light:active path,
a.link:not(.button).is-light:active circle,
a.is-link:not(.button).is-light:active svg,
a.is-link:not(.button).is-light:active g,
a.is-link:not(.button).is-light:active path,
a.is-link:not(.button).is-light:active circle {
  fill: var(--group-link-inverted-color-active);
}

ol.list,
ul.list,
ol.is-list,
ul.is-list {
  margin-bottom: 1.5rem;
  margin-left: 2rem;
}
@media screen and (min-width: 1024px) {
  ol.list,
  ul.list,
  ol.is-list,
  ul.is-list {
    margin-bottom: 2rem;
  }
}
ol.list li,
ul.list li,
ol.is-list li,
ul.is-list li {
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-bottom: 1rem;
}
ol.list li:last-child,
ul.list li:last-child,
ol.is-list li:last-child,
ul.is-list li:last-child {
  margin-bottom: 0;
}
ol.list li::marker,
ul.list li::marker,
ol.is-list li::marker,
ul.is-list li::marker {
  color: var(--group-list-marker-color);
}
ol.list.has-bullet-circle li::marker,
ul.list.has-bullet-circle li::marker,
ol.is-list.has-bullet-circle li::marker,
ul.is-list.has-bullet-circle li::marker {
  content: none;
}
ol.list.has-bullet-circle li::before,
ul.list.has-bullet-circle li::before,
ol.is-list.has-bullet-circle li::before,
ul.is-list.has-bullet-circle li::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
  margin-left: -1.25rem;
  margin-top: 0.313rem;
  border-radius: var(--group-list-bullet-radius);
  background: var(--group-list-bullet-background);
}
ol.list.has-bullets, ol.list.has-bullet-check, ol.list.has-bullet-close, ol.list.has-bullet-check-circle,
ul.list.has-bullets,
ul.list.has-bullet-check,
ul.list.has-bullet-close,
ul.list.has-bullet-check-circle,
ol.is-list.has-bullets,
ol.is-list.has-bullet-check,
ol.is-list.has-bullet-close,
ol.is-list.has-bullet-check-circle,
ul.is-list.has-bullets,
ul.is-list.has-bullet-check,
ul.is-list.has-bullet-close,
ul.is-list.has-bullet-check-circle {
  list-style-type: none !important;
}
ol.list.has-bullets li, ol.list.has-bullet-check li, ol.list.has-bullet-close li, ol.list.has-bullet-check-circle li,
ul.list.has-bullets li,
ul.list.has-bullet-check li,
ul.list.has-bullet-close li,
ul.list.has-bullet-check-circle li,
ol.is-list.has-bullets li,
ol.is-list.has-bullet-check li,
ol.is-list.has-bullet-close li,
ol.is-list.has-bullet-check-circle li,
ul.is-list.has-bullets li,
ul.is-list.has-bullet-check li,
ul.is-list.has-bullet-close li,
ul.is-list.has-bullet-check-circle li {
  list-style-type: none !important;
}
ol.list.has-bullets li::marker, ol.list.has-bullet-check li::marker, ol.list.has-bullet-close li::marker, ol.list.has-bullet-check-circle li::marker,
ul.list.has-bullets li::marker,
ul.list.has-bullet-check li::marker,
ul.list.has-bullet-close li::marker,
ul.list.has-bullet-check-circle li::marker,
ol.is-list.has-bullets li::marker,
ol.is-list.has-bullet-check li::marker,
ol.is-list.has-bullet-close li::marker,
ol.is-list.has-bullet-check-circle li::marker,
ul.is-list.has-bullets li::marker,
ul.is-list.has-bullet-check li::marker,
ul.is-list.has-bullet-close li::marker,
ul.is-list.has-bullet-check-circle li::marker {
  content: none !important;
}
ol.list.has-bullets li::before, ol.list.has-bullet-check li::before, ol.list.has-bullet-close li::before, ol.list.has-bullet-check-circle li::before,
ul.list.has-bullets li::before,
ul.list.has-bullet-check li::before,
ul.list.has-bullet-close li::before,
ul.list.has-bullet-check-circle li::before,
ol.is-list.has-bullets li::before,
ol.is-list.has-bullet-check li::before,
ol.is-list.has-bullet-close li::before,
ol.is-list.has-bullet-check-circle li::before,
ul.is-list.has-bullets li::before,
ul.is-list.has-bullet-check li::before,
ul.is-list.has-bullet-close li::before,
ul.is-list.has-bullet-check-circle li::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
  margin-left: -1.375rem;
  margin-top: 0.313rem;
}
ol.list.has-bullets.has-bullet-check-circle li::before, ol.list.has-bullet-check.has-bullet-check-circle li::before, ol.list.has-bullet-close.has-bullet-check-circle li::before, ol.list.has-bullet-check-circle.has-bullet-check-circle li::before,
ul.list.has-bullets.has-bullet-check-circle li::before,
ul.list.has-bullet-check.has-bullet-check-circle li::before,
ul.list.has-bullet-close.has-bullet-check-circle li::before,
ul.list.has-bullet-check-circle.has-bullet-check-circle li::before,
ol.is-list.has-bullets.has-bullet-check-circle li::before,
ol.is-list.has-bullet-check.has-bullet-check-circle li::before,
ol.is-list.has-bullet-close.has-bullet-check-circle li::before,
ol.is-list.has-bullet-check-circle.has-bullet-check-circle li::before,
ul.is-list.has-bullets.has-bullet-check-circle li::before,
ul.is-list.has-bullet-check.has-bullet-check-circle li::before,
ul.is-list.has-bullet-close.has-bullet-check-circle li::before,
ul.is-list.has-bullet-check-circle.has-bullet-check-circle li::before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  margin-left: -1.44rem;
  margin-top: 0.25rem;
}
ol.list.has-bullet-check li::before,
ol.list li.has-bullet-check::before,
ul.list.has-bullet-check li::before,
ul.list li.has-bullet-check::before,
ol.is-list.has-bullet-check li::before,
ol.is-list li.has-bullet-check::before,
ul.is-list.has-bullet-check li::before,
ul.is-list li.has-bullet-check::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjYzNzEgMS4xOTc5MkMxNC4wNjI4IDEuNTQ5NzQgMTQuMTIyOCAyLjE4MDA2IDEzLjc3MDkgMi42MDU3OUw1LjczMDkgMTIuMzM1TDUuNzI4NDggMTIuMzM3OUM1LjU0NTYgMTIuNTU3NSA1LjMxNjA4IDEyLjczMzYgNS4wNTY2MSAxMi44NTM0QzQuNzk3MTMgMTIuOTczMSA0LjUxNDIzIDEzLjAzMzYgNC4yMjg0OCAxMy4wMzAySDQuMjI3NThDMy45MzcxNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IiMwMDBENkUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zODg1NF8zNDI1NDkiPgo8cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) no-repeat left top;
}
ol.list.has-bullet-check-circle li::before,
ol.list li.has-bullet-check-circle::before,
ul.list.has-bullet-check-circle li::before,
ul.list li.has-bullet-check-circle::before,
ol.is-list.has-bullet-check-circle li::before,
ol.is-list li.has-bullet-check-circle::before,
ul.is-list.has-bullet-check-circle li::before,
ul.is-list li.has-bullet-check-circle::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE3ODdfMTIyNCkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaTTYuNzYxNyAxMS43OTQ1QzYuOTgyNTkgMTEuNjk2NSA3LjE3OTI0IDExLjU1MTMgNy4zMzc3MyAxMS4zNjlMMTIuMzczMSA2LjMzMzIxQzEyLjQ2NzcgNi4yMzM5NiAxMi41NDE3IDYuMTE3MDYgMTIuNTkxIDUuOTg5MTVDMTIuNjQwMyA1Ljg2MTI1IDEyLjY2MzkgNS43MjQ4OCAxMi42NjA0IDUuNTg3ODRDMTIuNjU2OSA1LjQ1MDggMTIuNjI2NCA1LjMxNTgxIDEyLjU3MDcgNS4xOTA1OUMxMi41MTQ5IDUuMDY1MzcgMTIuNDM1IDQuOTUyMzkgMTIuMzM1NSA0Ljg1ODA5QzEyLjIzNjEgNC43NjM3OCAxMi4xMTkgNC42ODk5OSAxMS45OTExIDQuNjQwODhDMTEuODYzMiA0LjU5MTc3IDExLjcyNjggNC41NjgzIDExLjU4OTggNC41NzE3OEMxMS40NTI5IDQuNTc1MjYgMTEuMzE3OSA0LjYwNTYyIDExLjE5MjYgNC42NjExN0MxMS4wNjc3IDQuNzE2NTcgMTAuOTU0IDQuNzk2NzQgMTAuODU5NyA0Ljg5NTYxTDYuMTUwNiA5LjU0MjI2QzYuMTAzODUgOS41ODgzOCA2LjAyNzk1IDkuNTg1NzIgNS45ODQ1NSA5LjUzNjQzTDQuOTA2MjEgOC4zMTE3NUw0LjkwMDA1IDguMzA1MzVDNC43MTM1OCA4LjExMTY0IDQuNDU5NTUgNy45OTczOCA0LjE5MDk4IDcuOTg2MTRDMy45MjI0MSA3Ljk3NDg5IDMuNjU5NzEgOC4wNjc1IDMuNDU3NjggOC4yNDQ5QzMuMjU1NjIgOC40MjIzMyAzLjEyOTgyIDguNjcwOTEgMy4xMDY3OSA4LjkzODlDMy4wODM3NSA5LjIwNjkgMy4xNjUzMSA5LjQ3MzMxIDMuMzM0MjMgOS42ODI1N0wzLjMzOTY4IDkuNjg5MzNMNC43NDk3NyAxMS4yODg4QzQuOTAzMDcgMTEuNDg1NCA1LjA5ODMxIDExLjY0NTUgNS4zMjEzMSAxMS43NTc0QzUuNTQ3OTYgMTEuODcxMiA1Ljc5NzQyIDExLjkzMjIgNi4wNTA5OCAxMS45MzZDNi4yOTU0MiAxMS45NDIgNi41MzgxOSAxMS44OTM2IDYuNzYxNyAxMS43OTQ1WiIgZmlsbD0iIzAwMEQ2RSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzE3ODdfMTIyNCI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left top;
}
ol.list.has-bullet-close li::before,
ol.list li.has-bullet-close::before,
ul.list.has-bullet-close li::before,
ul.list li.has-bullet-close::before,
ol.is-list.has-bullet-close li::before,
ol.is-list li.has-bullet-close::before,
ul.is-list.has-bullet-close li::before,
ul.is-list li.has-bullet-close::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU5OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNzA3MTEgMC4yOTI4OTNDMS4zMTY1OCAtMC4wOTc2MzEgMC42ODM0MTcgLTAuMDk3NjMxIDAuMjkyODkzIDAuMjkyODkzQy0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAwLjI5Mjg5MyAxLjcwNzExTDUuNTg1NzkgN0wwLjI5Mjg5MyAxMi4yOTI5Qy0wLjA5NzYzMSAxMi42ODM0IC0wLjA5NzYzMSAxMy4zMTY2IDAuMjkyODkzIDEzLjcwNzFDMC42ODM0MTcgMTQuMDk3NiAxLjMxNjU4IDE0LjA5NzYgMS43MDcxMSAxMy43MDcxTDcgOC40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOC40MTQyMSA3TDEzLjcwNzEgMS43MDcxMUMxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAwLjY4MzQxNyAxMy43MDcxIDAuMjkyODkzQzEzLjMxNjYgLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEyLjI5MjkgMC4yOTI4OTNMNyA1LjU4NTc5TDEuNzA3MTEgMC4yOTI4OTNaIiBmaWxsPSIjMDAwRDZFIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg4NTRfMzQyNTk5Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat left top;
}
ol.list.is-inverted li,
ol.list.is-inverted li::marker,
ul.list.is-inverted li,
ul.list.is-inverted li::marker,
ol.is-list.is-inverted li,
ol.is-list.is-inverted li::marker,
ul.is-list.is-inverted li,
ul.is-list.is-inverted li::marker {
  color: var(--group-list-marker-inverted-color);
}
ol.list.is-inverted.has-bullet-check li::before,
ol.list.is-inverted li.has-bullet-check::before,
ul.list.is-inverted.has-bullet-check li::before,
ul.list.is-inverted li.has-bullet-check::before,
ol.is-list.is-inverted.has-bullet-check li::before,
ol.is-list.is-inverted li.has-bullet-check::before,
ul.is-list.is-inverted.has-bullet-check li::before,
ul.is-list.is-inverted li.has-bullet-check::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU0OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjYzNzEgMS4xOTc5MkMxNC4wNjI4IDEuNTQ5NzQgMTQuMTIyOCAyLjE4MDA2IDEzLjc3MDkgMi42MDU3OUw1LjczMDkgMTIuMzM1TDUuNzI4NDggMTIuMzM3OUM1LjU0NTYgMTIuNTU3NSA1LjMxNjA4IDEyLjczMzYgNS4wNTY2MSAxMi44NTM0QzQuNzk3MTMgMTIuOTczMSA0LjUxNDIzIDEzLjAzMzYgNC4yMjg0OCAxMy4wMzAySDQuMjI3NThDMy45MzcxNSAxMy4wMjY2IDMuNjUxMzEgMTIuOTU3MyAzLjM5MTUyIDEyLjgyNzRDMy4xMzI2IDEyLjY5NzkgMi45MDYyNiAxMi41MTE3IDIuNzI5MzcgMTIuMjgyNkMyLjcyODc3IDEyLjI4MTggMi43MjgxOCAxMi4yODEgMi43Mjc1OCAxMi4yODAyTDAuMjEwNjk0IDkuMDQ0MjZDLTAuMTI4Mzc2IDguNjA4MzEgLTAuMDQ5ODQyIDcuOTgwMDMgMC4zODYxMDUgNy42NDA5NkMwLjgyMjA1MyA3LjMwMTg5IDEuNDUwMzMgNy4zODA0MyAxLjc4OTQgNy44MTYzOEw0LjI1Mjk3IDEwLjk4MzhMMTIuMjI5MiAxLjMzMTc2QzEyLjU4MSAwLjkwNjAzNSAxMy4yMTE0IDAuODQ2MTEzIDEzLjYzNzEgMS4xOTc5MloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzg4NTRfMzQyNTQ5Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat left top;
}
ol.list.is-inverted.has-bullet-close li::before,
ol.list.is-inverted li.has-bullet-close::before,
ul.list.is-inverted.has-bullet-close li::before,
ul.list.is-inverted li.has-bullet-close::before,
ol.is-list.is-inverted.has-bullet-close li::before,
ol.is-list.is-inverted li.has-bullet-close::before,
ul.is-list.is-inverted.has-bullet-close li::before,
ul.is-list.is-inverted li.has-bullet-close::before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM4ODU0XzM0MjU5OSkiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNzA3MTEgMC4yOTI4OTNDMS4zMTY1OCAtMC4wOTc2MzEgMC42ODM0MTcgLTAuMDk3NjMxIDAuMjkyODkzIDAuMjkyODkzQy0wLjA5NzYzMSAwLjY4MzQxNyAtMC4wOTc2MzEgMS4zMTY1OCAwLjI5Mjg5MyAxLjcwNzExTDUuNTg1NzkgN0wwLjI5Mjg5MyAxMi4yOTI5Qy0wLjA5NzYzMSAxMi42ODM0IC0wLjA5NzYzMSAxMy4zMTY2IDAuMjkyODkzIDEzLjcwNzFDMC42ODM0MTcgMTQuMDk3NiAxLjMxNjU4IDE0LjA5NzYgMS43MDcxMSAxMy43MDcxTDcgOC40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOC40MTQyMSA3TDEzLjcwNzEgMS43MDcxMUMxNC4wOTc2IDEuMzE2NTggMTQuMDk3NiAwLjY4MzQxNyAxMy43MDcxIDAuMjkyODkzQzEzLjMxNjYgLTAuMDk3NjMxIDEyLjY4MzQgLTAuMDk3NjMxIDEyLjI5MjkgMC4yOTI4OTNMNyA1LjU4NTc5TDEuNzA3MTEgMC4yOTI4OTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM4ODU0XzM0MjU5OSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) no-repeat left top;
}

ul.list:not(.has-bullet-circle):not(.has-bullet-check) li,
ul.is-list:not(.has-bullet-circle):not(.has-bullet-check) li {
  list-style: disc;
}

.table {
  background-color: var(--group-table-background-color);
  color: var(--group-table-color);
}
.table td,
.table th {
  border: var(--group-table-cell-border);
  border-width: var(--group-table-cell-border-width);
  padding: var(--group-table-cell-padding);
  vertical-align: middle;
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: var(--group-table-row-background-color-active);
  color: var(--group-table-row-color-active);
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table th {
  color: var(--group-table-cell-heading-color);
}
.table th:not([align]) {
  text-align: inherit;
}
.table tr.is-selected {
  background-color: var(--group-table-row-background-color-active);
  color: var(--group-table-row-color-active);
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: var(--group-table-row-color-active);
  color: currentColor;
}
.table thead {
  background-color: var(--group-table-head-background-color);
}
.table thead td,
.table thead th {
  border-width: var(--group-table-head-cell-border-width);
  color: var(--group-table-head-cell-color);
}
.table tfoot {
  background-color: var(--group-table-foot-background-color);
}
.table tfoot td,
.table tfoot th {
  border-width: var(--group-table-foot-cell-border-width);
  color: var(--group-table-foot-cell-color);
}
.table tbody {
  background-color: var(--group-table-body-background-color);
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered th {
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: var(--group-table-cell-border-color);
  border-left-color: var(--group-table-cell-border-color);
  border-right-color: var(--group-table-cell-border-color);
}
.table.is-bordered td {
  border-width: 1px;
}
.table.is-bordered tr:last-child td {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: var(--group-table-row-background-color-hover);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: var(--group-table-row-background-color-hover);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: var(--group-table-striped-row-even-background-color-hover);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: var(--group-table-striped-row-even-background-color);
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

table.table {
  display: table !important;
  border-spacing: 0;
  margin: 0;
}
table.table thead tr {
  border-top: 0;
}
table.table thead th {
  border-color: var(--group-table-head-cell-border-color);
  border-bottom-width: 2px;
}
table.table th:not([align]) {
  text-align: left;
}
table.table td,
table.table th {
  font-size: var(--group-table-head-font-size);
  font-family: var(--group-table-head-font-family), sans-serif;
  vertical-align: middle;
  color: var(--group-table-color);
  text-align: left;
}
table.table td .group-checkbox,
table.table th .group-checkbox {
  padding: 0;
  margin-top: 1px;
}
table.table td {
  color: var(--group-table-color);
  -webkit-hyphens: auto;
          hyphens: auto;
}
table.table td.has-buttons {
  padding: 2px;
}
table.table td.has-buttons .group-button {
  margin-right: 0.25rem;
}
table.table td.has-buttons .group-button:last-child {
  margin-right: 0;
}
table.table td.has-buttons .buttons {
  justify-content: flex-end;
  padding: 3px;
}

.title,
.subtitle {
  -webkit-hyphens: auto;
          hyphens: auto;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--group-scale-1-typography-font-size-font-3);
  line-height: var(--group-scale-1-typography-line-height-font-4);
}
@media screen and (min-width: 769px), print {
  .title,
  .subtitle {
    font-size: var(--group-scale-2-typography-font-size-font-3);
    line-height: var(--group-scale-2-typography-line-height-font-4);
  }
}
@media screen and (min-width: 1024px) {
  .title,
  .subtitle {
    font-size: var(--group-scale-3-typography-font-size-font-3);
    line-height: var(--group-scale-3-typography-line-height-font-4);
  }
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title strong,
.subtitle strong {
  font-weight: var(--group-font-weight-bold);
}
.title:not(:last-child),
.subtitle:not(:last-child) {
  margin-bottom: var(--group-space-x-small);
}
@media screen and (min-width: 769px), print {
  .title:not(:last-child),
  .subtitle:not(:last-child) {
    margin-bottom: var(--group-space-x-small-tablet);
  }
}
@media screen and (min-width: 1024px) {
  .title:not(:last-child),
  .subtitle:not(:last-child) {
    margin-bottom: var(--group-space-x-small-desktop);
  }
}

.title {
  font-family: var(--group-title-font-family), sans-serif;
  font-weight: var(--group-title-font-weight);
}

.subtitle {
  font-family: var(--group-subtitle-font-family), sans-serif;
  font-weight: var(--group-subtitle-font-weight);
}

.has-sticky-footer {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.has-sticky-footer main {
  padding-bottom: 2.5rem;
}
.has-sticky-footer .group-footer,
.has-sticky-footer footer.footer {
  margin-top: auto;
}

.is-fullwidth {
  width: 100%;
}

.is-fullheight {
  height: 100%;
}

.is-vertical-align-top {
  vertical-align: top;
}

.is-vertical-align-middle {
  vertical-align: middle;
}

.is-vertical-align-bottom {
  vertical-align: bottom;
}
/*# sourceMappingURL=core.css.map */